/*--- Colors setup ---*/
/*--- Fonts ---*/
/*--- Spacing ---*/
/*--- Buttons ---*/
/*--- helpers ---*/
/*.class{
    @include flex-box(row, 50px);

    @media (max-width: bp(m))  {
       background-color: color(danger);
    }
}*/
body:not(.wp-admin) {
  font-family: "Inter";
}
body:not(.wp-admin) h1, body:not(.wp-admin) h2, body:not(.wp-admin) h3, body:not(.wp-admin) h4, body:not(.wp-admin) h5, body:not(.wp-admin) h6 {
  font-family: "Inter";
}
/*--- Header ---*/
.top-bar {
  border-bottom: 0.0625rem solid #FFFFFF;
}
.top-bar__container {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  padding: 0.5rem 0;
  align-items: center;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .top-bar__container {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    justify-content: space-between;
    padding: 0.625rem 0;
  }
}
.top-bar__wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
  align-items: center;
}
.top-bar__wrapper .ct-image.peugeot-logo {
  width: 1.9875rem;
  height: 1.875rem;
}
@media (min-width: 768px) {
  .top-bar__wrapper .ct-image.peugeot-logo {
    height: 2.1875rem;
  }
}
.top-bar #top-bar-navigation {
  align-items: center;
  display: none;
}
@media (min-width: 1025px) {
  .top-bar #top-bar-navigation {
    display: flex;
  }
}
.top-bar #top-bar-navigation li a {
  color: #FFFFFF;
  display: flex;
  font-family: Inter;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0021875rem;
}
@media (min-width: 1025px) {
  .top-bar #top-bar-navigation li a {
    display: inline;
    color: #FFFFFF;
  }
}
.top-bar #top-bar-navigation .current-menu-item a {
  letter-spacing: 0.00625rem;
  opacity: 0.6;
}
.top-bar .site-menu .menu {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  align-items: center;
  list-style: none;
  margin: 5.9375rem 0;
  padding: 0px;
}
@media (min-width: 1025px) {
  .top-bar .site-menu .menu {
    display: flex;
    flex-direction: row;
    gap: 1.875rem;
    margin: 0;
  }
}
.top-bar .menu-item a {
  text-decoration: none;
  padding: 0.625rem 1.375rem;
}
@media (min-width: 1025px) {
  .top-bar .menu-item a {
    padding: 0;
  }
}
.top-bar .menu-item a:hover {
  opacity: 0.6;
}
header {
  position: relative;
}
header .main-header {
  display: flex;
  flex-direction: row;
  gap: 0px;
  padding: 1.25rem 0;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  header .main-header {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
  }
}
header .main-header__nav {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
}
header .main-header #site-navigation {
  align-items: center;
  display: flex;
}
header .main-header #site-navigation li a {
  display: flex;
  color: #FFFFFF;
  align-items: center;
  font-family: Inter;
  font-size: 0.0000000001rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0021875rem;
}
@media (min-width: 1025px) {
  header .main-header #site-navigation li a {
    font-size: 0.875rem;
  }
}
header .main-header #site-navigation .current-menu-item a {
  letter-spacing: 0.00625rem;
  opacity: 0.6;
}
header .main-header .menus-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
}
header .main-header .desktop-menu .site-menu .menu {
  display: flex;
  flex-direction: row;
  gap: 0rem;
  align-items: center;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
header .main-header .desktop-menu .menu-item a {
  text-decoration: none;
  padding: 0.75rem;
}
@media (min-width: 1025px) {
  header .main-header .desktop-menu .menu-item a {
    padding: 0.5rem 1.5rem;
  }
}
header .main-header .desktop-menu .menu-item a:hover {
  opacity: 0.6;
}
header .main-header .desktop-menu .cart-icon a:before {
  content: url("https://francetech-eshop.dev.webikon.sk/wp-content/uploads/2023/10/basket-icon.svg");
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
}
@media (min-width: 1025px) {
  header .main-header .desktop-menu .cart-icon a:before {
    margin-right: 8px;
    width: 1rem;
    height: 1rem;
  }
}
header .main-header .desktop-menu .my-account-icon a:before {
  content: url("https://francetech-eshop.dev.webikon.sk/wp-content/uploads/2023/09/person-icon.svg");
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
}
@media (min-width: 1025px) {
  header .main-header .desktop-menu .my-account-icon a:before {
    margin-right: 8px;
    width: 1rem;
    height: 1rem;
  }
}
header .main-header .desktop-menu .products {
  display: none;
}
@media (min-width: 1025px) {
  header .main-header .desktop-menu .products {
    display: flex;
  }
}
header .main-header .ct-link {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
header .main-header .ct-link.logo {
  max-width: 10.5rem;
  max-height: 3rem;
}
@media (min-width: 768px) {
  header .main-header .ct-link.logo {
    max-height: 100%;
    max-width: 100%;
  }
}
header .main-header .oxy-search-form:not(.mobile-search__search-field) {
  display: none;
  width: fit-content;
}
@media (min-width: 768px) {
  header .main-header .oxy-search-form:not(.mobile-search__search-field) {
    display: flex;
  }
}
header .main-header .oxy-search-form:not(.mobile-search__search-field) div {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  gap: 0px;
}
header .main-header .oxy-search-form:not(.mobile-search__search-field) div::after {
  content: url("https://francetech-eshop.dev.webikon.sk/wp-content/uploads/2023/10/search.svg");
  position: absolute;
  left: 8px;
  top: 7.5px;
  z-index: 0;
}
header .main-header .oxy-search-form input::placeholder {
  font-weight: 400;
  color: #414042;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.035px;
}
header .main-header .oxy-search-form input[type="submit"] {
  width: 20px;
  height: 20px;
  background-color: transparent;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 8px;
  top: 7.5px;
}
header .main-header .oxy-search-form input#s {
  padding-left: 2.375rem;
  width: 15.625rem;
  border-radius: 0;
}
@media (min-width: 1200px) {
  header .main-header .oxy-search-form input#s {
    width: 25rem;
  }
}
header .main-header .oxy-search-form input#s:focus {
  box-shadow: none;
  border: 1px solid #0197F6;
}
header .main-header #site-mobile-navigation {
  align-items: center;
  display: none;
}
@media (max-width: 1024px) {
  header .main-header #site-mobile-navigation.open {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: center;
    position: absolute;
    height: 100vh;
    min-height: 451px;
    top: 5.5rem;
    left: 0px;
    z-index: 10;
    width: 100vw;
    background-color: #FFFFFF;
    padding: 1.25rem 0;
  }
}
@media (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
  header .main-header #site-mobile-navigation.open {
    top: 6.125rem;
  }
}
header .main-header #site-mobile-navigation li:not(.current-menu-item) a {
  color: #000000;
  display: flex;
}
@media (min-width: 1025px) {
  header .main-header #site-mobile-navigation li:not(.current-menu-item) a {
    display: inline;
    color: #000000;
    font-size: 1.25rem;
  }
}
header .main-header #site-mobile-navigation li:not(.current-menu-item) a:hover {
  color: #A0A2A4;
  background-color: transparent;
}
header .main-header #site-mobile-navigation li.menu-item-has-children > a {
  color: #A0A2A4;
}
header .main-header #site-mobile-navigation li.menu-item-has-children > a:hover {
  color: #A0A2A4;
}
header .main-header #site-mobile-navigation li.current-menu-item a {
  color: #0197F6;
  display: flex;
}
@media (min-width: 1025px) {
  header .main-header #site-mobile-navigation li.current-menu-item a {
    font-size: 1.25rem;
  }
}
header .main-header #site-mobile-navigation .sub-menu {
  padding: 0;
}
header .main-header #site-mobile-navigation .sub-menu li:not(:last-child) {
  list-style: none;
  border-bottom: 0.5px solid #F0F0F0;
}
header .main-header .mobile-menu .site-menu {
  width: 100%;
}
header .main-header .mobile-menu .site-menu .menu {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: left;
  list-style: none;
  margin: 0;
  padding: 0px;
}
@media (min-width: 1025px) {
  header .main-header .mobile-menu .site-menu .menu {
    display: flex;
    flex-direction: row;
    gap: 0;
    margin: 0;
  }
}
header .main-header .mobile-menu .menu-item a {
  text-decoration: none;
  padding: 0.625rem 1.375rem;
}
@media (min-width: 1025px) {
  header .main-header .mobile-menu .menu-item a {
    padding: 0;
  }
}
header .main-header #mobile-nav-icon {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: block;
  margin: 0.875rem;
  margin-right: 0px;
}
@media (min-width: 1025px) {
  header .main-header #mobile-nav-icon {
    display: none;
  }
}
header .main-header #mobile-nav-icon span {
  display: block;
  position: absolute;
  height: 0.0625rem;
  width: 87.5%;
  background: #FFFFFF;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
header .main-header #mobile-nav-icon span:nth-child(1) {
  top: 0.3125rem;
}
header .main-header #mobile-nav-icon span:nth-child(2), header .main-header #mobile-nav-icon span:nth-child(3) {
  top: 0.5625rem;
}
header .main-header #mobile-nav-icon span:nth-child(4) {
  top: 0.8125rem;
}
header .main-header #mobile-nav-icon.open span:nth-child(1) {
  display: none;
}
header .main-header #mobile-nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .main-header #mobile-nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .main-header #mobile-nav-icon.open span:nth-child(4) {
  display: none;
}
header .mobile-search {
  display: block;
  padding: 0.75rem;
}
@media (min-width: 768px) {
  header .mobile-search {
    display: none;
  }
}
header .mobile-search__search-field.oxy-search-form {
  display: none;
  opacity: 1;
  width: 100%;
  left: 0;
  bottom: 0;
  transform: translate(0, 100%);
  border: none;
  outline: none;
  z-index: 999;
  background: white;
  min-height: 25px;
  position: absolute;
}
header .mobile-search__search-field.oxy-search-form input#s {
  width: 100%;
  padding: 0.75rem 1.25rem;
}
header .mobile-search__search-field.oxy-search-form #searchsubmit {
  display: none;
}
header .mobile-search__search-field.show-mobile-search {
  display: block;
}
header a {
  text-decoration: none;
}
/*--- Breadcrumbs ---*/
.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb, .woocommerce-breadcrumb {
  font-size: 0.875rem;
  line-height: 150%;
  color: #0197F6;
  margin: 1.25rem 0;
  display: flex;
  gap: 0.625rem;
}
@media (min-width: 768px) {
  .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb, .woocommerce-breadcrumb {
    margin-top: 0.625rem;
    margin-bottom: 1.875rem;
  }
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a, .woocommerce-breadcrumb a {
  color: #414042;
  text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover, .woocommerce-page .woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb a:hover {
  color: #0197F6;
}
.woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-breadcrumb::before {
  display: none;
}
.ft-woocommerce-page-title {
  position: relative;
  padding-bottom: 1.875rem;
}
.ft-woocommerce-page-title .ct-headline {
  margin-bottom: 0.5rem;
}
.ft-woocommerce-page-title .ct-text-block p {
  margin: 0 0 0.625rem;
}
.ft-woocommerce-page-title .page-title-pattern {
  position: absolute;
  bottom: -3.25rem;
  left: 0;
  max-width: 20rem;
}
@media (min-width: 768px) {
  .ft-woocommerce-page-title .page-title-pattern {
    max-width: 31.25rem;
    bottom: -3.75rem;
  }
}
@media (min-width: 992px) {
  .ft-woocommerce-page-title .page-title-pattern {
    max-width: 36.25rem;
  }
}
@media (min-width: 1200px) {
  .ft-woocommerce-page-title .page-title-pattern {
    max-width: 45rem;
  }
}
.ft-woocommerce-page-title + .ft-product-list {
  margin-top: 2.5rem;
}
@media (min-width: 992px) {
  .ft-woocommerce-page-title + .ft-product-list {
    margin-top: 1.25rem;
  }
}
/*--- Footer ---*/
footer .footer-top {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-self: stretch;
  padding: 2.5rem 1.25rem;
}
@media (min-width: 992px) {
  footer .footer-top {
    justify-content: space-between;
    flex-direction: row;
    gap: 1rem;
  }
}
footer .footer-top__wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 992px) {
  footer .footer-top__wrapper {
    max-width: 20rem;
  }
}
footer .footer-top__links {
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-self: stretch;
  row-gap: 2rem;
  column-gap: 1.25rem;
}
@media (min-width: 768px) {
  footer .footer-top__links {
    display: flex;
    flex-direction: row;
    gap: 4rem;
    flex-wrap: nowrap;
    max-width: 75%;
  }
}
footer .footer-top__links__column.oxy-pro-menu {
  width: 100%;
}
footer .footer-top__links__column.oxy-pro-menu .oxy-pro-menu-list li:first-of-type {
  font-size: 1.25rem;
  line-height: 1.25;
  font-weight: 500;
  pointer-events: none;
  margin-bottom: 0.25rem;
}
footer .footer-top__links__column.oxy-pro-menu .oxy-pro-menu-list li a {
  color: white;
  white-space: normal;
}
footer .footer-top__links__column.oxy-pro-menu .oxy-pro-menu-list li a:hover {
  color: #0197F6;
  text-decoration: underline;
}
footer .footer-top__links__column.oxy-pro-menu .oxy-pro-menu-container ul.oxy-pro-menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-direction: column !important;
}
footer .footer-bottom {
  display: flex;
  flex-direction: column-reverse;
  gap: 2rem;
  justify-content: space-between;
  align-self: stretch;
  padding: 2.5rem 1.25rem;
}
@media (min-width: 768px) {
  footer .footer-bottom {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    padding: 2.5rem 0px;
  }
}
footer .footer-bottom__socials {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: center;
}
footer .footer-bottom__socials svg {
  color: #F0F0F0;
}
footer .footer-bottom__socials svg:hover {
  color: #0197F6;
}
.newsletter {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  align-items: center;
  width: 100%;
  /*.gform_body {
        width: 100%;

        @media (min-width: bp(md)) {
            width: 75%;
        }

        @media (min-width: bp(xl)) {
            width: 80%;
        }
    }

    .top_label {
        width: 100%;

        @media (min-width: bp(md)) {
            width: 25%;
        }

        @media (min-width: bp(xl)) {
            width: 20%;
        }

        margin-top: 0 !important;
        padding: 0 !important;
        align-self: flex-start;

        input[type="submit"] {
            width: 100%;
            height: 50%;
            min-height: rem(40px);
            padding: rem(12px) rem(30px);
            background-color: color(primary);
            font-size: rem(16px);
            line-height: 150% !important;
            letter-spacing: rem(0.08px);
            color: color(white);
            border: rem(1px) solid color(primary);
            cursor: pointer;
            margin-bottom: 0;

            &:hover {
                background-color: color(primary-alt);
                border: rem(1px) solid color(primary-alt);
            }

            @media (min-width: bp(md)) {
                font-size: rem(14px);
                padding: rem(8px) rem(24px);
                letter-spacing: rem(0.035px);
            }
        }
    }

    .gform_wrapper.gravity-theme .gform_fields {
        @include flex-box(column, rem(16px));

        .gfield--type-consent {
            label {
                color: white;
                font-size: 1rem;
                margin: 0;
            }

            a {
                color: color(primary);
                &:hover {
                    color: color(primary-alt);
                }
            }

            .gfield_required::before {
                content: "*";
                font-size: rem(18px);
                color: color(secondary);
                background-color: transparent;
            }

            .gfield_required {
                font-size: 0;
            }

            input {
                width: 1rem;
                height: 1rem;
            }

            .ginput_container_consent {
                @include flex-box(row, 10px);
                align-items: center;
            }
        }
    }

    .gfield--type-email {
        width: 100%;
        min-height: rem(40px);

        @media (min-width: bp(md)) {
            width: 90%;
        }
    }

    .gform_heading,
    .gform_validation_errors {
        display: none;
    }

    .gfield input.large {
        border: 0px;
        height: 100%;
        min-height: rem(40px) !important;
        max-height: rem(40px) !important;
        font-size: rem(14px);
        line-height: 150%;
        letter-spacing: rem(0.035px);
        color: color(neutral-alt);
        border-radius: 0;
    }

    .ginput_container {
        height: 100%;
    }

    .gform_wrapper.gravity-theme .gfield {
        display: contents;
        width: 100%;

        @media (min-width: bp(md)) {
            display: flex;
            flex-direction: column;
        }

        .ginput_container_email {
            max-height: rem(40px);
        }

        input {
            border-radius: 0;
        }
    }

    .gform_confirmation_wrapper {
        display: flex;
        justify-content: center;
        min-height: rem(100px);
        align-items: center;

        @media (min-width: bp(md)) {
            justify-content: flex-end;
        }
    }

    .gform_confirmation_message {
        color: color(primary-alt);
        font-family: Inter;
        font-weight: 400;
        line-height: 125%;
        width: 100%;

        @media (min-width: bp(md)) {
            width: 80%;
        }
    }

    .gfield_validation_message {
        display: contents;
    }*/
}
@media (min-width: 768px) {
  .newsletter {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    padding-top: 5.8125rem;
    padding-bottom: 7.375rem;
  }
}
.newsletter__text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .newsletter__text {
    width: 50%;
  }
}
.newsletter__email {
  width: 100%;
}
@media (min-width: 768px) {
  .newsletter__email {
    width: 50%;
  }
}
.newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 {
    display: flex;
    flex-direction: row;
    gap: 0px;
  }
}
.newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 .newsletter-btn {
  flex: 1;
  border: none;
  cursor: pointer;
  padding: 8px;
  height: 2.5rem;
}
.newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 .newsletter-btn:hover {
  background-color: #0168AA;
}
.newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 .sib_msg_disp {
  width: 100%;
}
.newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 .sib_msg_disp p {
  color: #FFFFFF;
  background-color: #ED1941;
  border: none;
  border-radius: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .newsletter form#sib_signup_form_2 .sib_signup_box_inside_2 .sib_msg_disp p {
    margin-bottom: 1rem;
  }
}
.newsletter .newsletter-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.newsletter .newsletter-wrapper .newsletter-email-area {
  width: 100%;
  border: none;
  padding: 8px;
  height: 2.5rem;
  border-radius: 0px;
}
.newsletter .newsletter-wrapper .newsletter-consent {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.newsletter .newsletter-wrapper .newsletter-consent__label {
  font-size: 0.875rem;
  color: #FFFFFF;
  margin: 0;
}
.newsletter .newsletter-wrapper .newsletter-consent__label a {
  color: #0197F6;
}
.newsletter .newsletter-wrapper .newsletter-consent__label a:hover {
  color: #0168AA;
}
.newsletter .newsletter-wrapper .newsletter-consent input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
}
.footer-vector.ct-section {
  background-image: url(https://francetech-eshop.dev.webikon.sk/wp-content/uploads/2023/09/footer-line-mobile.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 1.3125rem;
}
@media (min-width: 768px) {
  .footer-vector.ct-section {
    background-image: url(https://francetech-eshop.dev.webikon.sk/wp-content/uploads/2023/09/footer-line.png);
    background-size: cover;
    min-height: 1.0625rem;
  }
}
/*--- Vectors - gray on sides ---*/
.right-vector {
  display: flex;
  align-items: flex-end;
  margin-top: -1.8%;
}
.right-vector > img {
  width: 80%;
}
@media (min-width: 768px) {
  .right-vector {
    margin-top: -1.2%;
  }
  .right-vector > img {
    width: 52%;
  }
}
.left-vector {
  display: flex;
  align-items: flex-start;
  margin-top: -1.8%;
}
.left-vector > img {
  width: 80%;
}
@media (min-width: 768px) {
  .left-vector {
    margin-top: -1.2%;
  }
  .left-vector > img {
    width: 52%;
  }
}