/*--------------------*/
/* RESET              */
/*--------------------*/
html {height: auto;font-synthesis: none;-webkit-box-sizing: border-box;box-sizing: border-box;scroll-behavior: smooth;scroll-padding-top: var(--h-height, 0);-webkit-font-smoothing: antialiased;}
*,
*:before,
*:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
* {margin: 0;padding: 0;border: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;}
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;}
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;}
:focus,
:hover,
:active,
:visited {outline: none;}
button {background: none;}
body {height: auto;overflow-y: scroll;scroll-behavior: smooth;scroll-padding-top: var(--h-height, 0);background-color: var(--clr-white);}
body ::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
body ::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
a:hover {text-decoration: none;}
ul,
ol {list-style: none;}
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;}
img {position: relative;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::before {content: "";position: absolute;inset: 0;background-image: url(../img/icons/placeholder.svg);background-repeat: no-repeat;background-position: center;background-size: contain;}
input {font-size: 1rem;font-weight: 400;color: var(--clr-black);-moz-appearance: none;-webkit-appearance: none;}
::-webkit-input-placeholder {font-size: 0;}
::-webkit-input-placeholder,
::-moz-placeholder,
::placeholder {font-size: 0;}
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;}
input,
select,
textarea {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;}
/*----------------------*/
/* MAIN GLOBAL SETTINGS */
/*----------------------*/
:root {--svh: 100vh;--dvh: 100vh;--container-width: 100%;--ff-1: "Fira Sans",sans-serif;--ff-2: "Inter",sans-serif;--h1: 1.125rem;--h2: 1rem;--h3: 0.875rem;--text-lg: 0.875rem;--text: 0.875rem;--text-sm: 0.75rem;--sp-lg: 3rem;--sp-md: 2rem;--sp-sm: 1.5rem;--sp-xs: 1rem;--sp-xxs: 0.5rem;--sp-xxxs: 0.25rem;--rd-0: 0.5rem;--rd-1: 1rem;--clr-title: #3C3C3B;--clr-text: #3C3C3B;--clr-plc: #ccc;--clr-input: #ccc;--clr-border: #888;--clr-white: #fff;--clr-black: #000;--clr-red: #B91918;--clr-grey: #B4B4B4;--clr-primary: #B91918;--clr-secondary: #F0E7D6;--bg: #F3F3F3;--bg-1: #F0F0F0;--rgb-primary: 185,25,24;--rgb-secondary: 240,231,214;--rgb-text: 60,60,59;--rgb-white: 255,255,255;--transition-1: .25s linear;--transition-2: .15s linear;}
@media (min-width: 992px) {
:root {--h1: 1.5rem;--h2: 1.125rem;--h3: 1.125rem;--text-lg: 1.125rem;--text: 1rem;--text-sm: 0.875rem;--sp-lg: 4rem;}
}
@supports (height: 100svh) and (height: 100dvh) {
:root {--svh: 100svh;--dvh: 100dvh;}
}
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;overflow: clip;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
header {opacity: 0;}
main {min-height: calc(var(--svh) - var(--h-height));}
footer {margin-top: auto;}
:where(.section) {padding-block: var(--sp-lg);}
:where(.section:not(.bg-section)) + :where(.section:not(.bg-section)),
:where(.bg-section) + :where(.bg-section) {padding-block: 0 var(--sp-lg);}
.bg-section {background-color: var(--bg);}
.section {position: relative;opacity: 0;-webkit-transition: 0.15s linear opacity;transition: 0.15s linear opacity;}
.section:first-child {-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}
.section:first-child:not(.banner-section) {padding-top: var(--sp-sm);}
.section:is(.banner-section) + :where(.section:not(.bg-section)) {padding-block: var(--sp-lg) var(--sp-lg);}
.section:is(.banner-section) + :where(.filter-section) {padding-block: var(--sp-sm) var(--sp-lg);}
.section:is(.banner-section) + :where(.blog-detail) {padding-block: var(--sp-sm) var(--sp-lg);}
.container,
.container-fluid {--bs-gutter-x: 2rem;--bs-gutter-y: 0;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.row {--bs-gutter-x: 1rem;}
.popup-wrapper,
.cookies-informer {display: none;content-visibility: auto;}
.swiper-container {opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
/* container size change */
@media (min-width: 1200px) {
:root {--container-width: 73rem;}
.container {width: var(--container-width);}
}
@media (min-width: 2100px) {
html {font-size: 1.375rem;}
}
@media (min-width: 2600px) {
html {font-size: 2rem;}
}
/*--------------------*/
/* HEADER             */
/*--------------------*/
:root {--h-height-true: 5rem;--h-menu: 0rem;--h-logo-width: 10.375rem;--h-icon: 2rem;--h-brand: 2.5rem;--h-height: var(--h-height-true);}
:root body :has(.brand-show) {--h-height: calc(var(--h-height-true) + var(--h-menu) + var(--h-brand));}
:root body :has(.informer-show) {--h-height: calc(var(--h-height-true) + var(--h-menu) + var(--h-informer));}
:root body :has(.informer-show.brand-show) {--h-height: calc(var(--h-height-true) + var(--h-menu) + var(--h-brand) + var(--h-informer));}
:root body :has(.scrolled) {--h-height: calc(var(--h-height-true) + var(--h-menu)) !important;}
.h-burger,
.h-drop-list,
.h-menu-overlay,
.h-cabinet-dropdown {display: none;}
header {height: var(--h-height);-webkit-transition: height var(--transition-1);transition: height var(--transition-1);}
header.scrolled .h-wrap {-webkit-transform: translateY(calc((var(--h-brand) + var(--h-informer)) * -1));transform: translateY(calc((var(--h-brand) + var(--h-informer)) * -1));}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background: var(--clr-white);-webkit-transition: background var(--transition-1),-webkit-transform var(--transition-1);transition: background var(--transition-1),-webkit-transform var(--transition-1);transition: background var(--transition-1),transform var(--transition-1);transition: background var(--transition-1),transform var(--transition-1),-webkit-transform var(--transition-1);}
.h-inner {position: relative;width: 100%;height: var(--h-height-true);gap: 0.625rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.h-logo {position: relative;display: block;width: var(--h-logo-width);-ms-flex-negative: 0;flex-shrink: 0;margin-right: auto;}
.h-logo img {max-width: 100%;width: 100%;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.h-logo-desktop {display: none;}
.h-logo-mobile {display: block;}
.h-menu {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: var(--h-menu);}
.h-links {margin-inline: auto;}
.h-links > ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.h-links > ul > li {line-height: 0;}
.h-links > ul > li > a {position: relative;font-size: var(--h2);font-weight: 500;line-height: normal;color: var(--clr-text);text-transform: uppercase;text-align: center;padding: 1.25rem 1.75rem;}
.h-icon {position: relative;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.25rem;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);font-size: var(--text);line-height: normal;font-weight: 400;color: var(--clr-text);}
.h-icon svg,
.h-icon img {display: inline-block;width: var(--h-icon);height: var(--h-icon);-ms-flex-negative: 0;flex-shrink: 0;}
.h-icon svg *[stroke],
.h-icon img *[stroke] {stroke: currentColor;}
.h-cabinet a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.375rem;font-size: 0.875rem;line-height: normal;font-weight: 500;color: var(--clr-text);text-transform: uppercase;padding: 1rem;}
.h-cabinet a i {--size: 2rem;position: relative;cursor: pointer;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;margin-left: auto;}
.h-cabinet a i::after {content: "";position: absolute;top: 50%;left: 45%;-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);width: 30%;height: 30%;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.h-cabinet a:last-child {border-top: 0.0625rem solid #E8E8E8;}
.h-cabinet a:last-child i {display: none;}
@media (min-width: 1200px) {
:root {--h-height-true: 9.25rem;--h-menu: 4rem;--h-logo-width: 9.4375rem;}
.h-inner {--gap: 1.5rem;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 1rem;padding-block: var(--gap);}
.h-search,
.h-burger,
.h-info,
.h-btn-wrapp {display: none;}
.h-phone {position: absolute;bottom: calc(var(--gap) + 2.5rem + 0.625rem);right: 0;}
.h-logo-desktop {display: block;}
.h-logo-mobile {display: none;}
.h-logo:hover {opacity: 0.75;}
.h-icon:is([data-tooltip]):hover::after {content: attr(data-tooltip);position: absolute;z-index: 1;left: 50%;bottom: auto;top: calc(100% + 0.5rem);-webkit-transform: translate(-50%);transform: translate(-50%);-webkit-animation: fade-in 300ms ease;animation: fade-in 300ms ease;display: block;min-width: 9.5rem;max-width: 12.5rem;background: var(--clr-primary);border-radius: 0.25rem;font-size: 0.875rem;color: var(--clr-white);text-align: center;padding: 0.5rem;}
@-webkit-keyframes fade-in {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fade-in {
from {opacity: 0;}
to {opacity: 1;}
}
.h-icon:hover {color: var(--clr-primary);}
.h-links li > a:hover {background-color: var(--clr-primary);color: var(--clr-white);}
.h-drop {cursor: pointer;}
.h-drop-link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 1.25rem 1.75rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-drop-link a {position: relative;font-size: var(--h2);font-weight: 500;line-height: normal;color: var(--clr-text);text-transform: uppercase;text-align: center;white-space: nowrap;}
.h-drop-btn {position: relative;cursor: pointer;width: 1.375rem;height: 1.375rem;-ms-flex-negative: 0;flex-shrink: 0;-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);}
.h-drop-btn::after {content: "";position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 40%;height: 40%;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.h-drop-list {position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;-webkit-transform: translate(0, 100%);transform: translate(0, 100%);width: calc(var(--container-width) - var(--bs-gutter-x));margin-inline: auto;line-height: 0;opacity: 0;visibility: hidden;display: block;background: var(--clr-primary);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: clamp(1.5rem, 0.8684rem + 1.3158vw, 2.25rem) clamp(1.25rem, 0.7237rem + 1.0965vw, 1.875rem) clamp(2rem, 0.3158rem + 3.5088vw, 4rem) clamp(1.25rem, 0.7237rem + 1.0965vw, 1.875rem);max-height: 65vh;overflow: auto;}
.h-drop-inner {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4, 1fr);grid-column-gap: 1rem;grid-row-gap: clamp(1.5rem, 0.8684rem + 1.3158vw, 2.25rem);}
.h-drop-inner.type-2 {-ms-grid-columns: (1fr)[6];grid-template-columns: repeat(6, 1fr);grid-column-gap: 0.625rem;grid-row-gap: 0.625rem;}
.h-drop-inner.type-3 {-ms-grid-columns: (1fr)[5];grid-template-columns: repeat(5, 1fr);grid-column-gap: 0.625rem;grid-row-gap: 0.625rem;}
.h-drop-wrapp > * + * {margin-top: 0.75rem;}
.h-drop-wrapp .title {display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: var(--h3);font-weight: 700;}
.h-drop-wrapp li {line-height: 0;}
.h-drop-wrapp li + li {margin-top: 0.25rem;}
.h-drop-wrapp a {position: relative;font-family: var(--ff-2);font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-white);text-decoration: underline;text-decoration-color: transparent;}
.h-drop-wrapp a:hover {text-decoration-color: currentColor;}
.h-drop-card {position: relative;}
.h-drop-card.h-drop-card-all {position: relative;background-color: var(--clr-white);aspect-ratio: 1.7;border-radius: 0.625rem;}
.h-drop-card-img {position: relative;overflow: hidden;display: block;-ms-flex-negative: 0;flex-shrink: 0;background-color: var(--clr-white);aspect-ratio: 1.7;border-radius: 0.625rem;}
.h-drop-card-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0.625rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-drop-card .title {font-family: var(--ff-2);font-size: var(--h3);line-height: normal;font-weight: 700;color: var(--clr-white);text-align: center;}
.h-drop-card .title:only-child {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);font-family: var(--ff-2);font-size: 0.875rem;line-height: normal;font-weight: 700;color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}
.h-drop-card > * + * {margin-top: 0.375rem;}
.h-drop-card:hover .h-drop-card-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.h-drop-card:hover .title:only-child {text-decoration-color: currentColor;}
.h-drop-back {display: none;}
.h-drop.is-active .h-drop-link {background-color: var(--clr-primary);color: var(--clr-white);}
.h-drop.is-active .h-drop-link a {color: var(--clr-white);}
.h-drop.is-active .h-drop-btn {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.h-drop.is-active .h-drop-list {opacity: 1;visibility: visible;}
.h-fav-popup {position: absolute;z-index: 1;top: 100%;left: -3rem;right: 0;width: 17rem;background-color: var(--clr-white);border-radius: 0.625rem;-webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 1rem;}
.h-fav-popup .title {font-size: 1.125rem;line-height: normal;font-weight: 700;color: var(--clr-text);}
.h-fav-popup .text {font-size: 0.875rem;}
.h-fav-popup > * + * {margin-top: var(--sp-xs);}
.h-fav-popup.is-active {opacity: 1;visibility: visible;}
.h-user-popup {position: absolute;z-index: 1;top: 100%;left: auto;right: 0;width: 19.5rem;background-color: var(--clr-white);border-radius: 0.625rem;-webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 1rem;}
.h-user-popup .title {font-size: 1.125rem;line-height: normal;font-weight: 700;color: var(--clr-text);text-align: center;}
.h-user-popup .text {font-size: 0.875rem;}
.h-user-popup > * + * {margin-top: var(--sp-xs);}
.h-user-popup.is-active {opacity: 1;visibility: visible;}
.h-cabinet {position: absolute;z-index: 1;top: 100%;left: auto;right: 0;width: 19.5rem;background-color: var(--clr-white);border-radius: 1rem;-webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-cabinet .title,
.h-cabinet .btn-link {display: none;}
.h-cabinet.is-active {opacity: 1;visibility: visible;}
.h-cabinet a {font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);text-transform: initial;padding: 0.5rem;}
.h-cabinet a:hover {background-color: #E8E8E8;color: var(--clr-text);}
.h-cabinet a i {--size: 1.125rem;}
.h-cabinet a i::after {width: 50%;height: 50%;}
.h-cabinet a:first-child {border-radius: 1rem 1rem 0 0;}
.h-cabinet a:last-child {border-radius: 0 0 1rem 1rem;}
.h-cabinet-overlay {display: none;}
}
@media (max-width: 1199px) {
.h-review,
.h-fav,
.h-phone {display: none;}
.h-burger {position: relative;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;width: var(--h-icon);height: var(--h-icon);}
.h-burger i,
.h-burger::before,
.h-burger::after {position: absolute;top: 50%;left: 50%;display: block;width: 50%;height: 0.125rem;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: currentColor;border-radius: var(--rd-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-burger::before,
.h-burger::after {content: "";}
.h-burger::before {margin-top: -0.3125rem;}
.h-burger::after {margin-top: 0.3125rem;}
.h-logo {margin-inline: auto;}
.h-menu {position: fixed;left: 0;bottom: 0;height: calc(var(--dvh) - var(--h-height));width: 100%;max-width: 40rem;-webkit-transform: translate(-100%, 0%);transform: translate(-100%, 0%);background-color: var(--clr-white);opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top center;transform-origin: top center;will-change: transform;display: block;}
.h-menu-inner {overflow-y: auto;overflow-x: hidden;height: 100%;}
.h-menu-overlay {display: block;position: fixed;z-index: 99;inset: 0;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.5);-webkit-transition: var(--transition-1);transition: var(--transition-1);will-change: opacity;}
.scrolled .h-menu {-webkit-transform: translate(-100%, 100%);transform: translate(-100%, 100%);}
.scrolled .h-cabinet {-webkit-transform: translate(-100%, 100%);transform: translate(-100%, 100%);}
.open-menu .h-burger i {opacity: 0;visibility: hidden;}
.open-menu .h-burger::before {-webkit-transform: translate(-50%, 0.3125rem) rotate(45deg);transform: translate(-50%, 0.3125rem) rotate(45deg);-webkit-transform-origin: center center;transform-origin: center center;}
.open-menu .h-burger::after {-webkit-transform: translate(-50%, -0.3125rem) rotate(-45deg);transform: translate(-50%, -0.3125rem) rotate(-45deg);-webkit-transform-origin: center center;transform-origin: center center;}
.open-menu .h-menu {-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);opacity: 1;}
.open-menu.scrolled .h-menu {-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%);}
.open-menu .h-menu-overlay {opacity: 1;visibility: visible;}
.open-menu.open-catalog .h-menu {overflow: hidden;}
.h-links {width: 100%;line-height: 0;margin: auto 0;}
.h-links > ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.h-links > ul > li {width: 100%;}
.h-links > ul > li > a {position: relative;display: block;font-size: var(--h2);font-weight: 500;line-height: normal;color: var(--clr-text);text-transform: uppercase;text-align: left;padding: 1.375rem 0.25rem 1.375rem 1rem;background-color: var(--bg-1);border-bottom: 0.0625rem solid var(--clr-plc);}
.h-drop-link {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0.96875rem 0.25rem 0.96875rem 1rem;background-color: var(--bg-1);border-bottom: 0.0625rem solid var(--clr-plc);}
.h-drop-link a {position: relative;font-size: var(--h2);font-weight: 500;line-height: normal;color: var(--clr-text);text-transform: uppercase;}
.h-drop-btn {position: relative;cursor: pointer;width: 2rem;height: 2rem;-ms-flex-negative: 0;flex-shrink: 0;-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);}
.h-drop-btn::after {content: "";position: absolute;top: 50%;left: 45%;-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);width: 35%;height: 35%;border-right: 0.125rem solid var(--clr-grey);border-bottom: 0.125rem solid var(--clr-grey);}
.h-drop-list {position: fixed;z-index: 2;left: 0;right: 0;bottom: 0;-webkit-transform: translateX(100%);transform: translateX(100%);width: 100%;height: calc(var(--dvh) - var(--h-height));padding: 0;line-height: 0;opacity: 0;visibility: hidden;display: block;background: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);overflow: auto;}
.h-drop-inner {display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
.h-drop-inner.type-2 {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);grid-column-gap: 1rem;grid-row-gap: 1rem;padding: 1rem;}
.h-drop-inner.type-3 {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);grid-column-gap: 1rem;grid-row-gap: 1rem;padding: 1rem;}
.h-drop-wrapp {position: relative;padding: 1rem 0.5rem 1rem 1rem;border-bottom: 0.0625rem solid var(--clr-plc);}
.h-drop-wrapp:nth-child(odd) {border-right: 0.0625rem solid var(--clr-plc);}
.h-drop-wrapp:nth-child(odd) {border-right: 0.0625rem solid var(--clr-plc);}
.h-drop-wrapp > * + * {margin-top: 0.75rem;}
.h-drop-wrapp .title {display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: var(--h3);font-weight: 700;color: var(--clr-primary);}
.h-drop-wrapp li {line-height: 0;}
.h-drop-wrapp li + li {margin-top: 0.5rem;}
.h-drop-wrapp a {font-family: var(--ff-2);font-size: 0.75rem;line-height: normal;font-weight: 400;color: var(--clr-text);}
.h-drop-card {position: relative;}
.h-drop-card.h-drop-card-all {position: relative;background-color: var(--clr-primary);aspect-ratio: 1.7;border-radius: 0.625rem;}
.h-drop-card-img {position: relative;overflow: hidden;display: block;-ms-flex-negative: 0;flex-shrink: 0;background-color: var(--clr-white);aspect-ratio: 1.7;border-radius: 0.625rem;border: 0.0625rem solid var(--bg-1);}
.h-drop-card-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0.625rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-drop-card .title {font-family: var(--ff-2);font-size: var(--h3);line-height: normal;font-weight: 400;color: var(--clr-text);text-align: center;text-decoration: underline;}
.h-drop-card .title:only-child {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);font-family: var(--ff-2);font-size: 0.875rem;line-height: normal;font-weight: 700;color: var(--clr-white);text-decoration: underline;text-decoration-color: transparent;}
.h-drop-card > * + * {margin-top: 0.375rem;}
.h-drop-card:hover .h-drop-card-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.h-drop-card:hover .title:only-child {text-decoration-color: currentColor;}
.h-drop-back {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: var(--bg-1);border-bottom: 0.0625rem solid var(--clr-plc);font-size: var(--h2);line-height: normal;font-weight: 500;color: var(--clr-text);text-transform: uppercase;padding: 1rem 1rem 1rem 0.25rem;}
.h-drop-back-btn {position: relative;cursor: pointer;width: 2rem;height: 2rem;-ms-flex-negative: 0;flex-shrink: 0;-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);}
.h-drop-back-btn::after {content: "";position: absolute;top: 50%;left: 55%;-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);width: 35%;height: 35%;border-right: 0.125rem solid var(--clr-grey);border-bottom: 0.125rem solid var(--clr-grey);}
.h-drop-back b {margin-inline: auto;}
.h-drop.is-active .h-drop-list {opacity: 1;visibility: visible;-webkit-transform: translateX(0%);transform: translateX(0%);}
.h-info {position: relative;padding: 1rem 1rem 1.5rem 1rem;}
.h-info > * + * {margin-top: 0.5rem;}
.h-info .h-icon {--h-icon: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
.h-info .h-phone {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.h-btn-wrapp {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;border-top: 0.0625rem solid var(--clr-plc);border-bottom: 0.0625rem solid var(--clr-plc);}
.h-btn-wrapp > * {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 50%;padding: 1rem;}
.h-btn-wrapp > *:first-child {border-right: 0.0625rem solid var(--clr-plc);}
.h-btn-wrapp > * b {font-weight: 500;text-transform: uppercase;}
.h-user-popup {display: none;}
.h-user .open-user {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.h-cabinet {position: fixed;left: 0;bottom: 0;height: calc(var(--dvh) - var(--h-height));width: 100%;max-width: 40rem;overflow-y: auto;overflow-x: hidden;-webkit-transform: translate(-100%, 0%);transform: translate(-100%, 0%);background-color: var(--clr-white);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top center;transform-origin: top center;will-change: transform;}
.h-cabinet a {background-color: var(--bg-1);border-top: 0.0625rem solid var(--clr-plc);}
.h-cabinet a svg {color: var(--clr-grey);}
.h-cabinet a:last-child {background-color: transparent;border-color: var(--clr-plc);color: var(--clr-grey);}
.h-cabinet .title {display: block;font-size: 1.125rem;line-height: normal;font-weight: 700;color: var(--clr-text);padding: 1rem;}
.h-cabinet .btn-link {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 1.5rem 1rem;font-size: 0.875rem;font-weight: 500;}
.h-cabinet-overlay {display: block;position: fixed;z-index: 99;inset: 0;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.5);-webkit-transition: var(--transition-1);transition: var(--transition-1);will-change: opacity;}
.open-cabinet .h-cabinet {-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);opacity: 1;visibility: visible;}
.open-cabinet .h-cabinet-overlay {opacity: 1;visibility: visible;}
.open-cabinet.scrolled .h-cabinet {-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%);}
}
@media (max-width: 767px) {
.h-user > b {display: none;}
.h-cart-total {display: none;}
}
/* - HEADER SEARCH      */
.h-search-inner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 2.5rem;max-width: 20rem;}
.h-search-inner button {--size: 1.25rem;position: absolute;cursor: pointer;z-index: 2;top: 0.625rem;right: 1.375rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;line-height: 0;color: var(--clr-grey);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-search-inner button svg {display: inline-block;width: 100%;height: 100%;-ms-flex-negative: 0;flex-shrink: 0;}
.h-search-inner input {width: 100%;height: 100%;text-overflow: ellipsis;background-color: var(--bg-1);border-radius: 3rem;padding: 0.5rem 1.375rem;padding-right: 2rem;}
.h-search-inner.focus button {color: var(--clr-text);}
.h-search-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-bottom: 0.0625rem solid var(--clr-plc);padding-left: 1rem;}
.h-search-title .title {font-weight: 400;}
.h-search-title .btn-close {--size: 3rem;}
.h-search-title .btn-close::before,
.h-search-title .btn-close::after {width: 50%;}
@media (min-width: 1200px) {
.h-search-wrapper {position: relative;width: 100%;max-width: 20rem;margin-right: 1.25rem;}
.h-search-wrapper .container {width: 100%;height: inherit;padding-inline: 0;}
.h-search-title {display: none;}
}
@media (max-width: 1199px) {
.h-search-wrapper {position: fixed;z-index: 120;top: 0;left: 0;width: 100%;height: var(--dvh);background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.h-search-inner {height: 2.5rem;max-width: 100%;margin-block: 0.75rem;}
.open-search .h-search-wrapper {-webkit-transform: translateY(0%);transform: translateY(0%);}
.open-search .h-search-wrapper {-webkit-transform: translateY(0%);transform: translateY(0%);}
.open-search.scrolled .h-search-wrapper {-webkit-transform: translateY(calc(0% + var(--h-brand) + var(--h-informer)));transform: translateY(calc(0% + var(--h-brand) + var(--h-informer)));}
}
.h-brand-inner {position: relative;width: 100%;height: var(--h-brand);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-brand-inner::before {content: "";position: absolute;z-index: 1;top: 0;left: 50%;width: 100vw;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #4A4A4A;}
.h-brand-wrapp {position: relative;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap;overflow-y: hidden;overflow-x: scroll;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;margin-inline: calc(var(--bs-gutter-x) * -0.5);padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.h-brand-wrapp::-webkit-scrollbar {display: none;}
.h-brand-img {position: relative;aspect-ratio: 3.15;height: 2.5rem;padding: 0.125rem;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;-ms-flex-negative: 0;flex-shrink: 0;scroll-snap-align: start;scroll-margin-left: calc(var(--bs-gutter-x) * 0.5);}
.h-brand-img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 75%;width: 100%;max-height: 100%;}
.h-brand-img.is-active {background-color: #373131;}
@media (min-width: 1200px) {
.h-brand-wrapp::-webkit-scrollbar {display: block;}
.h-brand-img:hover {background-color: #373131;}
}
.h-informer {position: relative;width: 100%;height: auto;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;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-informer .text {position: relative;z-index: 2;font-family: var(--ff-2);font-weight: 400;color: var(--clr-secondary);text-align: center;margin-block: clamp(0.625rem, -0.0066rem + 1.3158vw, 1.375rem);}
.h-informer::before {content: "";position: absolute;z-index: 1;top: 0;left: 50%;width: 100vw;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--clr-primary);}
header {opacity: 1;}
/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/
body {font-family: var(--ff-1);font-size: var(--text);font-weight: 400;line-height: normal;color: var(--clr-text);}
.text {--text-space: var(--sp-sm);--text-li-padding: 1rem;--text-th-height: 3.5rem;--text-th-padding: 1rem;font-size: var(--text);font-weight: 400;line-height: normal;color: var(--clr-text);}
.text-lg {font-size: var(--text-lg);}
.text-sm {font-size: var(--text-sm);}
.text * + :where(*) {margin-top: var(--text-space);}
.text * + :is(li) {margin-top: calc(var(--text-space) / 2);}
.text .swiper-entry > * * {margin-top: 0;}
.text b {font-weight: 700;}
.text span {color: var(--clr-primary);}
.text strong {font-weight: 700;}
.text em {font-style: italic;}
.text a:not(.btn) {display: inline;color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
.text ul li,
.text ol li {position: relative;}
.text ul li {padding-left: var(--text-li-padding);}
.text ul li::before {content: "";position: absolute;left: 0;top: 0.4em;width: 0.3125rem;height: 0.3125rem;border-radius: 100%;background-color: var(--clr-primary);}
.text ol {counter-reset: number;}
.text ol li {padding-left: calc(var(--text-li-padding) * 1.25);}
.text ol li::before {counter-increment: number;content: counter(number) ".";display: inline-block;position: absolute;left: 0;font-weight: inherit;line-height: inherit;color: var(--clr-primary);}
.text img {display: block;width: 100%;border-radius: var(--rd-1);}
.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: var(--text);font-weight: inherit;line-height: normal;color: var(--clr-plc);margin-top: 0.75rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--rd-1);}
.text blockquote {position: relative;text-align: left;font-size: var(--h1);line-height: normal;font-style: italic;font-weight: 700;padding-block: calc(var(--text-space) * 0.5);padding-left: 3em;color: var(--clr-title);}
.text blockquote:before {content: "";position: absolute;left: 0;top: calc(var(--text-space) * 0.5);width: 1.75em;aspect-ratio: 1;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url("/app/img/icons/icon-quote.svg");}
.text table {border-collapse: collapse;width: 100%;}
.text tbody tr {text-align: left;border-bottom: 0.0625rem solid var(--clr-border);}
.text thead tr {border: none;background-color: var(--bg);}
.text thead th,
.text thead td {height: var(--text-th-height);color: var(--clr-black);}
.text thead th:first-child,
.text thead td:first-child {border-radius: var(--rd-1) 0 0 var(--rd-1);}
.text thead th:last-child,
.text thead td:last-child {border-radius: 0 var(--rd-1) var(--rd-1) 0;}
.text td,
.text th {vertical-align: middle;height: var(--text-th-height);padding: calc(var(--text-th-padding) / 4);font-size: 85%;line-height: inherit;font-weight: inherit;color: var(--clr-text);}
.text td:first-child,
.text th:first-child {padding-left: var(--text-th-padding);}
.text td:last-child,
.text th:last-child {padding-right: var(--text-th-padding);}
.text *:first-child img {margin-top: 0;}
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {font-weight: 700;color: var(--clr-title);}
h1,
.h1 {font-size: var(--h1);line-height: normal;}
h2,
.h2 {font-size: var(--h2);line-height: normal;}
h3,
.h3 {font-size: var(--h3);line-height: normal;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-upper {text-transform: uppercase;}
.clr-primary {color: var(--clr-primary);}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 767px) {
.text {--text-space: 1rem;--text-th-height: 3rem;--text-th-padding: .5rem;}
}
/*--------------------*/
/* BUTTONS            */
/*--------------------*/
.btn {position: relative;cursor: pointer;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-flex-negative: 0;flex-shrink: 0;overflow: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);min-width: 12.5rem;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;gap: 0.25rem;border: 0.0625rem solid transparent;border-radius: 2.625rem;font-size: 1rem;line-height: normal;font-weight: 400;text-decoration: none;text-align: center;padding: 0.6em;}
.btn b {position: relative;z-index: 2;display: inline-block;line-height: inherit;font-weight: inherit;color: currentColor;}
.btn svg {--size: 1.125rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.btn svg *[stroke] {stroke: currentColor;}
.btn-primary {background-color: var(--clr-primary);border-color: var(--clr-primary);color: var(--clr-white);}
.btn-secondary {background-color: transparent;border-color: var(--clr-primary);color: var(--clr-primary);}
.btn-thirdy {background-color: var(--clr-white);border-color: var(--clr-white);color: var(--clr-primary);}
.btn-block {width: 100%;min-width: auto;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);border-color: var(--clr-grey);color: var(--clr-white);}
.btn-link {--icon-size: 1.125rem;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.25rem;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link > svg {display: inline-block;width: var(--icon-size);height: var(--icon-size);-ms-flex-negative: 0;flex-shrink: 0;color: currentColor;}
.btn-link > svg *[stroke] {stroke: currentColor;}
.btn-link > svg *[fill] {fill: currentColor;}
.btn-link.active {color: var(--clr-primary);}
.btn-link.disabled {pointer-events: none;color: var(--clr-grey);}
.btn-link.fav-btn > svg *[fill] {fill: transparent;}
.btn-link-primary {color: var(--clr-primary);}
.btn-link-black {color: var(--clr-text);}
.btn-close {--size: 1.125rem;position: relative;cursor: pointer;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;border-radius: 100%;color: var(--clr-text);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 68%;height: 0.125rem;border-radius: 0.5rem;-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-play {--size: clamp(4rem, 3.1111rem + 1.8519vw, 4.5rem);position: relative;z-index: 2;overflow: hidden;cursor: pointer;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;border-radius: 100%;-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: rgba(var(--rgb-text), 1);}
.btn-play i {position: absolute;cursor: pointer;display: inline-block;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 30%;height: 30%;background: url(../img/icons/icon-play.svg) center/contain no-repeat transparent;}
.loading {position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;pointer-events: none;}
.loading > * {opacity: 0;visibility: hidden;}
.loading::before {content: "";position: absolute;z-index: 10;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 1.25rem;height: 1.25rem;border: 0.25rem dotted currentcolor;border-radius: 50%;-webkit-animation: 1s spin linear infinite;animation: 1s spin linear infinite;}
@-webkit-keyframes spin {
0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}
100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}
}
@keyframes spin {
0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}
100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}
}
@media (min-width: 1200px) {
.btn-primary:hover {background-color: transparent;color: var(--clr-primary);}
.btn-secondary:hover {background-color: var(--clr-primary);color: var(--clr-white);}
.btn-thirdy:hover {border-color: var(--clr-primary);}
.btn-link:hover {color: var(--clr-primary);}
.btn-link-primary:hover {color: var(--clr-grey);}
.btn-close:hover {color: var(--clr-primary);}
.btn-play:hover {background-color: rgba(var(--rgb-text), 0.75);}
}
@media (max-width: 991px) {
.btn {font-size: 0.875rem;padding: 0.475em;}
}
@media (max-width: 575px) {
.btn {width: 100%;}
}