/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./_front/modules/header/header.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable scss/operator-no-newline-after */
/* stylelint-enable scss/operator-no-newline-after */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  transition: background-color 0.3s ease, transform 0.3s ease;
  transform: translateY(0);
}
.site-header--light {
  color: var(--dark);
}
.site-header--light .lang-selector button {
  color: var(--dark);
}
.site-header--light .site-header__action--cart .cart button {
  color: var(--dark);
}
.site-header--light .site-header__logo .logo--light {
  display: none;
}
.site-header--light .site-header__logo .logo--dark {
  display: block;
}
.site-header--dark {
  color: var(--light);
}
.site-header--dark .lang-selector button {
  color: var(--light);
}
.site-header--dark .site-header__action--cart .cart button {
  color: var(--light);
}
.site-header--dark .site-header__logo .logo--light {
  display: block;
}
.site-header--dark .site-header__logo .logo--dark {
  display: none;
}
.site-header--dark:not(.header-scrolled) {
  color: var(--light);
}
.site-header--dark:not(.header-scrolled) .lang-selector button {
  color: var(--light);
}
.site-header--dark:not(.header-scrolled) .site-header__action--cart .cart button {
  color: var(--light);
}
.site-header--dark:not(.header-scrolled) .site-header__logo .logo--light {
  display: block;
}
.site-header--dark:not(.header-scrolled) .site-header__logo .logo--dark {
  display: none;
}
.site-header.mega-menu--open, .site-header.header-scrolled {
  background-color: var(--light);
  color: var(--dark);
}
.site-header.mega-menu--open .lang-selector button, .site-header.header-scrolled .lang-selector button {
  color: var(--dark);
}
.site-header.mega-menu--open .site-header__action--cart .cart button, .site-header.header-scrolled .site-header__action--cart .cart button {
  color: var(--dark);
}
.site-header.mega-menu--open .site-header__logo .logo--light, .site-header.header-scrolled .site-header__logo .logo--light {
  display: none;
}
.site-header.mega-menu--open .site-header__logo .logo--dark, .site-header.header-scrolled .site-header__logo .logo--dark {
  display: block;
}
.site-header.persistent-bg {
  background-color: var(--gray-light);
  color: var(--dark);
}
.site-header.persistent-bg .lang-selector button {
  color: var(--dark);
}
.site-header.persistent-bg .site-header__action--cart .cart button {
  color: var(--dark);
}
.site-header.persistent-bg .site-header__logo .logo--light {
  display: none;
}
.site-header.persistent-bg .site-header__logo .logo--dark {
  display: block;
}
.site-header.persistent-bg .search-text {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.site-header.hidden {
  transform: translateY(-100%);
}
.site-header__wrap {
  padding-block: max(25px, 1.6666666667vw);
  padding-inline: max(16px, 3.125vw);
}
.site-header__wrap > * {
  flex: 1;
}
.site-header__burger {
  cursor: pointer;
}
.site-header__burger svg {
  width: max(23px, 1.1979166667vw);
  height: max(14px, 0.7291666667vw);
}
.site-header__logo a img {
  height: max(33px, 2.8125vw);
}
.site-header__logo a svg {
  width: max(88px, 7.5520833333vw);
  height: max(33px, 2.8125vw);
}
.site-header__menu {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0s ease 0.3s;
  flex: 2;
}
.site-header__menu > ul {
  padding-left: 0;
  list-style: none;
  padding-left: 0;
  margin-block: 0;
}
.site-header__menu > ul > li {
  white-space: nowrap;
}
.site-header__menu > ul > li:not(:last-child) {
  margin-right: max(10px, 1.6666666667vw);
}
.site-header__action {
  /* stylelint-disable */
  /* stylelint-enable */
}
.site-header__action > * svg {
  width: max(17px, 0.8854166667vw);
  height: max(17px, 0.8854166667vw);
  flex-shrink: 0;
}
.site-header__action > * svg.icon-user {
  width: max(18px, 0.9375vw);
  height: max(17px, 0.8854166667vw);
}
.site-header__action > * svg.icon-heart {
  width: max(20px, 1.0416666667vw);
  height: max(17px, 0.8854166667vw);
}
.site-header__action > * svg.icon-bag {
  width: max(16px, 0.8333333333vw);
  height: max(17px, 0.8854166667vw);
}
.site-header__action > *.site-header__action--search {
  cursor: pointer;
}
.site-header__action > *:not(:first-child) {
  margin-left: max(12px, 1.6666666667vw);
}
.site-header__action .wishlist.active svg path {
  fill: currentcolor;
}

/* stylelint-disable */
.lang-selector {
  position: relative;
  /* stylelint-enable */
}
.lang-selector .icon-chevron {
  width: max(12px, 0.625vw);
  height: max(12px, 0.625vw);
  margin-left: max(12px, 0.625vw);
  background-color: currentcolor;
  transform: rotate(-180deg);
  mask: url("data:image/svg+xml,%3Csvg width=%2714%27 height=%277%27 viewBox=%270 0 14 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M13 6.4917L7 0.508696L1 6.4917%27 stroke=%27%231A1A1A%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
}
.lang-selector button {
  white-space: nowrap;
  background: transparent;
  border: none;
  padding-inline: 0;
}
.lang-selector ul {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  display: none;
}
.lang-selector ul li {
  list-style: none;
}
.lang-selector.expanded {
  /* stylelint-disable */
  /* stylelint-enable */
}
.lang-selector.expanded .icon-chevron {
  transform: rotate(0deg);
}
.lang-selector.expanded ul {
  display: block;
  margin: 0;
}
.lang-selector.expanded button.dropdown-toggle i {
  rotate: 180deg;
}

.site-header__search {
  background-color: var(--gray-light);
  border-bottom: 0 solid transparent;
  overflow: hidden;
  transition: all 0.3s ease;
  max-height: 0;
  padding-block: 0;
  width: 100%;
  padding-inline: max(16px, 0.8333333333vw);
  z-index: -1;
  /* stylelint-disable */
  /* stylelint-enable */
}
.site-header__search.is-visible {
  padding-block: max(59px, 3.2291666667vw) max(20px, 2.3958333333vw);
  max-height: unset;
  border-bottom: 1px solid var(--dark);
}
.site-header__search form {
  position: relative;
  width: 100%;
}
.site-header__search .input-wrap {
  width: 100%;
}
.site-header__search .clear-input {
  top: 0;
  left: 100%;
  margin: auto;
  cursor: pointer;
  width: max(12px, 0.625vw);
  transform: translateX(-100%);
  display: none;
  /* stylelint-disable */
  /* stylelint-enable */
}
.site-header__search .clear-input svg {
  width: max(12px, 0.625vw);
  height: max(12px, 0.625vw);
}
.site-header__search .clear-input.is-visible {
  display: block;
}
.site-header__search input {
  padding-bottom: max(12px, 0.625vw);
  padding-inline: 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--dark);
  color: var(--dark) !important;
  background: transparent;
  width: 100%;
}
.site-header__search input::placeholder {
  color: var(--dark);
}
.site-header__search input:focus::placeholder {
  color: transparent !important;
}
.site-header__search input:focus-visible {
  outline: none;
}
.site-header__search button {
  margin-top: 24px;
}

.js-result-list {
  margin-top: max(10px, 0.5208333333vw);
  max-height: 320px;
  overflow: auto;
  width: 100%;
  padding-inline: 16px;
}
.js-result-list::-webkit-scrollbar {
  width: 4px;
}
.js-result-list::-webkit-scrollbar-thumb {
  background-color: var(--dark);
  border-radius: 2px;
}
.js-result-list__item {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  /* stylelint-disable */
  /* stylelint-enable */
}
.js-result-list__item:first-child {
  margin-top: 20px;
}
.js-result-list__item .title {
  width: 38.25%;
  padding-right: 10px;
}
.js-result-list__item img {
  width: 84px;
  height: 100px;
  object-fit: cover;
}
.js-result-list__item .content {
  flex: 1 0;
  display: flex;
}
.js-result-list__item .content__info {
  flex: 1 0;
  padding-top: 8px;
  padding-inline: 10px;
}
.js-result-list__item .content__info .name {
  margin-bottom: 4px;
}
.js-result-list--empty {
  width: 100%;
}
@media (min-width: 768px) {
  .site-header__search form {
    padding-inline: unset;
    max-width: max(587px, 30.5729166667vw);
  }
  .site-header__search button {
    margin-top: unset;
    margin-left: max(30px, 1.5625vw);
  }
  .js-result-list {
    padding-inline: unset;
    max-width: max(587px, 30.5729166667vw);
  }
  .js-result-list--empty {
    max-width: max(587px, 30.5729166667vw);
  }
}
@media (hover: hover) and (min-width: 992px) {
  body.no-scroll .cart-modal.cart--open {
    margin-right: calc(-1 * var(--sb-width));
  }
}
@media (min-width: 992px) {
  body.no-scroll .site-header {
    width: calc(100% - var(--sb-width, 17px));
  }
}

/*# sourceMappingURL=header.css.map*/