/*--------------------*/
/*  Reset             */
/*--------------------*/
@media (prefers-reduced-motion: no-preference) {
@view-transition {navigation: auto;}
}
html {height: auto;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;scroll-padding-top: var(--h-height, 0);interpolate-size: allow-keywords;}
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;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;min-width: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-locale: auto;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
:is(*, *:before, *:after) {box-sizing: inherit;}
: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 {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;}
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 {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
::-moz-placeholder {display: none;}
::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;}
#loader-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: #fff;animation: loader 0.8s linear;animation-iteration-count: 1;animation-fill-mode: forwards;}
@keyframes loader {
0% {opacity: 1;}
70% {opacity: 1;}
99% {opacity: 0;}
100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}
}
/*----------------------*/
/*  Main Global         */
/*----------------------*/
:root {
    --root-scale: 1rem;
    --container-width: 100%;
    --ff-1: "Involve", sans-serif;
    --h1: 3.875rem;
    --h2: 2.625rem;
    --h3: 2rem;
    --h4: 1.375rem;
    --h5: 1.125rem;
    --h6: 1rem;
    --text: 0.875rem;
    --text-md: 1rem;
    --text-lg: 1.125rem;
    --sp-xl: 120px;
    --sp-lg: 5rem;
    --sp-md: 2.5rem;
    --sp-sm: 2rem;
    --sp-xs: 1.25rem;
    --sp-80-40: clamp(2.5rem, -0.538rem + 6.3291vw, 5rem);
    --sp-60-12: clamp(0.75rem, -2.8956rem + 7.5949vw, 3.75rem);
    --sp-60-20: clamp(1.25rem, -1.788rem + 6.3291vw, 3.75rem);
    --sp-50-20: clamp(1.25rem, -1.0285rem + 4.7468vw, 3.125rem);
    --sp-40-20: clamp(1.25rem, -0.269rem + 3.1646vw, 2.5rem);
    --sp-40-12: clamp(0.75rem, -1.3766rem + 4.4304vw, 2.5rem);
    --sp-32-20: clamp(1.25rem, 0.3386rem + 1.8987vw, 2rem);
    --sp-32-12: clamp(0.75rem, -0.769rem + 3.1646vw, 2rem);
    --sp-24-12: clamp(0.75rem, -0.1614rem + 1.8987vw, 1.5rem);
    --sp-20-12: clamp(0.75rem, 0.1424rem + 1.2658vw, 1.25rem);
    --sp-16-12: clamp(0.75rem, 0.4462rem + 0.6329vw, 1rem);
    --sp-16-10: clamp(0.625rem, 0.1693rem + 0.9494vw, 1rem);
    --sp-12-8: clamp(0.5rem, 0.1962rem + 0.6329vw, 0.75rem);
    --rd-1: .5rem;
    --clr-title: #1D1D1B;
    --clr-text: #616161;
    --clr-plc: #8F8886;
    --clr-input: #8F8886;
    --clr-border: #E2EAE9;
    --clr-white: #ffffff;
    --clr-white-70: rgba(255, 255, 255, 0.7);
    --clr-white-50: rgba(255, 255, 255, 0.5);
    --clr-white-30: rgba(255, 255, 255, 0.3);
    --clr-white-10: rgba(255, 255, 255, 0.1);
    --clr-black: #1D1D1B;
    --clr-black-50: rgba(27, 13, 3, 0.5);
    --clr-black-75: rgba(27, 13, 3, 0.75);
    --clr-grey: #E2EAE9;
    --clr-grey-2: #DBDBDB;
    --clr-grey-3: #7E7E7E;
    --clr-brown: #8F8886;
    --clr-red: #CA0000;
    --clr-green: #097616;
    --clr-green-light: #C7E3BF;
    --clr-red-light: #FFEBEB;
    --clr-primary: #8CCED3;
    --clr-primary-accent: #78BCC8;
    --clr-secondary: #1B0D03;
    --bg-1: #F7F9F9;
    --bg-2: #1D1D1B;
    --bg-3: #131311;
    --blur: 5px;
    --bg-overlay: rgba(0, 0, 0, 0.5);
    --box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.03),0 0 0.5rem 0 rgba(0, 0, 0, 0.06);
    --gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.43%, rgba(0, 0, 0, 0.4) 100%);;
    --transition-1: 0.3s linear;
    --transition-2: 0.5s linear;
    --transition-3: 1s ease;
    --cubic-1: transform 3s cubic-bezier(.165, .84, .44, 1);
    --cubic-2: cubic-bezier(0.33, 1, 0.68, 1);


    --rd-1: 0.5rem;

    --btn-height: 3.75rem;
    --btn-padding-x: 1.5rem;
    --btn-radius: var(--rd-1);
    --btn-font-size: 1rem;
}

html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-menu,
html.overflow-hidden {overflow: clip;}
html.overflow-menu body,
html.overflow-hidden body {overflow: clip;}
.overflow-overlay {opacity: 0;visibility: hidden;position: fixed;z-index: 90;inset: 0;background-color: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--cubic-1);}
#content-block {position: relative;min-height: 100svh;overflow: clip;display: flex;flex-direction: column;}
main {display: flex;flex-direction: column;}
main .seo-section {order: 1;}
footer {margin-top: auto;}
:where(.section:first-child) {margin-top: var(--sp-md);}
:where(.section + .section) {margin-top: var(--sp-xl);}
:where(.section.seo-section + .section) {margin-top: 0;}
:where(.section:last-child) {margin-bottom: var(--sp-xl);}
.section {position: relative;opacity: 1;}
.container,
.container-fluid {--bs-gutter-x: 1.5rem;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.swiper-container {will-change: opacity;opacity: 0;}
.swiper-container.swiper-initialized {opacity: 1;transition: 0.15s linear opacity;}
.informer,
.cart,
.cart-informer,
.cookies-informer,
.popup-wrapper {display: none;}
@media (min-width: 1200px) {
:root {--container-width: 92.917vw;}
.container {width: var(--container-width);}
}
@media (min-width: 1200px) and (max-width: 1380px) {
:root {--root-scale: 0.75rem;}
}
@media (min-width: 1381px) and (max-width: 1680px) {
:root {--root-scale: 0.875rem;}
}
@media (min-width: 2100px) {
html {font-size: 1.375rem;}
}
@media (min-width: 2600px) {
html {font-size: 2rem;}
}
@media (max-width: 1199px) {
    :root {
        --h1: 3rem;
        --h2: 2.25rem;
        --h3: 1.75rem;
        --h4: 1.25rem;
        --h5: 1rem;
        --h6: 1rem;
        --sp-xl: 5rem;--sp-lg: 3.75rem;--sp-md: 2.5rem;--sp-sm: 1.5rem;--sp-xs: 0.875rem;--text-md: 1rem;
        --btn-height: 3rem;
        --btn-padding-x: 1rem;
        --btn-font-size: 0.875rem;
    }
}
@media (max-width: 767px) {
    :root {
        --h1: 2.75rem;
        --h2: 2rem;
        --h3: 1.375rem;
        --h4: 1.125rem;
        --h5: 1rem;
        --h6: 1rem;
        --text: 0.875rem;--text-md: 0.875rem;--sp-xs: 0.5rem;
        --text-lg: 1rem;
        --btn-height: 2.75rem;--btn-padding-x: 0.75rem;--btn-font-size: 0.85rem;
    }
:where(.section:first-child) {margin-top: var(--sp-sm);}
}
/*--------------------*/
/*  Header            */
/*--------------------*/
:root {--h-height: 5.5rem;--h-logo-width: 7.5rem;--h-top-height: 2.375rem;--h-icon: 1.5rem;--h-icon-num: 1.25rem;}
header {position: relative;z-index: 100;height: calc(var(--h-top-height) + var(--h-height));}
.h-top-header {position: relative;height: var(--h-top-height);background-color: var(--clr-primary);display: flex;align-items: center;z-index: 100;}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background-color: var(--clr-white-70);transition: var(--transition-1);backdrop-filter: blur(var(--blur));}
header.scrolled .h-wrap {box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);}
.hide:has(.h-top-header) .h-wrap {top: calc(var(--h-top-height) * -1);}
.h-inner {position: relative;width: 100%;height: var(--h-height);gap: var(--sp-16-12);display: flex;align-items: center;justify-content: space-between;padding-block: 0.75rem;}
.h-logo {display: block;width: var(--h-logo-width);flex-shrink: 0;align-self: flex-start;filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));height: 100%;}
.h-logo img {display: block;max-width: 100%; max-height: 100%;object-fit: contain;object-position: center;}
.h-menu {display: flex;align-items: center;margin:auto}
.h-links {margin-right: 1rem;}
.h-links ul {display: flex;align-items: center;flex-wrap: wrap;gap: 2.125rem;width: 100%;}
.h-links li.current_page_item > a {color: var(--clr-primary);}
.h-links a {font-size: 0.875rem;line-height: 2;font-weight: 400;color: var(--clr-black);letter-spacing: -0.03rem;width: 100%;}
.h-lang a.is-active {color: var(--clr-primary);cursor: inherit;pointer-events: none;}
.h-drop-list,
.h-menu-overlay,
.h-burger {display: none;}
.h-controls {gap: 1.5rem;display: flex;align-items: center;}
.h-controls > * {font-size: 0.875rem;line-height: 2;font-weight: 400;color: var(--clr-black);letter-spacing: -0.03rem;display: flex;align-items: center;flex-shrink: 0;transition: var(--transition-1);}
.h-controls b {cursor: pointer;}
.open-search .h-menu-overlay {opacity: 1;visibility: visible;}
.open-search .h-search-dropdown {opacity: 1;visibility: visible;transition: var(--transition-1);}
.open-search .h-menu-overlay {z-index: 100;}
.h-search-top {position: relative;height: clamp(3.75rem, 2.231rem + 3.1646vw, 5rem);background-color: var(--clr-white);display: flex;align-items: center;}
.h-search-form {position: relative;display: flex;align-items: center;justify-content: space-between;gap: var(--sp-12-8);}
.h-search-form svg {width: 1rem;height: 1rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;color: var(--clr-primary);z-index: 1;}
.h-search-form input {height: 2.5rem;line-height: 2.5rem;padding: 0;}
.h-search-form .btn-close {flex-shrink: 0;}
.h-search-dropdown {position: fixed;z-index: 101;top: 0;left: 0;opacity: 0;visibility: hidden;backface-visibility: hidden;width: 100%;box-shadow: var(--box-shadow);}
.h-search-bottom {max-height: 50vh;overflow-y: auto;overflow-x: hidden;border-top: 0.0625rem solid var(--clr-border);background-color: var(--clr-white);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));}
.h-search-results {display: none;flex-direction: column;gap: 4px;position: relative;opacity: 0;visibility: hidden;padding-block: var(--sp-16-12);transition: var(--transition-1);}
.h-search-results.is-active {opacity: 1;visibility: visible;display: flex;}
.h-search-results .prd-horiz-info > * + * {margin-top: 4px;}
.h-search-results .prd-horiz {--img-size: 4rem;background-color: transparent;align-items: center;}
.h-search-results .prd-horiz-title {padding-right: 0;font-size: var(--text);-webkit-line-clamp: 4;}
.h-search-results .price-wrap {gap: 0.5rem;flex-direction: row;align-items: center;}
.h-search-count {display: flex;justify-content: space-between;gap: var(--sp-16-12);margin-top: var(--sp-16-10);padding-top: var(--sp-16-10);border-top: 2px solid var(--clr-grey-2);}
.h-search-footer:has(.container:empty){display: none;}
.h-cabinet {gap: 0.5rem;display: flex;align-items: center;font-size: 0.875rem;}
.h-cabinet > b {display: inline-block;line-height: var(--h-icon);}
.h-cabinet.is-active .h-cabinet-dropdown {opacity: 1;visibility: visible;transition: var(--transition-1);}
.h-cabinet-dropdown {position: absolute;z-index: 5;bottom: 0;transform: translate(calc(var(--sp-32-12) * -1), 100%);padding: var(--sp-24-12) var(--sp-32-12);opacity: 0;visibility: hidden;backface-visibility: hidden;background: var(--clr-white-70);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--transition-1);border-radius: var(--rd-1);}
.h-cabinet-dropdown li {line-height: 0;}
.h-cabinet-dropdown li + li {margin-top: 0.25rem;}
.h-cabinet-dropdown li svg {--size: 1rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.h-cabinet-dropdown li > * {cursor: pointer;display: flex;align-items: center;gap: 0.625rem;background-color: transparent;font-size: 0.875rem;line-height: 2;font-weight: 400;color: var(--clr-black);transition: var(--transition-1);}
.h-cabinet-dropdown li > * b {display: inline-block;white-space: nowrap;line-height: 2;}
.h-cabinet-dropdown li a.active {color: var(--clr-primary);}
.marquee {display: flex;align-items: center;width: 100%;overflow: clip;}
.marquee-line {--gap-marquee: clamp(3.75rem, 0.712rem + 6.3291vw, 6.25rem);will-change: transform;backface-visibility: hidden;display: block;width: inherit;height: var(--h-top-height);}
.marquee-item {--x: 50%;will-change: transform;position: absolute;top: 50%;transform: translate3d(var(--x), -50%, 0);padding-left: var(--gap-marquee);gap: var(--gap-marquee);display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.marquee-item > * {flex-shrink: 0;}
.marquee-content {gap: var(--gap-marquee);display: flex;align-items: center;position: relative;font-size: 0.875rem;line-height: 1;letter-spacing: -0.48px;color: var(--clr-black);text-decoration: underline;text-decoration-color: transparent;text-underline-offset: 0.125rem;transition: var(--transition-1);}
.marquee-content::before {--marquee-icon-w: 1.25rem;content: "";display: block;position: absolute;bottom: 0;left: calc(var(--gap-marquee) / -2 - var(--marquee-icon-w) / 2 + 0.5rem);top: 0;margin-block: auto;width: 1.25rem;height: 1.0625rem;background: url("../img/icons/top-header-decor.svg") no-repeat 0 0/contain;}
.h-icon {position: relative;display: inline-block;width: var(--h-icon);height: var(--h-icon);flex-shrink: 0;cursor: pointer;}
.h-icon svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.25rem;height: 1.25rem;}
.h-menu-overlay {display: block;position: fixed;z-index: 99;inset: 0;opacity: 0;visibility: hidden;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--transition-1);}
.h-icon__count{position: absolute;display: flex;text-align: center; align-items: center;justify-content: center; right: 0%;top: 0%;border-radius: 100%; width: 1rem;height:1rem;background: var(--clr-primary);color: var(--clr-black);font-size: 0.625rem;transform: translate(50%, -50%);}
.h-controls__group{display: flex;align-items: center;gap: .5rem;}
.h-control-item{display: inline-flex;}

@media (min-width: 1200px) {
.marquee-line:hover .marquee-content {color: var(--clr-black-75);}
.h-links a:hover {color: var(--clr-primary-accent);}
.h-control-item:hover {color: var(--clr-primary-accent);}
.h-drop b {display: inline-block;position: relative;z-index: 2;cursor: default;font-size: 0.875rem;line-height: 2;font-weight: 400;letter-spacing: -0.03rem;color: var(--clr-black);padding-right: 1rem;}
.h-drop b::before {content: "";position: absolute;right: 2px;top: 50%;transform: translateY(-75%) rotate(45deg) ;width: 0.375rem;height: 0.375rem;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transition: var(--transition-1);transform-origin: center;backface-visibility: hidden;}
.h-drop.is-active b::before {transform: translateY(-25%) rotate(-135deg) ;}
.h-drop.is-active b::after {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: calc(var(--h-height) / 2);transform: translateY(100%);}
.h-drop.is-active .h-drop-list {opacity: 1;visibility: visible;}
.h-drop-list {position: absolute;z-index: 1;bottom: 0;transform: translate(calc(var(--sp-32-12) * -1), 100%);padding: var(--sp-24-12) var(--sp-32-12);width: auto;line-height: 0;opacity: 0;visibility: hidden;display: grid;grid-auto-flow: column;grid-template-rows: repeat(8, auto);align-items: flex-start;background: var(--clr-white-70);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--transition-1);border-radius: var(--rd-1);}
.h-drop-list.catalog {background: none;-webkit-backdrop-filter: none;backdrop-filter: none;}
.h-drop-list.catalog::before {content: "";position: absolute;top: 0;left: 0px;width: 100%;height: 100%;background-color: var(--clr-white-70);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));z-index: -1;border-radius: var(--rd-1);}
.h-drop-list {row-gap: 0.25rem;column-gap: var(--sp-32-12);}
.h-drop-list a {font-size: 0.875rem;line-height: 2;font-weight: 400;color: var(--clr-black);width: 100%;}
.h-cabinet-dropdown li > *:hover {color: var(--clr-primary-accent);}
.h-lang {margin-right: 3.7vw;margin-left: auto;}
.h-lang a:not(.is-active):hover {color: var(--clr-primary-accent);}
}
@media (max-width: 991px) {
:root {--h-height: 3.75rem;--h-logo-width: 6.25rem;}
.h-inner{display: grid;grid-template-columns: 1fr min-content 1fr;padding-block: 0.25rem;}
.h-logo{margin-bottom: -6.25rem;justify-self: center;}
.h-logo img {margin-inline: auto;}
.h-burger {position: relative;display: block;width: 2rem;height: 2rem;margin-left: -0.25rem;}
.h-burger i {display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.5rem;height: 0.125rem;background-color: var(--clr-black);transition: var(--transition-1);}
.h-burger i:before,
.h-burger i:after {content: "";position: absolute;left: 0;top: -0.375rem;width: 100%;height: 100%;background-color: var(--clr-black);transition: var(--transition-1);}
.h-burger i:after {top: 0.375rem;}
.h-menu {position: fixed;z-index: -1;top: 0;left: 0;transform: translateX(-100%);transition: var(--transition-1);width: min(100%, 26.25rem);height: 100svh;overflow: hidden;display: flex;flex-direction: column;align-items: center;background-color: var(--clr-white-70);opacity: 0;padding-top: calc(var(--h-top-height) + var(--h-height));backdrop-filter: blur(var(--blur));}
.h-menu > * + * {margin-top: var(--sp-32-12);}
.h-menu .h-controls > * {justify-content: center;}
.h-menu .h-favorite {align-items: center;}
.h-menu .h-cabinet .h-icon {display: none;}
.h-menu .h-cabinet .h-cabinet-dropdown {position: relative;right: auto;bottom: auto;transform: none;opacity: 1;visibility: visible;background-color: transparent;-webkit-backdrop-filter: none;backdrop-filter: none;padding: 0;}
.h-links {flex: 1 1 0;overflow-y: auto;overflow-x: hidden;width: 100%;margin-inline: auto;padding-inline: var(--sp-32-20);padding-bottom: var(--sp-32-20); padding-top: var(--sp-32-20);}
.h-links ul {gap: 0.75rem;flex-direction: column;}
.h-links li {width: 100%;}
.h-links a {text-align: center;}
.h-drop > b {display: flex;align-items: center;justify-content: center;gap: 0.375rem;width: 100%;cursor: pointer;font-size: 0.875rem;font-weight: 400;line-height: 2;color: var(--clr-black);}
.h-drop > b::before {content: "";display: inline-block;flex-shrink: 0;width: 0.375rem;height: 0.375rem;}
.h-drop > b::after {content: "";display: inline-block;flex-shrink: 0;width: 0.375rem;height: 0.375rem;border-right: 1px solid currentColor;border-bottom: 1px solid currentColor;transform: rotate(45deg) translateY(-25%);transition: var(--transition-1);transform-origin: center;}
.h-drop.is-active > b::after {transform: rotate(-135deg) translateY(-25%);}
.h-drop-list {gap: 0.75rem;display: flex;flex-direction: column;align-items: center;max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.3s ease, opacity 0.3s ease, gap 0.3s ease;gap: 0;}
.h-drop.is-active .h-drop-list {max-height: unset;opacity: 1;gap: 0.75rem;padding-block: 0.5rem;border-radius: var(--rd-1);background: rgba(255, 255, 255, 0.5);margin-block: 0.25rem;}
.h-cabinet-dropdown {right: 0;transform: translate(0.75rem, 100%);}
.h-lang .h-drop-list {flex-direction: row;}
.open-menu .h-burger i {background-color: transparent;}
.open-menu .h-burger i:before,
.open-menu .h-burger i:after {top: 0;transform-origin: center;transform: rotate(-45deg);}
.open-menu .h-burger i:after {transform: rotate(45deg);}
.open-menu .h-menu {transform: translateX(0%);opacity: 1;}
.open-menu .h-menu-overlay {opacity: 1;visibility: visible;}
.h-controls{justify-content: flex-end;}
}
@media (max-width: 767px) {
.h-controls {gap: 0.5rem;}
.h-controls > * {font-size: 0.875rem;}
.h-controls .h-icon {cursor: pointer;}
.h-controls b {display: none;}
.h-menu {width: 100%; padding-top: calc(var(--h-top-height) + var(--h-height));}
.h-links {margin-top: 0;}
.h-links ul {gap: 0.125rem;}
.h-drop.is-active .h-drop-list {gap: 0.5rem;}
.h-cabinet > b {display: none;}
.h-cabinet-dropdown li + li {margin-top: 0.25rem;}
.h-cabinet-dropdown li > * {font-size: 0.875rem;}
}
/*--------------------*/
/*  Typography        */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;font-size: var(--text);line-height: 1.3;color: var(--clr-text);}
.text {--text-space: 1rem;--text-rd: var(--rd-1);--text-li-padding: 1.375rem;--text-th-height: 3.25rem;--text-th-padding: 1rem;font-size: var(--text);line-height: 1.3em;font-weight: 400;letter-spacing: -0.03rem;color: var(--clr-text);}
.text-md {font-size: var(--text-md);}
.text-lg {font-size: var(--text-lg);}
.text * + :where(*) {margin-top: calc(var(--sp-sm));}
.text * + :is(p + p) {margin-top: var(--text-space);}
.text * + :is(p + ul, p + ol) {margin-top: calc(var(--text-space) * 0.5);}
.text * + :is(ul, ol) {margin-top: var(--text-space);}
.text * + :is(li) {margin-top: 0.25rem;}
.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 b {color: var(--clr-black);font-weight: 500;}
.text span {color: var(--clr-black);}
.text strong {font-weight: 700;color: var(--clr-black);}
.text em {font-style: italic;font-weight: 500;}
.text a:not(.btn) {display: inline;font-weight: 400;color: var(--clr-black);text-decoration: underline;text-decoration-color: currentColor;text-decoration-thickness: 1px;text-underline-offset: 4px;}
.text ul li {position: relative;padding-left: 1rem;}
.text ol li {position: relative;padding-left: var(--text-li-padding);}
.text ul li:before {content: "";position: absolute;left: 0;top: calc(.65em - 0.125rem);width: 0.25rem;height: 0.25rem;border-radius: 100%;background-color: var(--clr-black);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number) ".";display: inline-block;position: absolute;left: 0;font-weight: 400;line-height: inherit;color: var(--clr-black);}
.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: 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(--rd-1);}
.text blockquote {text-align: left;font-size: var(--h4);line-height: 1.25;font-weight: 600;padding: var(--sp-32-12);color: var(--clr-black);background-color: var(--clr-border);display: flex;gap: var(--sp-32-12);border-radius: var(--rd-1);}
.text blockquote::before{content: "";display: block;width: var(--sp-50-20);aspect-ratio: 1;flex-shrink: 0;background-image: url(../img/icons/icon-quote.svg);background-position: center;background-size: contain;align-self: flex-start;}
.custom-table {overflow: auto;}
.custom-table table {table-layout: fixed;}
.custom-table table td:nth-child(3) {width: 44%;}
.text table {border-collapse: collapse;width: 100%;}
.text tbody {margin: 0;}
.text tbody tr {text-align: left;}
.text thead tr {border: none;}
.text thead th,
.text thead td {height: var(--text-th-height);color: var(--clr-black);font-size: var(--h3);font-weight: 400;}
.text td,
.text th {vertical-align: middle;height: var(--text-th-height);padding: calc(var(--text-th-padding) * 0.625) var(--text-th-padding);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);border: 1px solid var(--clr-grey);}
.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: 600;color: var(--clr-title);}
h1,
.h1 {font-size: var(--h1);line-height: 1;letter-spacing: -0.0275rem;}
h1 b,
.h1 b {font-weight: 700;}
h2,
.h2 {font-size: var(--h2);line-height: 1.1;letter-spacing: -0.0275rem;}
h2 b,
.h2 b {font-weight: 700;}
h3,
.h3 {font-size: var(--h3);line-height: 1.1;letter-spacing: -0.0275rem;}
h3 b,
.h3 b {font-weight: 700;}
h4,
.h4 {font-size: var(--h4);line-height: 1.25;}
h5,
.h5 {font-size: var(--h5);line-height: 1.3;}
h6,
.h6 {font-size: var(--h6);line-height: 1.3;}
.text-balance {text-wrap: balance;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.title-with-btn {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;gap: var(--sp-32-12);}
.title-with-btn.center {justify-content: center;gap: var(--sp-40-12);align-items: center;}
.title-shortcode > * + * {margin-top: var(--sp-12-8);}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: transparent;}
.title-with-btn:not(.center) .title {flex: 0 0 60%;}
}
@media (max-width: 1199px) {
.title-with-btn.center {align-items: center;}
}
@media (max-width: 991px) {
.text {--text-space: 0.625rem;--text-th-padding: 0.5rem;}
.custom-table table {width: 1000px;}
}
/*--------------------*/
/*  Buttons           */
/*--------------------*/
.btn {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;text-decoration: none;flex-shrink: 0;position: relative;z-index: 1;font-size: var(--btn-font-size);line-height: 1em;font-weight: 500;color: var(--clr-black);padding-bottom: 6px;border: none;border-radius: 0;transition: var(--transition-1);display: inline-flex;align-items: center;justify-content: center;gap: 0.25rem;}
.btn-primary {min-height: var(--btn-height);padding: 0 var(--btn-padding-x);background-color: var(--clr-primary);overflow: hidden;border-radius: var(--btn-radius);}
.btn-primary__icon{
    width: var(--btn-height);aspect-ratio: 1;display: flex;align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.btn-primary:has(.btn-primary__icon) {padding-right: 0;gap: calc(var(--btn-height)*0.6);}
.btn-primary__icon>svg:nth-child(2){
    content: "";
    position: absolute;
    width: 170%;
    height: 100%;
    z-index: -1;
    right: 0;
    top: 0;
    color: var(--clr-primary-accent);
    max-width: unset;
    transition: transform var(--transition-1);
}
.btn-primary_white{background-color: var(--clr-white);}
.btn-primary_white .btn-primary__icon>svg:nth-child(2){color: var(--clr-border);}
.btn-int-h{--btn-height: var(--int-height);}
.btn-min-int-h{min-height: max(var(--btn-height), var(--int-height));}
.btn-icon{
    width: 2.5rem;height: 2.5rem;border-radius: var(--rd-1);display: inline-flex;align-items: center;justify-content: center;
    background-color: var(--clr-border);color: var(--clr-black);padding: 0;
}
.btn-icon.btn-icon_lg{width: var(--btn-height);height: var(--btn-height);}
.btn-icon_lg svg{width: 1.25rem;height: 1.25rem;}


.btn-secondary {min-height: var(--btn-height);padding: 0 var(--btn-padding-x);border-radius: var(--rd-1);background-color: var(--clr-border);}
.btn-secondary::before {height: 0;bottom: 0;z-index: -1;background-color: var(--bg-2);}
.btn-white {color: var(--clr-white);}
.btn svg {width: 1.25rem;height: 1.25rem;color: currentColor;flex-shrink: 0;transition: var(--transition-1);}
.btn-block {width: 100%;justify-content: space-between;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 2rem;width: var(--bw);height: var(--bw);color: var(--clr-black);background-color: var(--bg-1);border-radius: 50%;transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 40%;height: 1px;transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-link {gap: 0.5em;display: inline-flex;align-items: center;cursor: pointer;font-size: 1rem;line-height: 1.25;color: var(--clr-title);font-weight: 500;text-decoration: underline;text-decoration-color: transparent;transition: var(--transition-1);}
.btn-link_white {color: var(--clr-white);}
.btn-wrap {display: flex;align-items: center;gap: 0.75rem;}
@media (min-width: 1200px) {
.btn-icon:hover{background-color: var(--clr-primary);}
.btn-close:hover {color: var(--clr-white);background-color: var(--bg-2);}
.btn-link:hover {color: var(--clr-primary-accent);text-decoration: underline;text-decoration-color: currentColor;}
.btn-primary:has(.btn-primary__icon):hover .btn-primary__icon>svg:nth-child(2) {transform: translateX(100%);}
}