/*--------------------*/
/* RESET              */
/*--------------------*/
html {height: auto;font-synthesis: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;scroll-behavior: smooth;scroll-padding-top: var(--h-height, 0);background-color: var(--bg-1);}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;}
:is(*, *:before, *:after) {-webkit-box-sizing: inherit;box-sizing: inherit;}
* {border: 0;margin: 0;padding: 0;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;font-family: inherit;-webkit-tap-highlight-color: transparent;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
::selection {color: var(--clr-white);background: var(--clr-black);}
a {text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(sub, sup) {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
/*img::before {content: "";position: absolute;inset: 0;background-repeat: no-repeat;background-position: center;background-size: cover;}*/
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/min(5rem, 50%) min(5rem, 50%) #e3e3e3 url(../img/placeholder.svg);}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
:is(input, textarea, select) {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
button {background: none;}
/*----------------------*/
/* MAIN GLOBAL SETTINGS */
/*----------------------*/
:root {--root-scale: 1rem;--svh: 100vh;--dvh: 100vh;--container-width: 100%;--ff-1: "Comfortaa",sans-serif;--h1: clamp(2.25rem, 1.6184rem + 1.3158vi, 3rem);--h2: clamp(2rem, 1.7895rem + 0.4386vi, 2.25rem);--h3: clamp(1.75rem, 1.5395rem + 0.4386vi, 2rem);--h4: clamp(1.5rem, 1.2895rem + 0.4386vi, 1.75rem);--h5: clamp(1.25rem, 1.0395rem + 0.4386vi, 1.5rem);--h6: clamp(1.125rem, 1.0197rem + 0.2193vi, 1.25rem);--text-l: clamp(1rem, 0.8947rem + 0.2193vi, 1.125rem);--text-m: clamp(0.9375rem, 0.8849rem + 0.1096vi, 1rem);--text-s: clamp(0.875rem, 0.8224rem + 0.1096vi, 0.9375rem);--text-xs: 0.8125rem;--text-2xs: 0.75rem;--text: var(--text-m);--sp-xl: clamp(3.75rem, 2.1711rem + 3.2895vi, 5.625rem);--sp-lg: clamp(2.5rem, 1.4474rem + 2.193vi, 3.75rem);--sp-md: clamp(1.875rem, 1.3487rem + 1.0965vi, 2.5rem);--sp-sm: clamp(1.25rem, 0.7237rem + 1.0965vi, 1.875rem);--sp-xs: clamp(0.9375rem, 0.6743rem + 0.5482vi, 1.25rem);--sp-2xs: clamp(0.625rem, 0.3618rem + 0.5482vi, 0.9375rem);--sp-3xs: clamp(0.375rem, 0.1645rem + 0.4386vi, 0.625rem);--sp-4xs: clamp(0.25rem, 0.1447rem + 0.2193vi, 0.375rem);--rd-1: 1.25rem;--rd-2: 0.625rem;--clr-white: #ffffff;--clr-white-50: rgba(255, 255, 255, 0.5);--clr-white-60: rgba(255, 255, 255, 0.6);--clr-black: #000000;--clr-grey: #efefef;--clr-dark-grey: #717171;--clr-red: #ec0000;--clr-red-1: #c80000;--clr-orange: #ff7f21;--clr-yellow: #ffd700;--clr-light-yellow: #fff6c0;--clr-light-yellow-2: #fffcec;--clr-light-green: #a0f6ab;--clr-title: var(--clr-black);--clr-text: var(--clr-dark-grey);--clr-plc: var(--clr-dark-grey);--clr-primary: var(--clr-yellow);--clr-secondary: var(--clr-light-yellow);--clr-border: var(--clr-grey);--bg-1: #f9f9f9;--bg-2: var(--clr-white);--bg-3: var(var(--clr-black));--bg-4: #d9d9d9;--btn-height-l: 3.375rem;--btn-height-m: 3rem;--btn-height-s: 1.875rem;--btn-height: var(--btn-height-m);--int-height: var(--btn-height);--int-fs: 1rem;--int-pv: var(--sp-2xs);--int-ph: var(--sp-2xs);--bs-gutter-x: 1.5rem;--box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.08);--box-shadow-10: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.1);--transition-1: 0.3s ease;--transition-2: 0.6s ease;}
@supports (height: 100svh) and (height: 100dvh) {
:root {--svh: 100svh;--dvh: 100dvh;}
}
@media (max-width: 767px) {
:root {--rd-1: 10px;--rd-2: 8px;}
}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-hidden {overflow: hidden;}
html.overflow-hidden body {overflow: hidden;}
#content-block {position: relative;min-height: var(--svh);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
main .seo-sec {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
footer {margin-top: auto;}
.section {position: relative;overflow: clip;opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.section:not(.banner-sec).animated {opacity: 1;}
.container,
.container-fluid {--bs-gutter-x: 1.5rem;--bs-gutter-y: 3rem;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.swiper-slide:not(:first-child) {display: block;}
.swiper-container {opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
.popup-wrapper {content-visibility: auto;}
.sale-informer,
.cookies-informer,
.cart-informer,
.cart_bg-layer,
.cart {content-visibility: auto;}
/* sticky block */
@media (min-width: 992px) {
.show-sticky {overflow: visible;}
.sticky-block {position: sticky;top: calc(var(--h-height) + 1rem);}
}
/* container size change */
@media (min-width: 1200px) {
:root {--container-width: 89.604vw;}
.container {width: var(--container-width);}
}
@media (min-width: 992px) and (max-width: 1440px) {
:root {--root-scale: 0.75rem;}
}
@media (min-width: 2600px) {
:root {--root-scale: 2rem;}
}
@media (max-width: 991px) {
.sticky-block {overflow: hidden;}
}
/* DROPDOWN */
.dropdown {position: relative;width: -webkit-min-content;width: -moz-min-content;width: min-content;}
.dropdown__title {position: relative;white-space: nowrap;-webkit-transition: color var(--transition-1);transition: color var(--transition-1);cursor: default;}
.dropdown__click-controll {cursor: pointer;}
.dropdown__icon {position: relative;width: 0.625rem;height: 0.625rem;cursor: pointer;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.dropdown__icon svg {width: 100%;height: auto;}
.dropdown__icon path {fill: none;stroke: currentColor;stroke-width: 10;stroke-linecap: round;stroke-linejoin: round;}
.dropdown__icon::before {content: "";position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-40%, -50%);transform: translate(-40%, -50%);width: calc(100% + var(--sp-2xs));height: calc(100% + var(--sp-2xs));}
.dropdown.active > .dropdown__title > .dropdown__icon {-webkit-transform: scale(1, -1);transform: scale(1, -1);}
.dropdown__content {position: absolute;display: block;left: calc(var(--sp-3xs) * -1);top: calc(100% + var(--sp-3xs));padding: var(--sp-3xs);background: var(--clr-white);border-radius: var(--rd-2);display: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);min-width: calc(100% + var(--sp-3xs) * 2);}
.dropdown__content.right {left: unset;right: calc(var(--sp-3xs) * -1);}
.dropdown__content::before {content: "";position: absolute;left: -100vw;bottom: 100%;height: calc(var(--sp-3xs) + 2px);width: 300vw;}
.dropdown__content > *:nth-child(n+2) {margin-top: var(--sp-3xs);}
/* END DROPDOWN */
/*--------------------*/
/* HEADER             */
/*--------------------*/
:root {--h-height-top: 4.375rem;--h-height-partner: 5.5rem;--h-height-bot: 4.375rem;--h-height: calc(var(--h-height-top) + var(--h-height-partner));--h-height-2: calc(
    var(--h-height-top) + var(--h-height-bot) + var(--h-height-partner)
  );--h-logo-width: 3rem;}
body:has(.h-sub-nav-bot) {--h-height-2: calc(
    var(--h-height-top) + var(--h-height-bot) * 2 + var(--h-height-partner)
  );}
.header-no-partners {--h-height: var(--h-height-top);--h-height-2: calc(var(--h-height-top) + var(--h-height-bot));}
.header-no-partners:has(.h-sub-nav-bot) {--h-height-2: calc(var(--h-height-top) + var(--h-height-bot) * 2);}
header {height: var(--h-height);opacity: 0;color: var(--clr-black);font-size: var(--text-m);margin-bottom: var(--sp-xs);}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.scrolled .h-wrap {-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
.h-inner {position: relative;width: 100%;height: var(--h-height);display: -ms-grid;display: grid;-ms-grid-columns: 1fr auto 1fr;grid-template-columns: 1fr auto 1fr;-webkit-box-align: center;-ms-flex-align: center;align-items: center;grid-auto-rows: var(--h-height-top) var(--h-height-partner);-webkit-transition: margin var(--transition-1);transition: margin var(--transition-1);}
.header-no-partners .h-inner {grid-auto-rows: var(--h-height-top) var(--h-height-bot);}
.h-inner::after {content: "";position: absolute;top: var(--h-height-top);height: 1px;margin-top: -1px;width: 100vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: var(--clr-border);}
.h-logo {display: block;width: var(--h-logo-width);-ms-flex-negative: 0;flex-shrink: 0;}
.h-logo img {display: block;max-width: 100%;width: 100%;}
.h-right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;gap: var(--sp-md);}
.h-mobile-wrap,
.h-mobile-head {display: none;}
.h-nav-partner {grid-column: 1/-1;-ms-grid-row: 2;grid-row: 2;}
.h-nav-bot {grid-column: 1/-1;-ms-grid-row: 2;grid-row: 2;}
.h-sub-nav-bot {grid-column: 1/-1;-ms-grid-row: 4;grid-row: 4;}
.svg-arrow-right {-ms-flex-negative: 0;flex-shrink: 0;width: 1rem;}
.svg-arrow-right path {fill: none !important;stroke: currentColor;stroke-width: 10;stroke-linecap: round;stroke-linejoin: round;}
.h-mobile-head .svg-arrow-right {width: 1rem;height: 1rem;}
.h-nav > ul {display: -webkit-box;display: -ms-flexbox;display: flex;gap: var(--sp-3xs);-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.h-nav__btn {white-space: nowrap;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: var(--sp-4xs);padding: var(--sp-3xs);border-radius: var(--rd-2);border: solid 1px transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
.h-nav__btn svg,
.h-nav__btn img {-ms-flex-negative: 0;flex-shrink: 0;width: 1.5em;}
.h-nav__btn.active {background: var(--clr-primary);border-color: var(--clr-primary);}
.dropdown.active .dropdown__title.h-nav__btn {border-color: var(--clr-secondary);background-color: var(--clr-secondary);}
.h-nav.h-nav-partner > ul {gap: var(--sp-2xs);}
.h-nav.h-nav-partner .h-nav__btn {--size: 4rem;gap: 0;padding: 0.0625rem;border-radius: var(--rd-2);border: solid 1px var(--clr-border);width: var(--size);height: var(--size);-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-color: transparent;}
.h-nav.h-nav-partner .h-nav__btn svg,
.h-nav.h-nav-partner .h-nav__btn img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.h-nav.h-nav-partner .h-nav__btn.active {border-color: var(--clr-primary);background-color: var(--clr-primary);}
.h-nav.h-nav-bot .h-nav__btn.active {border-color: var(--clr-primary);background-color: var(--clr-light-yellow-2);}
.h-btn {white-space: nowrap;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: var(--sp-4xs);padding: var(--sp-4xs);border-radius: var(--rd-2);border: solid 1px transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
.h-btn svg,
.h-btn img {-ms-flex-negative: 0;flex-shrink: 0;width: 1.5em;}
.h-cart-btn_active {background: var(--clr-primary);border-color: var(--clr-primary);}
.h-location-btn .text-xs:only-child {font-size: inherit;}
.h-location-btn_selected path {fill: var(--clr-primary);}
header.type2 {height: var(--h-height-2);}
header.type2 .h-inner {height: var(--h-height-2);grid-auto-rows: var(--h-height-top) var(--h-height-partner) var(--h-height-bot);}
header.type2 .h-nav-bot {display: -ms-grid;display: grid;grid-column: 1/-1;-ms-grid-row: 3;grid-row: 3;}
header.type2 .h-sub-nav-bot {display: -ms-grid;display: grid;grid-column: 1/-1;-ms-grid-row: 4;grid-row: 4;}
.header-no-partners header.type2 .h-inner {grid-auto-rows: var(--h-height-top) var(--h-height-bot);}
.header-no-partners header.type2 .h-nav-bot {-ms-grid-row: 2;grid-row: 2;}
.header-no-partners header.type2 .h-sub-nav-bot {-ms-grid-row: 3;grid-row: 3;}
body:has(.h-sub-nav-bot) .h-inner::before {content: "";position: absolute;bottom: var(--h-height-bot);height: 1px;margin-bottom: -1px;width: 100vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background: var(--clr-border);}
@media (min-width: 1200px) {
.h-nav__btn:hover,
.h-btn:hover {border-color: var(--clr-secondary);background-color: var(--clr-secondary);}
.h-nav__btn_promo:hover,
.h-cart-btn_active:hover {border-color: var(--clr-secondary);background-color: var(--clr-secondary);}
.h-nav.h-nav-partner .h-nav__btn:not(.active):hover {border-color: var(--clr-primary);background-color: transparent;}
}
.h-burger {display: none;}
.h-nav-bot,
.h-nav-partner {min-width: 0;display: -webkit-box;display: -ms-flexbox;display: flex;overflow-y: hidden;overflow-x: auto;margin-left: calc(var(--bs-gutter-x) * -0.5);margin-right: calc(var(--bs-gutter-x) * -0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);padding-right: calc(var(--bs-gutter-x) * 0.5);height: var(--h-height-partner);-webkit-transition: height var(--transition-1);transition: height var(--transition-1);}
.h-nav-bot {height: var(--h-height-bot);display: none;}
@media (max-width: 991px) {
:root {--h-height: calc(var(--h-height-top) + var(--h-height-partner));--h-height-bot: 3.5rem;}
.h-inner {-ms-grid-columns: auto auto;grid-template-columns: auto auto;grid-auto-rows: unset;height: auto;}
header.type2 .h-inner {grid-auto-rows: unset;height: auto;}
.header-no-partners .h-inner {grid-auto-rows: unset;}
.header-no-partners header.type2 .h-inner {grid-auto-rows: unset;}
.h-right {height: var(--h-height-top);}
.h-mobile-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;position: fixed;top: var(--h-height);left: 0;width: 100%;height: calc(100% - var(--h-height));background: var(--bg-1);overflow-x: hidden;overflow-y: auto;padding: var(--sp-sm) 0;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: 2;font-weight: bold;}
.h-mobile-wrap .container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: var(--sp-xs);}
.open-h-menu .h-mobile-wrap {opacity: 1;visibility: visible;}
.h-nav-top {display: none;}
.h-nav-bot,
.h-nav-partner {scrollbar-width: none;}
.hide-top-header .h-inner .h-nav-partner {height: 0;}
.h-burger {position: relative;right: 0;width: 1.5rem;height: 1.5rem;cursor: pointer;display: inline-block;-webkit-transition: background var(--transition-1),opacity 0.5s,right 0.25s linear,top 0.25s linear,-webkit-transform 0.5s;transition: background var(--transition-1),opacity 0.5s,right 0.25s linear,top 0.25s linear,-webkit-transform 0.5s;transition: transform 0.5s,background var(--transition-1),opacity 0.5s,right 0.25s linear,top 0.25s linear;transition: transform 0.5s,background var(--transition-1),opacity 0.5s,right 0.25s linear,top 0.25s linear,-webkit-transform 0.5s;}
.h-burger span {position: absolute;left: 50%;width: 100%;height: 2px;background: currentColor;border-radius: 1px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: inherit;transition: inherit;}
.h-burger span:nth-child(1) {top: 20%;}
.h-burger span:nth-child(2) {top: 50%;}
.h-burger span:nth-child(3) {top: 80%;}
.open-h-menu {overflow: hidden;}
.open-h-menu .h-burger {-webkit-transform: rotate(-135deg);transform: rotate(-135deg);-webkit-transition: opacity 0.5s,-webkit-transform 0.5s;transition: opacity 0.5s,-webkit-transform 0.5s;transition: transform 0.5s,opacity 0.5s;transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;}
.open-h-menu .h-burger span:nth-child(1) {top: 50%;}
.open-h-menu .h-burger span:nth-child(2) {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);opacity: 0;}
.open-h-menu .h-burger span:nth-child(3) {top: 50%;-webkit-transform: translate(-50%, -50%) rotate(-90deg);transform: translate(-50%, -50%) rotate(-90deg);}
.h-mob-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 var(--sp-3xs);font-size: var(--text-l);font-weight: bold;}
.h-mob-nav > ul > li:nth-child(n+2) {border-top: solid 1px var(--clr-border);}
.h-mob-nav__item {padding: var(--sp-xs) 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: var(--sp-2xs);color: var(--clr-black);}
.h-mob-nav__item-image {width: 2.5rem;}
.h-mob-nav__item-label {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.h-mob-nav__item_child {padding: var(--sp-2xs) 0;padding-left: calc(var(--sp-2xs) + 2.5rem);}
.h-mob-nav__item svg {-ms-flex-negative: 0;flex-shrink: 0;width: 1rem;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-mob-nav__item svg path {fill: none;stroke: currentColor;stroke-width: 10;stroke-linecap: round;stroke-linejoin: round;}
.h-mob-nav__item span {position: relative;width: 1.5rem;height: 1.5rem;background: var(--clr-red);border-radius: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;-ms-flex-negative: 0;flex-shrink: 0;color: var(--clr-white);font-size: var(--text-s);padding-top: 0.1em;}
.h-mob-nav__item_parent.active svg {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.h-mob-nav__sub-items {padding-bottom: var(--sp-xs);display: none;}
.h-mob-buttons-wrap {padding: var(--sp-3xs);border-radius: var(--rd-2);background: var(--clr-white);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: var(--sp-2xs);min-height: var(--btn-height);-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.h-mob-lang-selector {font-size: var(--text-l);}
.h-mob-lang-selector__langs {overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-weight: bold;gap: var(--sp-xs);}
.h-mob-lang-selector__lang {background: var(--bg-4);padding: var(--sp-3xs) var(--sp-2xs);border-radius: var(--rd-2);font-size: var(--text-m);}
.h-mob-lang-selector__lang.active {background: var(--clr-primary);}
}
@media (max-width: 767px) {
.h-right {gap: var(--sp-xs);}
.h-mobile-head {display: -ms-grid;display: grid;-ms-grid-columns: 1fr auto 1fr;grid-template-columns: 1fr auto 1fr;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--h-height-top);background: var(--bg-1);position: sticky;top: 0;z-index: 5;}
.h-mobile-wrap {padding-top: 0;top: 0;height: 100%;}
}
@media (max-width: 575px) {
:root {--h-logo-width: 3.125rem;}
.h-inner .h-btn:not(.h-cart-btn) > span {display: none;}
.h-cart-btn_active > span {display: block;}
}
header {opacity: 1;}
.h-hover-subnav-wrap {position: absolute;top: 100%;left: 0;width: 100%;background: var(--clr-white);height: var(--h-height-bot);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border-top: solid 1px var(--clr-border);border-bottom: solid 1px var(--clr-border);-webkit-transition: var(--transition-1);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.h-hover-subnav-wrap.active {opacity: 1;visibility: visible;}
.h-hover-subnav {display: none;}
.h-hover-subnav.active {display: block;}
body:has(.h-sub-nav-bot) .h-hover-subnav-wrap {top: calc(100% - var(--h-height-bot));}
/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 500;font-size: var(--text);line-height: 1.3;color: var(--clr-text);}
.bold {font-weight: bold;}
.texl-l {font-size: var(--text-l);}
.text-m {font-size: var(--text-m);}
.text-s {font-size: var(--text-s);}
.text-xs {font-size: var(--text-xs);}
.text-2xs {font-size: var(--text-2xs);}
.text {--text-space: 1rem;--text-rd: var(--rd-1);--text-li-padding: 2rem;--text-th-height: 4rem;--text-th-padding: 1.5rem;}
.text * + :where(*) {margin-top: calc(var(--text-space) * 2);}
.text * + :is(p, ul, ol, li) {margin-top: var(--text-space);}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {margin-top: calc(var(--text-space) * 2);}
.text .swiper-entry > * * {margin-top: 0;}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {font-weight: 700;color: var(--clr-title);}
.text b {color: var(--clr-title);}
.text b {font-weight: 700;}
.text strong {font-weight: 600;}
.text em {font-style: italic;}
.text a:not(.btn) {display: inline;font-weight: 500;color: var(--clr-red-1);text-decoration: underline;text-decoration-color: transparent;}
.text ul li,
.text ol li {position: relative;padding-left: var(--text-li-padding);}
.text ul li:before {content: "";position: absolute;left: calc(var(--text-li-padding) / 2 - 0.5em);top: 0.5em;width: 0.5em;height: 0.5em;border-radius: 100%;background-color: var(--clr-red-1);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number, decimal-leading-zero) ".";display: inline-block;position: absolute;left: 0;font-weight: 500;line-height: inherit;color: var(--clr-red-1);}
.text img {display: block;width: 100%;border-radius: var(--text-rd);}
.text figure {line-height: 0;width: 100%;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 0.75rem;font-weight: 500;line-height: 1.5em;color: var(--clr-black);margin: 0.25rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--text-rd);}
.text blockquote {text-align: left;font-weight: 500;padding-block: calc(var(--text-space) * 3);padding-inline: clamp(1rem, -6.54rem + 15.6vw, var(--text-space) * 6);color: var(--clr-black);background-color: var(--clr-grey);border-radius: var(--text-rd);}
.text table {border-collapse: collapse;width: 100%;}
.text tbody tr {text-align: left;}
.text tbody tr:nth-child(even) th,
.text tbody tr:nth-child(even) td {background-color: var(--clr-grey);}
.text tbody tr:last-child:not(:nth-child(even)) {border-bottom: 0.0625rem solid var(--clr-grey);}
.text thead tr {border: none;}
.text thead th,
.text thead td {height: var(--text-th-height);font-weight: 500;color: var(--clr-black);background-color: var(--clr-grey);}
.text td,
.text th {vertical-align: middle;height: calc(var(--text-th-height) / 1.4);padding: calc(var(--text-th-padding) / 3);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);}
.text td:first-child,
.text th:first-child {padding-left: var(--text-th-padding);border-radius: var(--text-rd) 0 0 var(--text-rd);}
.text td:last-child,
.text th:last-child {padding-right: var(--text-th-padding);border-radius: 0 var(--text-rd) var(--text-rd) 0;}
.text *:first-child img {margin-top: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: inherit;}
h1,
.h1 {font-size: var(--h1);}
h2,
.h2 {font-size: var(--h2);}
h3,
.h3 {font-size: var(--h3);}
h4,
.h4 {font-size: var(--h4);}
h5,
.h5 {font-size: var(--h5);line-height: 1.4em;}
h6,
.h6 {font-size: var(--h6);}
.title {font-weight: bold;color: var(--clr-title);}
.title-margin {margin-bottom: var(--sp-sm);}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: currentColor;}
}
@media (max-width: 991px) {
.text {--text-space: 0.75rem;--text-li-padding: 1.5rem;--text-th-height: 3.5rem;--text-th-padding: 0.5rem;}
}
hr {width: 100%;display: block;height: 1px;background: var(--clr-border);}
/*--------------------*/
/* BUTTONS            */
/*--------------------*/
.btn {z-index: 1;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;overflow: hidden;line-height: 1;text-decoration: none;padding: 0em 1.3em;border: none;border-radius: var(--rd-2);-webkit-transition: var(--transition-1);transition: var(--transition-1);-ms-flex-negative: 0;flex-shrink: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 1.125rem;gap: 0.8em;min-height: var(--btn-height);}
.btn b {font-weight: 700;display: inline-block;}
.btn_s {min-height: var(--btn-height-s);}
.btn_l {min-height: var(--btn-height-l);}
.btn_primary {background-color: var(--clr-primary);color: var(--clr-black);border: solid 2px var(--clr-primary);}
.btn_secondary {border: solid 2px var(--clr-border);background-color: var(--clr-border);color: var(--clr-black);}
.btn_black {background-color: var(--clr-black);color: var(--clr-white);}
.btn_white {background-color: var(--clr-white);color: var(--clr-black);}
.btn svg {color: currentColor;-ms-flex-negative: 0;flex-shrink: 0;width: 1.25rem;}
.btn svg *[stroke] {stroke: currentColor;}
.btn svg *[fill] {fill: currentColor;}
.btn_block {width: 100%;}
.btn.disabled,
.btn[disabled] {cursor: not-allowed;opacity: 0.5;}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 1.25rem;width: var(--bw);height: var(--bw);color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 140%;height: 2px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.btn-link {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;cursor: pointer;font-size: inherit;color: var(--clr-red-1);font-weight: 700;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.8rem;cursor: pointer;}
.btn-link svg {width: 1.25rem;}
.btn-link_black {color: var(--clr-black);}
.btn-link_grey {color: var(--clr-black);opacity: 0.5;}
.btn-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 1.875rem;}
.btn-wrapp.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
@media (min-width: 1200px) {
.btn_primary:not(:disabled):hover {background-color: var(--clr-white);}
.btn_secondary:not(:disabled):hover {background-color: var(--clr-white);}
.btn_black:not(:disabled):hover {background-color: var(--clr-white);color: var(--clr-black);}
.btn_white:not(:disabled):hover {background-color: var(--clr-black);color: var(--clr-white);}
.btn-close:hover {color: var(--clr-red);}
.btn-link:hover {color: var(--clr-black);}
.btn-link_black:hover {color: var(--clr-primary);}
.btn-link_grey:hover {opacity: 1;}
}
@media (max-width: 767px) {
.btn-wrapp {gap: 1.125rem;}
.btn-close {width: 1rem;}
}
.promo-btn {overflow: visible;margin-top: 0.75rem;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 1.1rem;font-size: var(--text-l);}
.promo-btn img {width: 5.375rem;margin-top: -0.75rem;margin-left: auto;}