/*=====================*/
/*  Reset              */
/*=====================*/
html {height: auto;box-sizing: border-box;font-synthesis: none;-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 {position: relative;height: auto;overflow-y: scroll;background-color: var(--clr-white);}
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;}
* {border: 0;margin: 0;padding: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;}
:is(*, *:before, *:after) {box-sizing: inherit;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: #fff;background: #26263b;}
::selection {color: #fff;background: #26263b;}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;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;user-select: none;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/min(5rem, 50%) min(5rem, 50%) var(--clr-grey) url(../img/placeholder.svg);}
input {font-size: 1rem;font-weight: 400;color: var(--clr-title);-webkit-appearance: none;-moz-appearance: none;}
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;}
/*====================*/
/*  Global Settings   */
/*====================*/
:root {--root-scale: 1rem;--container-width: 100vw;--ff-1: "Inter",sans-serif;--ff-200: "Oswald", sans-serif;--ff-300: "Oswald", sans-serif;--ff-400: "Oswald", sans-serif;--ff-500: "Oswald", sans-serif;--ff-600: "Oswald", sans-serif;--ff-700: "Oswald", sans-serif;--h0: clamp(1.75rem, -0.1974rem + 4.057vw, 4.0625rem);/*28-65*/--h1-c: clamp(2.5rem, 0.1316rem + 4.9342vw, 5.3125rem);/*40-85*/--h1: clamp(1.25rem, -0.3289rem + 3.2895vw, 3.125rem);/*20-50*/--h2: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);/*20-40*/--h3: clamp(1.5rem, 0.9737rem + 1.0965vw, 2.125rem);/*24-34*/--h4: clamp(1.125rem, 0.8092rem + 0.6579vw, 1.5rem);/*18-24*/--h5: 1.125rem;/*18*/--h6: 1rem;/*16*/--text: clamp(1rem, 0.8899rem + 0.2294vw, 1.125rem);/*16-18*/--text-md: clamp(0.875rem, 0.7649rem + 0.2294vw, 1rem);/*14-16*/--text-sm: 0.875rem;/*14*/--sp-xl: clamp(5rem, 1.8421rem + 6.5789vw, 8.75rem);/*60-140*/--sp-lg: clamp(1.5rem, -1.4474rem + 6.1404vw, 5rem);/*24-80*/--sp-md: clamp(1.5rem, -0.3947rem + 3.9474vw, 3.75rem);/*24-60*/--sp-sm: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);/*20-40*/--sp-xs: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);/*16-24*/--rd-0: 0.625rem;--rd-1: 0.875rem;--rd-2: 1.25rem;--clr-title: #26263b;--clr-text: #66687C;--clr-white: #fff;--clr-primary: #69B3E3;--clr-dark: #144069;--clr-border: #B0BAC0;--clr-border-1: #f7f7f7;--clr-border-2: #e8e8e8;--clr-success: #72b351;--clr-error: #b35151;--clr-grey: #f5f5f7;--clr-grey-1: #fbfbfb;--clr-grey-2: #fbfbfd;--bg: #DCE5F2;--bg-light: #F9FBFE;--transition-1: .3s linear;--cubic-1: .8s cubic-bezier(0.65, 0, 0.35, 1);--cubic-2: 1s cubic-bezier(.4, 0, .2, 1);--cubic-3: cubic-bezier(0.33, 1, 0.68, 1);}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-hidden {overflow: clip;}
html.overflow-hidden body {overflow: clip;}
.overflow-overlay {opacity: 0;visibility: hidden;position: fixed;z-index: 90;inset: 0;background-color: rgba(0, 0, 0, 0.4);transition: opacity var(--cubic-1);}
#content-block {position: relative;min-height: 100svh;display: flex;flex-direction: column;}
main {display: flex;flex-direction: column;}
header{opacity: 0;}
footer {margin-top: auto;}
.seo-section {order: 1;}
:where(.section:not(.seo-section)) + :where(.section) {margin-top: var(--sp-xl);}
:where(.section:last-child) {margin-bottom: var(--sp-xl);}
:where(.seo-section + .section:not(.banner-section)),
:where(.section:not(.banner-section, .blog-detail-section, .seo-section):first-child) {margin-top: var(--sp-lg);}
:where(.section:is(.checkout-section, .thk-section):first-child) {margin-top: var(--sp-sm);}
:where(.banner-section) + :where(.bg-section),
.bg-section + .bg-section {margin-top: 0;padding-block: 0 var(--sp-xl);}
.bg-section + .bg-section:is(.adv-section) {padding-block: 0;}
.banner-section + .bg-section:is(.about-section) {padding-block: var(--sp-xl);}
:where(.section:not(.seo-section)) + :where(.filter-section),
:where(.section:not(.seo-section)) + :where(.ctg-section) {margin-top: var(--sp-md);}
.section {will-change: opacity;position: relative;z-index: 1;overflow: clip;opacity: 0;transition: 0.15s linear opacity;}
.section:first-child {transition-delay: 0.25s;}
.bg-section {padding-block: var(--sp-xl);}
.bg-section::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--bg-light);}
.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);}
.swiper-container {will-change: opacity;opacity: 0;transition: 0.15s linear opacity;}
.swiper-container.swiper-initialized {opacity: 1;}
.cookies-informer,
.popup-wrapper,
.cart-informer,
.cart-wrap,
.flr-menu,
.prd-panel,
.cbn-menu {display: none;/*content-visibility: auto;*/}
/* container size change */
@media (min-width: 1200px) {
:root {--container-width: 88.155555vw;--container-padd: calc((100vw - var(--container-width)) / 2);}
.container {max-width: var(--container-width);}
.banner-section + .bg-section:is(.about-section) {padding-block: var(--sp-lg) var(--sp-xl);}
}
@media (min-width: 1200px) and (max-width: 1680px) {
:root {--root-scale: 0.7rem;}
}
@media (min-width: 2100px) {
html {font-size: 1.375rem;}
}
@media (min-width: 2600px) {
html {font-size: 2rem;}
}
/*====================*/
/* Typography         */
/*====================*/
body {font-family: var(--ff-1);font-size: var(--text);font-weight: 400;line-height: 1.5em;color: var(--clr-text);}
.text {--text-space: 1rem;--text-li-padding: 1rem;--text-th-height: 3.375rem;--text-th-padding: 1rem;font-size: var(--text);font-weight: 400;line-height: 1.5em;color: var(--clr-text);}
.text-md {font-size: var(--text-md);}
.text-sm {font-size: var(--text-sm);line-height: 1.43em;}
.text * + :where(*) {margin-top: calc(var(--text-space) * 2);}
.text :is(p, ul, ol) + :is(p, ul, ol) {margin-top: calc(var(--text-space) * 1.25);}
.text * + :is(li) {margin-top: calc(var(--text-space) / 2);}
.text :where(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {margin-top: calc(var(--text-space) * 2);}
.text * + :is(h1, h2, h3) {margin-top: clamp(2rem, 0.5263rem + 3.0702vw, 3.75rem);}
.text .swiper-entry > * * {margin-top: 0;}
.text b,
.text strong {font-weight: 700;}
.text span {color: var(--clr-dark);}
.text em {font-style: italic;}
.text a:not(.btn) {display: inline;color: var(--clr-dark);text-decoration: underline;text-decoration-color: currentColor;}
.text ul li,
.text ol li {position: relative;}
.text ul li {padding-left: calc(var(--text-li-padding) * 1.625);}
.text ul li::before {content: "";position: absolute;left: 0;top: 0.5em;width: 0.3125rem;height: 0.3125rem;border-radius: 100%;background-color: var(--clr-text);}
.text ol {counter-reset: number;}
.text ol li {padding-left: calc(var(--text-li-padding) * 1.75);}
.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: auto;margin-inline: auto;border-radius: var(--rd-0);}
.text figure {line-height: 0;width: auto;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 80%;font-weight: inherit;line-height: normal;color: inherit;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-0);}
.text blockquote {position: relative;gap: 1rem;display: inline-flex;align-items: flex-start;background-color: var(--bg-light);border-radius: var(--rd-0);font-size: var(--h3);line-height: 1.3em;font-weight: 500;color: var(--clr-title);text-align: left;padding: calc(var(--text-space) * 2);}
.text blockquote:before {content: "";display: inline-block;width: 1.875rem;flex-shrink: 0;aspect-ratio: 1.5/1;background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url("../img/icons/icon-quote.svg");}
.text table {overflow: hidden;width: 100%;border-collapse: collapse;background-color: var(--clr-white);border-radius: var(--rd-0);border: 1rem solid var(--clr-white);box-shadow: 0rem 0rem 0.0625rem 0.0625rem var(--clr-border);}
.text table * + * {margin: 0;}
.text table thead th,
.text table thead td {font-size: 0.75rem;line-height: 1.4em;font-weight: 700;color: var(--clr-title);text-transform: uppercase;background-color: var(--clr-grey);}
.text table tr:nth-child(even) {background-color: var(--clr-grey);}
.text table td,
.text table th {vertical-align: middle;height: var(--text-th-height);padding: var(--text-th-padding);font-size: clamp(0.75rem, 0.6447rem + 0.2193vw, 0.875rem);line-height: 1.2em;font-weight: inherit;color: var(--clr-text);}
.text table td:first-child,
.text table th:first-child {padding-left: var(--text-th-padding);}
.text table td:last-child,
.text table 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: 500;color: var(--clr-title);}
h1,
.h1 {font-size: var(--h1);line-height: 1.2em;}
h2,
.h2 {font-size: var(--h2);line-height: 1.2em;}
h3,
.h3 {font-size: var(--h3);line-height: 1.47em;}
h4,
.h4 {font-size: var(--h4);line-height: 1.33em;}
h5,
.h5 {font-size: var(--h5);line-height: 1.33em;}
h6,
.h6 {font-size: var(--h6);line-height: 1.33em;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 767px) {
.text {--text-space: 0.75rem;--text-li-padding: 0.75rem;--text-th-height: 3rem;--text-th-padding: 0.25rem;}
.text blockquote {gap: 0.5rem;flex-direction: column;}
.text table {border-width: 0.25rem;}
.text table thead th,
.text table thead td {font-size: 0.625rem;}
.text table td,
.text table th {font-size: 0.625rem;}
}
/*====================*/
/*  Buttons           */
/*====================*/
.btn {position: relative;z-index: 1;-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;overflow: hidden;gap: 0.625rem;display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;min-height: 3.5rem;border: 0.0625rem solid transparent;border-radius: 6.25rem;transition: var(--transition-1);font-size: 0.875rem;line-height: 1em;font-weight: 500;text-decoration: none;text-transform: uppercase;text-align: center;padding: 0.5rem clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);}
.btn b {display: inline-block;font-size: inherit;line-height: inherit;font-weight: inherit;}
.btn svg {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.btn-md {min-height: 3.125rem;}
.btn-primary {color: var(--clr-white);background-color: var(--clr-primary);border-color: var(--clr-primary);}
.btn-secondary {color: var(--clr-dark);background-color: var(--clr-white);border-color: var(--clr-white);}
.btn-thirdy {color: var(--clr-title);background-color: var(--bg-light);border-color: var(--bg-light);}
.btn-fourth {color: var(--clr-dark);background-color: transparent;border-color: var(--clr-primary);}
.btn-block {width: 100%;}
.btn.disabled {pointer-events: none;background-color: var(--clr-border);border-color: var(--clr-border);}
.btn-circle {--size: clamp(2.5rem, 1.4474rem + 2.193vw, 3.75rem);position: relative;cursor: pointer;display: inline-block;flex-shrink: 0;width: var(--size);aspect-ratio: 1;border-radius: 100%;background-color: var(--clr-primary);}
.btn-circle > * {display: inline-block;position: absolute;overflow: hidden;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 45%;height: 45%;}
.btn-circle i::before,
.btn-circle i::after {content: "";position: absolute;z-index: 1;inset: 0;transition: var(--transition-1);background-size: contain;background-position: center;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1V22M9 22L17 13.6983M9 22L1 13.6983' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
.btn-circle i::before {transform: translateY(-100%);}
.btn-circle.btn-scroll-up {--size: clamp(3rem, 2.3684rem + 1.3158vi, 3.75rem);transition: var(--transition-1);}
.btn-circle.btn-scroll-up i::before,
.btn-circle.btn-scroll-up i::after {background-image: url("data:image/svg+xml,%3Csvg width='18' height='24' viewBox='0 0 18 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 23L9 2M9 2L1 10.3017M9 2L17 10.3017' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");}
.btn-close {--size: clamp(2rem, 1.5789rem + 0.8772vw, 2.5rem);--clr-btn: var(--clr-border);position: relative;cursor: pointer;display: inline-block;flex-shrink: 0;width: var(--size);height: var(--size);color: var(--clr-btn);border-radius: 100%;border: 0.125rem solid currentColor;transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 50%;height: 0.125rem;transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-link {position: relative;cursor: pointer;gap: 0.625rem;display: inline-flex;align-items: center;flex-shrink: 0;font-size: 0.875rem;line-height: normal;font-weight: 500;color: var(--clr-dark);text-decoration: none;text-transform: uppercase;transition: color var(--transition-1);}
.btn-link svg {display: inline-block;width: 1.25rem;height: 1.25rem;flex-shrink: 0;}
.btn-link:is(.btn-link-secondary) {color: var(--clr-text);}
.btn-toggle {position: relative;cursor: pointer;gap: 0.6255rem;display: inline-flex;align-items: center;flex-shrink: 0;font-size: 0.875rem;line-height: normal;font-weight: 500;color: var(--clr-dark);text-decoration: none;text-transform: uppercase;transition: color var(--transition-1);}
.btn-toggle:before {content: attr(data-toggle-more);}
.btn-toggle svg {display: inline-block;width: 1.25rem;height: 1.25rem;flex-shrink: 0;}
.btn-toggle.is-active:before {content: attr(data-toggle-less);}
.btn-toggle.is-active svg {transform: rotateX(180deg);}
.btn-anchor {position: relative;cursor: pointer;gap: 1.5rem;display: inline-flex;align-items: center;flex-shrink: 0;font-size: 1.5rem;line-height: normal;font-weight: 200;font-style: italic;color: var(--clr-text);text-decoration: underline;text-underline-offset: 0.75rem;}
.btn-anchor b {font-weight: 600;}
.btn-play {--size: clamp(3rem, 0.2632rem + 5.7018vw, 6.25rem);cursor: pointer;position: relative;z-index: 10;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 100%;color: var(--clr-primary);transition: var(--transition-1);}
.btn-play svg {position: absolute;top: 50%;left: 54%;transform: translate(-50%, -50%);display: inline-block;width: 32%;height: 32%;}
.btn-play::before {content: "";position: absolute;z-index: -1;inset: 0;border-radius: inherit;background-color: rgba(249, 251, 254, 0.3);border: 0.125rem solid currentColor;transition: var(--transition-1);}
.btn-wrap {gap: 0.5rem;display: inline-flex;align-items: center;flex-wrap: wrap;}
.btn-scroll-wrap {z-index: 1;position: sticky;bottom: 0;transition: var(--transition-1);}
.btn-scroll-wrap > * {position: absolute;right: 1rem;bottom: 1rem;}
body:has(header:not(.scrolled)) .btn-scroll-wrap {opacity: 0;visibility: hidden;}
@media (min-width: 1200px) {
.btn-primary:hover {background-color: var(--clr-dark);border-color: var(--clr-dark);}
.btn-secondary:hover {color: var(--clr-white);background-color: var(--clr-primary);border-color: var(--clr-primary);}
.btn-thirdy:hover {color: var(--clr-white);background-color: var(--clr-primary);border-color: var(--clr-primary);}
.btn-fourth:hover {color: var(--clr-white);background-color: var(--clr-primary);}
:not(.btn-anchor) .btn-circle:hover i::before {transform: translateY(0%);}
:not(.btn-anchor) .btn-circle:hover i::after {transform: translateY(100%);}
.btn-anchor:hover {text-decoration: underline;}
.btn-anchor:hover .btn-circle i::before {transform: translateY(0%);}
.btn-anchor:hover .btn-circle i::after {transform: translateY(100%);}
.btn-close:hover {color: var(--clr-primary);}
.btn-link:hover {color: var(--clr-primary);}
.btn-play:hover::before {background-color: rgb(249, 251, 254);}
.btn-toggle:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
body:has(.filter-section) .btn-scroll-wrap {display: none;}
}
@media (max-width: 991px) {
.btn {min-height: 3rem;}
.btn-md {min-height: 3rem;}
.btn-anchor {text-decoration: none;}
}
@media (max-width: 767px) {
.btn-scroll-wrap {bottom: 4rem;}
}
@media (max-width: 575px) {
.btn-anchor b {display: block;}
}
/*====================*/
/*  Header            */
/*====================*/
:root {--h-height: 5.25rem;--h-logo-width: 11.875rem;--h-icon: 1.5rem;--h-btn-size: 3.125rem;}
header {height: var(--h-height);}
header.scrolled .h-wrap {box-shadow: 0 0.0625rem 0 var(--clr-border);}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background-color: var(--clr-white);transition: box-shadow var(--transition-1),background-color var(--cubic-1),transform var(--transition-1);}
.h-inner {position: relative;width: 100%;height: var(--h-height);gap: 2rem;display: flex;align-items: center;}
.h-logo {display: block;width: var(--h-logo-width);flex-shrink: 0;}
.h-logo img {display: block;width: 100%;}
.h-logo img:last-child {display: none;}
.h-menu {margin-inline: auto;}
.h-menu > .btn-close,
.h-menu > .h-logo,
.h-menu > .h-lang-wrap,
.h-menu > .h-currency-wrap {display: none;}
.h-links > ul {display: inline-flex;}
.h-links :where(li) {line-height: 0;}
.h-links li.is-active a {color: var(--clr-primary);}
.h-links :where(a):not(.btn) {font-size: var(--text);line-height: normal;font-weight: 500;color: var(--clr-title);}
.h-controls {gap: clamp(0.75rem, -2.1667rem + 3.8889vw, 2.5rem);display: flex;align-items: center;}
.h-cart {flex-shrink: 0;}
.h-icon {position: relative;cursor: pointer;gap: 0.5rem;display: flex;align-items: center;flex-shrink: 0;transition: color var(--transition-1);font-size: 1rem;line-height: 1em;font-weight: 400;color: var(--clr-title);}
.h-icon svg {width: var(--h-icon);height: var(--h-icon);flex-shrink: 0;}
.h-icon span {--size: 1.25rem;pointer-events: none;position: absolute;top: 0;left: 0;transform: translate(50%, -40%);border-radius: var(--size);background-color: var(--clr-primary);display: inline-block;min-width: var(--size);width: auto;height: var(--size);line-height: var(--size);font-size: 0.75rem;font-weight: 500;color: var(--clr-white);text-align: center;padding-inline: 0.25rem;}
.h-cabinet {display: flex;justify-content: center;}
.h-cabinet-dropdown {position: absolute;bottom: 0;transform: translateY(100%);min-width: 16.375rem;opacity: 0;visibility: hidden;content-visibility: auto;backface-visibility: hidden;border-radius: var(--rd-0);background-color: var(--clr-white);box-shadow: 0 0 1rem rgba(26, 26, 26, 0.1);transition: var(--transition-1);padding: 0.5rem;}
.h-cabinet-dropdown li {line-height: 0;}
.h-cabinet-dropdown li > * {cursor: pointer;gap: clamp(0.5rem, -0.3333rem + 1.1111vw, 1rem);display: flex;align-items: center;border: 0.0625rem solid var(--clr-border-2);border-radius: var(--rd-0);font-size: 1rem;line-height: 1.5em;font-weight: 400;color: var(--clr-title);padding: 1rem clamp(1rem, 0.5833rem + 0.5556vw, 1.25rem);}
.h-cabinet-dropdown li > * svg {width: 1.5rem;height: 1.5rem;flex-shrink: 0;}
.h-cabinet-dropdown li > * b {display: inline-block;/*white-space: nowrap;*/}
.h-cabinet-dropdown li + li {margin-top: 0.625rem;}
.h-cabinet-dropdown li a.is-active {color: var(--clr-primary);}
.h-cabinet.is-active .h-cabinet-dropdown {opacity: 1;visibility: visible;}
.cabinet-btn,
.h-burger {display: none;}
.h-lang {gap: 0.625rem;display: inline-flex;align-items: center;}
.h-lang a {display: block;border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background-color: var(--clr-white);font-size: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);line-height: 1.5em;font-weight: 400;color: var(--clr-title);text-transform: uppercase;text-align: center;padding: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem) clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);}
.h-lang a.is-active {border: 0.125rem solid var(--clr-primary);}
.h-currency {gap: 0.625rem;display: inline-flex;align-items: center;}
.h-currency a {display: block;border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background-color: var(--clr-white);font-size: clamp(0.875rem, 0.7697rem + 0.2193vw, 1rem);line-height: 1.5em;font-weight: 400;color: var(--clr-title);text-transform: uppercase;text-align: center;padding: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem) clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);}
.h-currency a.is-active {border: 0.125rem solid var(--clr-primary);}
.h-search {position: fixed;z-index: 101;left: 0;top: 0;width: 100%;height: var(--h-height);will-change: transform;transform: translateY(-100%);background-color: var(--clr-white);box-shadow: 0 0.0625rem 0 var(--clr-border);transition: transform var(--cubic-1);}
.h-search-inner {height: var(--h-height);width: 86.5%;margin-inline: auto;padding-inline: 1.875rem;gap: 1.25rem;display: flex;align-items: center;}
.h-search-inner .h-icon {padding: 0;pointer-events: none;}
.h-search-inner input {width: 100%;align-self: stretch;}
.h-search-inner .btn-close {--size: 1.5rem;--clr-btn: var(--clr-text);}
.search-is-open .h-search {transform: translateY(0%);}
.search-is-open .h-menu-overlay {opacity: 1;visibility: visible;}
@media (min-width: 1200px) {
.h-links :where(a):not(.btn):hover {color: var(--clr-primary);}
.h-icon:hover {color: var(--clr-primary);}
.h-links > ul {gap: 0.5rem clamp(0.75rem, -3.2083rem + 5.2778vw, 3.125rem);align-items: center;flex-wrap: wrap;}
.h-cabinet .h-icon {gap: clamp(0.5rem, -0.3333rem + 1.1111vw, 1rem);border: 0.0625rem solid var(--clr-primary);padding: 0.875rem clamp(1.25rem, 0.2083rem + 1.3889vw, 1.875rem);border-radius: 6.25rem;font-size: 0.875rem;line-height: var(--h-icon);font-weight: 500;color: var(--clr-dark);text-transform: uppercase;transition: var(--transition-1);}
.h-cabinet .h-icon:is(.open-popup) svg {display: none;}
.h-cabinet .h-icon:hover {background-color: var(--clr-primary);color: var(--clr-white);}
.h-cabinet-dropdown a:hover {color: var(--clr-primary);}
.h-cabinet:hover .h-cabinet-dropdown {opacity: 1;visibility: visible;}
.h-lang {position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 100%);width: 5.625rem;display: block;background-color: var(--clr-white);box-shadow: 0 0 1rem rgba(26, 26, 26, 0.1);border-radius: var(--rd-0);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);text-align: center;padding: 0.5rem;}
.h-lang-wrap {position: relative;cursor: pointer;font-size: 1.125rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.h-lang-wrap .current-lang {position: relative;display: inline-flex;align-items: center;gap: 0.375rem;transition: var(--transition-1);padding-right: 1.5rem;padding-block: 0.5rem;}
.h-lang-wrap .current-lang::before {content: "";position: absolute;right: 0.125rem;top: calc(50% - 0.125rem);transform: translateY(-50%) rotate(45deg);transition: var(--transition-1);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.h-lang-wrap:hover .current-lang::before {transform: translateY(-10%) rotate(225deg);}
.h-lang-wrap:hover .h-lang {opacity: 1;visibility: visible;}
.h-lang > * + * {margin-top: 0.625rem;}
.h-lang a {text-align: left;}
.h-lang a:hover,
.h-lang a.is-active {color: var(--clr-primary);}
.h-currency {position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 100%);min-width: 5.625rem;display: block;background-color: var(--clr-white);box-shadow: 0 0 1rem rgba(26, 26, 26, 0.1);border-radius: var(--rd-0);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);text-align: center;padding: 0.5rem;}
.h-currency-wrap {position: relative;cursor: pointer;font-size: 1.125rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.h-currency-wrap .current-currency {position: relative;display: inline-flex;align-items: center;gap: 0.375rem;transition: var(--transition-1);padding-right: 1.5rem;padding-block: 0.5rem;}
.h-currency-wrap .current-currency::before {content: "";position: absolute;right: 0.125rem;top: calc(50% - 0.125rem);transform: translateY(-50%) rotate(45deg);transition: var(--transition-1);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.h-currency-wrap:hover .current-currency::before {transform: translateY(-10%) rotate(225deg);}
.h-currency-wrap:hover .h-currency {opacity: 1;visibility: visible;}
.h-currency > * + * {margin-top: 0.625rem;}
.h-currency a {text-align: left;}
.h-currency a:hover,
.h-currency a.is-active {color: var(--clr-primary);}

:lang(es) .h-links > ul,
:lang(fr) .h-links > ul {gap: 0.5rem clamp(1rem, -0.6667rem + 2.2222vw, 2rem);}
:lang(fr):root {--h-logo-width: 10.875rem;}
:lang(fr) .h-links :where(a):not(.btn) {font-size: var(--text-sm);}
}
@media (max-width: 1199px) {
:root {--h-height: 3.75rem;--h-logo-width: 3rem;}
.h-lang-wrap.d-none{display: none;}
header.scrolled .h-wrap {transform: translateY(-100%);}
body:has(header.scrolled) .head-nav.fixed {top: 0;}
.h-inner {gap: 1rem;justify-content: space-between;}
.h-inner > *:not(.h-menu) {transition: var(--cubic-1);}
.h-logo img {display: none;}
.h-logo img:last-child {display: block;}
.h-menu {position: fixed;z-index: 1;overflow-y: auto;overflow-x: hidden;inset: 1rem;width: calc(100% - 2rem);height: calc(100dvh - 2rem);transform: translateX(-150%);transition: var(--cubic-1);background: rgba(255, 255, 255, 0.98);box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.07);border-radius: var(--rd-0);gap: 0;display: flex;flex-direction: column;opacity: 0;padding: 1rem 3rem 2rem;}
.h-menu > .btn-close,
.h-menu > .h-logo,
.h-menu > .h-lang-wrap,
.h-menu > .h-currency-wrap {display: block;}
.h-menu > .btn-close {--size: 3rem;--clr-btn: rgba(255, 255, 255, 0.5);border: 0.125rem solid var(--clr-dark);background-color: var(--clr-dark);margin-inline: auto;}
.h-menu > .h-logo {width: 9rem;}
.h-menu > .h-lang-wrap + .h-currency-wrap {margin-top: 1.5rem;}
.h-menu > * + * {margin-top: 2.5rem;}
.h-links > ul {gap: 1.875rem;flex-direction: column;}
.h-controls {gap: 1.875rem;}
.h-icon span {--size: 1.125rem;}
.h-burger {display: block;}
.h-cabinet-dropdown {right: 0;}
.h-cabinet b {display: none;}
.h-search-inner {width: 100%;padding-inline: 0;gap: 1rem;}
.menu-is-open .h-wrap {background-color: transparent;}
.menu-is-open .h-inner > *:not(.h-menu) {opacity: 0;visibility: hidden;}
.menu-is-open .h-menu {transform: translateX(0%);opacity: 1;}
.menu-is-open .h-menu-overlay {opacity: 1;visibility: visible;}
html:is(.menu-is-open) .bt-panel {transform: translateY(100%);}
body:has(.cbn-menu) .h-cabinet:not(.cabinet-btn) {display: none;}
body:has(.cbn-menu) .cabinet-btn {display: block;}
}
header {opacity: 1;transition: 0.15s linear opacity;}
/*====================*/
/*  Dropdown Menu     */
/*====================*/
.dropdown-link {position: relative;}
.dropdown-link b {display: block;font-size: var(--text);line-height: normal;font-weight: 500;color: var(--clr-title);}
.dropdown-link a,
.dropdown-link b {position: relative;padding-right: 1.5rem;}
.dropdown-link a::before,
.dropdown-link b::before {content: "";position: absolute;right: 0.125rem;top: 50%;transform: translateY(-50%) rotate(-45deg);transition: transform var(--transition-1);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.dropdown-back {--size: 3rem;--clr-btn: rgba(255, 255, 255, 1);border: 0.125rem solid var(--clr-dark);background-color: var(--clr-dark);display: block;margin-inline: auto;}
.dropdown-back::before {content: "";position: absolute;top: 50%;left: calc(50% + 0.125rem);width: 0.5rem;height: 0.5rem;transform: translate(-50%, -50%) rotate(-45deg);background-color: transparent;border-left: 0.125rem solid currentColor;border-top: 0.125rem solid currentColor;}
.dropdown-back::after {content: none;}
.dropdown-menu {width: 100%;border-radius: var(--rd-0);background-color: var(--bg-light);transition: var(--cubic-1);opacity: 0;visibility: hidden;}
.dropdown-menu > .container {padding-inline: 0;height: inherit;}
.dropdown-menu-wrap {position: relative;}
.dropdown-menu-wrap > * + * {margin-top: 1.875rem;}
.dropdown-category {display: block;width: -moz-fit-content;width: fit-content;}
.dropdown-category-caption {position: relative;z-index: 1;cursor: pointer;font-size: 1.125rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);--icon-size: 2rem;gap: 0.75rem;display: inline-flex;align-items: center;}
.dropdown-category-caption i{position: relative;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;cursor: pointer;}
.dropdown-category-caption i::after {content: "";position: absolute;left: 0.45rem;top: calc(50% - 0.125rem);transform: rotate(45deg) translateY(-50%);width: 0.45rem;height: 0.45rem;border-top: 0.125rem solid currentColor;border-right: 0.125rem solid currentColor;}
.dropdown-submenu-caption {--icon-size: 2rem;position: relative;gap: 0.75rem;display: inline-flex;align-items: center;}
.dropdown-submenu-caption a {font-size: 1.125rem;line-height: var(--icon-size);font-weight: 600;color: var(--clr-text);}
.dropdown-submenu-caption:only-child .dropdown-submenu-btn {display: none;}
.dropdown-submenu-caption + * {display: none;padding-top: 1rem;}
.dropdown-submenu-btn {position: relative;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;transition: var(--transition-1);}
.dropdown-submenu-btn::before {content: "";position: absolute;top: calc(50% - 0.125rem);left: 50%;transform: translate(-50%, -50%) rotate(45deg);transition: transform var(--transition-1);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.dropdown-submenu-btn.is-active {transform: rotate(180deg);}
.dropdown-submenu a:not(.dropdown-submenu-caption a) {font-size: 0.875rem;line-height: 1.42em;font-weight: 400;color: var(--clr-text);}
.dropdown-submenu ul > * + * {margin-top: 0.875rem;}
@media (min-width: 1200px) {
.dropdown-link {position: relative;}
.dropdown-link::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 450%;visibility: hidden;}
.dropdown-link b{display: none;}
.dropdown-link a {display: block;}
.dropdown-link a,
.dropdown-link b {position: relative;padding-right: 1.5rem;}
.dropdown-link a::before,
.dropdown-link b::before {top: calc(50% - 0.125rem);transform: translateY(-50%) rotate(45deg);}
.dropdown-back {display: none;}
.dropdown-menu {--gap-out: 0.875rem;position: absolute;z-index: 20;top: calc(var(--h-height) + var(--gap-out));left: 0;max-height: calc(100dvh - var(--gap-out) * 2);}
.dropdown-menu-wrap {--pd: 1.5rem;padding-block: calc(var(--pd) * 2.75);padding-inline: calc(var(--pd) * 2) var(--pd);}
.dropdown-menu-wrap > * + * {margin-top: 0.25rem;}
.dropdown-menu-wrap + .btn {position: relative;margin-left: calc(clamp(16.25rem, 10rem + 8.3333vw, 20rem) + clamp(1.25rem, -2.9167rem + 5.5556vw, 3.75rem) + 3rem);margin-bottom: 1.5rem;}
.dropdown-category {--size: clamp(16.25rem, 10rem + 8.3333vw, 20rem);--gap: clamp(1.25rem, -2.9167rem + 5.5556vw, 3.75rem);gap: var(--gap);display: grid;grid-template-columns: var(--size) auto;align-items: flex-start;}
.dropdown-category-caption {border-radius: var(--rd-0);transition: var(--transition-1);}
.menu-item-has-children > .dropdown-category-caption::after {right: 1.625rem;width: 0.625rem;height: 0.625rem;content: "";position: absolute;top: calc(50% - 0.125rem);transform: rotate(45deg) translateY(-50%);border-top: 0.125rem solid currentColor;border-right: 0.125rem solid currentColor;}
.dropdown-category-caption a{display: block;padding: 0.625rem 1rem;width: 100%;}
.dropdown-category-caption i{display: none;}
.dropdown-submenu {gap: clamp(1.25rem, -1.6667rem + 3.8889vw, 3rem);display: grid;grid-template-columns: repeat(5, 1fr);}
.dropdown-submenu-inner {position: absolute;z-index: 0;top: 0;right: 0;width: calc(100% - var(--size) - var(--pd) * 2);padding-left: var(--gap);padding-block: calc(var(--pd) * 2.75) var(--pd);opacity: 0;visibility: hidden;transition: var(--transition-1);}
.dropdown-submenu-inner::before {content: "";position: absolute;z-index: -1;top: 0;right: 0;width: calc(100% + var(--size) + var(--pd) * 2);height: 100%;background-color: var(--bg-light);border-radius: var(--rd-0);pointer-events: none;}
.dropdown-submenu-caption {display: inline-block;}
.dropdown-submenu-caption a {line-height: 1.33em;}
.dropdown-submenu-caption + * {display: block;max-height: 22.72em;overflow-y: auto;overflow-x: hidden;}
.dropdown-submenu-btn {display: none;}
.dropdown-category-caption:hover {background-color: var(--clr-white);color: var(--clr-primary);}
.dropdown-category.is-open .dropdown-submenu-inner {opacity: 1;visibility: visible;}
.dropdown-category.is-open .dropdown-category-caption {background-color: var(--clr-white);color: var(--clr-primary);}
.dropdown-submenu-caption a:hover {color: var(--clr-title);}
.dropdown-submenu a:not(.dropdown-submenu-caption a):hover {color: var(--clr-primary);}
.dropdown-is-open .dropdown-link a::before {transform: translateY(-10%) rotate(225deg);}
.dropdown-is-open .dropdown-link::before {visibility: visible;}
.dropdown-is-open .dropdown-menu {opacity: 1;visibility: visible;}
.dropdown-is-open .h-menu-overlay {opacity: 1;visibility: visible;}
}
@media (max-width: 1199px) {
.dropdown-back + * {margin-top: 2.5rem;}
.dropdown-menu {position: fixed;z-index: 2;top: 0;left: 0;padding-inline: 3rem;padding-block: 1rem;transform: translateX(150%);}
.dropdown-menu-wrap + .btn {margin-top: 2rem;}
.dropdown-submenu-inner {position: fixed;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;overflow-y: auto;overflow-x: hidden;border-radius: var(--rd-0);background-color: var(--bg-light);padding-inline: 3rem;padding-block: 1rem;transition: var(--cubic-1);transform: translateX(-150%);opacity: 0;visibility: hidden;}
.dropdown-submenu > * + * {margin-top: 1rem;}
.submenu-is-open .dropdown-menu {opacity: 1;visibility: visible;transform: translateX(0%);}
.subsubmenu-is-open.dropdown-submenu-inner {opacity: 1;visibility: visible;transform: translateX(0%);}
.dropdown-link{--icon-size: 2rem;position: relative; gap: 0.75rem;display: inline-flex;align-items: center;}
.dropdown-link a{padding-right: 0;}
.dropdown-link a::before{content: none;}
.dropdown-link i{position: relative;display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;cursor: pointer;}
.dropdown-link i::after {content: "";position: absolute;left: 0.45rem;top: calc(50% - 0.125rem);transform: rotate(45deg) translateY(-50%);width: 0.45rem;height: 0.45rem;border-top: 0.125rem solid currentColor;border-right: 0.125rem solid currentColor;}
.dropdown-menu-wrap > * + *{margin-top: 1rem}
}
/*====================*/
/*  Breadcrumbs       */
/*====================*/
.breadcrumbs {--br-fz: .875rem;--br-space: 1rem;position: relative;margin-block: 1rem clamp(1rem, 0.2632rem + 1.5351vw, 1.875rem);overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;}
.breadcrumbs::-webkit-scrollbar {display: none;}
.breadcrumbs ul {min-width: -moz-max-content;min-width: max-content;line-height: 0;padding-right: var(--br-space);}
.breadcrumbs li {position: relative;display: inline-block;font-size: var(--br-fz);line-height: 1.4em;font-weight: 500;color: rgba(21, 22, 35, 0.5);scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li:after {content: "";position: relative;display: inline-block;vertical-align: middle;width: 0.25rem;height: 0.25rem;background-color: currentColor;border-radius: 100%;margin: 0 0.5rem;}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li:first-child a {text-decoration: underline;text-decoration-color: currentColor;}
.breadcrumbs li.active {color: rgba(21, 22, 35, 0.5);}
.banner .breadcrumbs {position: absolute;z-index: 10;left: 0;right: 0;margin-block: 0.625rem 0;}
.banner:not(.type-2) .breadcrumbs li {color: rgba(255, 255, 255, 0.7);}
.banner:not(.type-2) .breadcrumbs li.active {color: rgba(255, 255, 255, 0.7);}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.banner .breadcrumbs {display: none;}
}
/*====================*/
/* Animation          */
/*====================*/
.fadeIn {--time: 1.2s;--delay: calc(.11s * var(--animate-index));will-change: transform,opacity;opacity: 0;transform: scale(0.8);}
.fadeIn.animated {animation: var(--time) var(--cubic-3) var(--delay) fadeIn forwards;}
@keyframes fadeIn {
to {opacity: 1;transform: scale(1);}
}
.slideUp {--time: 1s;--delay: calc(.11s * var(--animate-index));will-change: transform,opacity;opacity: 0;transform: translateY(4rem);}
.slideUp.animated {animation: var(--time) var(--cubic-3) var(--delay) slideUp forwards;}
@keyframes slideUp {
to {opacity: 1;transform: translateY(0%);}
}