/*--------------------*/
/* 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;}
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: "Montserrat", serif;
    --h1: clamp(2.25rem, 1.6184rem + 1.3158vi, 3rem);
    --h2: clamp(2rem, 1.7895rem + 0.4386vi, 2.25rem);
    --h3: clamp(1.375rem, 0.6155rem + 1.5823vw, 2rem);
    --h4: clamp(1.5rem, 1.2895rem + 0.4386vi, 1.75rem);
    --h5: clamp(1.25rem, 1.0395rem + 0.4386vi, 1.5rem);
    --h6: clamp(1rem, 0.3924rem + 1.2658vw, 1.5rem);
    --text-l: clamp(1rem, 0.6962rem + 0.6329vw, 1.25rem);
    --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(2.5rem, -1.2975rem + 7.9114vw, 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.0807rem + 0.9494vw, 0.75rem);
    --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-white-75: rgba(255, 255, 255, 0.75);
    --clr-white-80: rgba(255, 255, 255, 0.8);
    --clr-black: #1C1713;
    --clr-brown: #4E2416;
    --clr-grey: #efefef;
    --clr-dark-grey: #717171;
    --clr-red: #ec0000;
    --clr-red-1: #c80000;
    --clr-orange: #D84125;
    --clr-yellow: #ffd700;
    --clr-light-yellow: #fff6c0;
    --clr-light-yellow-2: #fffcec;
    --clr-light-green: #a0f6ab;
    --clr-title: var(--clr-black);
    --clr-text: #646464;
    --clr-plc: var(--clr-dark-grey);
    --clr-primary: var(--clr-orange);
    --clr-secondary: var(--clr-light-yellow);
    --clr-border: var(--clr-grey);
    --bg-1: #F4F0E0;
    --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: 0px 2px 24px 0px rgba(184, 180, 164, 0.30);
    --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;
    --category-height: 118px;
}
@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(--bg-1);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: 6.25rem;--h-height: 6.25rem;--h-logo-width: 9.125rem;}
header {height: var(--h-height);opacity: 0;color: var(--clr-black);font-size: var(--text-m);font-weight: 500;}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background-color: var(--bg-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);box-shadow: var(--box-shadow);}
.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: auto auto 1fr;grid-template-columns: auto auto 1fr;-webkit-box-align: center;-ms-flex-align: center;align-items: center;grid-auto-rows: 40px;-webkit-transition: margin var(--transition-1);transition: margin var(--transition-1);gap: 2.5rem;}
.header-no-partners .h-inner {grid-auto-rows: var(--h-height-top) var(--h-height-bot);}
.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: 30px;}
.h-phone{display: flex;align-items: center;gap: 8px;font-weight: 600;color: var(--clr-primary);}
.h-phone img{width: 20px;}
.h-count-items{position: relative;}
.h-count-items i{font-size: 11px;line-height: 28px;font-weight: 500;color: var(--bg-1);position: absolute;z-index: 1;left: 0;right: 0;margin-inline: auto;text-align: center;}
.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;    font-weight: 500;color: var(--clr-primary);}
.h-nav__btn svg,
.h-nav__btn img {-ms-flex-negative: 0;flex-shrink: 0;width: 1.5em;}
.h-nav__btn.active {color: var(--clr-title);}
.dropdown.active .dropdown__title.h-nav__btn {color: var(--clr-title);}
.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;color: var(--clr-primary);}
.h-btn svg,
.h-btn img {-ms-flex-negative: 0;flex-shrink: 0;width: 1.5em;}
.h-location-btn .text-xs:only-child {font-size: inherit;}
.h-location-btn_selected path {fill: var(--clr-primary);}
@media (min-width: 1200px) {
    .h-nav__btn:hover,
    .h-btn:hover,
    .h-phone:hover {color: var(--clr-title);}
    .h-nav__btn_promo:hover,
    .h-cart-btn_active:hover {color: var(--clr-title);}
    .h-nav.h-nav-partner .h-nav__btn:not(.active):hover {color: var(--clr-title);}
}
.h-burger {display: none;}
@media (max-width: 991px) {
    :root {--h-height: 3.75rem;--category-height: 3.875rem;}
    .h-inner {-ms-grid-columns: auto auto;grid-template-columns: auto auto;grid-auto-rows: unset;height: auto;gap: 1rem;}
    .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);}
    .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 {min-width: 0;display: -webkit-box;display: -ms-flexbox;display: flex;overflow-y: hidden;overflow-x: auto;scrollbar-width: none;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);display: 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;}
    .open-h-menu {overflow: hidden;}
    .open-h-menu .h-burger {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
    .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: 500;}
    .h-mob-nav > ul > li:nth-child(n+2) {border-top: solid 1px var(--clr-border);}
    .h-mob-nav__item {padding-block: 5px;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-primary);}
    .h-mob-nav__item-image {width: 2rem;}
    .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(--bg-4);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);font-weight: 500;}
    .h-mob-lang-selector__lang.active {background: var(--clr-primary);color: var(--clr-white);}
}
@media (max-width: 767px) {
    .h-phone{display: none;}
    .h-right {gap: 10px;}
    .h-mobile-head {display: flex;align-items: center;justify-content: space-between; height: var(--h-height);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) {
.h-inner .h-btn:not(.h-cart-btn) > span {display: none;}
}
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));}


.wrapper_product_category {
    padding-block:30px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
    height: var(--category-height);
}

.wrapper_product_category::-webkit-scrollbar{
    width: 0!important;
    height: 0!important;
    overflow: hidden;
}

.wrapper_product_category::-moz-scrollbar {
    width: 0!important;
    height: 0!important;
    display: none!important;
    scrollbar-width: none;
    scrollbar-height: none;
    overflow: hidden;
    overflow-y:hidden;
    overflow-x:hidden;
    margin-bottom:-14px!important;
}

.wrapper_product_category::-webkit-scrollbar-track, .wrapper_product_category::-moz-scrollbar-track {
    background: transparent!important;
}

.wrapper_product_category::-webkit-scrollbar-thumb {
    background: transparent!important;
    border-radius: 0!important;
}

.wrapper_product_category .item_cat_class {
    display: flex;
    align-items: center;
    position: relative;
    padding: clamp(0.6875rem, -0.1479rem + 1.7405vw, 1.375rem) clamp(0.9375rem, -0.5055rem + 3.0063vw, 2.125rem);
    color: var(--clr-primary);
    font-weight: 500;
    width: fit-content;
    line-height: 1;
    background-color: var(--bg-1);
    cursor: pointer;
    white-space: nowrap;
    z-index: 1;
    text-transform: lowercase;
}

.wrapper_product_category .item_cat_class::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: url(../img/icons/cat-1-decor.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.wrapper_product_category .item_cat_class:nth-child(even)::before {
    transform: translate(-50%, -50%) rotate(-10deg);
}

.wrapper_product_category .item_cat_class:nth-child(2n+3)::before {
    transform: translate(-50%, -50%) rotate(-2deg);
}

.wrapper_product_category .item_cat_class.active {
    color: var(--clr-white);
}

.wrapper_product_category .item_cat_class.active::before{
    background: url(../img/icons/cat-decor-active.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media(min-width: 1200px) {
    .wrapper_product_category .item_cat_class:hover {
        color: var(--clr-black);
    }
}
@media(max-width: 991px) {
    .wrapper_product_category{
        padding-block: 10px;
        overflow-y: hidden;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
    }
}

@media(max-width: 767px) {
    .wrapper_product_category {
        margin-inline: -15px;padding-inline: 15px;}

    .wrapper_product_category .item_cat_class {
        font-size: 14px;
    }
}

/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;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;font-weight: 400;}
.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.4em;width: 0.5em;height: 0.5em;border-radius: 100%;background-color: var(--clr-orange);}
.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-orange);}
.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: clamp(1.25rem, -1.0285rem + 4.7468vw, 3.125rem);}
.title-decor{position: relative;padding: clamp(1.25rem, 0.4146rem + 1.7405vw, 1.9375rem) clamp(1.25rem, -1.0285rem + 4.7468vw, 3.125rem);color: var(--clr-white);font-weight: 500;width: fit-content;line-height: 1;}
.title-decor.text-center{margin-inline: auto;}
.title-decor::before{content: "";position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%); background: url(../img/icons/title-decor.svg);background-repeat: no-repeat;background-position: center;background-size: contain;pointer-events: none;z-index:-1}
.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;user-select: none;cursor: pointer;overflow: hidden;line-height: 1;text-decoration: none;padding: 0em 1.3em;border: none;border-radius: var(--btn-height-l);transition: var(--transition-1);flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;font-size: 1.125rem;gap: 0.8em;min-height: var(--btn-height-l);color: var(--clr-white);font-weight: 500;background: var(--clr-primary);}
.btn b {font-weight: 500;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: 18px;color: var(--clr-primary);font-weight: 700;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 8px;cursor: pointer;}
.btn-link svg {display: inline-block;width: 14px;height: 14px;flex-shrink: 0;}
.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;}

.product-title{position: relative;color: var(--clr-primary);width: fit-content;margin-inline: auto;padding-inline:22px;}
.product-title::before{content:"";position: absolute;top:0;right:0;width: 22px;height: 31px;background: url(../img/icons/title-decor-heart.svg);background-repeat: no-repeat;background-position: center;background-size: contain; }
.home .product-title{display: none;}
@media (max-width: 767px) {
    .product-title{padding-inline:15px;}
    .product-title::before{width: 15px;height: 18px;top: 4px;}
}