@charset "UTF-8";

:root {
    --timing-micro: .1s;
    --timing-short: .2s;
    --timing-base: .4s;
    --timing-long: .7s;
    --timing-second: 1s;
    --animate-time: .8s;
    --animate-delay: .3s;
    --animate-img-scale: .6s;
    --easing-linear: cubic-bezier(0, 0, 1, 1);
    --easing-ease: cubic-bezier(.25, .1, .25, 1);
    --easing-ease-in-out: cubic-bezier(.42, 0, .58, 1);
    --easing-ease-in: cubic-bezier(.42, 0, 1, 1);
    --easing-ease-out: cubic-bezier(0, 0, .09, 1);
    --easing-slov-in-fast-out: cubic-bezier(.6, .14, 0, 1);
    --layer-negative: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-sticky-btn: 7;
    --layer-sticky: 11;
    --layer-overlay: 14;
    --layer-temporary: 16;
    --layer-pop-out: 24;
    --layer-pop-out-overlay: 25;
    --layer-pop-out-overlay-loader: 26
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 100%
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%;
    height: auto
}

hr {
    overflow: visible;
    height: 0;
    box-sizing: content-box
}

a,
button,
label,
input,
select {
    -webkit-tap-highlight-color: transparent
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input[type=submit] {
    border: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px solid ButtonText
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

[type=checkbox],
[type=radio] {
    padding: 0;
    box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

template {
    display: none
}

[hidden] {
    display: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

body,
html,
.text {
    font-family: var(--base-font-family);
    font-size: var(--body-font-size);
    color: var(--color-text-primary)
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--heading-font-family);
    font-weight: var(--heading-font-weight);
    color: var(--color-heading);
    text-transform: var(--heading-text-transform);
    word-break: break-word
}

h1,
.h1 {
    font-size: calc(var(--heading-font-size) * 2.25);
    line-height: 1.33
}

@media(min-width:768px) {

    h1,
    .h1 {
        font-size: calc(var(--heading-font-size) * 2.5)
    }
}

@media(min-width:1200px) {

    h1,
    .h1 {
        font-size: calc(var(--heading-font-size) * 5);
        line-height: 1.25
    }
}

h2,
.h2 {
    font-size: calc(var(--heading-font-size) * 1.75);
    line-height: 1.25
}

@media(min-width:768px) {

    h2,
    .h2 {
        font-size: calc(var(--heading-font-size) * 2)
    }
}

@media(min-width:1200px) {

    h2,
    .h2 {
        font-size: calc(var(--heading-font-size) * 4)
    }
}

h3,
.h3 {
    font-size: calc(var(--heading-font-size) * 1.375);
    line-height: 1.27
}

@media(min-width:768px) {

    h3,
    .h3 {
        font-size: calc(var(--heading-font-size) * 1.625)
    }
}

@media(min-width:1200px) {

    h3,
    .h3 {
        font-size: calc(var(--heading-font-size) * 2.75);
        line-height: 1.27
    }
}

h4,
.h4 {
    font-size: calc(var(--heading-font-size) * 1.125);
    line-height: 1.22
}

@media(min-width:1200px) {

    h4,
    .h4 {
        font-size: calc(var(--heading-font-size) * 2);
        line-height: 1.5
    }
}

h5,
.h5 {
    font-size: calc(var(--heading-font-size) * 1);
    line-height: 1.22
}

@media(min-width:768px) {

    h5,
    .h5 {
        font-size: calc(var(--heading-font-size) * 1.0625)
    }
}

@media(min-width:1200px) {

    h5,
    .h5 {
        font-size: calc(var(--heading-font-size) * 1.125)
    }
}

h6,
.h6 {
    font-size: calc(var(--heading-font-size) * .95);
    line-height: 1.22
}

@media(min-width:768px) {

    h6,
    .h6 {
        font-size: calc(var(--heading-font-size) * 1)
    }
}

@media(min-width:1200px) {

    h6,
    .h6 {
        font-size: calc(var(--heading-font-size) * 1)
    }
}

.text-center {
    text-align: center
}

.text-right {
    text-align: end
}

* {
    outline: none;
    box-sizing: border-box
}

html,
body {
    background-color: #fff;
    scroll-behavior: var(--smooth-scroll, auto)
}

html {
    scroll-padding-top: var(--header-height-sticky, 0)
}

html:has(body.scroll-padding-0) {
    scroll-padding: 0
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--color-background)
}

body .transition {
    transition-property: opacity;
    transition-timing-function: ease;
    transition-duration: .3s
}

body.rtl {
    direction: rtl
}

body.rtl .icon.icon--rtl {
    transform: scale(-1)
}

a {
    color: var(--link-color)
}

.content {
    flex: 1 0 auto
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0)
}

picture img {
    opacity: 1;
    transition-property: opacity;
    transition-duration: .5s
}

.lazy img {
    opacity: 0;
    transition-duration: .5s;
    transition-property: opacity
}

.opacity-0 {
    opacity: 0
}

button {
    background-color: transparent
}

.form-status {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.form-status svg {
    margin-inline-end: 5px
}

.form__message {
    margin: 15px 0;
    color: var(--color-text-secondary)
}

.form-status-list {
    margin-bottom: 30px
}

.form-status-list li {
    margin: 10px 0
}

.form-status-list a {
    color: var(--link-color)
}

.form-status-list a:focus-visible {
    outline: 1px solid var(--color-text-primary)
}

html.no-js .no-js-hidden {
    display: none
}

.no-js .lazy {
    display: none !important
}

.focus-visible-outline:focus-visible {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 2px
}

.error {
    color: var(--color-text-attention, #b00020)
}

.error li+li {
    margin-top: 10px
}

.success {
    color: var(--color-text-success, #198754)
}

.template-customers .content {
    display: flex;
    flex-direction: column
}

.is-hidden {
    display: none !important
}

.loader {
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    width: 36px;
    height: 36px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite
}

.password-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.password-main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

[data-shopify=payment-button] .shopify-payment-button__button--hidden {
    display: none
}

[data-shopify=payment-button] .shopify-payment-button__more-options:focus-visible {
    outline: 2px solid var(--color-text-primary)
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.container {
    max-width: var(--container-width);
    width: 100%;
    margin: 0 auto;
    padding: 0 16px
}

@media(min-width:1200px) {
    .container {
        padding-left: 60px;
        padding-right: 60px
    }
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    body * {
        scrollbar-width: thin
    }

    body *::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    body *::-webkit-scrollbar-thumb {
        border-radius: 10px
    }
}

.skip-content-link {
    top: 4px;
    left: 4px;
    opacity: 0;
    padding: 6px;
    background-color: var(--color-background);
    clip: rect(0 0 0 0);
    transition-property: opacity;
    transition-duration: var(--timing-short);
    transition-timing-function: var(--easing-linear)
}

.skip-content-link:focus-visible {
    z-index: 999;
    opacity: 1;
    width: unset;
    height: unset;
    margin: unset;
    clip: unset;
    outline: 2px solid var(--color-text-primary)
}

body.blur-content {
    overflow-x: hidden
}

body.blur-content .announcement-bar,
body.blur-content .header,
body.blur-content main,
body.blur-content .footer {
    overflow-x: hidden;
    filter: blur(7px)
}

body.blur-content main {
    overflow-x: hidden
}

.section-bottom-rounded {
    border-bottom-left-radius: 65px;
    border-bottom-right-radius: 65px
}

@media(min-width:1200px) {
    .section-bottom-rounded {
        border-bottom-left-radius: 140px;
        border-bottom-right-radius: 140px
    }
}

.tr-del-0-25 {
    transition-delay: .25s
}

.tr-del-0-3 {
    transition-delay: .3s
}

.tr-del-0-4 {
    transition-delay: .4s
}

.tr-del-0-5 {
    transition-delay: .5s
}

.tr-del-0-75 {
    transition-delay: .75s
}

.tr-del-1 {
    transition-delay: 1s
}

.tr-del-1-25 {
    transition-delay: 1.25s
}

.tr-del-1-5 {
    transition-delay: 1.5s
}

.tr-del-2 {
    transition-delay: 2s
}

.tr-dur-0-3 {
    transition-duration: .3s
}

.tr-dur-0-4 {
    transition-duration: .4s
}

.tr-dur-0-5 {
    transition-duration: .5s
}

.tr-dur-0-75 {
    transition-duration: .75s
}

.tr-dur-0-8 {
    transition-duration: .8s
}

.tr-dur-1 {
    transition-duration: 1s
}

.tr-dur-1-2 {
    transition-duration: 1.2s
}

.tr-dur-1-5 {
    transition-duration: 1.5s
}

.tr-dur-2 {
    transition-duration: 2s
}

@keyframes fadeInBottom {
    0% {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 16px;
        opacity: 1
    }
}

@keyframes fadeInTopReminder {
    0% {
        top: 0;
        opacity: 0
    }

    to {
        top: calc(26px + var(--header-height) + var(--header-offset-top));
        opacity: 1
    }
}

@keyframes fadeInTopReminderMobile {
    0% {
        top: 0;
        opacity: 0
    }

    to {
        top: calc(16px + var(--header-height) + var(--header-offset-top));
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes fadeInUpBounce {
    0% {
        opacity: 0;
        transform: translateY(-80px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes tickerAnimate {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

form {
    margin: 0
}

fieldset,
.fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    margin: 0;
    padding: 0
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
    font-family: inherit;
    touch-action: manipulation
}

input[disabled],
textarea[disabled],
select[disabled] {
    cursor: default
}

button,
input[type=submit],
label[for] {
    cursor: pointer
}

select::-ms-expand {
    display: none
}

label {
    display: inline-block
}

.button {
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 190px;
    margin: 10px;
    padding: 12px 18px;
    border: 1px solid;
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    line-height: 1.5;
    text-align: center;
    word-break: break-word;
    border-radius: 4px;
    text-decoration: none;
    text-transform: var(--button-text-transform);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    transition-property: opacity, color, border-color, background;
    transition-duration: var(--timing-base)
}

.button .button__outer {
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 10px;
    border: 1px solid var(--button-border-outer-alpha-color-primary)
}

.button .button__outer:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-top: 2px solid var(--button-border-outer-color-primary);
    border-left: 2px solid var(--button-border-outer-color-primary);
    border-top-left-radius: 10px;
    transition-duration: .4s, .4s, .4s, 0s;
    transition-property: transform, left, border-left-color, border-top-left-radius;
    transition-delay: 0s, 0s, .3s, .3s
}

.button .button__outer:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-bottom: 2px solid var(--button-border-outer-color-primary);
    border-right: 2px solid var(--button-border-outer-color-primary);
    border-bottom-right-radius: 10px;
    transition-duration: .4s, .4s, .4s, 0s;
    transition-property: transform, right, border-right-color, border-bottom-right-radius;
    transition-delay: 0s, 0s, .3s, .3s
}

.button.button--custom {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 12px;
    border-color: var(--border-color);
    background: var(--background-color);
    color: var(--text-color)
}

.button.button--custom .icon {
    width: 24px;
    height: 22px
}

.button.button--custom:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 1px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button.button--custom:hover {
        border-color: var(--text-color-hover);
        background: var(--background-color-hover);
        color: var(--text-color-hover)
    }

    .button.button--custom:hover .button__outer {
        border-color: var(--text-color-hover)
    }

    .button.button--custom:hover .button__outer:before {
        left: 50%;
        border-top-color: var(--border-outer-color-hover);
        border-left-color: transparent;
        border-top-left-radius: 0;
        transform: translate(-50%);
        transition-duration: .4s, .4s, 0s, .4s;
        transition-delay: 0s, 0s, 0s, 0s
    }

    .button.button--custom:hover .button__outer:after {
        right: 50%;
        border-bottom-color: var(--border-outer-color-hover);
        border-right-color: transparent;
        border-bottom-right-radius: 0;
        transform: translate(50%);
        transition-duration: .4s, .4s, 0s, .4s;
        transition-delay: 0s, 0s, 0s, 0s
    }
}

.button.button--primary {
    border-color: var(--button-border-color-primary);
    background: var(--button-background-color-primary);
    color: var(--button-text-color-primary)
}

section.animated .button.button--primary.need-animate:not(.disabled):not([disabled]) {
    opacity: 1;
    animation: simulateHover 3s 1 ease-in-out
}

section.animated .button.button--primary.need-animate:not(.disabled):not([disabled]) .button__outer {
    animation: simulateOuterBorderHover 3s 1 ease-in-out
}

section.animated .button.button--primary.need-animate:not(.disabled):not([disabled]) .button__outer:before {
    animation: simulateOuterBeforeHover 3s 1 ease-in-out
}

section.animated .button.button--primary.need-animate:not(.disabled):not([disabled]) .button__outer:after {
    animation: simulateOuterAfterHover 3s 1 ease-in-out
}

.button.button--primary:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 1px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button.button--primary:hover {
        border-color: var(--button-border-color-primary-hover);
        background: var(--button-background-color-primary-hover);
        color: var(--button-text-color-primary-hover)
    }

    .button.button--primary:hover .button__outer {
        border-color: var(--button-border-outer-alpha-color-primary-hover)
    }

    .button.button--primary:hover .button__outer:before {
        left: 50%;
        border-top-color: var(--button-border-outer-color-primary-hover);
        border-left-color: transparent;
        border-top-left-radius: 0;
        transform: translate(-50%);
        transition-duration: .4s, .4s, 0s, .4s;
        transition-delay: 0s, 0s, 0s, 0s
    }

    .button.button--primary:hover .button__outer:after {
        right: 50%;
        border-bottom-color: var(--button-border-outer-color-primary-hover);
        border-right-color: transparent;
        border-bottom-right-radius: 0;
        transform: translate(50%);
        transition-duration: .4s, .4s, 0s, .4s;
        transition-delay: 0s, 0s, 0s, 0s
    }
}

.button.button--with-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.button.button--with-icon .icon {
    width: 16px;
    height: 16px;
    margin-inline-end: 8px
}

.button.button--small {
    padding: 8px 16px;
    font-size: calc(var(--body-font-size) * .875);
    line-height: 1.285
}

.button.button--no-min-width {
    min-width: auto
}

.button.button--block {
    width: 100%
}

.button.disabled,
.button[disabled] {
    opacity: .7;
    cursor: default;
    pointer-events: none
}

.button.button--full-width {
    width: 100%
}

@keyframes simulateHover {

    0%,
    20% {
        border-color: var(--button-border-color-primary);
        background: var(--button-background-color-primary);
        color: var(--button-text-color-primary)
    }

    50% {
        border-color: var(--button-border-color-primary-hover);
        background: var(--button-background-color-primary-hover);
        color: var(--button-text-color-primary-hover)
    }

    80%,
    to {
        border-color: var(--button-border-color-primary);
        background: var(--button-background-color-primary);
        color: var(--button-text-color-primary)
    }
}

@keyframes simulateOuterBeforeHover {

    0%,
    20% {
        left: -1px;
        border-top-color: var(--button-border-outer-color-primary);
        border-left-color: var(--button-border-outer-color-primary);
        border-top-left-radius: 10px;
        transform: translate(0)
    }

    21%,
    79% {
        border-left-color: transparent
    }

    50% {
        left: 50%;
        border-top-color: var(--button-border-outer-color-primary-hover);
        border-left-color: transparent;
        border-top-left-radius: 0;
        transform: translate(-50%)
    }

    80%,
    to {
        left: -1px;
        border-top-color: var(--button-border-outer-color-primary);
        border-left-color: var(--button-border-outer-color-primary);
        border-top-left-radius: 10px;
        transform: translate(0)
    }
}

@keyframes simulateOuterAfterHover {

    0%,
    20% {
        right: -1px;
        border-bottom-color: var(--button-border-outer-color-primary);
        border-right-color: var(--button-border-outer-color-primary);
        border-bottom-right-radius: 10px;
        transform: translate(0)
    }

    21%,
    79% {
        border-right-color: transparent
    }

    50% {
        right: 50%;
        border-bottom-color: var(--button-border-outer-color-primary-hover);
        border-right-color: transparent;
        border-bottom-right-radius: 0;
        transform: translate(50%)
    }

    80%,
    to {
        right: -1px;
        border-bottom-color: var(--button-border-outer-color-primary);
        border-right-color: var(--button-border-outer-color-primary);
        border-bottom-right-radius: 10px;
        transform: translate(0)
    }
}

@keyframes simulateOuterBorderHover {

    0%,
    20% {
        border-color: var(--button-border-outer-alpha-color-primary)
    }

    50% {
        border-color: var(--button-border-outer-alpha-color-primary-hover)
    }

    80%,
    to {
        border-color: var(--button-border-outer-alpha-color-primary)
    }
}

.button-simple {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 32px;
    border: 1px solid var(--button-border-color-secondary);
    border-radius: 4px;
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    line-height: 1.5;
    text-align: center;
    word-break: break-word;
    text-decoration: none;
    text-transform: var(--button-text-transform);
    transition-property: color, background-color, border-color;
    transition-duration: var(--timing-base)
}

.button-simple .icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.button-simple:before {
    content: "";
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    width: 150%;
    height: 200%;
    transform: translate3d(0, 90%, 0);
    transition-property: transform;
    transition-duration: var(--animate-time)
}

.button-simple.button-simple--primary {
    background-color: var(--button-background-color-secondary);
    color: var(--button-text-color-secondary)
}

.button-simple.button-simple--primary:before {
    background-color: var(--button-background-color-secondary-hover)
}

.button-simple.button-simple--primary:focus-visible {
    outline: 2px solid var(--button-background-color-secondary);
    outline-offset: 2px
}

.button-simple.button-simple--custom {
    display: flex;
    align-content: center;
    justify-content: center;
    column-gap: 12px;
    border-color: var(--border-color);
    background: var(--background-color);
    color: var(--text-color)
}

.button-simple.button-simple--custom:before {
    background-color: var(--background-color-hover)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button-simple.button-simple--custom:hover {
        color: var(--text-color-hover);
        border-color: var(--border-color-hover)
    }
}

.button-simple.button-simple--custom:focus-visible {
    outline: 2px solid var(--button-background-color-secondary);
    outline-offset: 2px
}

.button-simple.button-simple--full-width {
    width: 100%
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button-simple:hover:before {
        transform: translateZ(0)
    }

    .button-simple:hover.button-simple--primary {
        border-color: var(--button-border-color-secondary-hover);
        color: var(--button-text-color-secondary-hover)
    }
}

.button-simple.disabled,
.button-simple[disabled] {
    opacity: .7;
    cursor: default;
    pointer-events: none
}

.button-link {
    display: inline-flex;
    align-items: center;
    padding-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    line-height: 1.5;
    font-weight: 500;
    text-decoration: none;
    color: var(--color-text-primary);
    text-align: start;
    word-break: break-word;
    gap: 10px
}

.button-link [data-text] {
    position: relative;
    display: block;
    overflow: hidden
}

.button-link [data-text]:after {
    content: attr(data-text);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.button-link [data-text]:after,
.button-link .button-link__text {
    display: block;
    width: 100%;
    overflow: hidden;
    transform: translateY(0);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.button-link .button-link__pre-icon {
    flex-shrink: 0
}

.button-link .button-link__icons {
    position: relative;
    display: flex;
    flex-shrink: 0
}

.button-link .icon {
    width: 16px;
    height: 16px;
    transition-property: transform, opacity;
    transition-duration: var(--timing-base)
}

.button-link .icon-hover {
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0;
    width: 12px;
    height: 12px;
    transform: translateY(-50%)
}

.button-link.button-link--full-width {
    width: 100%;
    gap: 16px
}

.button-link.button-link--full-width .button-link__icons {
    margin-inline-start: auto
}

.button-link.disabled,
.button-link[disabled] {
    opacity: .6;
    cursor: default;
    pointer-events: none
}

.button-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {

    .button-link:hover .button-link__text,
    .button-link:hover [data-text]:after {
        transform: translateY(-100%)
    }

    .button-link:hover .icon-base {
        transform: translate(4px)
    }

    .button-link:hover .icon-hover {
        opacity: 1;
        transform: translateY(-50%) translate(-4px)
    }
}

.simple-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: calc(var(--body-font-size) * .875);
    border-bottom: 1px solid var(--color-text-primary);
    line-height: 1.28;
    font-weight: 400;
    text-decoration: none;
    color: var(--color-text-primary);
    gap: 8px;
    word-break: break-word;
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.simple-link .simple-link__icon {
    width: 24px;
    height: 24px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .simple-link:hover {
        border-bottom-color: transparent
    }
}

body.rtl .button-link .icon-hover {
    transform: scale(-1) translateY(50%)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    body.rtl .button-link:hover .icon-base {
        transform: scale(-1) translate(4px)
    }

    body.rtl .button-link:hover .icon-hover {
        transform: scale(-1) translateY(50%) translate(-4px)
    }
}

.button-icon {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    padding: 6px;
    color: var(--button-icon-text-color);
    border: 1px solid var(--button-icon-border-outer-alpha-color);
    border-radius: calc(var(--global-border-radius) / 2);
    transition-property: color, border-color;
    transition-duration: var(--timing-base)
}

.button-icon.button-icon--no-decoration:after {
    content: none
}

.button-icon:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-bottom: 2px solid var(--button-icon-border-outer-color);
    border-right: 2px solid var(--button-icon-border-outer-color);
    border-bottom-right-radius: 10px;
    transition-duration: .4s, .4s, .15s, 0s;
    transition-property: transform, right, border-right-color, border-bottom-right-radius;
    transition-delay: 0s, 0s, .25s, .25s
}

.button-icon .button-icon__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--global-border-radius) / 4);
    border: 1px solid var(--button-icon-border-color);
    background-color: var(--button-icon-background-color);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    color: var(--button-icon-text-color);
    transition-property: color, border-color, background-color;
    transition-duration: var(--timing-base)
}

.button-icon .button-icon__inner .icon {
    width: 20px;
    height: 20px
}

.button-icon .button-icon__counter {
    position: absolute;
    top: -4px;
    right: -4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 10px;
    font-size: calc(var(--body-font-size) * .625);
    line-height: 1;
    color: var(--button-icon-counter-text-color);
    background-color: var(--button-icon-counter-background-color);
    transition-property: color, background-color;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button-icon:hover {
        border-color: var(--button-icon-border-outer-alpha-color-hover)
    }

    .button-icon:hover .button-icon__inner {
        border-color: var(--button-icon-border-color-hover);
        background: var(--button-icon-background-color-hover);
        color: var(--button-icon-text-color-hover)
    }

    .button-icon:hover .button-icon__counter {
        color: var(--button-icon-counter-text-color-hover);
        background-color: var(--button-icon-counter-background-color-hover)
    }

    .button-icon:hover:after {
        right: 50%;
        border-bottom-color: var(--button-icon-border-outer-color-hover);
        border-right-color: transparent;
        border-bottom-right-radius: 0;
        transform: translate(50%);
        transition-duration: .4s, .4s, 0s, .15s;
        transition-delay: 0s, 0s, 0s, 0s
    }
}

.button-icon:focus-visible .button-icon__inner {
    outline: 2px solid var(--button-icon-border-outer-color);
    outline-offset: 1px
}

.button-icon.disabled,
.button-icon[disabled] {
    opacity: .7;
    cursor: default;
    pointer-events: none
}

body.rtl .button-icon:after {
    right: auto;
    left: -1px;
    border-right: none;
    border-left: 2px solid var(--button-icon-border-outer-color);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px;
    transition-property: transform, left, border-left-color, border-bottom-left-radius
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    body.rtl .button-icon:hover:after {
        left: 50%;
        right: auto;
        border-bottom-color: var(--button-icon-border-outer-color-hover);
        border-left-color: transparent;
        border-bottom-left-radius: 0;
        transform: translate(-50%);
        transition-duration: .4s, .4s, 0s, .15s;
        transition-delay: 0s, 0s, 0s, 0s
    }
}

.button-icon-circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    color: var(--button-icon-circle-text-color);
    transition-duration: var(--timing-base);
    transition-property: color;
    border-radius: 50%
}

.button-icon-circle .icon {
    width: 24px;
    height: 24px
}

.button-icon-circle .icon.icon-circle-decoration-border {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto
}

.button-icon-circle .icon.icon-circle-decoration-border circle {
    opacity: 0;
    stroke-dashoffset: 220;
    stroke-dasharray: 300;
    transform: rotate(600deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset .8s ease, transform .8s ease, fill .8s ease, opacity .5s ease
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button-icon-circle:hover {
        color: var(--button-icon-circle-text-color-hover)
    }

    .button-icon-circle:hover .icon-circle-decoration-border circle {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: rotate(180deg)
    }
}

.button-icon-circle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 1px
}

.button-icon-circle.disabled,
.button-icon-circle[disabled] {
    opacity: .7;
    cursor: default;
    pointer-events: none
}

.tag-button {
    position: relative;
    padding: 7px 12px;
    border: 1px solid var(--color-border-button-option);
    color: var(--color-button-option);
    background: var(--background-button-option);
    border-radius: calc(var(--global-border-radius) / 2);
    font-size: calc(var(--body-font-size) * .875);
    line-height: 1.71;
    text-decoration: none
}

.tag-button:before,
.tag-button:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 2px;
    transform: translate(-50%);
    background-color: var(--color-button-option-hover);
    transition: width var(--timing-base) ease-in-out
}

.tag-button:before {
    top: -1px
}

.tag-button:after {
    bottom: -1px
}

.tag-button.is-active {
    color: var(--color-button-option-hover);
    border-color: var(--color-border-button-option-hover);
    background: var(--background-button-option-hover);
    transition-property: background, border-color, color;
    transition-duration: var(--timing-base)
}

.tag-button.is-active:before,
.tag-button.is-active:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 0;
    height: 2px;
    transform: translate(-50%);
    background-color: var(--color-button-option-hover);
    transition: width var(--timing-base) ease-in-out
}

.tag-button.is-active:before {
    top: -1px
}

.tag-button.is-active:after {
    bottom: -1px
}

.tag-button.is-active:before,
.tag-button.is-active:after {
    width: 14.2%
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .tag-button:hover {
        color: var(--color-button-option-hover);
        border-color: var(--color-border-button-option-hover);
        background: var(--background-button-option-hover);
        transition-property: background, border-color, color;
        transition-duration: var(--timing-base)
    }

    .tag-button:hover:before,
    .tag-button:hover:after {
        content: "";
        position: absolute;
        left: 50%;
        width: 0;
        height: 2px;
        transform: translate(-50%);
        background-color: var(--color-button-option-hover);
        transition: width var(--timing-base) ease-in-out
    }

    .tag-button:hover:before {
        top: -1px
    }

    .tag-button:hover:after {
        bottom: -1px
    }

    .tag-button:hover:before,
    .tag-button:hover:after {
        width: 14.2%
    }
}

.button-circle {
    display: inline-block;
    width: 56px;
    height: 56px;
    padding: 5px;
    border-radius: 50%;
    border: 1px solid var(--button-border-outer-color-circle);
    background: var(--button-background-color-circle);
    color: var(--button-icon-color-circle);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    transition-property: color, background, border-color;
    transition-duration: var(--timing-base);
    flex-shrink: 0
}

.button-circle.button-circle--small {
    width: 48px;
    height: 48px
}

.button-circle .button-circle__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--button-border-color-circle);
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.button-circle .button-circle__inner .icon {
    width: 20px;
    height: 20px
}

.button-circle .button-circle__inner .icon.icon-circle-decoration {
    position: absolute;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    color: var(--button-icon-color-circle);
    transition-property: color, transform, opacity;
    transition-duration: var(--timing-base)
}

.button-circle .button-circle__inner .icon.icon-inactive,
.button-circle .button-circle__inner .icon.icon-active {
    position: absolute;
    transition-property: opacity, visibility;
    transition-duration: var(--timing-base)
}

.button-circle .button-circle__inner .icon.icon-inactive {
    opacity: 1;
    visibility: visible
}

.button-circle .button-circle__inner .icon.icon-active {
    opacity: 0;
    visibility: hidden
}

.button-circle .button-circle__text {
    overflow: hidden;
    display: -webkit-box;
    opacity: 0;
    max-width: 0;
    transition-duration: 0s, var(--timing-base), var(--timing-base);
    transition-property: opacity, max-width, padding;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.button-circle.button-circle--transform {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: auto;
    min-width: 56px;
    text-decoration: none;
    border-radius: 100px;
    text-align: center;
    word-break: break-word
}

.button-circle.button-circle--transform .button-circle__inner {
    position: absolute;
    width: auto;
    height: auto;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    border-radius: 100px
}

.button-circle.button-circle--transform .button-circle__inner:before,
.button-circle.button-circle--transform .button-circle__inner:after {
    content: "";
    position: absolute;
    left: 50%;
    opacity: 0;
    width: 0px;
    height: 2px;
    background-color: var(--button-icon-color-circle-hover);
    transform: translate(-50%) scale(-1);
    transition-property: opacity, width;
    transition-duration: var(--timing-base)
}

.button-circle.button-circle--transform .button-circle__inner:before {
    top: -2px
}

.button-circle.button-circle--transform .button-circle__inner:after {
    bottom: -2px
}

@media(min-width:1200px) {
    .button-circle.button-circle--transform:focus-visible {
        background: var(--button-background-color-circle-hover);
        border-color: var(--button-border-outer-color-circle-hover);
        color: var(--button-icon-color-circle-hover);
        max-width: 300px
    }

    .button-circle.button-circle--transform:focus-visible .button-circle__inner {
        border-color: var(--button-border-color-circle-hover)
    }

    .button-circle.button-circle--transform:focus-visible .button-circle__inner .icon.icon-circle-decoration {
        color: var(--button-icon-color-circle-hover);
        transform: rotate(45deg)
    }

    .button-circle.button-circle--transform:focus-visible .icon {
        opacity: 0
    }

    .button-circle.button-circle--transform:focus-visible .button-circle__inner:before,
    .button-circle.button-circle--transform:focus-visible .button-circle__inner:after {
        opacity: 1;
        width: 24px
    }

    .button-circle.button-circle--transform:focus-visible .button-circle__text {
        opacity: 1;
        max-width: 300px;
        padding: 0 25px;
        transition-duration: var(--timing-base), var(--timing-base), var(--timing-base);
        transition-delay: calc(var(--animate-delay) * .5), 0s, 0s
    }
}

@media(-moz-touch-enabled:0)and (min-width:1200px), (hover:hover)and (min-width:1200px), (pointer:fine)and (min-width:1200px) {
    .button-circle.button-circle--transform:hover {
        background: var(--button-background-color-circle-hover);
        border-color: var(--button-border-outer-color-circle-hover);
        color: var(--button-icon-color-circle-hover);
        max-width: 300px
    }

    .button-circle.button-circle--transform:hover .button-circle__inner {
        border-color: var(--button-border-color-circle-hover)
    }

    .button-circle.button-circle--transform:hover .button-circle__inner .icon.icon-circle-decoration {
        color: var(--button-icon-color-circle-hover);
        transform: rotate(45deg)
    }

    .button-circle.button-circle--transform:hover .icon {
        opacity: 0
    }

    .button-circle.button-circle--transform:hover .button-circle__inner:before,
    .button-circle.button-circle--transform:hover .button-circle__inner:after {
        opacity: 1;
        width: 24px
    }

    .button-circle.button-circle--transform:hover .button-circle__text {
        opacity: 1;
        max-width: 300px;
        padding: 0 25px;
        transition-duration: var(--timing-base), var(--timing-base), var(--timing-base);
        transition-delay: calc(var(--animate-delay) * .5), 0s, 0s
    }
}

.button-circle:focus-visible {
    background: var(--button-background-color-circle-hover);
    border-color: var(--button-border-outer-color-circle-hover);
    color: var(--button-icon-color-circle-hover);
    outline: 2px solid var(--button-icon-color-circle);
    outline-offset: 1px
}

.button-circle:focus-visible .button-circle__inner {
    border-color: var(--button-border-color-circle-hover)
}

.button-circle:focus-visible .button-circle__inner .icon.icon-circle-decoration {
    color: var(--button-icon-color-circle-hover);
    transform: rotate(45deg)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button-circle:hover:not([disabled]) {
        background: var(--button-background-color-circle-hover);
        border-color: var(--button-border-outer-color-circle-hover);
        color: var(--button-icon-color-circle-hover)
    }

    .button-circle:hover:not([disabled]) .button-circle__inner {
        border-color: var(--button-border-color-circle-hover)
    }

    .button-circle:hover:not([disabled]) .button-circle__inner .icon.icon-circle-decoration {
        color: var(--button-icon-color-circle-hover);
        transform: rotate(45deg)
    }

    .button-circle:hover[disabled].button-circle--transform {
        background: var(--button-background-color-circle-hover);
        border-color: var(--button-border-outer-color-circle-hover);
        color: var(--button-icon-color-circle-hover)
    }

    .button-circle:hover[disabled].button-circle--transform .button-circle__inner {
        border-color: var(--button-border-color-circle-hover)
    }

    .button-circle:hover[disabled].button-circle--transform .button-circle__inner .icon.icon-circle-decoration {
        color: var(--button-icon-color-circle-hover);
        transform: rotate(45deg)
    }
}

.button-circle.is-active {
    background: var(--button-background-color-circle-hover);
    border-color: var(--button-border-outer-color-circle-hover);
    color: var(--button-icon-color-circle-hover)
}

.button-circle.is-active .button-circle__inner {
    border-color: var(--button-border-color-circle-hover)
}

.button-circle.is-active .button-circle__inner .icon.icon-circle-decoration {
    color: var(--button-icon-color-circle-hover);
    transform: rotate(45deg);
    opacity: 0
}

.button-circle.is-active .button-circle__inner .icon.icon-inactive {
    opacity: 0;
    visibility: hidden
}

.button-circle.is-active .button-circle__inner .icon.icon-active {
    opacity: 1;
    visibility: visible
}

@media(max-width:1199.98px) {
    .button-circle.button-circle--transform.button-circle--transform-show-text-mob {
        background: var(--button-background-color-circle-hover);
        border-color: var(--button-border-outer-color-circle-hover);
        color: var(--button-icon-color-circle-hover)
    }

    .button-circle.button-circle--transform.button-circle--transform-show-text-mob .button-circle__inner {
        border-color: var(--button-border-color-circle-hover)
    }

    .button-circle.button-circle--transform.button-circle--transform-show-text-mob .button-circle__inner .icon.icon-circle-decoration {
        color: var(--button-icon-color-circle-hover);
        transform: rotate(45deg)
    }

    .button-circle.button-circle--transform.button-circle--transform-show-text-mob .icon {
        opacity: 0
    }

    .button-circle.button-circle--transform.button-circle--transform-show-text-mob .button-circle__inner:before,
    .button-circle.button-circle--transform.button-circle--transform-show-text-mob .button-circle__inner:after {
        opacity: 1;
        width: 24px
    }

    .button-circle.button-circle--transform.button-circle--transform-show-text-mob .button-circle__text {
        opacity: 1;
        max-width: 300px;
        padding: 0 20px;
        transition-duration: var(--timing-base), var(--timing-base), var(--timing-base)
    }
}

.button-circle.disabled,
.button-circle[disabled] {
    opacity: .7;
    cursor: default
}

.button-circle-trigger.is-active .button-circle {
    background: var(--button-background-color-circle-hover);
    border-color: var(--button-border-outer-color-circle-hover);
    color: var(--button-icon-color-circle-hover)
}

.button-circle-trigger.is-active .button-circle .button-circle__inner {
    border-color: var(--button-border-color-circle-hover)
}

.button-circle-trigger.is-active .button-circle .button-circle__inner .icon.icon-circle-decoration {
    color: var(--button-icon-color-circle-hover);
    transform: rotate(45deg);
    opacity: 0
}

.button-circle-trigger.is-active .button-circle .button-circle__inner .icon.icon-inactive {
    opacity: 0;
    visibility: hidden
}

.button-circle-trigger.is-active .button-circle .button-circle__inner .icon.icon-active {
    opacity: 1;
    visibility: visible
}

.flashlight-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit
}

.flashlight-container__effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: var(--flashlight-color, #538BF6);
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    filter: blur(90px);
    transition-property: width, height;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .flashlight-container--hover-container:hover .flashlight-container__effect {
        width: 180px;
        height: 180px
    }
}

@media(min-width:1200px) {
    .flashlight-container__effect {
        filter: blur(135px)
    }
}

.button-social {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: none;
    background-color: transparent;
    color: var(--button-icon-color-social);
    fill: var(--button-icon-color-social);
    text-decoration: none;
    transition-property: color, border-color, background-color;
    transition-duration: var(--timing-base)
}

.button-social .icon {
    width: 24px;
    height: 24px
}

.button-social .button-social__circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.button-social .button-social__circle circle {
    opacity: 0;
    stroke-dashoffset: 220;
    stroke-dasharray: 300;
    transform: rotate(600deg);
    transform-origin: 50% 50%;
    transition: stroke-dashoffset .8s ease, transform .8s ease, fill .8s ease, opacity .5s ease
}

.button-social .tooltip {
    z-index: 2;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    opacity: 0;
    visibility: hidden;
    padding: 8px;
    border-radius: 6px;
    background-color: #000;
    color: #fff;
    white-space: nowrap;
    font-size: 14px;
    transform: translate(-50%);
    transition: .5s all
}

.button-social .tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-inline-start: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent
}

.button-social:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.button-social:focus-visible.is-active .tooltip {
    opacity: 1;
    visibility: visible
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .button-social:hover {
        color: var(--button-icon-color-social-hover);
        fill: var(--button-icon-color-social-hover)
    }

    .button-social:hover .button-social__circle circle {
        opacity: 1;
        stroke-dashoffset: 0;
        transform: rotate(180deg)
    }

    .button-social:hover.is-active .tooltip {
        opacity: 1;
        visibility: visible
    }
}

.swiper-button {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    color: var(--color-slider-arrow-icon);
    border-radius: 0;
    transition-property: color, fill, border-color, background-color;
    transition-timing-function: var(--easing-ease);
    transition-duration: var(--timing-base)
}

.swiper-button:before,
.swiper-button:after {
    display: none;
    content: none
}

.swiper-button .icon {
    width: 100%;
    height: 100%;
    transition-property: transform, opacity;
    transition-duration: var(--timing-base)
}

.swiper-button .icon-hover {
    position: absolute;
    top: 50%;
    opacity: 0;
    width: 18px;
    height: 18px;
    transform: translateY(-50%)
}

.swiper-button.swiper-button--prev,
.swiper-button.swiper-button--prev .icon-hover {
    left: 0
}

.swiper-button.swiper-button--next,
.swiper-button.swiper-button--next .icon-hover {
    right: 0
}

.swiper-button.swiper-button-disabled {
    opacity: .6;
    cursor: default;
    pointer-events: none
}

.swiper-button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .swiper-button:hover:not(.swiper-button-disabled) {
        color: var(--color-slider-arrow-icon-hover)
    }

    .swiper-button:hover .icon-hover {
        opacity: 1
    }

    .swiper-button:hover.swiper-button--next .icon-base {
        transform: translate(4px)
    }

    .swiper-button:hover.swiper-button--next .icon-hover {
        transform: translateY(-50%) translate(-7px)
    }

    .swiper-button:hover.swiper-button--prev .icon-base {
        transform: translate(-4px)
    }

    .swiper-button:hover.swiper-button--prev .icon-hover {
        transform: translateY(-50%) translate(7px)
    }
}

body.rtl .swiper-button .icon-hover {
    transform: scale(-1) translateY(50%)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    body.rtl .swiper-button:hover.swiper-button--next .icon-base {
        transform: scale(-1) translate(4px)
    }

    body.rtl .swiper-button:hover.swiper-button--next .icon-hover {
        transform: scale(-1) translateY(50%) translate(-7px)
    }

    body.rtl .swiper-button:hover.swiper-button--prev .icon-base {
        transform: scale(-1) translate(-4px)
    }

    body.rtl .swiper-button:hover.swiper-button--prev .icon-hover {
        transform: scale(-1) translateY(50%) translate(7px)
    }
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    position: relative;
    width: 8px;
    height: 8px;
    opacity: 1;
    margin: 0 8px !important;
    border: none;
    border-radius: 16px;
    background-color: var(--color-border-secondary);
    transition-property: background-color, width;
    transition-duration: .3s
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    background-color: var(--color-border-primary)
}

.swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 2px
}

.slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 24px
}

.custom-swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
    position: relative;
    top: auto;
    bottom: 0;
    max-width: 214px;
    height: 2px;
    background-color: color-mix(in srgb, var(--color-slider-arrow-icon), transparent 80%)
}

.custom-swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color-slider-arrow-icon)
}

.checkbox__input:checked+.checkbox__label:before {
    border-color: var(--color-accent);
    background-color: var(--color-accent)
}

.checkbox__input:checked+.checkbox__label:after {
    opacity: 1
}

.checkbox__input:disabled+.checkbox__label {
    color: var(--color-text-thirdly);
    cursor: default
}

.checkbox__input:disabled+.checkbox__label:before {
    border-color: var(--color-settings-preloader-primary);
    background-color: #f9f9f9
}

.checkbox__input:disabled+.checkbox__label:hover {
    pointer-events: none
}

.checkbox__input:focus-visible+.checkbox__label:before {
    outline: 2px solid var(--color-border-primary);
    outline-offset: 2px
}

.checkbox__input.visually-hidden {
    overflow: visible
}

.checkbox__label {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 1rem;
    margin: 0;
    padding-inline-start: 30px;
    color: var(--color-text-primary, #000000);
    cursor: pointer;
    word-break: break-word
}

.checkbox__label:before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--color-border-thirdly);
    border-radius: 4px;
    background-color: var(--color-background);
    box-sizing: border-box
}

.checkbox__label:hover:before {
    border: 1px solid var(--color-border-thirdly)
}

.checkbox__label:after {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    opacity: 0;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDZMOSAxN0w0IDEyIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px;
    box-sizing: border-box
}

.checkbox__label.is-disabled {
    opacity: .7;
    cursor: default
}

.checkbox__label.is-disabled:hover {
    cursor: default;
    pointer-events: none
}

.checkbox.visually-hidden {
    overflow: visible
}

.checkbox:checked+.checkbox-label .checkbox-label__box {
    border-color: var(--color-text-primary);
    background-color: var(--color-text-primary);
    color: var(--color-background)
}

.checkbox:checked+.checkbox-label .checkbox-label__box .icon-check {
    display: block
}

.checkbox:checked:focus-visible+.checkbox-label .checkbox-label__box {
    outline-color: var(--color-background)
}

.checkbox:disabled+.checkbox-label {
    color: var(--color-text-thirdly);
    cursor: default
}

.checkbox:disabled+.checkbox-label .checkbox-label__box {
    border-color: var(--color-border-secondary);
    background-color: var(--color-background-secondary)
}

.checkbox:focus-visible+.checkbox-label .checkbox-label__box {
    outline: 2px solid var(--color-text-primary);
    outline-offset: -2px
}

.checkbox-label {
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.checkbox-label .checkbox-label__box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-inline-end: 12px;
    border: 1px solid var(--color-text-primary-alpha);
    border-radius: 4px;
    background-color: var(--color-background-secondary);
    vertical-align: middle
}

.checkbox-label .icon-check {
    display: none;
    width: 16px;
    height: 16px
}

.input-wrapper {
    position: relative
}

.input-wrapper .input-label {
    position: absolute;
    top: 50%;
    inset-inline-start: 20px;
    overflow: hidden;
    opacity: 1;
    padding: 0 4px;
    color: var(--color-text-secondary, #757575);
    white-space: nowrap;
    cursor: default;
    max-width: calc(100% - 40px);
    transform: translateY(-50%);
    text-overflow: ellipsis;
    pointer-events: none;
    transition-property: top, font-size, padding;
    transition-duration: .3s
}

.input-wrapper .input-label.input-label--required:after {
    content: "*";
    margin-inline-start: 4px
}

.input-wrapper textarea:not(:focus)+.input-label {
    top: 16px;
    transform: translateY(0)
}

.input-wrapper textarea:not(:focus):not(:placeholder-shown)+.input-label {
    transform: translateY(-50%)
}

.input-wrapper .input::placeholder {
    opacity: 0
}

.input-wrapper .input:focus+.input-label,
.input-wrapper .input:not(:placeholder-shown)+.input-label {
    top: 0;
    background-color: var(--color-background);
    font-size: calc(var(--body-font-size) * .875);
    color: var(--color-text-primary)
}

.label-input {
    margin-bottom: 8px;
    font-size: calc(var(--body-font-size) * .875);
    color: var(--color-text-primary);
    line-height: 1.43;
    word-break: break-word
}

.label-input.label-input--required:after {
    content: "*";
    margin-inline-start: 4px
}

.label-input.label-input--disabled {
    color: var(--color-text-secondary)
}

.label-input.label-input--disabled:after {
    color: var(--color-text-secondary)
}

.input-error {
    margin-top: 2px;
    font-size: calc(var(--body-font-size) * .75);
    line-height: 1.17;
    color: var(--color-text-attention)
}

textarea {
    resize: none
}

input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=date],
textarea {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 8px 24px;
    border: 1px solid var(--color-border-secondary);
    background-color: var(--color-background);
    border-radius: 8px;
    font-weight: 500;
    color: var(--color-text-primary);
    transition-property: box-shadow;
    transition-duration: var(--timing-base);
    -webkit-appearance: none
}

input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=date]::placeholder,
textarea::placeholder {
    opacity: 1;
    font-weight: 400;
    line-height: 1.625;
    color: var(--color-text-secondary)
}

input[type=text][disabled],
input[type=number][disabled],
input[type=email][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=tel][disabled],
input[type=date][disabled],
textarea[disabled] {
    background-color: var(--color-background-secondary);
    color: var(--color-text-secondary);
    cursor: default
}

input[type=text]:focus-visible,
input[type=number]:focus-visible,
input[type=email]:focus-visible,
input[type=password]:focus-visible,
input[type=search]:focus-visible,
input[type=tel]:focus-visible,
input[type=date]:focus-visible,
textarea:focus-visible {
    border-color: var(--color-border-primary)
}

input[type=text].error,
input[type=number].error,
input[type=email].error,
input[type=password].error,
input[type=search].error,
input[type=tel].error,
input[type=date].error,
textarea.error {
    border-color: var(--color-text-attention)
}

input[type=date] {
    min-height: 56px;
    padding-top: 21px;
    padding-bottom: 16px;
    background-image: url(icon-calendar.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: top 50% right 15px;
    line-height: .8;
    text-align-last: left
}

input[type=date]::-webkit-datetime-edit,
input[type=date]::-webkit-date-and-time-value {
    display: inline-block;
    padding: 0;
    line-height: 1
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
    -webkit-appearance: none
}

@supports (-moz-appearance: none) {
    input[type=date] {
        background-image: none
    }
}

.radio-container {
    position: relative;
    align-items: center;
    display: flex
}

.select-wrapper {
    position: relative;
    color: var(--color-text-primary)
}

.select-wrapper .icon {
    position: absolute;
    top: 50%;
    inset-inline-end: 16px;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    pointer-events: none
}

select {
    width: 100%;
    padding: 16px;
    padding-inline-end: 40px;
    background-color: var(--color-background);
    border-radius: 8px;
    border: 1px solid var(--color-border-secondary);
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-text-primary);
    -webkit-appearance: none;
    appearance: none
}

select[disabled] {
    color: var(--color-text-secondary);
    cursor: default
}

select.error {
    border-color: var(--color-text-attention)
}

select:focus-visible {
    border-color: var(--color-border-primary)
}

@-moz-document url-prefix() {
    select {
        padding-top: 18px;
        padding-bottom: 18px
    }
}

textarea,
.textarea {
    resize: none;
    width: 100%;
    min-height: 120px;
    margin: 0;
    padding: 16px 24px
}

.pagination .pagination__list {
    display: flex
}

.pagination .pagination__items-wrapper {
    display: flex;
    column-gap: 16px;
    position: relative
}

.pagination .pagination__items-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: var(--color-border-secondary)
}

.pagination .pagination__item {
    position: relative;
    display: flex;
    justify-content: center
}

.pagination .pagination__item .icon {
    width: 16px;
    height: 16px
}

.pagination .pagination__item.no-events {
    pointer-events: none
}

.pagination .pagination__item.pagination__item--prev {
    margin-inline-end: 10px
}

.pagination .pagination__item.pagination__item--next {
    margin-inline-start: 10px
}

.pagination .pagination__item.pagination__item--prev .pagination__link,
.pagination .pagination__item.pagination__item--next .pagination__link {
    font-size: var(--body-font-size);
    color: var(--color-text-primary)
}

.pagination .pagination__item.pagination__item--prev .pagination__link.pagination__link--no-active,
.pagination .pagination__item.pagination__item--next .pagination__link.pagination__link--no-active {
    color: var(--color-text-secondary)
}

.pagination .pagination__item.pagination__item--prev .pagination__link.pagination__link--no-active .icon path,
.pagination .pagination__item.pagination__item--next .pagination__link.pagination__link--no-active .icon path {
    stroke: currentColor
}

.pagination .pagination__item.pagination__item--no-active {
    color: var(--color-text-secondary);
    cursor: default
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .pagination .pagination__item.pagination__item--no-active .pagination__link:hover {
        opacity: 1
    }
}

.pagination .pagination__item .button-link__text-wrapper {
    display: none
}

.pagination .pagination__link {
    position: relative;
    display: inline-flex;
    column-gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 12px;
    font-weight: 500;
    font-size: calc(var(--body-font-size) * .875);
    text-align: center;
    text-decoration: none;
    color: var(--color-text-secondary);
    transition-property: opacity;
    transition-duration: var(--timing-base);
    transition-timing-function: ease-in-out;
    line-height: 1.71
}

.pagination .pagination__link.is-active {
    color: var(--color-text-primary, #000000)
}

.pagination .pagination__link.is-active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
    background-color: var(--color-text-primary)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .pagination .pagination__link:hover {
        opacity: .6
    }

    .pagination .pagination__link:hover.is-active {
        opacity: 1
    }
}

@media(min-width:768px) {
    .pagination .pagination__item.pagination__item--prev {
        margin-inline-end: 32px
    }

    .pagination .pagination__item.pagination__item--next {
        margin-inline-start: 32px
    }

    .pagination .pagination__item .button-link__text-wrapper {
        display: block
    }
}

.badge {
    position: relative;
    max-width: 120px;
    padding: 4px 12px;
    background: var(--color-background-label-base);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    font-size: var(--body-font-size);
    font-weight: 500;
    line-height: 1.17;
    text-align: center;
    font-style: normal;
    text-transform: capitalize;
    color: var(--color-label-base);
    word-break: break-word;
    transform: rotate(-10deg) skew(-10deg)
}

.badge:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 10px;
    background: var(--color-background-label-base);
    transition: .5s all;
    clip-path: polygon(100% 70%, 94% 100%, 0% 70%)
}

.badge--sold-out {
    background: var(--color-background-label-sold-out);
    color: var(--color-label-sold-out)
}

.badge--sold-out:after {
    background: var(--color-background-label-sold-out)
}

.badge--primary {
    background: var(--color-background-label-primary);
    color: var(--color-label-primary)
}

.badge--primary:after {
    background: var(--color-background-label-primary)
}

.badge--secondary {
    background: var(--color-background-label-secondary);
    color: var(--color-label-secondary)
}

.badge--secondary:after {
    background: var(--color-background-label-secondary)
}

.badge--sale {
    background: var(--color-background-label-sale);
    color: var(--color-sale-label)
}

.badge--sale:after {
    background: var(--color-background-label-sale)
}

.radio-option-swatch-square .radio-option-swatch-square__label {
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--swatch-color, var(--color-product-card-swatch-bg));
    background-image: var(--swatch-image);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border: 1px solid var(--color-product-card-swatch-border);
    border-radius: calc(var(--global-border-radius) * .5);
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.radio-option-swatch-square .radio-option-swatch-square__label.is-disabled {
    position: relative;
    text-decoration: line-through
}

.radio-option-swatch-square .radio-option-swatch-square__label.is-disabled:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    background-image: url(icon-swatch-cross.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.radio-option-swatch-square .radio-option-swatch-square__label.is-disabled:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    border-radius: calc(var(--global-border-radius) * .5);
    opacity: .2
}

.radio-option-swatch-square:has(input:checked) .radio-option-swatch-square__label {
    background-color: var(--swatch-color, var(--color-text-primary));
    border: 1px solid var(--color-text-primary);
    outline: 1px solid var(--color-text-primary);
    outline-offset: 1px;
    cursor: default;
    pointer-events: none
}

.radio-option-swatch-square:has(input:focus-visible) .radio-option-swatch-square__label {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 2px
}

.radio-option-swatch-rectangle {
    position: relative;
    border-radius: calc(var(--global-border-radius) * .25)
}

.radio-option-swatch-rectangle:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    background-color: var(--swatch-color, var(--color-text-primary-alpha));
    background-image: var(--swatch-image);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: calc(var(--global-border-radius) * .25)
}

.radio-option-swatch-rectangle .radio-option-swatch-rectangle__label {
    position: relative;
    display: block;
    width: 32px;
    height: 20px;
    background-size: contain;
    border: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 80%);
    border-radius: calc(var(--global-border-radius) * .25);
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.radio-option-swatch-rectangle .radio-option-swatch-rectangle__label:before,
.radio-option-swatch-rectangle .radio-option-swatch-rectangle__label:after {
    content: "";
    position: absolute;
    left: 50%;
    width: 16px;
    height: 1px;
    background-color: var(--color-text-primary);
    transform: translate(-50%) scaleX(0);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.radio-option-swatch-rectangle .radio-option-swatch-rectangle__label:before {
    top: -1px
}

.radio-option-swatch-rectangle .radio-option-swatch-rectangle__label:after {
    bottom: -1px
}

.radio-option-swatch-rectangle .radio-option-swatch-rectangle__label.is-disabled {
    opacity: .8;
    background-image: url(icon-swatch-cross.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
    text-decoration: line-through
}

.radio-option-swatch-rectangle:has(input:checked) {
    background-color: color-mix(in srgb, var(--color-text-primary), transparent 80%)
}

.radio-option-swatch-rectangle:has(input:checked) .radio-option-swatch-rectangle__label {
    cursor: default;
    pointer-events: none
}

.radio-option-swatch-rectangle:has(input:checked) .radio-option-swatch-rectangle__label:before,
.radio-option-swatch-rectangle:has(input:checked) .radio-option-swatch-rectangle__label:after {
    transform: translate(-50%)
}

.radio-option-swatch-rectangle:has(input:focus-visible) {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 2px
}

.radio-option .radio-option__label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 80%);
    border-radius: calc(var(--global-border-radius) * .5);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    font-size: calc(var(--body-font-size) * .875);
    font-weight: 500;
    line-height: 1.714;
    text-align: center;
    color: var(--color-text-primary);
    cursor: pointer;
    word-break: break-word;
    transition: background-color var(--timing-short)
}

.radio-option .radio-option__label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%) scaleX(0);
    width: 24px;
    height: 2px;
    background-color: var(--color-text-primary);
    transition: transform var(--timing-short)
}

.radio-option .radio-option__label:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%) scaleX(0);
    width: 24px;
    height: 2px;
    background-color: var(--color-text-primary);
    transition: transform var(--timing-short)
}

.radio-option .radio-option__label.is-disabled {
    text-decoration: line-through;
    color: var(--color-text-thirdly);
    opacity: .8
}

.radio-option .radio-input:checked+.radio-option__label {
    background-color: color-mix(in srgb, var(--color-text-primary), transparent 84%)
}

.radio-option .radio-input:checked+.radio-option__label:before,
.radio-option .radio-input:checked+.radio-option__label:after {
    transform: translate(-50%)
}

.radio-option .radio-input:focus-visible+.radio-option__label {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 0
}

.radio-option .radio-input:disabled+.radio-option__label {
    background-color: var(--color-ghost-white)
}

.quantity {
    position: relative;
    display: flex;
    align-items: center;
    width: 140px;
    padding: 8px;
    background-color: var(--color-background-secondary);
    border: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 70%);
    border-radius: calc(var(--global-border-radius) * 3);
    color: var(--color-text-primary, #000000)
}

.quantity .quantity__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 1px;
    border: 1px solid transparent;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--color-text-primary), transparent 88%);
    color: var(--color-text-primary, #000000);
    cursor: pointer;
    flex-shrink: 0;
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.quantity .quantity__button.disabled,
.quantity .quantity__button.is-disabled,
.quantity .quantity__button [disabled] {
    opacity: .5;
    cursor: auto;
    pointer-events: none
}

.quantity .quantity__button .icon {
    width: 16px;
    height: 16px;
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .quantity .quantity__button:hover:hover {
        border-color: var(--color-border-primary)
    }

    .quantity .quantity__button:hover:hover .icon {
        opacity: .7
    }
}

.quantity .quantity__input {
    width: 100%;
    min-height: unset;
    margin: 0 5px;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.375;
    text-align: center;
    color: currentColor;
    flex-grow: 1;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield
}

.quantity .quantity__input::-webkit-outer-spin-button,
.quantity .quantity__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity .quantity__input:focus-visible {
    box-shadow: none;
    outline-offset: 0
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .quantity .quantity__input:not(:focus-visible):hover {
        box-shadow: none
    }
}

.product__quantity-rules {
    margin-top: 15px;
    font-size: calc(var(--body-font-size) * .875)
}

.product__quantity-rules-item:not(.is-hidden)+.product__quantity-rules-item:before {
    content: "\2022";
    margin: 0 3px
}

.quantity-wrapper {
    flex-wrap: wrap
}

.gift-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    line-height: 1.5;
    color: var(--color-text-primary);
    word-break: break-word
}

.gift-button .gift-button__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    object-fit: contain;
    object-position: var(--img-desktop-pos)
}

.gift-button .gift-button__text {
    border-bottom: 1px solid currentColor;
    transition-property: border-color;
    transition-duration: var(--timing-short)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .gift-button:hover .gift-button__text {
        border-color: transparent
    }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--layer-pop-out);
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 12px;
    overflow-y: auto;
    transform: translateY(20px);
    transition-property: opacity, visibility, transform;
    transition-delay: 0s, 0s, var(--timing-base);
    transition-duration: var(--timing-base), var(--timing-base), 0s;
    transition-timing-function: var(--easing-slov-in-fast-out)
}

.popup.is-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
    transition-duration: var(--timing-long)
}

.popup .popup__container {
    position: relative;
    width: 100%;
    margin: auto;
    padding: 16px;
    background-color: var(--color-background-popup-drawer-alpha, #000);
    border-radius: var(--global-border-radius);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.popup .popup__tabs {
    overflow-x: auto;
    margin: 0 -4px;
    padding: 4px 0;
    text-align: center;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.popup .popup__tabs::-webkit-scrollbar {
    display: none
}

.popup .popup__tabs-button {
    margin: 0 4px;
    padding: 11px 16px;
    background-color: transparent;
    border-color: color-mix(in srgb, var(--color-text-primary), transparent 88%);
    color: var(--color-text-primary)
}

.popup .popup__tabs-button:before {
    background-color: color-mix(in srgb, var(--color-text-primary), transparent 92%)
}

.popup .popup__tabs-button.active:before {
    transform: translateZ(0)
}

.popup .rte>*:first-child {
    margin-top: 0
}

.popup .rte>*:first-child img {
    margin-top: 0
}

.popup .rte table {
    display: flex;
    overflow-x: auto;
    font-size: calc(var(--body-font-size) * .875)
}

.popup .rte table tbody {
    margin: 0 auto
}

.popup .popup__tab-content {
    display: none;
    margin-top: 24px;
    animation-name: fadeIn;
    animation-duration: var(--timing-base)
}

.popup .popup__tab-content.active {
    display: block
}

.popup .input {
    background-color: var(--color-background-popup-drawer-alpha, #000)
}

.popup .input-wrapper .input:focus+.input-label,
.popup .input-wrapper .input:not(:placeholder-shown)+.input-label {
    background-color: var(--color-background-popup-drawer-alpha, #000);
    box-shadow: 0 0 7px 7px var(--color-background-popup-drawer-alpha)
}

.popup-close-icon-button {
    position: absolute;
    top: 24px;
    inset-inline-end: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--color-text-primary);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.popup-close-icon-button .icon {
    width: 100%;
    height: 100%
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .popup-close-icon-button:hover {
        transform: rotate(90deg)
    }
}

.shopify-model-viewer-ui {
    background-color: #fff
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
    display: none;
    position: absolute;
    border-radius: 4px;
    right: 10px;
    bottom: 63px;
    border: 1px solid var(--ui-button-border-color);
    background-color: var(--ui-button-background-color, #fff)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button {
    position: relative;
    width: 44px;
    height: 44px;
    padding: 0;
    color: var(--ui-button-color, #000);
    transition-property: background-color, color;
    transition-duration: var(--timing-short)
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button:not(:last-child):after {
    content: "";
    position: absolute;
    opacity: .05;
    background-color: var(--ui-button-color, #000);
    width: 28px;
    height: 1px;
    bottom: 0;
    right: 8px
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button svg {
    width: 100%;
    height: 100%
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus-visible {
    outline: 2px solid var(--ui-button-color, #000)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .shopify-model-viewer-ui .shopify-model-viewer-ui__button:hover {
        background-color: var(--ui-button-color, #000);
        color: var(--ui-button-background-color, #fff)
    }
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    border-radius: 50%;
    color: var(--ui-button-color, #000);
    background-color: var(--ui-button-background-color, #fff);
    border-color: var(--ui-button-color, #000);
    transform: translate(-50%, -50%) scale(1);
    transition: transform var(--duration-short) ease, color var(--duration-short) ease
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
    width: 4.8rem;
    height: 4.8rem;
    margin-top: .3rem
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: block
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__control-icon--exit-fullscreen,
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--enter-fullscreen {
    display: none
}

.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon--exit-fullscreen {
    display: block
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@media(min-width:1200px) {
    .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
        display: flex;
        bottom: 10px
    }
}

.section-title {
    display: flex;
    flex-direction: column
}

.section-title.section-title--center {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.section-title em {
    font-weight: 300
}

.section-title a {
    transition-property: text-decoration-color;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .section-title a:hover {
        text-decoration-color: transparent
    }
}

.section-title .section-title__text-container {
    display: block;
    width: 100%;
    overflow-y: clip
}

.section-title .section-title__text-container:nth-child(2) {
    font-family: var(--heading-font-second-family);
    font-weight: var(--heading-font-second-weight)
}

.section-title .section-title__text {
    display: block;
    width: 100%
}

.section-title.need-animate .section-title__text {
    opacity: 0;
    transform: translateY(100%)
}

html.no-js .section-title.need-animate .section-title__text {
    opacity: 1;
    transform: translateY(0)
}

.animated .section-title.need-animate .section-title__text {
    opacity: 1;
    transform: translateY(0);
    transition-property: opacity, transform;
    transition-duration: var(--animate-time);
    transition-delay: var(--delay-step, 0)
}

.animated .section-title.need-animate .section-title__text-container+.section-title__text-container .section-title__text {
    transition-delay: var(--delay-step, .25s)
}

.custom-dropdown {
    position: relative;
    min-width: 286px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.custom-dropdown .custom-dropdown__label {
    font-size: calc(var(--body-font-size) * .875);
    line-height: 1.4286;
    color: var(--color-text-primary);
    word-break: break-word
}

.custom-dropdown .custom-dropdown__trigger {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
    color: var(--color-text-primary);
    background-color: var(--color-custom-select-trigger-background);
    border: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 86%);
    border-radius: calc(var(--global-border-radius) * .5);
    text-align: start;
    font-size: var(--body-font-size);
    line-height: 1.5;
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.custom-dropdown .custom-dropdown__trigger:focus-visible {
    border: 1px solid var(--color-border-primary)
}

.custom-dropdown .custom-dropdown__trigger-content {
    display: none
}

.custom-dropdown .custom-dropdown__trigger-content.custom-dropdown__trigger-content--color-swatch {
    position: relative;
    padding-inline-start: 56px;
    word-break: break-word
}

.custom-dropdown .custom-dropdown__trigger-content.custom-dropdown__trigger-content--color-swatch:before {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    width: 40px;
    height: 40px;
    background-color: var(--swatch-color);
    background-image: var(--swatch-image);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: calc(var(--global-border-radius) * .5);
    outline: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 86%);
    transform: translateY(-50%)
}

.custom-dropdown .custom-dropdown__trigger-icon {
    min-width: 16px;
    transition-property: transform;
    transition-duration: var(--timing-base);
    transform: rotate(0)
}

.custom-dropdown .custom-dropdown__options {
    max-height: 220px;
    overflow-y: auto;
    position: absolute;
    z-index: 2;
    top: calc(100% + 4px);
    width: 100%;
    background-color: var(--color-text-primary);
    color: var(--color-background);
    border-radius: calc(var(--global-border-radius) / 2);
    padding: 8px;
    display: none;
    flex-direction: column;
    gap: 4px
}

.custom-dropdown .custom-dropdown__options:has(.custom-dropdown__option--color-swatch) {
    max-height: 248px
}

.custom-dropdown .custom-dropdown__option {
    position: relative;
    padding: 12px;
    border-radius: calc(var(--global-border-radius) / 2);
    background-color: transparent;
    font-weight: 500;
    font-size: var(--body-font-size);
    line-height: 1.5;
    cursor: pointer
}

.custom-dropdown .custom-dropdown__option.custom-dropdown__option--color-swatch {
    display: flex;
    min-height: 56px;
    padding-inline-start: 64px;
    align-items: center;
    word-break: break-word
}

.custom-dropdown .custom-dropdown__option.custom-dropdown__option--color-swatch:before {
    content: "";
    position: absolute;
    inset-inline-start: 8px;
    width: 40px;
    height: 40px;
    outline: 1px solid var(--color-border-thirdly);
    background-color: var(--swatch-color);
    background-image: var(--swatch-image);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: calc(var(--global-border-radius) * .5)
}

.custom-dropdown .custom-dropdown__option.is-disabled {
    text-decoration: line-through
}

.custom-dropdown .custom-dropdown__option:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: calc(var(--global-border-radius) / 2);
    background-color: var(--color-background);
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

.custom-dropdown .custom-dropdown__option:has(input:checked):after {
    opacity: .08
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .custom-dropdown .custom-dropdown__option:hover:after {
        opacity: .08
    }
}

.custom-dropdown.is-active .custom-dropdown__trigger {
    border: 1px solid var(--color-border-primary)
}

.custom-dropdown.is-active .custom-dropdown__options {
    display: flex
}

.custom-dropdown.is-active .custom-dropdown__trigger-icon {
    transform: rotate(180deg)
}

.accordion {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.accordion__title {
    margin-bottom: 0
}

.accordion__content {
    display: none
}

.accordion__content--animate {
    overflow: hidden;
    display: block;
    transition: .5s ease height
}

.accordion__content p:empty {
    display: none
}

.accordion__control {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    text-decoration: none;
    word-break: break-word
}

.accordion__control .icon {
    flex-shrink: 0;
    transition: transform .25s
}

.accordion__item.is-active .accordion__content {
    display: block
}

.window-overlay {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: var(--layer-overlay);
    display: block;
    opacity: 0;
    height: 100vh;
    backdrop-filter: blur(13px);
    transition: opacity var(--timing-base) var(--easing-ease-in-out);
    pointer-events: auto;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.window-overlay.is-active {
    opacity: 1
}

.drawer {
    position: fixed;
    top: auto;
    bottom: 0;
    inset-inline-end: 0;
    z-index: var(--layer-pop-out);
    display: flex;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: calc(100% - 32px);
    max-width: 100%;
    margin: 0;
    background-color: var(--color-background-popup-drawer-alpha, #000);
    border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    transform: translateY(100%);
    transition-property: transform, max-width, visibility, opacity;
    transition-delay: 0s, 0s, calc(var(--timing-long) * .3), calc(var(--timing-long) * .3);
    transition-duration: .9s, .9s, .81s, .81s;
    transition-timing-function: var(--easing-slov-in-fast-out);
    flex-direction: column;
    will-change: transform, opacity
}

.drawer .input,
.drawer .textarea,
.drawer select {
    background-color: var(--color-background-popup-drawer-alpha, #000)
}

.drawer .input-wrapper .input:focus+.input-label,
.drawer .input-wrapper .input:not(:placeholder-shown)+.input-label {
    background-color: var(--color-background-popup-drawer-alpha, #000);
    box-shadow: 0 0 7px 7px var(--color-background-popup-drawer-alpha)
}

.drawer.drawer--bottom {
    top: unset;
    bottom: 0;
    transform: translateY(100%)
}

.drawer.is-active {
    visibility: visible;
    opacity: 1;
    transform: translate(0) !important;
    transition-delay: 0s
}

.drawer.is-full {
    max-width: 100%
}

.drawer.drawer--auto-height {
    top: unset;
    bottom: 0;
    height: auto;
    max-height: calc(100% - 32px)
}

@media(min-width:576px) {
    .drawer {
        top: 0;
        bottom: auto;
        max-width: 480px;
        height: calc(100% - 32px);
        margin: 16px 0;
        border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
        transform: translate(100%)
    }

    .drawer.drawer--left {
        left: 0;
        right: unset;
        transform: translate(-100%);
        border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0
    }
}

@media(min-width:992px) {
    .drawer {
        max-width: 480px
    }
}

.drawer__header {
    display: flex;
    gap: 24px;
    width: 100%;
    padding: 24px
}

.drawer__title {
    font-size: calc(var(--heading-font-size) * 1.375);
    font-weight: 700;
    line-height: 1.18;
    word-break: break-word
}

.drawer__body {
    overflow: auto;
    flex: 1;
    padding: 0 24px 24px
}

.drawer__body.rte>span {
    margin-top: 30px;
    margin-bottom: 30px
}

.drawer__body.rte table {
    overflow: auto;
    display: block;
    width: 100%
}

.drawer__body.rte table::-webkit-scrollbar {
    height: 7px
}

.drawer__body.rte table::-webkit-scrollbar-track {
    background-color: #0000001a
}

.drawer__body.rte table::-webkit-scrollbar-thumb {
    background-color: #305d704d
}

.drawer__body.rte tbody {
    display: inline-table;
    width: 100%
}

@media(min-width:768px) {
    .drawer__body {
        padding: 0 24px 40px
    }
}

.drawer__close {
    display: flex;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-inline-start: auto;
    color: var(--color-text-primary);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.drawer__close svg {
    width: 100%;
    height: 100%
}

.drawer__close:focus-visible {
    outline: 2px solid var(--color-text-primary)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .drawer__close:hover {
        transform: rotate(90deg)
    }
}

.drawer__tabs {
    overflow-x: auto;
    margin: 0 -20px;
    padding: 10px 0;
    border-bottom: 1px solid var(--color-border-secondary);
    text-align: center;
    white-space: nowrap
}

.drawer__tabs::-webkit-scrollbar {
    display: none
}

@media(min-width:768px) {
    .drawer__tabs {
        margin: 0 -40px;
        padding: 14px 0
    }
}

.drawer__tabs-button {
    margin: 0 25px;
    padding: 10px 0;
    border: none;
    font-size: calc(var(--body-font-size) * .94);
    font-weight: 700;
    color: var(--color-text-primary)
}

.drawer__tabs-button .drawer__tabs-button-text {
    border-bottom: 1px solid transparent;
    transition-property: border-bottom-color;
    transition-duration: .3s
}

.drawer__tabs-button.active .drawer__tabs-button-text {
    border-bottom: 1px solid currentColor
}

.drawer__tabs-button:focus-visible {
    outline: 2px solid var(--color-text-primary)
}

.drawer__tab-content {
    display: none;
    padding-top: 25px
}

.drawer__tab-content.active {
    display: block
}

body.rtl .drawer {
    transform: translate(-100%);
    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--layer-pop-out);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    transition-property: opacity, visibility, transform;
    transition-duration: var(--timing-base);
    transition-timing-function: var(--easing-slov-in-fast-out);
    pointer-events: none
}

.modal.modal__card--full {
    transform: translate(-50%, -50%)
}

.modal.is-active,
.modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

.modal.is-active.modal__card,
.modal.is-open.modal__card {
    opacity: 1;
    transform: translate(-50%, -50%)
}

.modal__header {
    width: 100%;
    margin-bottom: 0;
    text-align: center
}

.modal__body {
    max-width: 100%;
    padding: 1rem 0;
    overflow-y: auto;
    scrollbar-gutter: stable
}

.modal__body.modal__body--gutter-auto {
    scrollbar-gutter: auto
}

.modal__card {
    top: 50%;
    left: 50%;
    opacity: 0;
    height: auto;
    margin: 0 auto;
    padding: 25px 25px 50px;
    padding-inline-start: 35px;
    border: 1px solid var(--color-border-thirdly);
    background-color: var(--color-background-popup-drawer);
    transform: translateY(-20%);
    flex-direction: column;
    max-width: 950px;
    max-height: calc(100vh - 40px);
    overflow-y: auto
}

.modal__card.modal__card--full {
    max-width: 100vw;
    width: 100%;
    max-height: 100vh;
    height: 100%;
    padding: 0;
    border: 0
}

.modal__card.modal__card--full .modal__body {
    width: 100%;
    height: 100%;
    padding: 0
}

.modal__footer {
    width: 100%;
    padding: 1rem 0;
    border-top: 1px solid var(--color-border-thirdly)
}

.modal__close {
    position: absolute;
    z-index: var(--layer-flat, 1);
    top: 16px;
    inset-inline-end: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--ui-button-border-color);
    border-radius: 4px;
    color: var(--ui-button-color, #000);
    transition-property: background-color, color, border-color;
    transition-duration: var(--timing-base)
}

.modal__close.modal__close--bg {
    background-color: var(--ui-button-background-color, #fff)
}

.modal__close .icon {
    width: 24px;
    height: 24px;
    pointer-events: none
}

.modal__close:focus-visible {
    box-shadow: inset 0 0 0 2px #000
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .modal__close:hover {
        border-color: var(--ui-button-color, #000);
        background-color: var(--ui-button-color, #000);
        color: var(--ui-button-background-color, #fff)
    }
}

@media(max-width:991.98px) {
    .modal__header {
        position: relative;
        padding: 1rem
    }
}

.payment-types {
    display: inline-flex
}

.payment-types .payment-types__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.payment-types .payment-types__item {
    line-height: 0
}

.payment-types .payment-types__item .icon {
    width: auto;
    height: 28px
}

.discounts {
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

.discounts.discounts--right {
    align-items: flex-end
}

.discounts .discounts__item {
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: var(--color-text-primary);
    word-break: break-word
}

.discounts .discounts__item .icon {
    width: 16px;
    height: 16px;
    margin-inline-end: 5px
}

.discounts .discounts__item+.discounts__item {
    margin-top: 5px
}

.price {
    color: var(--price-color, var(--color-text-primary));
    word-break: break-word
}

.price .price-item {
    margin-inline-end: 8px
}

.price .price-item.price-item--sale {
    font-weight: 500;
    color: var(--sale-price-color, var(--product-sale-price-color))
}

.price .price-item.price-item--regular {
    margin-inline-end: 0
}

.price .price__regular {
    display: block
}

.price .price__sale,
.price.price--on-sale .price__regular {
    display: none
}

.price.price--on-sale .price__sale {
    display: initial;
    flex-direction: row;
    flex-wrap: wrap
}

.price.price--on-sale .price__sale .price-item--regular {
    text-decoration: line-through;
    color: var(--regular-price-color, var(--color-text-secondary))
}

.price .price__volume-pricing-note {
    margin-top: 7px;
    font-size: calc(var(--body-font-size) * .875);
    font-weight: 400
}

.price .unit-price {
    display: block;
    margin-top: 5px;
    font-size: .85em;
    line-height: 1.15
}

.popover-container {
    position: relative
}

.popover {
    position: absolute;
    top: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    border: 1px solid var(--color-border-secondary);
    background-color: var(--color-background);
    color: var(--color-text-primary);
    transition: opacity var(--timing-base) ease
}

.popover.is-active {
    visibility: visible;
    opacity: 1
}

.popover__button {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    color: var(--color-text-primary, #000000);
    transition: opacity .3s ease
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .popover__button:hover {
        opacity: .5
    }
}

.popover__content {
    padding: 20px;
    padding-inline-end: 30px
}

.rte {
    line-height: 1.5;
    word-break: break-word;
    color: var(--color-text-primary)
}

.rte *+h1,
.rte *+h2,
.rte *+h3,
.rte *+h4 {
    margin-top: 32px
}

.rte *+h5,
.rte *+h6 {
    margin-top: 24px
}

.rte h1,
.rte h2,
.rte h3,
.rte h4 {
    margin-bottom: 24px
}

.rte h5,
.rte h6 {
    margin-bottom: 20px
}

.rte p+p {
    margin-top: 24px
}

.rte p+ul,
.rte p+ol {
    margin-top: 24px
}

.rte h2,
.rte .h2 {
    font-size: calc(var(--heading-font-size) * 1.75)
}

.rte h3,
.rte .h3 {
    font-size: calc(var(--heading-font-size) * 1.375);
    line-height: 1.27
}

.rte h4,
.rte .h4 {
    font-size: calc(var(--heading-font-size) * 1.125);
    line-height: 1.22
}

.rte img {
    margin: 32px 0;
    border-radius: 8px
}

.rte a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--link-color);
    transition-duration: var(--timing-short);
    transition-property: text-decoration-color
}

.rte a:focus-visible {
    outline: 2px solid var(--color-text-primary)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .rte a:hover {
        text-decoration-color: transparent
    }
}

.rte blockquote {
    margin-bottom: 25px;
    padding-inline-start: 25px;
    font-size: calc(var(--body-font-size) * 1.1);
    font-weight: 600;
    border-inline-start: 2px solid var(--color-text-primary)
}

@media(min-width:1200px) {
    .rte blockquote {
        font-size: calc(var(--body-font-size) * 1.1)
    }
}

.rte iframe,
.rte video {
    max-width: 100%;
    border-radius: 8px
}

.rte ol,
.rte ul {
    margin-bottom: 24px;
    padding-inline-start: 0;
    list-style-position: inside
}

.rte ol+ul,
.rte ol+ol,
.rte ul+ul,
.rte ul+ol {
    margin-top: 24px
}

.rte ol>li,
.rte ul>li {
    padding-inline-start: 0
}

.rte ol li+li,
.rte ul li+li {
    margin-top: 16px
}

.rte ol li>ul,
.rte ol li ol,
.rte ul li>ul,
.rte ul li ol {
    padding-top: 10px
}

.rte ol {
    list-style-type: decimal
}

.rte ul {
    list-style-type: disc
}

.rte>*:last-child {
    margin-bottom: 0
}

.rte>img {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 32px auto
}

.rte>img+img {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:768px) {
    .rte>img {
        width: auto
    }
}

.rte .rte__table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.rte:not(.rte-size-guide) table {
    margin: 35px auto;
    border-collapse: initial;
    border-spacing: 0;
    word-break: normal
}

.rte:not(.rte-size-guide) table tr td:first-child,
.rte:not(.rte-size-guide) table tr th:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.rte:not(.rte-size-guide) table tr td:last-child,
.rte:not(.rte-size-guide) table tr th:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.rte:not(.rte-size-guide) table tr:nth-child(odd) td,
.rte:not(.rte-size-guide) table tr:nth-child(odd) th {
    background-color: var(--color-background-secondary)
}

.rte:not(.rte-size-guide) table td,
.rte:not(.rte-size-guide) table th {
    padding: 16px 24px
}

@media(max-width:575.98px) {
    .rte:not(.rte-size-guide) table {
        overflow: auto;
        display: block
    }
}

.rte.rte-size-guide table {
    margin: 25px auto 0;
    border-collapse: initial;
    border-spacing: 0;
    word-break: normal
}

.rte.rte-size-guide table td {
    padding: 10px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 88%);
    text-align: center
}

.rte.rte-size-guide table th {
    padding: 10px 16px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-text-primary), transparent 88%);
    font-weight: 700
}

@media(max-width:575.98px) {
    .rte.rte-size-guide table {
        overflow: auto;
        display: block
    }
}

.rte.rte-product-drawer {
    padding-top: 24px;
    padding-bottom: 24px
}

.rte.rte-product-drawer>*:first-child {
    margin-top: 0
}

.rte.rte-product-drawer>*:first-child img {
    margin-top: 0
}

@media(min-width:768px) {

    .rte h1,
    .rte .h1 {
        font-size: calc(var(--heading-font-size) * 2.3125)
    }

    .rte h2,
    .rte .h2 {
        font-size: calc(var(--heading-font-size) * 1.9375)
    }
}

@media(min-width:1200px) {

    .rte h1,
    .rte .h1 {
        font-size: calc(var(--heading-font-size) * 3.25)
    }

    .rte h2,
    .rte .h2 {
        font-size: calc(var(--heading-font-size) * 2.625)
    }

    .rte h3,
    .rte .h3 {
        font-size: calc(var(--heading-font-size) * 2);
        line-height: 1.25
    }

    .rte h4,
    .rte .h4 {
        font-size: calc(var(--heading-font-size) * 1.375);
        line-height: 1.18
    }
}

.compare-products-popup-button {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 12;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: visible;
    opacity: 1;
    width: 48px;
    height: 48px;
    padding: 0;
    background-color: var(--color-compare-sticky-button-bg, #000);
    color: var(--color-compare-sticky-button-color, #fff);
    border-radius: 4px;
    transition-property: opacity, background-color, color, visibility, transform;
    transition-duration: var(--timing-short);
    transition-timing-function: var(--easing-ease-out)
}

.compare-products-popup-button:focus-visible {
    outline: 2px solid black;
    outline-offset: 2px
}

.compare-products-popup-button[data-count=""],
.compare-products-popup-button[data-count="0"],
.compare-products-popup-button[data-count="1"] {
    visibility: hidden;
    transform: translateY(110px)
}

.compare-products-popup-button.big-padding {
    bottom: 90px
}

.compare-products-popup-button.big-padding[data-count=""],
.compare-products-popup-button.big-padding[data-count="0"],
.compare-products-popup-button.big-padding[data-count="1"] {
    transform: translateY(112px)
}

.compare-products-popup-button svg {
    width: 16px;
    height: 16px
}

.compare-products-popup-button:before {
    content: attr(data-count);
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--color-text-attention);
    font-weight: 500;
    font-size: calc(var(--body-font-size) * .625)
}

.compare-products-popup-button .compare-products-popup-button__outer {
    position: absolute;
    z-index: -1;
    top: -6px;
    left: -6px;
    right: -6px;
    bottom: -6px;
    border-radius: 8px;
    border: 1px solid var(--color-compare-sticky-button-bg)
}

.compare-products-popup-button .compare-products-popup-button__outer:after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -1px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-bottom: 2px solid var(--color-compare-sticky-button-color);
    border-right: 2px solid var(--color-compare-sticky-button-color);
    border-bottom-right-radius: 8px;
    transition-duration: .4s, .4s, .4s, 0s;
    transition-property: transform, right, border-right-color, border-bottom-right-radius;
    transition-delay: 0s, 0s, .3s, .3s
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .compare-products-popup-button:hover {
        opacity: .5
    }

    .compare-products-popup-button:hover .compare-products-popup-button__outer:after {
        right: 50%;
        border-bottom-color: var(--color-compare-sticky-button-color);
        border-right-color: transparent;
        border-bottom-right-radius: 0;
        transform: translate(50%);
        transition-duration: .4s, .4s, 0s, .4s;
        transition-delay: 0s, 0s, 0s, 0s
    }
}

@media(min-width:768px) {
    .compare-products-popup-button {
        width: 44px;
        height: 44px
    }

    .compare-products-popup-button:before {
        width: 18px;
        height: 18px;
        font-size: calc(var(--body-font-size) * .75)
    }

    .compare-products-popup-button.big-padding {
        bottom: 100px
    }

    .compare-products-popup-button.big-padding[data-count=""],
    .compare-products-popup-button.big-padding[data-count="0"],
    .compare-products-popup-button.big-padding[data-count="1"] {
        transform: translateY(146px)
    }

    .compare-products-popup-button svg {
        width: 24px;
        height: 24px
    }
}

@media(min-width:992px) {
    .compare-products-popup-button {
        margin: 8px
    }

    .compare-products-popup-button .compare-products-popup-button__outer {
        top: -8px;
        left: -8px;
        right: -8px;
        bottom: -8px
    }
}

/*header*/
.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
}

.header:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, var(--header-background-1) 0%, transparent 100%)
}

.header .header__container {
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin: 0 auto;
    padding: 16px
}

.header .header__logo {
    display: flex;
    flex: 0 1 auto;
    justify-content: center
}

.header .header__heading,
.header .header__heading-link {
    display: inline-flex
}

.header .header__heading-logo-picture {
    display: flex
}

.header .header__heading-link {
    text-align: center;
    text-decoration: none;
    word-break: break-word
}

.header .header__heading-link:focus-visible {
    outline: 2px solid var(--color-text-primary)
}

.header .header__heading-logo {
    object-fit: contain;
    object-position: var(--img-desktop-pos)
}

.header .header__menu {
    display: none;
    flex: 1 1 0
}

.header .header__burger-menu-button-wrapper {
    display: flex;
    flex: 1 1 0
}

.header .header__utils {
    display: flex;
    flex: 1 1 0;
    justify-content: flex-end;
    align-items: center;
    gap: 40px
}

.header .header__localization {
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 8px;
    white-space: nowrap
}

.header .header__icons {
    display: flex;
    align-items: center;
    gap: 16px
}

.header .header__cart-count[data-cart-count="0"],
.header .header__icon.header__icon--search,
.header .header__icon.header__icon--account,
.header.header--menu-bottom .header__top-container {
    display: none
}

@media(min-width:1200px) {
    .header:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        transition-duration: var(--timing-base);
        transition-property: height, visibility, opacity;
        background-color: var(--header-active-background);
        transition-timing-function: ease, ease, cubic-bezier(.6, .14, 0, 1)
    }

    .header.force-transition:before {
        transition-duration: 0s
    }

    .header.is-hover:before {
        visibility: visible;
        opacity: 1;
        height: calc(100% + var(--menu-height, 0px))
    }

    .header .header__container {
        gap: 48px;
        padding: 24px 48px
    }

    .header .header__burger-menu-button-wrapper {
        display: none
    }

    .header .header__menu,
    .header .header__localization {
        display: flex
    }

    .header .header__icon.header__icon--search,
    .header .header__icon.header__icon--account {
        display: block
    }

    .header.header--menu-center .header__menu {
        flex: 1 1 auto;
        justify-content: center
    }

    .header.header--menu-center .header__utils,
    .header.header--menu-center .header__logo {
        flex: 1 1 20%
    }

    .header.header--menu-bottom .header__container {
        padding: 17px 32px;
        flex-wrap: wrap;
        gap: 0
    }

    .header.header--menu-bottom .header__menu {
        justify-content: center
    }

    .header.header--menu-bottom .header__utils,
    .header.header--menu-bottom .header__logo {
        display: none
    }

    .header.header--menu-bottom .header__top-container {
        display: flex;
        align-items: center;
        width: 100%;
        margin-bottom: 24px
    }

    .header.header--menu-bottom .header__top-container .header__logo {
        display: flex;
        justify-content: center
    }

    .header.header--menu-bottom .header__logo-top {
        flex: 1 1 33.3333%
    }

    .header.header--menu-bottom .header__top-left-col {
        display: flex;
        flex: 1 1 33.3333%;
        justify-content: flex-start;
        align-items: center
    }

    .header.header--menu-bottom .header__utils-top {
        display: flex;
        flex: 1 1 33.3333%;
        justify-content: flex-end;
        align-items: center
    }

    .header.header--menu-bottom .header__language-list,
    .header.header--menu-bottom .header__country-list {
        top: calc(100% + 16px)
    }
}

.header .product-card .product-card__title {
    color: var(--product-card-title-color, var(--color-text-primary))
}

.header .product-card .product-card__vendor {
    color: var(--product-card-vendor-color, var(--color-text-secondary))
}

.header-section {
    position: sticky;
    top: 0;
    z-index: 13;
    width: 100%;
    transition-property: transform, opacity, z-index;
    transition-duration: var(--timing-short);
    transition-delay: 0s, 0s, var(--timing-short);
    transition-timing-function: var(--easing-linear);
    overflow-x: clip
}

.header-section.is-collapsed {
    z-index: 12;
    transition-delay: 0s;
    transform: translateY(-100%)
}

:has(.banner-container:first-of-type .allow-transparent-header) .header-section {
    margin-bottom: calc(var(--header-height-static) * -1)
}

.header-overlay {
    content: "";
    position: fixed;
    top: var(--header-offset-top);
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 100vh;
    transition-property: opacity, visibility;
    transition-duration: var(--timing-base);
    transition-timing-function: var(--easing-ease-in-out);
    pointer-events: auto;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.header-overlay.is-active {
    visibility: visible;
    opacity: 1
}

.header-menu-main .header-menu-main__container {
    display: flex;
    position: relative;
    padding: 8px;
    border-radius: calc(var(--global-border-radius) / 2);
    overflow: hidden; 
}

.header-menu-main .header-menu-main__list {
    display: flex;
    flex-wrap: wrap;
    border-radius: calc(var(--global-border-radius) / 4);
    background-color: var(--header-main-menu-background);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.header-menu-main .header-menu-main__item {
    display: block;
    padding: 4px;
    font-size: calc(var(--body-font-size) * .875);
    font-weight: 500;
    line-height: 1.71;
    text-decoration: none;
    word-break: break-word;
    transition-property: filter;
    transition-duration: var(--timing-base)
}

.header-menu-main .header-menu-main__item.is-disabled {
    pointer-events: none;
    filter: blur(2px)
}

.header-menu-main .header-menu-main__item.is-active .header-menu-main__item-inner {
    color: var(--header-main-menu-text-color-active);
    background-color: var(--header-main-menu-text-background-active)
}

.header-menu-main .header-menu-main__item.is-active .header-menu-main__item-icon {
    transform: rotate(45deg)
}

.header-menu-main .header-menu-main__item.is-active .header-menu-main__item-toggle-icon {
    transform: rotate(180deg)
}

.header-menu-main .header-menu-main__item:focus-visible .header-menu-main__item-inner {
    outline: 2px solid var(--header-main-menu-text-color);
    outline-offset: 1px
}

.header-menu-main .header-menu-main__item-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: calc(var(--global-border-radius) / 4);
    color: var(--header-main-menu-text-color);
    transition-property: color, background-color;
    transition-duration: var(--timing-base)
}

.header-menu-main .header-menu-main__item-inner .icon {
    width: 16px;
    height: 16px
}

.header-menu-main .header-menu-main__item-icon,
.header-menu-main .header-menu-main__item-toggle-icon {
    display: flex;
    flex-shrink: 0;
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.header-menu-main .header-menu-main__item-toggle-icon .icon {
    width: 12px;
    height: 12px
}

.header-navigation-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 0;
    text-decoration: none;
    color: var(--header-navigation-item-text-color);
    transition-property: opacity;
    transition-duration: var(--timing-base);
    word-break: break-word
}

.header-navigation-item .header-navigation-item__text {
    font-family: var(--heading-font-family);
    font-size: calc(var(--heading-font-size) * 1.75);
    font-weight: 600;
    text-align: start;
    line-height: 1.43;
    word-break: break-word;
    transition-property: background-size;
    transition-duration: var(--timing-base);
    background-image: linear-gradient(to right, currentColor, currentColor);
    background-position: 0 min(1.43em - 2px, 100%);
    background-size: 0 2px;
    background-repeat: no-repeat
}

.header-navigation-item .icon {
    width: 24px;
    height: 24px
}

.header-navigation-item .header-navigation-item__toggle-icon {
    margin-inline-start: auto;
    display: inline-flex;
    flex-shrink: 0;
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.header-navigation-item:focus-visible {
    outline: 2px solid currentColor
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .header-navigation-item:not(.header-navigation-item--no-hover):hover .header-navigation-item__toggle-icon {
        transform: translate(5px)
    }

    .header-navigation-item:not(.header-navigation-item--no-hover):hover .header-navigation-item__text {
        background-size: 24px 2px
    }
}

.header-navigation-item.header-navigation-item--medium .header-navigation-item__text {
    font-size: calc(var(--heading-font-size) * 1.375);
    line-height: 1.45;
    background-position: 0 min(1.45em - 2px, 100%)
}

.header-navigation-item.header-navigation-item--medium-small .header-navigation-item__text {
    font-size: calc(var(--heading-font-size) * 1.125);
    font-weight: 400
}

.header-navigation-item.header-navigation-item--small .header-navigation-item__text {
    font-size: var(--heading-font-size);
    font-weight: 400;
    line-height: 1.5;
    background-position: 0 min(1.45em - 2px, 100%);
    background-size: 0 1px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .header-navigation-item.header-navigation-item--small:not(.header-navigation-item--no-hover):hover .header-navigation-item__toggle-icon {
        transform: translate(5px)
    }

    .header-navigation-item.header-navigation-item--small:not(.header-navigation-item--no-hover):hover .header-navigation-item__text {
        background-size: 24px 1px
    }
}

.header-navigation-item-highlight {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 16px 8px;
    text-decoration: none;
    color: var(--header-navigation-item-text-color);
    border-bottom: 1px solid var(--header-navigation-item-border-color);
    background-image: linear-gradient(90deg, var(--header-navigation-item-text-background-color-hover) 0%, transparent 100%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    transition-property: background-size;
    transition-duration: var(--timing-base);
    transition-timing-function: cubic-bezier(.6, .14, 0, 1);
    word-break: break-word
}

body.rtl .header-navigation-item-highlight {
    background-image: linear-gradient(270deg, var(--header-navigation-item-text-background-color-hover) 0%, transparent 100%);
    background-position: 100% 0
}

.header-navigation-item-highlight .header-navigation-item-highlight__text {
    font-family: var(--heading-font-family);
    font-size: calc(var(--heading-font-size) * 1.375);
    font-weight: 600;
    text-align: start;
    text-decoration: none;
    line-height: 1.43;
    word-break: break-word
}

.header-navigation-item-highlight .header-navigation-item-highlight__icon-wrapper {
    position: relative;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    transition-property: transform;
    transition-duration: var(--timing-short)
}

.header-navigation-item-highlight .header-navigation-item-highlight__icon-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 39px;
    height: 39px;
    border-radius: 100%;
    background-color: var(--header-navigation-item-text-color);
    filter: blur(9px);
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--timing-short)
}

.header-navigation-item-highlight .header-navigation-item-highlight__icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.header-navigation-item-highlight .icon {
    width: 24px;
    height: 24px
}

.header-navigation-item-highlight .header-navigation-item-highlight__toggle-icon {
    display: inline-flex;
    flex-shrink: 0;
    transition-property: transform;
    transition-duration: var(--timing-base);
    margin-inline-start: auto
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .header-navigation-item-highlight:hover {
        background-size: 100% 100%
    }

    .header-navigation-item-highlight:hover .header-navigation-item-highlight__toggle-icon {
        transform: translate(5px)
    }

    .header-navigation-item-highlight:hover .header-navigation-item-highlight__icon-wrapper {
        transform: rotate(-5deg)
    }

    .header-navigation-item-highlight:hover .header-navigation-item-highlight__icon-wrapper:before {
        opacity: 1
    }
}

.header-navigation-item-highlight:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -4px;
    background-size: 100% 100%
}

.header-navigation-item-highlight:focus-visible .header-navigation-item-highlight__toggle-icon {
    transform: translate(5px)
}

.header-navigation-item-highlight:focus-visible .header-navigation-item-highlight__icon-wrapper {
    transform: rotate(-5deg)
}

.header-navigation-item-highlight:focus-visible .header-navigation-item-highlight__icon-wrapper:before {
    opacity: 1
}

.header-navigation-item-highlight.header-navigation-item-highlight--with-active.is-active {
    background-size: 100% 100%
}

.header-navigation-item-highlight.header-navigation-item-highlight--with-active.is-active .header-navigation-item-highlight__toggle-icon {
    transform: translate(5px)
}

.header-navigation-item-highlight.header-navigation-item-highlight--with-active.is-active .header-navigation-item-highlight__icon-wrapper {
    transform: rotate(-5deg)
}

.header-navigation-item-highlight.header-navigation-item-highlight--with-active.is-active .header-navigation-item-highlight__icon-wrapper:before {
    opacity: 1
}

.header-navigation-item-highlight.header-navigation-item-highlight--small {
    padding: 8px
}

.header-navigation-item-highlight.header-navigation-item-highlight--big {
    padding: 16px
}

.header-navigation-item-highlight.header-navigation-item-highlight--simple {
    padding: 16px 24px
}

.header-navigation-item-highlight.header-navigation-item-highlight--simple .header-navigation-item-highlight__icon-wrapper {
    display: none
}

.header-navigation-item-highlight.header-navigation-item-highlight--simple .header-navigation-item-highlight__text {
    font-size: var(--heading-font-size);
    line-height: 1.5
}

.header-navigation-item-highlight.header-navigation-item-highlight--hide-border {
    border-bottom: none
}

.header-navigation-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.header-navigation-block .header-navigation-block__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start
}

.header-mobile {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    z-index: var(--layer-pop-out);
    display: flex;
    flex-direction: column;
    visibility: hidden;
    max-width: 420px;
    border-radius: 0;
    height: 100%;
    width: 100%;
    background-color: var(--header-menu-background);
    transform: translate(-100%);
    transition-property: transform, visibility;
    transition-duration: var(--timing-long);
    transition-timing-function: var(--easing-slov-in-fast-out);
    will-change: transform, visibility
}

.header-mobile.is-active {
    visibility: visible;
    transform: translate(0) !important
}

.header-mobile.is-active .header-mobile__animate.header-mobile__animate--main.need-animate {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition-delay: calc(var(--timing-base) + var(--animation-delay));
    transition-duration: var(--timing-base)
}

.header-mobile:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.header-mobile .header-mobile__menu {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%
}

.header-mobile.is-child-active .header-mobile__menu-container.header-mobile__menu-container--main,
.header-mobile.is-grand-child-active .header-mobile__menu-container.header-mobile__menu-container--nested {
    overflow: hidden
}

.header-mobile .header-mobile__menu-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    overflow: auto;
}

.header-mobile .header-mobile__menu-container-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 16px
}

.header-mobile .header-mobile__menu-container-inner.header-mobile__menu-container-inner--small-offset {
    padding-top: 16px;
    padding-bottom: 16px
}

.header-mobile .header-mobile__menu-container-inner.header-mobile__menu-container-inner--medium-offset {
    padding-top: 24px;
    padding-bottom: 24px
}

.header-mobile .header-mobile__menu-container-inner.header-mobile__menu-container-inner--big-offset {
    padding-top: 32px;
    padding-bottom: 32px
}

.header-mobile .header-mobile__menu-container-inner.header-mobile__menu-container-inner--small-gap {
    gap: 16px
}

.header-mobile .header-mobile__menu-container-inner.header-mobile__menu-container-inner--medium-gap {
    gap: 24px
}

.header-mobile .header-mobile__menu-container-inner.header-mobile__menu-container-inner--big-gap {
    gap: 32px
}

.header-mobile .header-mobile__menu-header {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px
}

.header-mobile .header-mobile__menu-header:after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    height: 1px;
    bottom: 0;
    background-color: var(--header-menu-border-color)
}

.header-mobile .header-mobile__menu-heading {
    display: block;
    font-size: var(--body-font-size);
    line-height: 16px;
    text-align: center;
    color: var(--header-menu-text-color);
    word-break: break-word
}

.header-mobile .header-mobile__menu-header-column.header-mobile__menu-header-column--right {
    margin-inline-start: auto
}

.header-mobile .header-mobile__menu-button {
    margin: -8px
}

.header-mobile .header-mobile__menu-nested-drawer {
    position: fixed;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: var(--layer-flat);
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--header-menu-background);
    transform: translate(-100%);
    transition-property: transform;
    transition-duration: var(--timing-long);
    transition-timing-function: cubic-bezier(.6, .14, 0, 1)
}

.header-mobile .header-mobile__menu-nested-drawer:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: inherit;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition-property: opacity;
    transition-duration: var(--timing-long)
}

.header-mobile .header-mobile__menu-nested-drawer.is-hidden {
    display: none
}

.header-mobile .header-mobile__menu-nested-drawer.is-active {
    transform: translate(0) !important
}

.header-mobile .header-mobile__menu-nested-drawer.is-active.header-mobile__menu-nested-drawer--nested .header-mobile__animate.header-mobile__animate--nested.need-animate,
.header-mobile .header-mobile__menu-nested-drawer.is-active.header-mobile__menu-nested-drawer--deep-nested .header-mobile__animate.header-mobile__animate--deep-nested.need-animate {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition-delay: calc(var(--timing-base) + var(--animation-delay));
    transition-duration: var(--timing-base)
}

.header-mobile .header-mobile__menu-nested-drawer.header-mobile__menu-nested-drawer--nested {
    z-index: calc(var(--layer-flat) + 1)
}

.header-mobile .header-mobile__menu-nested-drawer.header-mobile__menu-nested-drawer--deep-nested {
    z-index: calc(var(--layer-flat) + 2)
}

.header-mobile .header-mobile__search-input {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 15px 24px;
    border-radius: calc(var(--global-border-radius) * 2);
    border: 1px solid var(--header-menu-border-color);
    text-align: start;
    font-size: var(--body-font-size);
    line-height: 1.5;
    white-space: nowrap;
    color: var(--header-menu-text-color);
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

.header-mobile .header-mobile__search-input .icon {
    width: 20px;
    height: 20px;
    opacity: .5;
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

.header-mobile .header-mobile__search-input:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .header-mobile .header-mobile__search-input:hover {
        border-color: var(--header-menu-text-color)
    }

    .header-mobile .header-mobile__search-input:hover .icon,
    .header-mobile .header-mobile__search-input:hover .header__search-input-label {
        opacity: 1
    }
}

.header-mobile .header__search-input-label {
    display: block;
    width: 100%;
    opacity: .5;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

.header-mobile .header-mobile__menu-list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.header-mobile .header-mobile__menu-list .header-mobile__menu-list-item:last-child {
    margin-bottom: 0
}

.header-mobile .header-mobile__menu-list-item.header-mobile__menu-list-item--small-offset {
    margin-bottom: 16px
}

.header-mobile .header-mobile__menu-list-item.header-mobile__menu-list-item--medium-offset {
    margin-bottom: 24px
}

.header-mobile .header-mobile__menu-list-item.header-mobile__menu-list-item--big-offset {
    margin-bottom: 32px
}

.header-mobile .header-mobile__additional-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: auto
}

.header-mobile .header-mobile__additional-menu-link {
    padding-top: 16px;
    padding-bottom: 16px
}

.header-mobile .header-mobile__localization {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8px;
    padding-bottom: 8px;
    column-gap: 32px;
    row-gap: 16px
}

.header-mobile .header-mobile__animate.need-animate {
    visibility: hidden;
    opacity: 0;
    transform: translate(-15px);
    transition-duration: var(--timing-short), var(--timing-short), 0s;
    transition-delay: 0s, 0s, var(--timing-short);
    transition-property: opacity, visibility, transform
}

.header-mobile .product-card .product-card__title {
    color: var(--product-card-title-color, var(--color-text-primary))
}

.header-mobile .product-card .product-card__vendor {
    color: var(--product-card-vendor-color, var(--color-text-secondary))
}

body.rtl .header-mobile,
body.rtl .header-mobile .header-mobile__menu-nested-drawer {
    transform: translate(100%)
}

.header-mega-menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-height: calc(var(--page-height) - var(--header-height) - var(--header-offset-top) - 16px);
    overflow: hidden;
    transition-property: visibility, opacity, height;
    transition-duration: var(--timing-base);
    transition-timing-function: var(--easing-slov-in-fast-out)
}

.header-mega-menu.force-change-transition {
    transition-property: height;
    transition-duration: var(--timing-base)
}

.header-mega-menu.force-transition {
    transition-delay: 0s;
    transition-duration: 0s
}

.header-mega-menu.is-active {
    visibility: visible;
    opacity: 1
}

.header-mega-menu.is-active .header-mega-menu__animate.need-animate {
    transform: translate(0);
    filter: opacity(1);
    visibility: visible;
    transition-delay: calc(var(--timing-short) + var(--animation-delay));
    transition-duration: var(--timing-base)
}

.header-mega-menu.is-active.force-change-transition {
    transition-delay: var(--animation-delay)
}

.header-mega-menu .header-mega-menu__animate.need-animate {
    visibility: hidden;
    filter: opacity(0);
    transform: translate(-15px);
    transition-duration: var(--timing-short), var(--timing-short), 0s;
    transition-delay: 0s, 0s, var(--timing-short);
    transition-property: filter, visibility, transform
}

.header-mega-menu .header-mega-menu__container {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.header-mega-menu .header-mega-menu__container::-webkit-scrollbar {
    display: none
}

.header-mega-menu .header-mega-menu__content-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding: 16px 48px 32px
}

.header-mega-menu .header-mega-menu__grid {
    display: flex;
    gap: 24px
}

.header-mega-menu .header-mega-menu__grid-column {
    width: 100%
}

.header-mega-menu .header-mega-menu__grid-column.header-mega-menu__grid-column--banner {
    width: 64%;
    max-width: 609px;
    align-self: flex-start
}

.header-mega-menu .header-mega-menu__list {
    display: grid;
    width: 100%
}

.header-mega-menu .header-mega-menu__list.header-mega-menu__list--products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px
}

.header-mega-menu .header-mega-menu__list.header-mega-menu__list--media-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 16px
}

.header-mega-menu .header-mega-menu__list.header-mega-menu__list--main-menu {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 48px;
    column-gap: 24px
}

.header-mega-menu .header-mega-menu__list.header-mega-menu__list--main-menu-short {
    grid-template-columns: repeat(3, 1fr)
}

.header-mega-menu .header-mega-menu__list-item .product-card .product-card__title {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

@media(max-width:1500.98px) {
    .header-mega-menu .header-mega-menu__list-item .product-card {
        height: 100%
    }

    .header-mega-menu .header-mega-menu__list-item .product-card .product-card__title {
        font-size: var(--body-font-size)
    }

    .header-mega-menu .header-mega-menu__list-item .product-card .product-card__price {
        font-size: calc(var(--body-font-size) * .875)
    }

    .header-mega-menu .header-mega-menu__list-item .product-card .product-card__footer-button-wrapper {
        margin-top: 16px
    }

    .header-mega-menu .header-mega-menu__list-item .product-card .button-circle.button-circle--transform,
    .header-mega-menu .header-mega-menu__list-item .header-banner-small .button-circle.button-circle--transform {
        min-width: 48px;
        height: 48px
    }
}

@media(min-width:1501px) {
    .header-mega-menu .header-mega-menu__list.header-mega-menu__list--products-grid {
        gap: 16px;
        grid-template-columns: repeat(4, 1fr)
    }

    .header-mega-menu .header-mega-menu__list.header-mega-menu__list--media-grid {
        gap: 24px
    }
}

.header-dropdown {
    position: absolute;
    inset-inline-start: auto;
    top: calc(100% + 4px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background: var(--header-menu-dropdown-background);
    border-radius: calc(var(--global-border-radius) / 2);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition-property: visibility, opacity, height;
    transition-duration: var(--timing-base);
    transition-timing-function: var(--easing-slov-in-fast-out);
    margin-top: 15px;
}

.header-dropdown.force-transition {
    transition-delay: 0s;
    transition-duration: 0s
}

.header-dropdown.header-dropdown--nested {
    transition-property: opacity, visibility, width, transform
}

body.rtl .header-dropdown.header-dropdown--nested {
    width: auto !important;
    transform: scaleX(0);
    transform-origin: right
}

.header-dropdown.is-active {
    visibility: visible;
    opacity: 1
}

.header-dropdown.is-active .header-dropdown__animate.header-dropdown__animate--main.need-animate {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition-delay: calc(var(--timing-short) + var(--animation-delay));
    transition-duration: var(--timing-base)
}

body.rtl .header-dropdown.is-active.header-dropdown--nested {
    transform: scaleX(1)
}

.header-dropdown .header-dropdown__animate.need-animate {
    visibility: hidden;
    opacity: 0;
    transform: translate(-20px);
    transition-duration: var(--timing-short), var(--timing-short), 0s;
    transition-delay: 0s, 0s, var(--timing-short);
    transition-property: opacity, visibility, transform;
}

.header-dropdown .header-dropdown__menu {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.header-dropdown .header-dropdown__menu::-webkit-scrollbar {
    display: none
}

.header-dropdown .header-dropdown__menu-list {
    display: flex;
    flex-direction: column;
    min-width: 150px;
    max-width: 400px;
    max-height: 300px;
    width: max-content
}

.header-burger-menu {
    position: fixed;
    top: calc(var(--header-height) + var(--header-offset-top));
    left: 0;
    right: 0;
    display: flex;
    gap: 8px;
    overflow: hidden;
    bottom: 0;
    padding: 24px 48px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden
}

.header-burger-menu.is-active {
    opacity: 1;
    visibility: visible
}

.header-burger-menu .header-burger-menu__menu {
    pointer-events: auto;
    opacity: 0;
    visibility: hidden;
    overflow: hidden
}

.header-burger-menu .header-burger-menu__menu.header-burger-menu__menu--main {
    flex-shrink: 0;
    width: min(417px, 33.33%);
    height: 0;
    transform-origin: top;
    transition-property: visibility, opacity, height;
    transition-delay: calc(var(--timing-long) * .3), calc(var(--timing-long) * .3), 0s;
    transition-duration: calc(var(--timing-long) * .7), calc(var(--timing-long) * .7), var(--timing-long);
    transition-timing-function: var(--easing-slov-in-fast-out)
}

.header-burger-menu .header-burger-menu__menu.header-burger-menu__menu--nested {
    height: 100%;
    width: 0;
    transform-origin: left;
    transition-property: visibility, opacity, width;
    transition-delay: calc(var(--timing-long) * .3), calc(var(--timing-long) * .3), 0s;
    transition-duration: calc(var(--timing-long) * .7), calc(var(--timing-long) * .7), var(--timing-long);
    transition-timing-function: var(--easing-slov-in-fast-out)
}

.header-burger-menu .header-burger-menu__menu.is-active {
    opacity: 1;
    visibility: visible
}

.header-burger-menu .header-burger-menu__menu.is-active.header-burger-menu__menu--main {
    height: 100%;
    transition-delay: 0s
}

.header-burger-menu .header-burger-menu__menu.is-active.header-burger-menu__menu--main .header-burger-menu__animate.need-animate {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition-delay: calc(var(--timing-short) + var(--animation-delay));
    transition-duration: var(--timing-base)
}

.header-burger-menu .header-burger-menu__menu.is-active.header-burger-menu__menu--nested {
    width: 100%;
    transition-delay: 0s
}

.header-burger-menu .header-burger-menu__menu.is-active .header-burger-menu__list.is-active .header-burger-menu__animate.need-animate {
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition-delay: calc(var(--timing-short) + var(--animation-delay));
    transition-duration: var(--timing-base)
}

.header-burger-menu .header-burger-menu__menu-container {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--global-border-radius) / 2);
    overflow: hidden
}

.header-burger-menu .header-burger-menu__menu-container.header-burger-menu__menu-container--main {
    padding: 8px
}

.header-burger-menu .header-burger-menu__menu-inner-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: auto;
    border-radius: calc(var(--global-border-radius) / 4);
    background-color: var(--header-menu-background);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.header-burger-menu .header-burger-menu__menu-inner-container::-webkit-scrollbar {
    display: none
}

.header-burger-menu .header-burger-menu__list {
    display: grid
}

.header-burger-menu .header-burger-menu__list.header-burger-menu__list--nested {
    padding: 32px 48px;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 48px;
    column-gap: 24px
}

.header-burger-menu .header-burger-menu__animate.need-animate {
    visibility: hidden;
    opacity: 0;
    transform: translate(-15px);
    transition-duration: var(--timing-short), var(--timing-short), 0s;
    transition-delay: 0s, 0s, var(--timing-short);
    transition-property: opacity, visibility, transform
}

.header-banner {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 123%;
    overflow: hidden;
    background: var(--header-banner-background-color);
    border-radius: calc(var(--global-border-radius) * 2);
    border: 1px solid var(--header-banner-border-color)
}

.header-banner .header-banner__ellipse:after,
.header-banner .header-banner__ellipse:before {
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: var(--header-banner-background-ellipse);
    filter: blur(135px)
}

.header-banner .header-banner__ellipse:after {
    top: -50px;
    left: -50px
}

.header-banner .header-banner__ellipse:before {
    bottom: -50px;
    right: -50px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .header-banner:hover .header-banner__image.header-banner__image--back {
        transform: scale(1.02) rotate(-1deg)
    }

    .header-banner:hover .header-banner__image.header-banner__image--main {
        transform: scale(1.02) rotate(1deg)
    }
}

.header-banner .header-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--img-object-fit);
    object-position: var(--img-desktop-pos);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.header-banner .header-banner__button-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 24px
}

@media(min-width:1200px) {
    .header-banner {
        padding-top: 122%
    }
}

.header-banner-small {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 132%;
    overflow: hidden;
    border-radius: calc(var(--global-border-radius) * 2)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .header-banner-small:hover .header-banner-small__image {
        transform: scale(1.02)
    }
}

.header-banner-small .header-banner-small__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--img-desktop-pos);
    transition-property: transform, opacity;
    transition-duration: var(--timing-base)
}

.header-banner-small .header-banner-small__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 24px
}

.header-banner-small .header-banner-small__content-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.header-banner-small .header-banner-small__content-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65%;
    background: linear-gradient(180deg, var(--header-banner-small-overlay-color) 0%, transparent 100%)
}

.header-banner-small .header-banner-small__title {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: calc(var(--body-font-size) * 1.5);
    font-weight: 700;
    line-height: 1.43;
    text-align: center;
    word-wrap: break-word;
    color: var(--header-banner-small-text-color)
}

.header-banner-small .header-banner-small__text {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--body-font-size);
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    word-wrap: break-word;
    color: var(--header-banner-small-text-color)
}

.header-banner-small .header-banner-small__button-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: auto
}

@media(min-width:1200px) {
    .header-banner-small {
        padding-top: 134%
    }
}

.predictive-search {
    width: auto;
    top: 12px;
    left: 12px;
    right: 12px;
    border-radius: var(--global-border-radius);
    margin: 0 auto;
    background-color: var(--color-background-popup-drawer-alpha, #000);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition-property: opacity, visibility, transform;
    transition-duration: var(--timing-base);
    transition-timing-function: var(--easing-slov-in-fast-out)
}

.predictive-search.is-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
    transition-duration: var(--timing-long)
}

.predictive-search .predictive-search__container {
    position: relative;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 38px
}

.predictive-search .predictive-search__form {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    margin: 0 auto
}

.predictive-search .predictive-search__close {
    position: absolute;
    top: 16px;
    inset-inline-start: 16px;
    display: flex;
    padding: 0;
    color: var(--color-text-primary);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.predictive-search .predictive-search__close svg {
    width: 20px;
    height: 20px;
    pointer-events: none
}

.predictive-search .predictive-search__close:focus-visible {
    outline: 2px solid var(--color-text-primary)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .predictive-search .predictive-search__close:hover {
        transform: rotate(90deg)
    }
}

.predictive-search .predictive-search__search {
    position: relative;
    display: flex;
    padding: 24px 16px 16px
}

.predictive-search .predictive-search__reset {
    display: none;
    position: absolute;
    right: 84px;
    top: 50%;
    padding: 4px;
    color: var(--color-text-primary);
    transform: translateY(-50%);
    transition-property: transform;
    transition-duration: var(--timing-base)
}

.predictive-search .predictive-search__reset svg {
    width: 16px;
    height: 16px
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .predictive-search .predictive-search__reset:hover {
        transform: translateY(-50%) rotate(90deg)
    }
}

.predictive-search .predictive-search__input:not(:placeholder-shown) {
    padding-inline-end: 36px
}

.predictive-search .predictive-search__input:not(:placeholder-shown)~.predictive-search__reset {
    display: flex
}

.predictive-search .predictive-search__input-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 16px
}

.predictive-search .predictive-search__input {
    border: 1px solid var(--color-border-primary);
    border-radius: 100px;
    background-color: transparent;
    line-height: 1.5
}

.predictive-search .predictive-search__input::placeholder {
    opacity: 1
}

.predictive-search .predictive-search__result {
    height: 100%;
    overflow: auto;
    padding: 8px 16px 0
}

.predictive-search .predictive-search__result::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.predictive-search .predictive-search__result::-webkit-scrollbar-track {
    background-color: transparent
}

.predictive-search .predictive-search__result::-webkit-scrollbar-thumb {
    border-radius: 15px
}

.predictive-search .predictive-search__result-empty {
    text-align: center
}

.predictive-search .predictive-search__tabs {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin-bottom: 24px;
    border-radius: var(--global-border-radius)
}

.predictive-search .predictive-search__tabs-items {
    display: flex;
    border-bottom: 1px solid var(--color-text-primary-alpha);
    gap: 4px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.predictive-search .predictive-search__tabs-items::-webkit-scrollbar {
    display: none
}

.predictive-search .predictive-search__tabs-button {
    position: relative;
    padding: 12px;
    font-size: var(--body-font-size);
    font-weight: 500;
    line-height: 1.5;
    color: var(--color-text-primary);
    opacity: .5;
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

.predictive-search .predictive-search__tabs-button:before {
    content: "";
    position: absolute;
    bottom: -1.5px;
    left: 50%;
    height: 2px;
    width: 0;
    background-color: var(--color-text-primary);
    transform: translate(-50%);
    transition-property: width;
    transition-duration: var(--timing-base)
}

.predictive-search .predictive-search__tabs-button.is-active {
    opacity: 1
}

.predictive-search .predictive-search__tabs-button.is-active:before {
    width: 24px
}

.predictive-search .predictive-search__tabs-button[disabled] {
    color: var(--color-text-secondary);
    opacity: .5;
    cursor: default
}

.predictive-search .predictive-search__result-row {
    display: flex;
    gap: 16px 32px;
    flex-wrap: wrap;
    transform: translateY(0);
    transition-property: opacity, visibility, transform;
    transition-timing-function: var(--easing-ease);
    transition-duration: var(--timing-long)
}

.predictive-search .predictive-search__result-row .article-card__image-wrapper {
    padding-top: 74.27%
}

.predictive-search .predictive-search__result-row .article-card__description {
    display: none
}

.predictive-search .predictive-search__result-row.predictive-search__result-row--products .predictive-search__result-col {
    text-align: center
}

.predictive-search .predictive-search__result-row.visually-hidden {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px)
}

.predictive-search .predictive-search__result-col {
    width: 100%
}

.predictive-search .predictive-search__article-card-image-container {
    padding-top: 74.27%;
    border-radius: calc(var(--global-border-radius) * 1.5);
    overflow: hidden
}

.predictive-search .predictive-search__featured-items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0 32px
}

.predictive-search .predictive-search__apply {
    padding: 16px
}

.predictive-search .predictive-search__featured-items-title {
    margin-bottom: 16px;
    font-size: calc(var(--heading-font-size) * 1.125);
    font-style: normal;
    font-weight: 500;
    line-height: 1.333
}

.predictive-search .predictive-search__featured-item-link {
    display: block;
    padding: 8px 16px;
    border: 1px solid var(--color-border-secondary);
    border-radius: calc(var(--global-border-radius) / 2);
    color: var(--color-text-primary);
    font-size: var(--body-font-size);
    line-height: 1.5;
    text-decoration: none;
    transition-property: border-color;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .predictive-search .predictive-search__featured-item-link:hover {
        border-color: var(--color-border-primary)
    }
}

.predictive-search .predictive-search__footer {
    padding: 16px;
    text-align: center
}

.predictive-search:has(.predictive-search__result-row) {
    bottom: 16px
}

.predictive-search .predictive-search__featured-items-title.need-animate,
.predictive-search .predictive-search__featured-item.need-animate {
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

.predictive-search.is-active .predictive-search__featured-items-title.need-animate,
.predictive-search.is-active .predictive-search__featured-item.need-animate {
    opacity: 1
}

.predictive-search.is-active .predictive-search__featured-item.need-animate {
    transition-delay: var(--delay-step)
}

@media(min-width:576px) {
    .predictive-search .predictive-search__form {
        max-width: 1032px
    }

    .predictive-search .predictive-search__result-row .predictive-search__result-col {
        width: calc(50% - 16px)
    }
}

@media(min-width:992px) {
    .predictive-search .predictive-search__container {
        padding: 32px 32px 0
    }

    .predictive-search .predictive-search__tabs {
        margin-bottom: 32px
    }

    .predictive-search .predictive-search__tabs-items {
        gap: 16px
    }

    .predictive-search .predictive-search__result-row {
        padding-bottom: 16px;
        gap: 32px
    }

    .predictive-search .predictive-search__result-row .predictive-search__result-col {
        width: calc(33.333% - 21.333px)
    }

    .predictive-search .predictive-search__result-row.predictive-search__result-row--products {
        gap: 32px 24px
    }

    .predictive-search .predictive-search__result-row.predictive-search__result-row--products .predictive-search__result-col {
        width: calc(25% - 18px)
    }

    .predictive-search .predictive-search__footer {
        padding: 16px 24px 32px
    }
}

@media(min-width:1200px) {
    .predictive-search .predictive-search__container {
        padding-top: 0
    }

    .predictive-search .predictive-search__close {
        top: 38px;
        inset-inline-end: 2.5%;
        inset-inline-start: auto
    }
}

@media(min-width:1501px) {
    .predictive-search .predictive-search__form {
        max-width: 1232px
    }
}

.menu-decoration {
    position: relative
}

.menu-decoration.is-active .menu-decoration__decoration-border-part {
    visibility: visible;
    opacity: 1;
    transition-duration: var(--timing-base);
    transition-delay: 0s, 0s, var(--timing-base), var(--timing-base);
    transition-property: stroke-dasharray, stroke-dashoffset, opacity, visibility
}

.menu-decoration.is-transition-disabled .menu-decoration__decoration-border-part {
    transition-duration: 0s
}

.menu-decoration .menu-decoration__decoration {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

body.rtl .menu-decoration .menu-decoration__decoration {
    transform: scaleX(-1);
    transform-origin: center;
    transform-box: fill-box
}

.menu-decoration .menu-decoration__decoration-border {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    color: var(--menu-decoration-border-color)
}

.menu-decoration .menu-decoration__decoration-border-part {
    visibility: hidden;
    opacity: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    color: var(--menu-decoration-border-part-color)
}

.affirm-as-low-as,
.affirm-as-low-as * {
    color: #fff !important
}

.affirm-as-low-as svg {
    fill: #fff !important
}

.affirm-as-low-as img {
    filter: brightness(0) invert(1)
}

.affirm-as-low-as {
    font-size: .85rem !important;
    line-height: 1.2 !important
}

.header.is-hover::before {
    visibility: visible;
    opacity: 1;
    height: calc(100% + var(--menu-height, 0px));
}

.header-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease;
}

.header-dropdown.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-dropdown.is-hidden {
    display: none;
}

/* Custom sections */

.story-telling {
    background-color: var(--color-background)
}

.story-telling .story-telling__container {
    padding-top: var(--inner-offset-top-mobile);
    padding-bottom: var(--inner-offset-bottom-mobile);
    overflow-y: visible;
    overflow-x: clip
}

.story-telling .story-telling__container.container {
    padding-left: 0;
    padding-right: 0
}

.story-telling .story-telling__slider {
    overflow: visible
}

.story-telling .story-telling__slider:not(.swiper-initialized) .story-telling__slider-slide:nth-child(1) {
    opacity: 1;
    filter: blur(0)
}

.story-telling .story-telling__slider:not(.swiper-initialized) .story-telling__slider-slide {
    opacity: 0
}

.story-telling .story-telling__slider-wrapper.swiper-wrapper {
    align-items: stretch
}

.story-telling .story-telling__slider-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px 16px;
    height: auto;
    padding: 0 16px;
    filter: blur(6px);
    transition-property: filter, opacity;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .story-telling .story-telling__slider-slide:hover .story-telling__slide-image-wrapper:before {
        transform: translate(-50%, -50%) scale(1.2)
    }

    .story-telling .story-telling__slider-slide:hover .story-telling__slide-image-content.need-animate {
        transform: scale(1) translate(0) rotate(0)
    }
}

.story-telling .story-telling__slider-slide.swiper-slide-active {
    filter: blur(0)
}

.story-telling .story-telling__slide-label {
    margin-bottom: 8px;
    font-size: calc(var(--body-font-size) * 1.5);
    font-weight: 200;
    word-break: break-word;
    color: var(--color-label)
}

.story-telling .story-telling__slide-heading {
    margin-bottom: 24px
}

.story-telling .story-telling__slide-button-wrapper {
    margin-top: 34px
}

.story-telling .story-telling__slide-image-inner {
    display: block;
    position: relative;
    padding-top: 110.33%
}

.story-telling .story-telling__slide-image-wrapper {
    position: relative;
    width: 100%;
    padding: 0 50px
}

.story-telling .story-telling__slide-image-wrapper:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56%;
    height: 70%;
    border-radius: 50%;
    filter: blur(80px);
    transform: translate(-50%, -50%);
    background-color: var(--color-label);
    transition-duration: 4s
}

.story-telling .story-telling__slide-image-content {
    padding: 9px 9px 22.5px;
    background-color: var(--color-text-primary)
}

.story-telling .story-telling__slide-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--img-pos)
}

.story-telling .story-telling__slider-controls {
    position: relative;
    max-width: 1212px;
    padding: 0 16px;
    margin: 8px auto 0;
}

.story-telling .story-telling__slider-controls.story-telling__slider-controls--1:before {
    display: none
}

.story-telling .story-telling__slider-controls-line {
    display: none;
    position: absolute;
    top: 16px;
    left: 0;
    width: 100%;
    height: 1px;
    color: var(--color-text-primary)
}

.story-telling .story-telling__slider-controls-line .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.story-telling .story-telling__slider-controls-line.story-telling__slider-controls-line--mob {
    display: block;
    transform: scale(2)
}

.story-telling .story-telling__slider-pagination.swiper-pagination {
    position: relative;
    bottom: 0;
    min-height: 65px;
    padding-top: 6px
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet {
    max-width: 124px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    row-gap: 8px;
    width: 100%;
    height: auto;
    background-color: transparent;
    position: relative;
    transform: scale(1) translateY(-6px) !important
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet .bullet {
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--color-border-secondary);
    border-radius: 50%
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet .bullet-text {
    max-width: 84px;
    font-weight: 300;
    font-size: var(--body-font-size);
    white-space: normal;
    opacity: .5;
    color: var(--color-text-primary);
    transition-property: opacity;
    transition-duration: var(--timing-base);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    transform: scale(1) translateY(0) !important
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet {
    width: 20px;
    height: 20px;
    background-color: var(--color-background);
    border: 4px solid var(--color-label)
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-text {
    opacity: 1
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet:focus-visible {
    outline: none;
    outline-offset: 0
}

.story-telling .swiper-pagination-bullets .swiper-pagination-bullet:focus-visible .bullet {
    outline: 2px solid var(--color-text-primary);
    outline-offset: 2px
}

.story-telling .story-telling__button-slider {
    position: absolute;
    top: 26px;
    z-index: 10
}

.story-telling .story-telling__button-slider.swiper-button--next {
    right: calc(50% - 86px)
}

.story-telling .story-telling__button-slider.swiper-button--prev {
    left: calc(50% - 86px)
}

.story-telling .story-telling__slide-label.need-animate {
    transition-delay: .25s
}

.story-telling .story-telling__slide-text.need-animate {
    transition-delay: .5s
}

.story-telling .story-telling__slide-button-wrapper.need-animate {
    transition-delay: .75s
}

.story-telling .story-telling__slide-label.need-animate,
.story-telling .story-telling__slide-text.need-animate,
.story-telling .story-telling__slide-button-wrapper.need-animate,
.story-telling .story-telling__slider-controls.need-animate {
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--animate-time)
}

.story-telling .story-telling__slide-image-content.need-animate {
    opacity: 0;
    transform: scale(1.2) translate(50px, 50px) rotate(4deg);
    transition-property: opacity, transform;
    transition-duration: var(--animate-time)
}

.story-telling.animated .story-telling__slide-label.need-animate,
.story-telling.animated .story-telling__slide-text.need-animate,
.story-telling.animated .story-telling__slide-button-wrapper.need-animate,
.story-telling.animated .story-telling__slider-controls.need-animate {
    opacity: 1
}

.story-telling.animated .story-telling__slide-image-content.need-animate {
    opacity: 1;
    transform: scale(1) translate(0) rotate(4deg)
}

html.no-js .story-telling .story-telling__slide-label.need-animate,
html.no-js .story-telling .story-telling__slide-text.need-animate,
html.no-js .story-telling .story-telling__slide-button-wrapper.need-animate,
html.no-js .story-telling .story-telling__slider-controls.need-animate {
    opacity: 1
}

html.no-js .story-telling .story-telling__slide-image-content.need-animate {
    opacity: 1;
    transform: scale(1) translate(0) rotate(4deg)
}

@media(min-width:576px) {
    .story-telling .story-telling__slider-controls-line {
        display: block
    }

    .story-telling .story-telling__slider-controls-line.story-telling__slider-controls-line--mob {
        display: none
    }
}

@media(max-width:991.98px) {
    .story-telling .story-telling__slide-heading {
        font-size: calc(var(--heading-font-size) * 1.75)
    }
}

@media(min-width:768px) {
    .story-telling .story-telling__container {
        padding-top: var(--inner-offset-top);
        padding-bottom: var(--inner-offset-bottom)
    }

    .story-telling .story-telling__slider-slide {
        flex-direction: row
    }

    .story-telling .story-telling__slide-text-wrapper:not(.story-telling__slide-text-wrapper--no-image) {
        width: 50.9%
    }

    .story-telling .story-telling__slide-label {
        font-size: calc(var(--body-font-size) * 2)
    }

    .story-telling .story-telling__slide-image-wrapper {
        width: calc(49.1% - 60px);
        padding: 0;
        order: 1
    }

    .story-telling .story-telling__slide-image-wrapper:before {
        width: 80%;
        height: 70%
    }

    .story-telling .story-telling__slide-image-content {
        max-width: 432px;
        margin: 0 auto;
        padding: 16px 16px 40px
    }

    .story-telling .story-telling__slide-image-inner {
        padding-top: 110%
    }

    .story-telling .story-telling__slider-controls {
        margin-top: 52px
    }

    .story-telling .swiper-pagination-bullets .swiper-pagination-bullet {
        max-width: 192px
    }

    .story-telling .story-telling__button-slider {
        top: 4px
    }

    .story-telling .story-telling__button-slider.swiper-button--next {
        inset-inline-end: 16px;
        inset-inline-start: auto
    }

    .story-telling .story-telling__button-slider.swiper-button--prev {
        inset-inline-start: 16px;
        inset-inline-end: auto
    }

    .story-telling .swiper-pagination-bullets .swiper-pagination-bullet .bullet-text {
        max-width: 200px
    }
}

@media(min-width:992px) {
    .story-telling .story-telling__slider:not(.swiper-initialized) .story-telling__slider-wrapper {
        transform: translate(10%)
    }

    .story-telling .story-telling__slider-slide {
        width: 80%
    }

    .story-telling .story-telling__slider-controls {
        margin-top: 70px
    }
}

@media(min-width:1200px) {
    .story-telling .story-telling__slider:not(.swiper-initialized) .story-telling__slider-wrapper {
        transform: translate(13.926%)
    }

    .story-telling .story-telling__slider-slide {
        column-gap: 60px;
        width: 72.143%
    }
}

/*products edited*/

.featured-products {
    padding-top: var(--inner-offset-top-mobile);
    padding-bottom: var(--inner-offset-bottom-mobile);
    background-color: var(--color-background);
}

.featured-products__heading {
    margin: 0 0 32px;
    text-align: center;
    color: var(--color-text-primary);
}

.section-title__text-container {
    display: block;
}

.section-title__text {
    display: block;
    font-size: 32px;
    line-height: 1.2;
}

.section-title__text.text-right {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.75;
    text-transform: none;
}

.featured-products__slider {
    overflow: hidden;
}

.featured-products__row.swiper-wrapper {
    align-items: stretch;
}

.featured-products__col {
    height: auto;
}

.product-card {
    height: 100%;
}

.product-card__image-wrapper-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.product-card__image-wrapper {
    position: relative;
    overflow: hidden;
    background: #111;
    aspect-ratio: 4 / 5;
}

.product-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.product-card__image--hover {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.product-card__image-wrapper:hover .product-card__image:first-child {
    opacity: 0;
    transform: scale(1.04);
}

.product-card__image-wrapper:hover .product-card__image--hover {
    opacity: 1;
    transform: scale(1.04);
}

.product-card__footer {
    padding-top: 16px;
}

.product-card__title {
    display: block;
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.product-card__title:hover {
    text-decoration: underline;
}

.product-card__price {
    margin-top: 8px;
    font-size: 14px;
    opacity: 0.75;
}

.featured-products__slider-pagination {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.custom-swiper-pagination {
    width: auto !important;
    display: flex;
    justify-content: center;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #777;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--color-label);
}

@media (min-width: 768px) {
    .featured-products {
        padding-top: var(--inner-offset-top);
        padding-bottom: var(--inner-offset-bottom);
    }

    .featured-products__heading {
        margin-bottom: 48px;
    }

    .section-title__text {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    .section-title__text {
        font-size: 28px;
    }

    .featured-products__slider-pagination {
        gap: 16px;
    }
}

/*start of anatomy*/

.cards-grid {
    padding: 40px 0 32px;
    text-align: center;
    background-color: var(--color-background);
}

.cards-grid__header {
    max-width: 800px;
    margin: 0 auto 48px;
}

.section-title {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 42px;
    line-height: 1.1;
}

.cards-grid__row {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 16px;
    justify-content: center;
}

.cards-grid__item {
    width: 100%;
    position: relative;
}

.cards-grid__item-image-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding-top: 131%;
}

.cards-grid__item-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.cards-grid__item:hover .cards-grid__item-image {
    transform: scale(1.06);
}

.cards-grid__content-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 0;
    max-height: 100%;
    padding: 24px 24px 32px;
    border: 1px solid var(--overlay-border-color);
    border-radius: inherit;
    background: var(--overlay-background-color);
    backdrop-filter: blur(24px);
    color: var(--overlay-text-color);
    transition:
        min-height 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        background 0.35s ease,
        border-color 0.35s ease;
}

.cards-grid__item-title {
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
}

.cards-grid__item-text {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    margin-top: 0;
    font-size: 15px;
    line-height: 1.6;
    transition:
        opacity .45s ease,
        max-height .55s cubic-bezier(0.22, 1, 0.36, 1),
        margin-top .45s ease;
}

.cards-grid__item.cards-grid__item--active .cards-grid__content-container {
    min-height: 100%;
}

.cards-grid__item.cards-grid__item--active .cards-grid__item-text {
    opacity: 1;
    max-height: 800px;
    margin-top: 12px;
}

.cards-grid__button {
    width: 48px;
    height: 48px;
    margin-top: -24px;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.cards-grid__button.active {
    background: #fff;
    color: #000;
}

@media (min-width: 576px) {
    .cards-grid__item {
        width: calc(50% - 8px);
    }
}

@media (min-width: 992px) {
    .cards-grid__item {
        width: calc(25% - 12px);
    }
}

@media (max-width: 767px) {
    .section-title {
        font-size: 32px;
    }
}

/*categs parts*/

.slider-pagination {
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.custom-swiper-pagination {
    width: min(260px, 40vw);
    height: 2px;
    position: relative;
}

.custom-swiper-pagination.swiper-pagination-progressbar {
    background: rgba(255, 255, 255, 0.2);
}

.custom-swiper-pagination .swiper-pagination-progressbar-fill {
    background: #fff;
}

.products-slideshow {
    position: relative;
    background-color: var(--color-background);
    overflow: hidden
}

.products-slideshow .products-slideshow__container {
    padding: var(--inner-offset-top-mobile) 0 var(--inner-offset-bottom-mobile) 0
}

.products-slideshow .products-slideshow__wrapper {
    position: relative
}

.products-slideshow .products-slideshow__product-ellipse {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-ellipse);
    border-radius: 50%;
    filter: blur(180px);
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: .6s
}

.products-slideshow .products-slideshow__product-ellipse.is-active {
    opacity: 1;
    visibility: visible
}

.products-slideshow .products-slideshow__decor-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(100%);
    transition-duration: 0s, .7s;
    transition-property: opacity, transform;
    z-index: 3
}

.products-slideshow .products-slideshow__decor-image-container.is-active {
    transform: translateY(0)
}

.products-slideshow .products-slideshow__decor-image-container.is-active.is-move-reverse {
    transform: translateY(-20px)
}

.products-slideshow .products-slideshow__decor-image-container.is-opacity {
    opacity: 0;
    transform: translateY(-100%)
}

.products-slideshow .products-slideshow__mini-slider-container {
    max-width: 100%;
    width: fit-content;
    position: relative;
    margin: 0 auto 12px;
    padding: 0 20px;
    z-index: 4
}

.products-slideshow .products-slideshow__mini-slider-container:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 8px;
    width: calc(100% - 20px);
    height: calc(100% - 24px);
    background-color: var(--color-background-secondary);
    border-radius: calc(var(--global-border-radius) / 2);
    -webkit-backdrop-filter: blur(48px);
    backdrop-filter: blur(48px)
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border {
    position: absolute;
    top: 12px;
    width: 1px;
    height: calc(100% - 24px);
    background-color: var(--color-background-secondary)
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--left {
    left: 0
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--left:before {
    top: -8px;
    left: 0;
    border-top: 1px solid;
    border-left: 1px solid;
    border-top-left-radius: calc(var(--global-border-radius) / 2)
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--left:after {
    bottom: -8px;
    left: 0;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-bottom-left-radius: calc(var(--global-border-radius) / 2)
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--right {
    right: 0
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--right:before {
    top: -8px;
    right: 0;
    border-top: 1px solid;
    border-right: 1px solid;
    border-top-right-radius: calc(var(--global-border-radius) / 2)
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--right:after {
    bottom: -8px;
    right: 0;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-bottom-right-radius: calc(var(--global-border-radius) / 2)
}

.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--left:before,
.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--left:after,
.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--right:before,
.products-slideshow .products-slideshow__mini-slider-container .products-slideshow__mini-slider-container-border.products-slideshow__mini-slider-container-border--right:after {
    content: "";
    position: absolute;
    width: 19px;
    height: 8px;
    border-color: var(--color-background-secondary)
}

.products-slideshow .products-slideshow__mini-slider {
    width: 100%;
    display: inline-block;
    padding: 16px 3px;
    z-index: 4
}

.products-slideshow .products-slideshow__mini-slider:not(.swiper-initialized) .products-slideshow__mini-slider-wrapper {
    display: flex
}

.products-slideshow .products-slideshow__mini-slider-wrapper {
    width: calc(100% - 24px)
}

.products-slideshow .products-slideshow__mini-slider-wrapper.swiper-wrapper {
    padding: 8px 0
}

.products-slideshow .products-slideshow__mini-slide {
    width: 48px;
    height: 48px;
    position: relative;
    cursor: pointer
}

.products-slideshow .products-slideshow__mini-slide:focus-visible {
    border-radius: calc(var(--global-border-radius) / 2)
}

.products-slideshow .products-slideshow__mini-slide:not(:last-child) {
    margin-inline-end: 10px
}

.products-slideshow .products-slideshow__mini-slide:last-child {
    margin-inline-end: 0 !important
}

.products-slideshow .products-slideshow__mini-slide.is-active .products-slideshow__mini-slide-border {
    width: 100%;
    height: 2px;
    left: 0;
    background-color: var(--color-border-primary)
}

.products-slideshow .products-slideshow__mini-slide.is-active .products-slideshow__mini-slide-wrapper {
    border-color: var(--color-border-primary);
    background-color: var(--color-border-primary)
}

.products-slideshow .products-slideshow__mini-slide-border {
    position: absolute;
    width: calc(100% + 10px);
    left: -5px;
    height: 1px;
    background-color: var(--color-background-secondary);
    transition-duration: var(--timing-base);
    transition-property: background-color, width, height, left
}

.products-slideshow .products-slideshow__mini-slide-border.products-slideshow__mini-slide-border--top {
    top: -20px
}

.products-slideshow .products-slideshow__mini-slide-border.products-slideshow__mini-slide-border--bottom {
    bottom: -24px
}

.products-slideshow .products-slideshow__mini-slide-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--global-border-radius) / 2);
    border: 1px solid var(--color-border-secondary);
    background-color: var(--color-background-secondary);
    transition-duration: var(--timing-base);
    transition-property: border-color, background-color;
    overflow: hidden
}

.products-slideshow .products-slideshow__mini-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.products-slideshow .products-slideshow__product-container {
    position: relative
}

.products-slideshow .products-slideshow__product-container:has(.products-slideshow__product-slider:not(.swiper-initialized))~.products-slideshow__pagination-wrapper {
    display: none
}

.products-slideshow .products-slideshow__product-ellipse-wrapper {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 375px;
    height: 375px;
    transform: translate(-50%)
}

.products-slideshow .products-slideshow__product-slider {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.products-slideshow .products-slideshow__product-slide {
    position: relative;
    overflow: hidden;
    transition-property: transform;
    transition-duration: .6s;
    transform: translate(0)
}

.products-slideshow .products-slideshow__product-slide.is-move-reverse-next {
    transform: translate(20px)
}

.products-slideshow .products-slideshow__product-slide.is-move-reverse-prev {
    transform: translate(-20px)
}

.products-slideshow .products-slideshow__product-image-list {
    width: 88%;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 1;
    z-index: 2
}

.products-slideshow .products-slideshow__product-title {
    font-size: calc(var(--heading-font-size) * 3.75);
    white-space: nowrap
}

.products-slideshow .products-slideshow__decor-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center
}

.products-slideshow .products-slideshow__decor-image-wrapper.products-slideshow__decor-image-wrapper--first {
    width: 96px;
    height: 96px;
    top: 95px
}

.products-slideshow .products-slideshow__decor-image-wrapper.products-slideshow__decor-image-wrapper--second {
    width: 130px;
    height: 130px;
    top: 45%;
    right: 0;
    left: auto
}

.products-slideshow .products-slideshow__decor-image-wrapper.products-slideshow__decor-image-wrapper--third {
    display: none
}

.products-slideshow .products-slideshow__product-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-timing-function: cubic-bezier(.175, .885, .26, 1.135);
    transform: translateY(150vh) rotate(0);
    transition-duration: .7s;
    transition-property: transform
}

.products-slideshow .products-slideshow__product-image-wrapper.products-slideshow__product-image-wrapper--rotate {
    transform: translateY(150vh) rotate(15deg)
}

.products-slideshow .products-slideshow__product-image-wrapper.products-slideshow__product-image-wrapper--rotate.is-active {
    transform: translateY(0) rotate(15deg)
}

.products-slideshow .products-slideshow__product-image-wrapper.products-slideshow__product-image-wrapper--rotate.is-active.is-move-reverse {
    transform: translateY(-40px) rotate(20deg)
}

.products-slideshow .products-slideshow__product-image-wrapper.is-active {
    transform: translateY(0) rotate(0)
}

.products-slideshow .products-slideshow__product-image-wrapper.is-active.is-move-reverse {
    transform: translateY(-40px) rotate(5deg)
}

.products-slideshow .products-slideshow__product-image-inner {
    display: block;
    padding-top: 100%
}

.products-slideshow .products-slideshow__product-slide {
    display: flex;
    align-items: center;
    justify-content: center
}

.products-slideshow .products-slideshow__product-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: var(--img-pos)
}

.products-slideshow .products-slideshow__content-slider {
    max-width: 500px;
    margin: 20px 0 0;
    padding: 0 20px;
    z-index: 4
}

.products-slideshow .products-slideshow__content-slide {
    margin-inline-end: 30px;
    text-align: start;
    transition-property: transform;
    transition-duration: .6s;
    transform: translate(0)
}

.products-slideshow .products-slideshow__content-slide.is-move-reverse-next {
    transform: translate(20px)
}

.products-slideshow .products-slideshow__content-slide.is-move-reverse-prev {
    transform: translate(-20px)
}

.products-slideshow .products-slideshow__content-subheading,
.products-slideshow .products-slideshow__content-text {
    font-size: calc(var(--heading-font-size) * .875);
    margin-top: 12px
}

.products-slideshow .products-slideshow__content-subheading {
    line-height: 1.15;
    color: var(--color-text-primary)
}

.products-slideshow .products-slideshow__content-button-wrapper {
    margin-top: 16px
}

.products-slideshow .products-slideshow__pagination-wrapper {
    display: none
}

.products-slideshow .products-slideshow__product-title,
.products-slideshow .products-slideshow__content-title,
.products-slideshow .products-slideshow__content-subheading,
.products-slideshow .products-slideshow__content-text,
.products-slideshow .products-slideshow__content-button-wrapper {
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--animate-time)
}

.products-slideshow .products-slideshow__content-subheading {
    transition-delay: .25s
}

.products-slideshow .products-slideshow__content-text {
    transition-delay: .5s
}

.products-slideshow .products-slideshow__content-button-wrapper {
    transition-delay: .75s
}

.products-slideshow.animated .products-slideshow__product-title,
.products-slideshow.animated .products-slideshow__content-title,
.products-slideshow.animated .products-slideshow__content-subheading,
.products-slideshow.animated .products-slideshow__content-text,
.products-slideshow.animated .products-slideshow__content-button-wrapper {
    opacity: 1
}

@media(min-width:768px) {
    .products-slideshow .products-slideshow__container {
        padding-top: var(--inner-offset-top);
        padding-bottom: var(--inner-offset-bottom)
    }

    .products-slideshow .products-slideshow__product-image-list {
        width: 60%
    }

    .products-slideshow .products-slideshow__product-title {
        font-size: calc(var(--heading-font-size) * 4.75)
    }
}

@media(min-width:1200px) {
    .products-slideshow {
        padding-top: 65px
    }

    .products-slideshow:has(.products-slideshow__product-image-wrapper--rotate) {
        padding-top: 130px
    }

    .products-slideshow .products-slideshow__decor-image-wrapper.products-slideshow__decor-image-wrapper--first {
        top: 150px;
        left: 125px;
        width: 135px;
        height: 135px
    }

    .products-slideshow .products-slideshow__decor-image-wrapper.products-slideshow__decor-image-wrapper--second {
        top: 160px;
        right: 190px;
        left: auto;
        width: 200px;
        height: 200px
    }

    .products-slideshow .products-slideshow__decor-image-wrapper.products-slideshow__decor-image-wrapper--third {
        top: auto;
        right: 30%;
        bottom: 110px;
        left: auto;
        width: 222px;
        height: 222px;
        display: block
    }

    .products-slideshow .products-slideshow__mini-slider-container {
        position: absolute;
        bottom: 0;
        inset-inline-end: 60px;
        max-width: 385px;
        width: auto;
        margin: 0
    }

    .products-slideshow .products-slideshow__mini-slider {
        padding: 12px 3px
    }

    .products-slideshow .products-slideshow__mini-slider-wrapper.swiper-wrapper {
        padding: 12px 0
    }

    .products-slideshow .products-slideshow__mini-slide {
        width: 64px;
        height: 64px
    }

    .products-slideshow .products-slideshow__mini-slide:not(:last-child) {
        margin-inline-end: 12px
    }

    .products-slideshow .products-slideshow__mini-slide-border {
        width: calc(100% + 12px);
        left: -6px
    }

    .products-slideshow .products-slideshow__product-ellipse-wrapper {
        width: 800px;
        height: 800px
    }

    .products-slideshow .products-slideshow__product-ellipse {
        filter: blur(200px)
    }

    .products-slideshow .products-slideshow__product-container {
        margin-bottom: -185px
    }

    .products-slideshow .products-slideshow__product-image-list {
        width: 36%
    }

    .products-slideshow .products-slideshow__product-slider {
        top: 42%
    }

    .products-slideshow .products-slideshow__content-slider {
        margin-left: 32px
    }

    .products-slideshow .products-slideshow__product-title {
        font-size: calc(var(--heading-font-size) * 7.75)
    }

    .products-slideshow .products-slideshow__content-subheading,
    .products-slideshow .products-slideshow__content-text {
        margin-top: 16px
    }

    .products-slideshow .products-slideshow__content-text {
        font-size: var(--heading-font-size)
    }

    .products-slideshow .products-slideshow__content-button-wrapper {
        margin-top: 32px
    }

    .products-slideshow .products-slideshow__pagination-wrapper {
        display: flex;
        position: relative;
        margin-top: 24px;
        z-index: 3
    }
}

@media(min-width:1501px) {
    .products-slideshow .products-slideshow__product-title {
        font-size: calc(var(--heading-font-size) * 10)
    }

    .products-slideshow .products-slideshow__pagination-wrapper {
        position: absolute;
        width: 100%;
        bottom: 26px;
        left: 50%;
        margin-top: 0;
        transform: translate(-50%)
    }
}

body.rtl .products-slideshow .products-slideshow__content-slide {
    text-align: end
}

body.rtl .products-slideshow .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

@media(min-width:1200px) {
    body.rtl .products-slideshow .products-slideshow__content-slider {
        margin-left: 0;
        margin-right: 32px
    }
}

/*header*/
/*footer*/
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: #111111;
}

#custom-footer *,
#custom-footer *::before,
#custom-footer *::after {
    box-sizing: border-box;
}

#custom-footer {
    /* —— Theme editor: typography & colors (defaults match original design) —— */
    --cf-font-body: Poppins, sans-serif;
    --cf-font-heading: Poppins, sans-serif;
    --cf-base-text: #ffffff;

    --cf-newsletter-bg: #161616;
    --cf-newsletter-border: #2a2a2a;
    --cf-newsletter-title: #ffffff;
    --cf-newsletter-title-size: 20px;
    --cf-newsletter-desc: #9ca3af;
    --cf-newsletter-desc-size: 14px;
    --cf-newsletter-input-bg: #1c1c1c;
    --cf-newsletter-input-text: #ffffff;
    --cf-newsletter-input-border: #333333;
    --cf-newsletter-input-focus: #fa4e20;
    --cf-newsletter-placeholder: #6b7280;
    --cf-newsletter-input-font-size: 12px;
    --cf-newsletter-btn-bg: #fa4e20;
    --cf-newsletter-btn-text: #000000;
    --cf-newsletter-btn-hover: #ffffff;
    --cf-newsletter-btn-font-size: 11px;
    --cf-newsletter-note: #9ca3af;
    --cf-newsletter-note-ok: #fa4e20;
    --cf-newsletter-note-err: #fca5a5;

    --cf-social-icon: #fa4e20;
    --cf-social-border: #fa4e20;
    --cf-social-hover-fg: #ffffff;
    --cf-social-hover-border: #fa4e20;
    --cf-social-hover-bg: #2a2618;

    --cf-cta-row-bg: #191919;
    --cf-cta-row-border: #2a2a2a;
    --cf-cta-card-bg: #1a1a1a;
    --cf-cta-card-border: #2a2a2a;
    --cf-cta-card-hover-bg: #252018;
    --cf-cta-card-hover-border: #4a4330;
    --cf-cta-icon-wrap-bg: #2a2618;
    --cf-cta-icon-color: #fa4e20;
    --cf-cta-title: #ffffff;
    --cf-cta-title-size: 20px;
    --cf-cta-desc: #9ca3af;
    --cf-cta-desc-size: 14px;
    --cf-cta-link: #fa4e20;
    --cf-cta-link-size: 12px;

    --cf-main-bg: #111111;
    --cf-brand-name: #ffffff;
    --cf-brand-name-size: 24px;
    --cf-brand-desc: #9ca3af;
    --cf-brand-desc-size: 14px;
    --cf-contact: #a3a3a3;
    --cf-contact-hover: #d4d4d4;
    --cf-contact-icon: #fa4e20;
    --cf-contact-size: 14px;
    --cf-hours: #fa4e20;
    --cf-hours-size: 12px;

    --cf-nav-heading: #ffffff;
    --cf-nav-heading-size: 16px;
    --cf-nav-divider: #fa4e20;
    --cf-nav-link: #a3a3a3;
    --cf-nav-link-hover: #e5e5e5;
    --cf-nav-link-size: 14px;
    --cf-nav-toggle: #fa4e20;
    --cf-nav-toggle-hover: #d4c495;
    --cf-nav-sub-border: #333333;
    --cf-nav-sublink: #8a8a8a;
    --cf-nav-sublink-hover: #d4d4d4;
    --cf-nav-sublink-size: 12px;

    --cf-payment-bg: #1a1a1a;
    --cf-payment-border: #2a2a2a;
    --cf-payment-icon-opacity: 0.5;

    --cf-bottom-bg: #141414;
    --cf-bottom-border: #2a2a2a;
    --cf-bottom-text: #9ca3af;
    --cf-bottom-text-size: 12px;
    --cf-bottom-link-hover: #d4d4d4;
    --cf-bottom-credit: #9ca3af;

    font-family: var(--cf-font-body);
    color: var(--cf-base-text);
    width: 100%;
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
}

#custom-footer a {
    text-decoration: none;
    color: inherit;
}

#custom-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Fluid horizontal padding + notched devices */
#custom-footer .cf-container {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: max(1rem, env(safe-area-inset-left, 0px));
    padding-right: max(1rem, env(safe-area-inset-right, 0px));
}

@media (min-width: 400px) {
    #custom-footer .cf-container {
        padding-left: max(1.25rem, env(safe-area-inset-left, 0px));
        padding-right: max(1.25rem, env(safe-area-inset-right, 0px));
    }
}

@media (min-width: 768px) {
    #custom-footer .cf-container {
        padding-left: max(2rem, env(safe-area-inset-left, 0px));
        padding-right: max(2rem, env(safe-area-inset-right, 0px));
    }
}

@media (min-width: 1200px) {
    #custom-footer .cf-container {
        padding-left: max(3rem, env(safe-area-inset-left, 0px));
        padding-right: max(3rem, env(safe-area-inset-right, 0px));
    }
}

#custom-footer .newsletter-row {
    background: var(--cf-newsletter-bg);
    border-bottom: 1px solid var(--cf-newsletter-border);
}

#custom-footer .newsletter-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: clamp(1.25rem, 4vw, 2rem);
    padding-top: clamp(1.5rem, 4.5vw, 2.5rem);
    padding-bottom: clamp(1.5rem, 4.5vw, 2.5rem);
}

@media (min-width: 768px) {
    #custom-footer .newsletter-inner {
        flex-direction: row;
        align-items: center;
        gap: clamp(1.5rem, 3vw, 2.5rem);
    }
}

#custom-footer .newsletter-content {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 32rem;
    width: 100%;
}

@media (min-width: 768px) {
    #custom-footer .newsletter-content {
        width: auto;
    }
}

#custom-footer .newsletter-title {
    color: var(--cf-newsletter-title);
    font-size: var(--cf-newsletter-title-size);
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 clamp(0.375rem, 1.5vw, 0.5rem);
    font-family: var(--cf-font-heading);
}

#custom-footer .newsletter-desc {
    color: var(--cf-newsletter-desc);
    font-size: var(--cf-newsletter-desc-size);
    line-height: 1.65;
    margin: 0 0 clamp(0.75rem, 2vw, 1rem);
}

#custom-footer .newsletter-form {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 2vw, 0.75rem);
    width: 100%;
}

@media (min-width: 520px) {
    #custom-footer .newsletter-form {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
    }
}

#custom-footer .newsletter-input {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: var(--cf-newsletter-input-font-size);
    color: var(--cf-newsletter-input-text);
    background: var(--cf-newsletter-input-bg);
    border: 1px solid var(--cf-newsletter-input-border);
    outline: none;
    font-family: inherit;
}

@media (min-width: 520px) {
    #custom-footer .newsletter-input {
        min-width: 12rem;
        width: auto;
        font-size: var(--cf-newsletter-input-font-size);
    }
}

#custom-footer .newsletter-input::placeholder {
    color: var(--cf-newsletter-placeholder);
}

#custom-footer .newsletter-input:focus {
    border-color: var(--cf-newsletter-input-focus);
}

#custom-footer .newsletter-btn {
    min-height: 2.75rem;
    padding: 0.5rem clamp(1rem, 3vw, 1.5rem);
    border-radius: 0.375rem;
    font-size: var(--cf-newsletter-btn-font-size);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--cf-newsletter-btn-text);
    background: var(--cf-newsletter-btn-bg);
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.3s;
    width: 100%;
    flex-shrink: 0;
}

@media (min-width: 520px) {
    #custom-footer .newsletter-btn {
        width: auto;
    }
}

#custom-footer .newsletter-btn:hover {
    background: var(--cf-newsletter-btn-hover);
}

#custom-footer .newsletter-note {
    font-size: var(--cf-newsletter-btn-font-size);
    margin-top: 0.5rem;
    color: var(--cf-newsletter-note);
}

#custom-footer .newsletter-note--ok {
    color: var(--cf-newsletter-note-ok);
}

#custom-footer .newsletter-note--err {
    color: var(--cf-newsletter-note-err);
}

#custom-footer .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(0.625rem, 2.5vw, 1rem);
}

@media (min-width: 768px) {
    #custom-footer .social-icons {
        justify-content: flex-end;
    }
}

#custom-footer .newsletter-inner--social-only {
    justify-content: center;
}

@media (min-width: 768px) {
    #custom-footer .newsletter-inner--social-only .social-icons {
        justify-content: center;
        width: 100%;
    }
}

#custom-footer .social-icon {
    width: clamp(2.5rem, 8vw, 2.75rem);
    height: clamp(2.5rem, 8vw, 2.75rem);
    min-width: 2.75rem;
    min-height: 2.75rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cf-social-icon);
    border: 1px solid var(--cf-social-border);
    background: transparent;
    transition: all 0.3s;
}

#custom-footer .social-icon:hover {
    color: var(--cf-social-hover-fg);
    border-color: var(--cf-social-hover-border);
    background: var(--cf-social-hover-bg);
}

#custom-footer .social-icon svg {
    width: 18px;
    height: 18px;
}

#custom-footer .cta-row {
    background: var(--cf-cta-row-bg);
    border-bottom: 1px solid var(--cf-cta-row-border);
}

#custom-footer .cta-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1rem, 3vw, 1.25rem);
    padding-top: clamp(1.25rem, 3.5vw, 1.5rem);
    padding-bottom: clamp(1.25rem, 3.5vw, 1.5rem);
}

@media (min-width: 600px) {
    #custom-footer .cta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 900px) {
    #custom-footer .cta-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

#custom-footer .cta-card {
    display: flex;
    align-items: flex-start;
    gap: clamp(0.75rem, 2vw, 1rem);
    padding: clamp(1rem, 2.5vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
    border-radius: 0.75rem;
    background: var(--cf-cta-card-bg);
    border: 1px solid var(--cf-cta-card-border);
    transition: all 0.3s;
    min-width: 0;
}

#custom-footer a.cta-card {
    cursor: pointer;
}

#custom-footer a.cta-card:hover {
    background: var(--cf-cta-card-hover-bg);
    border-color: var(--cf-cta-card-hover-border);
}

#custom-footer .cta-icon-wrap {
    width: clamp(2.25rem, 6vw, 2.5rem);
    height: clamp(2.25rem, 6vw, 2.5rem);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--cf-cta-icon-wrap-bg);
}

#custom-footer .cta-icon-wrap svg {
    width: 18px;
    height: 18px;
    color: var(--cf-cta-icon-color);
}

#custom-footer .cta-title {
    color: var(--cf-cta-title);
    font-size: var(--cf-cta-title-size);
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 0.25rem;
    font-family: var(--cf-font-heading);
}

#custom-footer .cta-desc {
    color: var(--cf-cta-desc);
    font-size: var(--cf-cta-desc-size);
    line-height: 1.6;
    margin: 0 0 0.5rem;
}

#custom-footer .cta-link {
    font-size: var(--cf-cta-link-size);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--cf-cta-link);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

#custom-footer .main-footer {
    background: var(--cf-main-bg);
}

#custom-footer .footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(1.75rem, 4vw, 2.5rem);
    padding-top: clamp(2rem, 5vw, 3.5rem);
    padding-bottom: clamp(2rem, 5vw, 3.5rem);
}

@media (min-width: 640px) {
    #custom-footer .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: clamp(1.25rem, 3vw, 2rem);
        row-gap: clamp(1.75rem, 4vw, 2.5rem);
    }
}

@media (min-width: 1024px) {
    #custom-footer .footer-grid {
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        column-gap: clamp(1.5rem, 2.5vw, 2rem);
    }
}

#custom-footer .brand-col {
    padding-right: 0;
    min-width: 0;
}

@media (min-width: 1024px) {
    #custom-footer .brand-col {
        padding-right: clamp(1rem, 2vw, 2rem);
    }
}

#custom-footer .brand-name {
    color: var(--cf-brand-name);
    font-size: var(--cf-brand-name-size);
    font-weight: 700;
    letter-spacing: 0.05em;
    margin: 0 0 clamp(0.75rem, 2vw, 1rem);
    font-family: var(--cf-font-heading);
    line-height: 1.2;
}

#custom-footer .brand-desc {
    color: var(--cf-brand-desc);
    font-size: var(--cf-brand-desc-size);
    line-height: 1.75;
    margin: 0 0 clamp(1rem, 2.5vw, 1.5rem);
}

#custom-footer .brand-desc p {
    margin: 0 0 0.5rem;
}

#custom-footer .brand-desc p:last-child {
    margin-bottom: 0;
}

#custom-footer .contact-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: var(--cf-contact);
    font-size: var(--cf-contact-size);
    margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
    transition: color 0.2s;
    word-break: break-word;
    overflow-wrap: anywhere;
}

#custom-footer a.contact-item:hover {
    color: var(--cf-contact-hover);
}

#custom-footer .contact-item svg {
    width: 16px;
    height: 16px;
    color: var(--cf-contact-icon);
    flex-shrink: 0;
    margin-top: 0.15em;
}

#custom-footer .hours {
    color: var(--cf-hours);
    font-size: var(--cf-hours-size);
    margin: clamp(0.75rem, 2vw, 1rem) 0 0;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

#custom-footer .link-col {
    min-width: 0;
}

#custom-footer .link-col h4 {
    color: var(--cf-nav-heading);
    font-size: var(--cf-nav-heading-size);
    font-weight: 700;
    margin: 0 0 clamp(1rem, 2.5vw, 1.5rem);
    text-transform: uppercase;
    letter-spacing: clamp(0.12em, 0.5vw, 0.2em);
    font-family: var(--cf-font-heading);
    line-height: 1.3;
}

#custom-footer .link-col .divider {
    width: 1.5rem;
    height: 1px;
    background: var(--cf-nav-divider);
    margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
}

#custom-footer .link-col ul li {
    margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);
}

#custom-footer .link-col__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
}

#custom-footer .link-col__link {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--cf-nav-link);
    font-size: var(--cf-nav-link-size);
    letter-spacing: 0.05em;
    transition: color 0.2s;
    line-height: 1.4;
    word-break: break-word;
}

#custom-footer .link-col__link:hover {
    color: var(--cf-nav-link-hover);
}

#custom-footer .link-col__link--has-sub {
    cursor: pointer;
}

#custom-footer .link-col__toggle {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--cf-nav-toggle);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

#custom-footer .link-col__toggle:hover {
    color: var(--cf-nav-toggle-hover);
    background: transparent;
}

#custom-footer .link-col__toggle:focus-visible {
    outline: 2px solid var(--cf-nav-toggle);
    outline-offset: 2px;
}

#custom-footer .link-col__sym--minus {
    display: none;
}

#custom-footer .link-col__toggle[aria-expanded="true"] .link-col__sym--plus {
    display: none;
}

#custom-footer .link-col__toggle[aria-expanded="true"] .link-col__sym--minus {
    display: inline;
}

#custom-footer .link-col__sub {
    margin-top: clamp(0.375rem, 1.5vw, 0.5rem);
    margin-left: 0;
    padding-left: clamp(0.5rem, 2vw, 0.75rem);
    border-left: 1px solid var(--cf-nav-sub-border);
}

#custom-footer .link-col__sub[hidden] {
    display: none !important;
}

#custom-footer .link-col__sub li {
    margin-bottom: clamp(0.375rem, 1.2vw, 0.5rem);
}

#custom-footer .link-col__sub a {
    font-size: var(--cf-nav-sublink-size);
    color: var(--cf-nav-sublink);
    word-break: break-word;
}

#custom-footer .link-col__sub a:hover {
    color: var(--cf-nav-sublink-hover);
}

#custom-footer .payment-row {
    background: var(--cf-payment-bg);
    border-top: 1px solid var(--cf-payment-border);
}

#custom-footer .payment-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(0.75rem, 2.5vw, 1.25rem);
    row-gap: clamp(0.625rem, 2vw, 1rem);
    padding-top: clamp(1.25rem, 3.5vw, 2rem);
    padding-bottom: clamp(1.25rem, 3.5vw, 2rem);
}

#custom-footer .payment-inner svg {
    height: clamp(1.25rem, 4vw, 1.5rem);
    max-width: 100%;
    opacity: var(--cf-payment-icon-opacity);
    flex-shrink: 0;
}

#custom-footer .payment-inner .amex {
    height: clamp(1.375rem, 4.5vw, 1.75rem);
}

#custom-footer .payment-inner .mc {
    height: clamp(1.375rem, 4.5vw, 1.75rem);
}

#custom-footer .bottom-bar {
    background: var(--cf-bottom-bg);
    border-top: 1px solid var(--cf-bottom-border);
}

#custom-footer .bottom-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: clamp(0.625rem, 2vw, 0.75rem);
    padding-top: clamp(1rem, 2.5vw, 1.25rem);
    padding-bottom: max(clamp(1rem, 2.5vw, 1.25rem), env(safe-area-inset-bottom, 0px));
    text-align: center;
}

@media (min-width: 768px) {
    #custom-footer .bottom-inner {
        flex-direction: row;
        flex-wrap: wrap;
        text-align: left;
        align-items: center;
        justify-content: space-between;
    }
}

#custom-footer .bottom-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 0.75rem);
    color: var(--cf-bottom-text);
    font-size: var(--cf-bottom-text-size);
    letter-spacing: 0.05em;
    line-height: 1.45;
}

@media (min-width: 480px) {
    #custom-footer .bottom-links {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: clamp(0.75rem, 2.5vw, 1.5rem);
        row-gap: 0.5rem;
    }
}

@media (min-width: 768px) {
    #custom-footer .bottom-links {
        justify-content: flex-start;
        flex: 1 1 auto;
        min-width: 0;
    }
}

#custom-footer .bottom-links span {
    display: inline-block;
    max-width: 100%;
}

#custom-footer .bottom-links a {
    padding: 0.25rem 0;
    text-align: center;
    word-break: break-word;
    max-width: 100%;
}

@media (min-width: 768px) {
    #custom-footer .bottom-links a {
        text-align: left;
    }
}

#custom-footer .bottom-links a:hover {
    color: var(--cf-bottom-link-hover);
}

#custom-footer .bottom-credit {
    color: var(--cf-bottom-credit);
    font-size: var(--cf-bottom-text-size);
    letter-spacing: 0.05em;
    flex-shrink: 0;
}

#custom-footer .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*pagination*/
.featured-progress {
  width: 260px;
  height: 3px;
  background: rgba(255,255,255,.25);
  overflow: hidden;
  border-radius: 20px;
}

.featured-progress__fill {
  width: 0%;
  height: 100%;
  background: #fa4e20;
  transition: width .35s ease;
}
.featured-products-progress {
  width: 260px;
  height: 3px;
  background: rgba(255,255,255,.25);
  border-radius: 999px;
  overflow: hidden;
}

.featured-products-progress__fill {
  display: block;
  width: 0%;
  height: 100%;
  background: #fa4e20;
  transition: width .35s ease;
}
/* heading banner new*/
:root {
      --header-background-1: rgba(0, 0, 0, 0.7);
      --header-active-background: rgba(22, 20, 20, 0.96);
      --header-main-menu-background: #FFFFFF1F;
      --header-main-menu-text-color: #ffffff;
      --header-main-menu-border-color: rgba(255, 255, 255, 0.12);
      --header-main-menu-text-color-active: #000000;
      --header-main-menu-text-background-active: #ffffff;
      --header-menu-background: rgba(22, 20, 20, 0.96);
      --header-menu-text-color: #ffffff;
      --header-menu-border-color: rgba(255, 255, 255, 0.12);
      --header-menu-text-background-color-hover: #fa4e20;
      --header-menu-dropdown-background: rgba(33, 33, 33, 0.9);
      --header-menu-dropdown-text-color: #ffffff;
      --header-menu-dropdown-border-color: rgba(255, 255, 255, 0.12);
      --header-menu-dropdown-text-background-color-hover: #fa4e20;
      --header-height-sticky: var(--header-height);

      --header-navigation-item-text-color: var(--header-menu-text-color);
      --header-navigation-item-border-color: var(--header-menu-border-color);
      --header-navigation-item-text-background-color-hover: var(--header-menu-text-background-color-hover);
    }

    /*carousel slide.css*/
    @font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: #00000040;
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: #0000001a
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: #00000080;
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.swiper .swiper-wrapper {
    align-items: center;
    margin: 0;
    padding: 0
}
/*slide show css*/
.slideshow {
    min-height: var(--height-mobile, 100vh)
}

.slideshow.need-animate:not(.disabled):not([disabled]) .slideshow__slide-button.button.need-animate {
    opacity: 0;
    transition-property: opacity, color, border-color, background;
    transition-delay: calc(var(--slide-speed) * 2.3), 0s, 0s, 0s;
    animation-delay: calc(var(--animate-time) + .4)
}

.slideshow.need-animate .slideshow__slide-description {
    opacity: 0;
    transition-property: opacity
}

.slideshow.need-animate.animated .slideshow__slide-description {
    opacity: 1
}

.slideshow .slideshow__slide-media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: var(--overlay-color, none)
}

.slideshow .slideshow__middle-image-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 70%;
    z-index: 1
}

.slideshow .slideshow__middle-image-aspect-ratio {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.slideshow .slideshow__middle-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slideshow .slideshow__container {
    position: relative;
    overflow: hidden
}

.slideshow .slideshow__container.slideshow__container--with-border-radius {
    border-radius: calc(var(--global-border-radius) * 1.5)
}

.slideshow .slideshow__slider-footer {
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 32px 50px;
    z-index: 3
}

.slideshow .slideshow__slider-footer * {
    pointer-events: auto
}

.slideshow .slideshow__scroll-down-icon-wrapper {
    display: none;
    align-items: center;
    gap: 16px;
    z-index: 1;
    color: var(--ui-color)
}

.slideshow .slideshow__scroll-down-icon-wrapper.slideshow__scroll-down-button {
    transition-property: opacity;
    transition-duration: var(--timing-base)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .slideshow .slideshow__scroll-down-icon-wrapper.slideshow__scroll-down-button:hover {
        opacity: .7
    }
}

.slideshow .slideshow__controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 24px
}

.slideshow .slideshow__pagination-wrapper {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: center;
    align-items: center
}

.slideshow .slideshow__slider-progress-bar-wrapper {
    z-index: 2;
    max-width: 174px;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: var(--ui-color-alpha-20)
}

.slideshow .slideshow__scroll-down-icon {
    position: relative;
    width: 28px;
    height: 40px;
    border: 1px solid var(--ui-color-alpha-40);
    background-color: var(--ui-color-alpha-12);
    border-radius: 16px
}

.slideshow .slideshow__scroll-down-icon:after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 100%;
    background-color: var(--ui-color);
    animation: scrollDown calc(var(--timing-base) * 10) infinite
}

@keyframes scrollDown {

    0%,
    28% {
        top: 5px
    }

    50%,
    78% {
        top: calc(100% - 12px)
    }

    to {
        top: 5px
    }
}

.slideshow .slideshow__slider-video-button {
    position: relative;
    display: none;
    width: 24px;
    height: 24px;
    padding: 0;
    color: var(--ui-color, #fff);
    border-radius: 50%;
    justify-content: center;
    align-items: center
}

.slideshow .slideshow__slider-video-button:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%)
}

.slideshow .slideshow__slider-video-button.is-active {
    display: flex
}

.slideshow .slideshow__button {
    display: flex;
    color: var(--ui-color, #fff)
}

.slideshow .slideshow__button:focus-visible {
    outline-color: var(--ui-color, #fff)
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .slideshow .slideshow__button:hover {
        color: var(--ui-color, #fff)
    }
}

.slideshow .slideshow__slide {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    height: unset;
    background-color: var(--background-color, transparent);
    flex-direction: column;
    min-height: var(--height-mobile, 100vh)
}

.slideshow .slideshow__slide-backlight {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 26.64%;
    width: 100%;
    overflow-x: clip
}

.slideshow .slideshow__slide-backlight-full {
    background: linear-gradient(0deg, var(--backlight-color) 0%, rgba(196, 56, 152, 0) 100%)
}

.slideshow .slideshow__slide-backlight-side:before,
.slideshow .slideshow__slide-backlight-side:after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    filter: blur(135px);
    background-color: var(--backlight-color)
}

.slideshow .slideshow__slide-backlight-side:before {
    width: 401px;
    height: 401px;
    left: 0;
    transform: translate(-50%, 50%) translateZ(0)
}

.slideshow .slideshow__slide-backlight-side:after {
    width: 335px;
    height: 335px;
    right: 0;
    transform: translate(50%, 50%) translateZ(0)
}

.slideshow .slideshow__slider {
    position: relative;
    transform: translateZ(0);
    -webkit-mask-image: radial-gradient(circle, #fff 100%, #000);
    mask-image: radial-gradient(circle, #fff 100%, #000)
}

.slideshow .slideshow__slider:not(.swiper-initialized) .slideshow__slider-wrapper {
    display: flex;
    align-items: unset;
    overflow-x: auto;
    scroll-snap-type: x mandatory
}

.slideshow .slideshow__slider:not(.swiper-initialized) .slideshow__slide {
    width: 100%;
    scroll-snap-align: center
}

.slideshow .slideshow__slider:not(.swiper-initialized) .slideshow__button {
    display: none
}

.slideshow .slideshow__slider:not(.swiper-initialized) .swiper-pagination {
    display: none
}

.slideshow .slideshow__slider:not(.swiper-initialized) .slideshow__slider-progress-bar-wrapper {
    display: none
}

.slideshow .slideshow__slide-box {
    width: 100%;
    height: 100%;
    padding: 160px 16px
}

.slideshow .slideshow__slide-content {
    position: relative;
    z-index: 3;
    display: flex;
    width: 100%;
    height: 100%;
    text-align: var(--text-alignment-mobile, center);
    flex-direction: column;
    align-items: center;
    justify-content: var(--content-alignment-vertical-mobile, center);
    transition-property: opacity, visibility;
    transition-duration: 1s;
    transition-delay: calc(var(--slide-speed) / 1.2)
}

.slideshow .slideshow__slide-content.need-animate {
    opacity: 0;
    transform: scale(.9);
    transition-property: opacity, transform;
    transition-duration: var(--animate-time)
}

.slideshow .slideshow__slide-content.tr-del-1 {
    transition-delay: calc(var(--slide-speed) / 1)
}

.slideshow .slideshow__slide-content-inner {
    display: flex;
    flex-direction: column;
    max-width: 1040px;
    border-radius: var(--global-border-radius)
}

.slideshow .slideshow__slide-content-inner.slideshow__slide-content-inner--offset {
    padding: 16px
}

.slideshow .slideshow__slide-content-inner.slideshow__slide-content-inner--glass {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

.slideshow .slideshow__slide.swiper-slide-active:not(.disabled):not([disabled]) .slideshow__slide-button.button.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active:not(.disabled):not([disabled]) .slideshow__slide-button.button.need-animate {
    opacity: 1
}

.slideshow .slideshow__slide.swiper-slide-active .slideshow__slide-content,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__slide-content {
    opacity: 1
}

.slideshow .slideshow__slide.swiper-slide-active .slideshow__slide-content.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__slide-content.need-animate {
    opacity: 1;
    transform: scale(1)
}

.slideshow .slideshow__slide.swiper-slide-active .slideshow__slide-media-wrapper.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__slide-media-wrapper.need-animate,
.slideshow .slideshow__slide.swiper-slide-active .slideshow__slide-videos.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__slide-videos.need-animate {
    opacity: 1
}

.slideshow .slideshow__slide.swiper-slide-active .slideshow__slide-media.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__slide-media.need-animate {
    transform: scale(1)
}

.slideshow .slideshow__slide.swiper-slide-active .slideshow__two-col-content.need-animate,
.slideshow .slideshow__slide.swiper-slide-active .slideshow__slide-content-inner.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__two-col-content.need-animate,
.slideshow .slideshow__slide.swiper-slide-duplicate-active .slideshow__slide-content-inner.need-animate {
    opacity: 1
}

.slideshow .slideshow__slide-heading {
    font-size: var(--heading-size-mobile, 48px);
    color: var(--heading-color, #fff)
}

.slideshow .slideshow__slide-description {
    font-size: var(--body-font-size);
    line-height: 1.5;
    margin-top: 15px;
    color: var(--description-color, #fff);
    word-break: break-word
}

.slideshow .slideshow__slide-description a {
    color: currentColor
}

.slideshow .slideshow__slide-description a:focus-visible {
    outline-color: currentColor
}

.slideshow .slideshow__slide-button-wrapper {
    margin-top: 40px
}

.slideshow .slideshow__slide-button {
    width: fit-content;
    border-color: var(--button-border-color, var(--color-text-primary));
    background: var(--button-background-color, var(--color-text-primary));
    color: var(--button-text-color, #fff)
}

.slideshow .slideshow__slide-button:after {
    background: var(--button-background-color-hover, #fff)
}

.slideshow .slideshow__slide-button .button__outer {
    border-color: var(--button-border-outer-alpha-color)
}

.slideshow .slideshow__slide-button .button__outer:before {
    border-top-color: var(--button-border-outer-color, #fff);
    border-left-color: var(--button-border-outer-color, #fff)
}

.slideshow .slideshow__slide-button .button__outer:after {
    border-bottom-color: var(--button-border-outer-color, #fff);
    border-right-color: var(--button-border-outer-color, #fff)
}

.slideshow .slideshow__slide-button:focus-visible {
    outline-color: var(--button-border-outer-color, var(--color-text-primary))
}

@media(-moz-touch-enabled:0), (hover:hover), (pointer:fine) {
    .slideshow .slideshow__slide-button:hover {
        background: var(--button-background-color-hover, var(--background-color));
        border-color: var(--button-border-color-hover, var(--color-text-primary));
        color: var(--button-text-color-hover, var(--color-text-primary))
    }

    .slideshow .slideshow__slide-button:hover .button__outer {
        border-color: var(--button-border-outer-alpha-color-hover)
    }

    .slideshow .slideshow__slide-button:hover .button__outer:before {
        border-top-color: var(--button-border-outer-color-hover, #fff)
    }

    .slideshow .slideshow__slide-button:hover .button__outer:after {
        border-bottom-color: var(--button-border-outer-color-hover, #fff)
    }
}

.slideshow .slideshow__slide-poster {
    z-index: 2
}

.slideshow .slideshow__slide-poster.slideshow__slide-poster--desktop {
    display: none
}

.slideshow .slideshow__slide-media-wrapper.need-animate {
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--animate-time);
    transition-delay: calc(var(--slide-speed) * .4 + var(--anim-delay))
}

.slideshow .slideshow__slide-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--img-mob-pos)
}

.slideshow .slideshow__slide-media.need-animate {
    transform: scale(1.25);
    transition-property: transform, opacity;
    transition-duration: var(--animate-time);
    transition-delay: calc(var(--slide-speed) * .4 + var(--anim-delay))
}

.slideshow .slideshow__slide-media.slideshow__slide-media--desktop {
    display: none
}

.slideshow .slideshow__slide-media iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    min-width: max(min(var(--iframe-container-width), 100vw) - 32px, var(--height-mobile, 100vh) * 1.7777);
    min-height: calc(max(var(--height-mobile, 100vh), (min(var(--iframe-container-width), 100vw) - 32px) / 1.7777) + 320px);
    height: calc(100% + 320px);
    transform: translate(-50%, -50%)
}

.slideshow .slideshow__slide-media[data-vimeo-initialized=true] iframe {
    --scale: 1;
    min-height: max(var(--height-mobile, 100vh), (min(var(--iframe-container-width), 100vw) - 32px) / 1.7777);
    height: 100%;
    transform: translate(-50%, -50%) scale(var(--scale, 1))
}

.slideshow .slideshow__slide-videos.need-animate {
    opacity: 0;
    transition-property: opacity;
    transition-duration: var(--animate-time);
    transition-delay: calc(var(--slide-speed) * .4 + var(--anim-delay))
}

.slideshow .slideshow__slider-progress-bar {
    position: relative;
    width: 100%;
    height: 3px;
    border: none;
    border-radius: 2px;
    will-change: transform;
    transform: translateZ(0)
}

.slideshow .slideshow__slider-progress-bar .slideshow__slider-progress-bar-pagination {
    height: 100%;
    border-radius: 2px;
    overflow: hidden
}

.slideshow .slideshow__slider-progress-bar .slideshow__slider-progress-bar-pagination .swiper-pagination-progressbar-fill {
    background: var(--ui-color)
}

.slideshow .slideshow__slider-progress-bar .slideshow__slider-progress-bar-content {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--width, 0%);
    background-color: var(--ui-color)
}

.slideshow .slideshow__decor-image-wrapper {
    position: absolute;
    z-index: 1
}

.slideshow .slideshow__decor-image-wrapper.slideshow__decor-image-wrapper--first {
    top: 14%;
    left: 0;
    transform: translate(-50%);
    width: 70px;
    height: 70px
}

.slideshow .slideshow__decor-image-wrapper.slideshow__decor-image-wrapper--second {
    top: 21%;
    right: 0;
    transform: translate(34%);
    width: 90px;
    height: 90px
}

.slideshow .slideshow__decor-image-wrapper.slideshow__decor-image-wrapper--third {
    bottom: 15%;
    left: 0;
    transform: translate(-35%);
    width: 90px;
    height: 90px
}

.slideshow .slideshow__decor-image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.slideshow .slideshow__slider-wrapper.swiper-wrapper {
    align-items: unset
}

.slideshow .swiper-pagination-bullet:focus-visible {
    outline-offset: 2px
}

.slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1
}

@media(max-width:767.98px) {

    .slideshow .slideshow__slide-backlight.slideshow__slide-backlight--mobile-hide,
    .slideshow .slideshow__middle-image-wrapper.slideshow__middle-image-wrapper--mobile-hide {
        display: none
    }
}

@media(min-width:768px) {
    .slideshow {
        min-height: var(--height-desktop, 100vh)
    }

    .slideshow .slideshow__controls {
        width: auto;
        flex-direction: row;
        margin-inline-start: auto
    }

    .slideshow .slideshow__middle-image-wrapper {
        width: 46%
    }

    .slideshow .slideshow__slider-footer {
        justify-content: space-between
    }

    .slideshow .slideshow__decor-image-wrapper.slideshow__decor-image-wrapper--first {
        top: 27%;
        left: 3%;
        width: 107px;
        height: 107px;
        transform: translate(0)
    }

    .slideshow .slideshow__decor-image-wrapper.slideshow__decor-image-wrapper--second {
        top: 25%;
        right: 2%;
        width: 150px;
        height: 150px;
        transform: translate(0)
    }

    .slideshow .slideshow__decor-image-wrapper.slideshow__decor-image-wrapper--third {
        top: 46%;
        left: 14%;
        width: 170px;
        height: 170px;
        transform: translate(0)
    }

    .slideshow .slideshow__pagination-wrapper {
        margin-inline-start: auto;
        width: auto
    }

    .slideshow .slideshow__scroll-down-icon-wrapper {
        display: flex
    }

    .slideshow .slideshow__slider-progress-bar-wrapper {
        width: 214px;
        max-width: 100%
    }

    .slideshow .slideshow__slide {
        min-height: var(--height-desktop, 100vh)
    }

    .slideshow .slideshow__slide-box {
        padding: 130px 32px
    }

    .slideshow .slideshow__slide-content {
        width: auto;
        text-align: var(--text-alignment-desktop, center);
        align-items: var(--content-alignment-horizontal-desktop, center);
        justify-content: var(--content-alignment-vertical-desktop, center)
    }

    .slideshow .slideshow__slide-poster.slideshow__slide-poster--desktop {
        display: block
    }

    .slideshow .slideshow__slide-poster.slideshow__slide-poster--mobile {
        display: none
    }

    .slideshow .slideshow__slide-media {
        object-position: var(--img-desktop-pos)
    }

    .slideshow .slideshow__slide-media.slideshow__slide-media--desktop {
        display: unset
    }

    .slideshow .slideshow__slide-media.slideshow__slide-media--mobile {
        display: none
    }

    .slideshow .slideshow__slide-media iframe {
        width: max(min(var(--iframe-container-width), 100vw) - 32px, var(--height-desktop, 100vh) * 1.7777);
        height: max(var(--height-desktop, 100vh) + 320px, (min(var(--iframe-container-width), 100vw) - 32px) / 1.7777 + 320px)
    }

    .slideshow .slideshow__slide-media iframe[data-vimeo-initialized=true] iframe {
        height: max(var(--height-desktop, 100vh), (min(var(--iframe-container-width), 100vw) - 32px) / 1.7777)
    }
}

@media(min-width:1200px) {
    .slideshow .slideshow__container.slideshow__container--with-border-radius {
        border-radius: calc(var(--global-border-radius) * 2)
    }

    .slideshow .slideshow__slider-footer,
    .slideshow .slideshow__slide-box {
        padding-left: 48px;
        padding-right: 48px
    }

    .slideshow .slideshow__slide-box.slideshow__slide-box--thumbnails-small-offset {
        padding-left: 32px;
        padding-right: 32px
    }

    .slideshow .slideshow__slide-box.slideshow__slide-box--thumbnails-right-offset {
        padding-inline-end: 180px
    }

    .slideshow .slideshow__slide-heading.slideshow__slide-heading--big {
        font-size: calc(var(--heading-size-desktop, 160px) * .8)
    }

    .slideshow .slideshow__slide-description {
        margin-top: 40px;
        font-size: calc(var(--body-font-size) * 1.125)
    }
}

@media(min-width:1501px) {

    .slideshow .slideshow__slide-heading,
    .slideshow .slideshow__slide-heading.slideshow__slide-heading--big {
        font-size: var(--heading-size-desktop, 160px)
    }

    .slideshow .slideshow__slide-box {
        padding-top: 167px;
        padding-bottom: 167px
    }

    .slideshow .slideshow__slide-box.slideshow__slide-box--thumbnails-small-offset {
        padding-left: 32px;
        padding-right: 32px
    }

    .slideshow .slideshow__slide-box.slideshow__slide-box--thumbnails-right-offset {
        padding-inline-end: 211px
    }
}

.no-js .slideshow .slideshow__slide-content {
    opacity: 1
}

/* ==========================================
   Brand Marquee
========================================== */
.brand-marquee{
    overflow:hidden;
    width:100%;
    padding:30px 0;
}

.brand-marquee__viewport{
    overflow:hidden;
}

.brand-marquee__track{
    display:flex;
    gap:60px;
    align-items:center;
    width:max-content;
}

.brand-marquee__item{
    flex:0 0 auto;
}

.brand-marquee__logo{
    width:200px;
    height:100px;
    object-fit:contain;
    display:block;
    transition:.3s;
}

.brand-marquee__logo:hover{
    transform:scale(1.08);
}

/* Featured Products */

.featured-products-section {
    padding: 80px 0;
}

.featured-products__header {
    text-align: center;
    margin-bottom: 40px;
}

.featured-products__slider {
    overflow: hidden;
}

.featured-products__slide {
    height: auto;
}

.featured-product-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.featured-product-card__image-link {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1.45;
}

.featured-product-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: opacity .35s ease, transform .35s ease;
}

/* Main image */
.featured-product-card__image--primary {
    object-fit: cover;
    opacity: 1;
    z-index: 2;
}

/* Hover image */
.featured-product-card__image--hover {
    object-fit: contain;
    
    opacity: 0;
    z-index: 3;
}

.featured-product-card__image--primary {
    opacity: 1;
    z-index: 2;
}

.featured-product-card__image--hover {
    opacity: 0;
    z-index: 3;
}

.featured-product-card:hover .featured-product-card__image--primary {
    opacity: 0;
    transform: scale(1.04);
}

.featured-product-card:hover .featured-product-card__image--hover {
    opacity: 1;
    transform: scale(1.04);
}

.featured-product-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: center;
    padding-top: 16px;
}

.featured-product-card__title {
    min-height: 48px;
    margin: 0 0 10px;
}

.featured-product-card__title a {
    color: inherit;
    text-decoration: none;
}

.featured-product-card__price {
    min-height: 28px;
    margin-bottom: 16px;
}

.featured-product-card__price-placeholder {
    display: block;
    height: 28px;
}

.featured-product-card__button {
    width: auto;
    min-width: 160px;
    padding: 12px 24px;
    margin: auto auto 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.featured-products__pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-top: 35px;
}

.js-featured-products-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.js-featured-products-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: .35;
    background: currentColor;
}

.js-featured-products-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

@media (max-width: 767px) {
    .featured-products-section {
        padding: 50px 0;
    }

    .featured-products__header {
        margin-bottom: 28px;
    }

    .featured-product-card__title {
        min-height: 42px;
        font-size: 14px;
    }

    .featured-product-card__price {
        min-height: 24px;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .featured-product-card__button {
        font-size: 11px;
        min-width: auto;
    }
}
/* ==========================================
   Header Search Drawer
========================================== */

.header-search-drawer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;

    background: var(--color-background);
    border-bottom: 1px solid var(--color-border-secondary);

    transform: translateY(-100%);
    transition: transform .4s ease;
}

.header-search-drawer.is-active {
    transform: translateY(0);
}

.header-search-drawer__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 30px;
    position: relative;
}

.header-search-drawer__close {
    position: absolute;
    top: 25px;
    right: 30px;
    width: 42px;
    height: 42px;
    border: 0;
    background: transparent;
    color: var(--color-text-primary);
    font-size: 30px;
    cursor: pointer;
    transition: .3s;
}

.header-search-drawer__close:hover {
    transform: rotate(90deg);
}

.header-search-drawer__form {
    width: 100%;
}

.header-search-drawer__input {
    width: 100%;
    height: 70px;

    padding: 0 25px;

    border: 1px solid var(--color-border-secondary);
    border-radius: var(--global-border-radius);

    background: transparent;
    color: var(--color-text-primary);

    font-size: 24px;
    font-family: inherit;

    transition: .3s;
}

.header-search-drawer__input:focus {
    outline: none;
    border-color: var(--color-accent);
}

.header-search-drawer__input::placeholder {
    color: var(--color-text-secondary);
}

@media (max-width:767px) {

    .header-search-drawer__inner {
        padding: 35px 20px;
    }

    .header-search-drawer__input {
        height: 56px;
        font-size: 18px;
    }

    .header-search-drawer__close {
        top: 15px;
        right: 20px;
    }

}
.ajax-search-results {
    margin-top: 25px;
}

.ajax-search-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--color-border-secondary);
    text-decoration: none;
    color: inherit;
}

.ajax-search-item__image img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.ajax-search-item__content {
    flex: 1;
}

.ajax-search-item__content h5 {
    margin: 0 0 6px;
    font-size: 16px;
}

.ajax-search-item__content span {
    color: var(--color-accent);
    font-size: 14px;
}

.ajax-search-empty {
    padding: 20px 0;
    text-align: center;
    color: var(--color-text-secondary);
}

/*header menu edit*/
#headerDrawerMenu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9998 !important;
    transform: translateX(-100%);
    transition: transform .35s ease;
    overflow-y: auto;
}

#headerDrawerMenu.is-active {
    transform: translateX(0);
}

#headerDrawerMenu.is-hidden {
    visibility: hidden;
    pointer-events: none;
}

#headerDrawerMenu.is-active {
    visibility: visible;
    pointer-events: auto;
}

/* ==========================================
   Cart Drawer / Mini Cart
========================================== */

.header-cart-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 460px;
    max-width: 100%;
    height: 100vh;
    z-index: 99999;

    background: var(--color-background, #000);
    color: var(--color-text-primary, #fff);

    transform: translateX(100%) scale(.98);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    border-left: 1px solid var(--color-border-secondary, rgba(255,255,255,.12));
    overflow-y: auto;

    transition:
        transform .45s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility .35s ease;
}

.header-cart-drawer.is-active {
    transform: translateX(0) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-cart-drawer__inner {
    min-height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.header-cart-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--color-border-secondary, rgba(255,255,255,.12));
}

.header-cart-drawer__title {
    margin: 0;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .03em;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-cart-drawer__count {
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--color-accent, #fa4e20);
    color: #000;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.header-cart-drawer__close {
    width: 42px;
    height: 42px;
    border: 1px solid var(--color-border-secondary, rgba(255,255,255,.18));
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    transition: .3s ease;
}

.header-cart-drawer__close:hover {
    color: var(--color-accent, #fa4e20);
    border-color: var(--color-accent, #fa4e20);
    transform: rotate(90deg);
}

.header-cart-drawer__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* WooCommerce Mini Cart */

.header-cart-drawer .widget_shopping_cart_content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header-cart-drawer .woocommerce-mini-cart {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-cart-drawer .woocommerce-mini-cart-item {
    position: relative;
    display: grid;
    grid-template-columns: 78px 1fr;
    gap: 15px;
    padding: 0 30px 18px 0;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--color-border-secondary, rgba(255,255,255,.12));
    animation: cartItemIn .35s ease both;
}

.header-cart-drawer .woocommerce-mini-cart-item img {
    width: 78px;
    height: 98px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.header-cart-drawer .woocommerce-mini-cart-item a {
    color: inherit;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.35;
}

.header-cart-drawer .woocommerce-mini-cart-item .quantity {
    display: block;
    margin-top: 8px;
    color: var(--color-text-secondary, rgba(255,255,255,.65));
    font-size: 14px;
}

.header-cart-drawer .woocommerce-mini-cart-item .remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    color: var(--color-text-secondary, rgba(255,255,255,.55)) !important;
    background: transparent;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    transition: .25s ease;
}

.header-cart-drawer .woocommerce-mini-cart-item .remove:hover {
    color: var(--color-accent, #fa4e20) !important;
    transform: scale(1.1);
}

.header-cart-drawer .woocommerce-mini-cart__total {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
    margin: auto 0 0;
    border-top: 1px solid var(--color-border-secondary, rgba(255,255,255,.12));
    border-bottom: 1px solid var(--color-border-secondary, rgba(255,255,255,.12));
    font-size: 17px;
}

.header-cart-drawer .woocommerce-mini-cart__total strong {
    font-weight: 600;
}

.header-cart-drawer .woocommerce-mini-cart__buttons {
    display: grid;
    gap: 12px;
    margin-top: 20px;
}

.header-cart-drawer .woocommerce-mini-cart__buttons .button {
    width: 100%;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.header-cart-drawer .woocommerce-mini-cart__empty-message {
    text-align: center;
    padding: 80px 20px;
    color: var(--color-text-secondary, rgba(255,255,255,.65));
    font-size: 16px;
}

/* Overlay feel */

.header-overlay.is-active {
    backdrop-filter: blur(8px);
    background: rgba(0,0,0,.45);
}

/* Motion */

.header-cart-drawer.is-active .header-cart-drawer__header {
    animation: cartFadeUp .35s ease .08s both;
}

.header-cart-drawer.is-active .header-cart-drawer__content {
    animation: cartFadeUp .42s ease .14s both;
}

@keyframes cartFadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cartItemIn {
    from {
        opacity: 0;
        transform: translateX(14px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Mobile */

@media (max-width: 767px) {
    .header-cart-drawer {
        width: 100%;
    }

    .header-cart-drawer__inner {
        padding: 24px 20px;
    }

    .header-cart-drawer__title {
        font-size: 22px;
    }

    .header-cart-drawer .woocommerce-mini-cart-item {
        grid-template-columns: 70px 1fr;
        gap: 13px;
    }

    .header-cart-drawer .woocommerce-mini-cart-item img {
        width: 70px;
        height: 90px;
    }
}
/* Mini cart buttons same as theme buttons */

.header-cart-drawer .woocommerce-mini-cart__buttons {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.header-cart-drawer .woocommerce-mini-cart__buttons .button,
.header-cart-drawer .woocommerce-mini-cart__buttons a.button,
.header-cart-drawer .woocommerce-mini-cart__buttons a.checkout {
    position: relative;
    width: 100%;
    min-height: 52px;
    padding: 14px 24px;
    border-radius: var(--button-radius, 8px);
    border: 1px solid var(--button-border-color-primary, transparent);
    background: var(--button-background-color-primary, rgba(255,255,255,.12));
    color: var(--button-text-color-primary, #fff) !important;
    font-family: var(--button-font-family, inherit);
    font-size: var(--button-font-size, 14px);
    font-weight: var(--button-font-weight, 700);
    text-transform: var(--button-text-transform, none);
    text-align: center;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: .3s ease;
}

.header-cart-drawer .woocommerce-mini-cart__buttons .button:hover,
.header-cart-drawer .woocommerce-mini-cart__buttons a.button:hover,
.header-cart-drawer .woocommerce-mini-cart__buttons a.checkout:hover {
    background: var(--button-background-color-primary-hover, #2D2D2D);
    color: var(--button-text-color-primary-hover, #fff) !important;
    border-color: var(--button-border-color-primary-hover, transparent);
}

.header-cart-drawer .woocommerce-mini-cart__buttons .checkout {
    background: var(--color-accent, #fa4e20);
    color: #000 !important;
}
/* Search Drawer Motion */

.header-search-drawer {
    transform: translateY(-100%) scale(.98);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        transform .42s cubic-bezier(.22,.61,.36,1),
        opacity .32s ease,
        visibility .32s ease;
}

.header-search-drawer.is-active {
    transform: translateY(0) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header-search-drawer__inner {
    opacity: 0;
    transform: translateY(-18px);
}

.header-search-drawer.is-active .header-search-drawer__inner {
    animation: searchDrawerContentIn .42s ease .08s both;
}

@keyframes searchDrawerContentIn {
    from {
        opacity: 0;
        transform: translateY(-18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Menu Motion */

#headerDrawerMenu {
    transform: translateX(-100%) scale(.98);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        transform .45s cubic-bezier(.22,.61,.36,1),
        opacity .35s ease,
        visibility .35s ease;
}

#headerDrawerMenu.is-active {
    transform: translateX(0) scale(1);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

#headerDrawerMenu .header-mobile__menu-header,
#headerDrawerMenu .header-mobile__search,
#headerDrawerMenu .header-mobile__menu-list-item {
    opacity: 0;
    transform: translateY(14px);
}

#headerDrawerMenu.is-active .header-mobile__menu-header {
    animation: mobileMenuItemIn .35s ease .08s both;
}

#headerDrawerMenu.is-active .header-mobile__search {
    animation: mobileMenuItemIn .35s ease .14s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(1) {
    animation: mobileMenuItemIn .35s ease .18s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(2) {
    animation: mobileMenuItemIn .35s ease .22s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(3) {
    animation: mobileMenuItemIn .35s ease .26s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(4) {
    animation: mobileMenuItemIn .35s ease .30s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(5) {
    animation: mobileMenuItemIn .35s ease .34s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(6) {
    animation: mobileMenuItemIn .35s ease .38s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(7) {
    animation: mobileMenuItemIn .35s ease .42s both;
}

#headerDrawerMenu.is-active .header-mobile__menu-list-item:nth-child(8) {
    animation: mobileMenuItemIn .35s ease .46s both;
}

@keyframes mobileMenuItemIn {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Overlay Motion */

.header-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity .35s ease,
        visibility .35s ease,
        backdrop-filter .35s ease;
}

.header-overlay.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    backdrop-filter: blur(8px);
}
/* Hide WooCommerce "View cart" link after AJAX add to cart */

.added_to_cart {
    display: none !important;
}
.mini-cart-item {
    display: grid !important;
    grid-template-columns: 82px 1fr;
    gap: 16px;
    padding: 0 34px 18px 0 !important;
}

.mini-cart-item__image img {
    width: 82px !important;
    height: 104px !important;
    object-fit: cover;
    border-radius: 10px;
}

.mini-cart-item__title {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.35;
}

.mini-cart-item__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
}

.mini-cart-item__price {
    font-size: 14px;
    color: var(--color-text-secondary);
}

.mini-cart-item__subtotal {
    font-size: 14px;
    color: var(--color-accent);
}

.mini-cart-qty {
    display: inline-flex;
    align-items: center;
    height: 34px;
    border: 1px solid var(--color-border-secondary);
    border-radius: 999px;
    overflow: hidden;
}

.mini-cart-qty__btn {
    width: 32px;
    height: 34px;
    border: 0;
    background: transparent;
    color: var(--color-text-primary);
    cursor: pointer;
    font-size: 18px;
}

.mini-cart-qty__input {
    width: 38px;
    height: 34px;
    border: 0;
    background: transparent;
    color: var(--color-text-primary);
    text-align: center;
    font-size: 14px;
}

.mini-cart-qty__input::-webkit-inner-spin-button,
.mini-cart-qty__input::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}
.header-cart-drawer.is-updating .widget_shopping_cart_content {
    opacity: .45;
    pointer-events: none;
    transition: opacity .25s ease;
}

/* ==========================================================
   WooCommerce Theme Matching
========================================================== */

.woocommerce,
.shop-archive-page,
.single-product-page {
    background: var(--color-background);
    color: var(--color-text-primary);
}

.woocommerce a {
    color: inherit;
    text-decoration: none;
}

.woocommerce a:hover {
    color: var(--color-accent);
}

/* Theme buttons for WooCommerce */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.shop-product-card__button,
.single-product-summary .single_add_to_cart_button {
    position: relative;
    min-height: 48px;
    padding: var(--button-padding-y, 14px) var(--button-padding-x, 24px);
    border-radius: var(--button-radius, 8px);
    border: 1px solid var(--button-border-color-primary, transparent);
    background: var(--button-background-color-primary, rgba(255,255,255,.12));
    color: var(--button-text-color-primary, #fff) !important;
    font-family: var(--button-font-family, inherit);
    font-size: var(--button-font-size, 14px);
    font-weight: var(--button-font-weight, 700);
    text-transform: var(--button-text-transform, none);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: .3s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.shop-product-card__button:hover,
.single-product-summary .single_add_to_cart_button:hover {
    background: var(--button-background-color-primary-hover, #2D2D2D);
    color: var(--button-text-color-primary-hover, #fff) !important;
    border-color: var(--button-border-color-primary-hover, transparent);
}

/* ==========================================================
   Shop Archive
========================================================== */

.shop-archive-page {
    padding-bottom: 100px;
}

.shop-archive-hero {
    padding: 90px 0 60px;
    text-align: center;
}

.shop-archive-hero__eyebrow {
    margin: 0 0 14px;
    color: var(--color-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.shop-archive-hero__title {
    margin: 0;
    color: var(--color-heading);
    font-family: var(--heading-font-family, inherit);
    font-size: clamp(38px, 5vw, 68px);
    font-weight: var(--heading-font-weight, 800);
    letter-spacing: var(--heading-letter-spacing, 0);
    text-transform: var(--heading-text-transform, none);
    line-height: 1.05;
}

.shop-archive-hero__description {
    max-width: 720px;
    margin: 24px auto 0;
    color: var(--color-text-secondary);
    line-height: 1.7;
}

.shop-archive-content {
    padding-top: 20px;
}

/* Toolbar */

.shop-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 40px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--color-border-secondary);
}

.shop-toolbar__count {
    color: var(--color-text-secondary);
    font-size: 14px;
}

.shop-toolbar .woocommerce-result-count {
    margin: 0;
}

.shop-toolbar .woocommerce-ordering {
    margin: 0;
}

.shop-toolbar select {
    min-width: 220px;
    height: 46px;
    padding: 0 16px;
    border: 1px solid var(--color-border-secondary);
    border-radius: var(--global-border-radius, 8px);
    background: var(--color-background);
    color: var(--color-text-primary);
    font-family: inherit;
}

/* Product grid */

.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 38px 24px;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
}

.woocommerce ul.products li.product {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

/* Product card */

.shop-product-card {
    list-style: none;
}

.shop-product-card__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.shop-product-card__image-wrapper {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
    border-radius: var(--global-border-radius, 8px);
    background: var(--color-background-darken, #111);
}

.shop-product-card__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity .45s ease, transform .6s ease;
}

.shop-product-card__image--hover {
    opacity: 0;
}

.shop-product-card:hover .shop-product-card__image--primary {
    opacity: 0;
    transform: scale(1.04);
}

.shop-product-card:hover .shop-product-card__image--hover {
    opacity: 1;
    transform: scale(1.04);
}

.shop-product-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 18px;
    text-align: center;
}

.shop-product-card__title {
    min-height: 48px;
    margin: 0;
    color: var(--color-heading);
    font-size: 16px;
    line-height: 1.45;
}

.shop-product-card__title a {
    color: inherit;
}

.shop-product-card__price {
    min-height: 28px;
    margin: 10px 0 18px;
    color: var(--price-color, var(--color-text-primary));
    font-size: 15px;
    font-weight: 600;
}

.shop-product-card__price-placeholder {
    display: block;
    height: 28px;
}

.shop-product-card__button {
    width: fit-content;
    min-width: 150px;
    margin: auto auto 0;
}

/* Pagination */
/*
.shop-pagination {
    margin-top: 70px;
}

.woocommerce nav.woocommerce-pagination ul {
    display: flex;
    justify-content: center;
    gap: 12px;
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--button-background-color-primary, rgba(255,255,255,.12));
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--color-accent);
    color: #000;
}
*/
/* ==========================================================
   Single Product
========================================================== */

.single-product-page {
    padding: 70px 0 110px;
}

.single-product-layout {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) 480px;
    gap: 36px;
    align-items: start;
}

.single-product-gallery {
    display: contents;
}

.single-product-gallery__thumbs {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.single-product-gallery__thumb {
    width: 96px;
    height: 120px;
    padding: 0;
    border: 1px solid var(--color-border-secondary);
    border-radius: var(--global-border-radius, 8px);
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    transition: .3s ease;
}

.single-product-gallery__thumb:hover,
.single-product-gallery__thumb.is-active {
    border-color: var(--color-accent);
}

.single-product-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-product-gallery__main {
    overflow: hidden;
    border-radius: var(--global-border-radius, 8px);
    background: var(--color-background-darken, #111);
}

.single-product-gallery__main img,
.js-single-product-image {
    width: 100%;
    display: block;
    transition: opacity .25s ease, transform .6s ease;
}

.single-product-gallery__main:hover img {
    transform: scale(1.035);
}

.single-product-summary {
    position: sticky;
    top: calc(var(--header-height, 90px) + 30px);
    max-width: 480px;
}

.single-product-badge {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--color-accent);
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.single-product-title {
    margin: 0 0 18px;
    color: var(--color-heading);
    font-family: var(--heading-font-family, inherit);
    font-size: clamp(34px, 4vw, 54px);
    font-weight: var(--heading-font-weight, 800);
    letter-spacing: var(--heading-letter-spacing, 0);
    text-transform: var(--heading-text-transform, none);
    line-height: 1.08;
}

.single-product-price {
    margin-bottom: 24px;
    color: var(--price-color, var(--color-text-primary));
    font-size: 28px;
    font-weight: 600;
}

.single-product-short-description {
    margin-bottom: 30px;
    color: var(--color-text-secondary);
    line-height: 1.8;
}

.single-product-summary form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 28px;
}

.single-product-summary .quantity {
    height: 52px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--color-border-secondary);
    border-radius: var(--button-radius, 8px);
    overflow: hidden;
}

.single-product-summary .quantity input {
    width: 68px;
    height: 52px;
    border: 0;
    background: transparent;
    color: var(--color-text-primary);
    text-align: center;
    font-size: 16px;
}

.single-product-summary .single_add_to_cart_button {
    min-width: 220px;
}

.single-product-meta {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--color-border-secondary);
    color: var(--color-text-secondary);
    font-size: 14px;
}

.single-product-meta a {
    color: var(--color-text-primary);
}

/* Tabs */

.single-product-tabs {
    margin-top: 100px;
}

.woocommerce-tabs {
    border-top: 1px solid var(--color-border-secondary);
    padding-top: 40px;
}

.woocommerce-tabs ul.tabs {
    display: flex;
    gap: 32px;
    margin: 0 0 34px !important;
    padding: 0 !important;
    border: 0;
}

.woocommerce-tabs ul.tabs::before {
    display: none !important;
}

.woocommerce-tabs ul.tabs li {
    border: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.woocommerce-tabs ul.tabs li a {
    padding: 0 !important;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
    color: var(--color-accent);
}

.woocommerce-Tabs-panel {
    color: var(--color-text-secondary);
    line-height: 1.8;
}

/* Related */

.single-product-related {
    margin-top: 110px;
}

.single-product-related h2 {
    margin-bottom: 40px;
    text-align: center;
    color: var(--color-heading);
}

/* ==========================================================
   Responsive
========================================================== */

@media (max-width: 1199px) {
    .single-product-layout {
        grid-template-columns: 90px minmax(0, 1fr) 420px;
        gap: 28px;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .single-product-layout {
        grid-template-columns: 1fr;
    }

    .single-product-gallery {
        display: block;
    }

    .single-product-gallery__thumbs {
        flex-direction: row;
        overflow-x: auto;
        margin-bottom: 18px;
    }

    .single-product-gallery__thumb {
        flex: 0 0 78px;
        width: 78px;
        height: 98px;
    }

    .single-product-summary {
        position: static;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .shop-archive-hero {
        padding: 60px 0 40px;
    }

    .shop-toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .shop-toolbar select {
        width: 100%;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 14px;
    }

    .shop-product-card__title {
        min-height: 42px;
        font-size: 14px;
    }

    .shop-product-card__button {
        min-width: 0;
        width: 100%;
        font-size: 13px;
    }

    .single-product-page {
        padding: 45px 0 80px;
    }

    .single-product-title {
        font-size: 34px;
    }

    .single-product-price {
        font-size: 22px;
    }

    .single-product-summary form.cart {
        display: grid;
        grid-template-columns: 1fr;
    }

    .single-product-summary .single_add_to_cart_button {
        width: 100%;
    }

    .woocommerce-tabs ul.tabs {
        flex-direction: column;
        gap: 16px;
    }
}
/* WooCommerce buttons: fake theme outer border */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.shop-product-card__button,
.single-product-summary .single_add_to_cart_button {
    overflow: visible !important;
    margin: 10px !important;
    border-radius: 4px !important;
}

.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce input.button::before,
.woocommerce #respond input#submit::before,
.shop-product-card__button::before,
.single-product-summary .single_add_to_cart_button::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 10px;
    border: 1px solid var(--button-border-outer-alpha-color-primary);
    pointer-events: none;
}

.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.woocommerce #respond input#submit::after,
.shop-product-card__button::after,
.single-product-summary .single_add_to_cart_button::after {
    content: "";
    position: absolute;
    bottom: -11px;
    right: -11px;
    z-index: 1;
    width: 22px;
    height: 22px;
    border-bottom: 2px solid var(--button-border-outer-color-primary);
    border-right: 2px solid var(--button-border-outer-color-primary);
    border-bottom-right-radius: 10px;
    transition: .4s ease;
    pointer-events: none;
}

.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button:hover::after,
.woocommerce #respond input#submit:hover::after,
.shop-product-card__button:hover::after,
.single-product-summary .single_add_to_cart_button:hover::after {
    right: 50%;
    border-right-color: transparent;
    border-bottom-right-radius: 0;
    transform: translateX(50%);
}

/* WooCommerce archive cards same as featured products */

.woocommerce ul.products {
    align-items: stretch;
}

.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    height: auto;
}

/* Image same as featured product image */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    position: relative;
}

.woocommerce ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1.45;
    object-fit: cover;
    display: block;
    background: #111;
    margin: 0 0 16px !important;
}

/* Keep all titles same height */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 48px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    display: flex;
    align-items: flex-start;
}

/* Keep all prices same height */
.woocommerce ul.products li.product .price {
    min-height: 28px;
    margin: 0 0 16px !important;
    display: block;
}

/* Push button to same bottom level */
.woocommerce ul.products li.product .button {
    margin-top: auto !important;
    align-self: center;
}

/* Make product card content stretch */
.woocommerce ul.products li.product {
    min-height: 100%;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 42px;
        font-size: 14px !important;
    }

    .woocommerce ul.products li.product .price {
        min-height: 24px;
        font-size: 14px !important;
    }

    .woocommerce ul.products li.product img {
        aspect-ratio: 1 / 1.45;
    }
    @media (max-width: 767px) {

    .woocommerce ul.products li.product .button {
        width: auto !important;
        min-width: 110px;
        padding: 10px 18px;
        min-height: 38px;
        font-size: 12px;
        margin: auto auto 0;
    }

}
}
/* Mobile submenu */

.header-mobile__submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height .45s ease;
    padding-left: 18px;
}

.menu-item.is-open > .header-mobile__submenu {
    max-height: 800px;
}

.header-mobile__submenu li {
    margin: 10px 0;
}

.header-mobile__submenu a {
    display: block;
    padding: 8px 0;
    font-size: 16px;
}

.header-navigation-item__toggle-icon {
    margin-left: auto;
    transition: transform .35s ease;
}

.menu-item.is-open > .header-mobile__animate .header-navigation-item__toggle-icon {
    transform: rotate(45deg);
}
/* Desktop dynamic menu */

.header-menu-main__list {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-menu-main__item-wrap {
    position: relative;
}

.header-menu-main__item {
    display: block;
    padding: 4px;
    text-decoration: none;
}

.header-menu-main__item-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: calc(var(--global-border-radius) / 4);
    color: var(--header-main-menu-text-color);
    background-color: transparent;
    transition: color .35s ease, background-color .35s ease;
}

.header-menu-main__item-wrap:hover .header-menu-main__item-inner {
    color: var(--header-main-menu-text-color-active);
    background-color: var(--header-main-menu-text-background-active);
}

.header-menu-main__item-toggle-icon {
    display: inline-flex;
    transition: transform .35s ease;
}

.header-menu-main__item-wrap:hover .header-menu-main__item-toggle-icon {
    transform: rotate(45deg);
}

/* Dropdown */
.header-desktop-submenu {
    position: absolute;
    top: calc(100% + 12px);
    left: 0;
    min-width: 220px;
    padding: 8px;
    border-radius: calc(var(--global-border-radius) / 2);
    background: var(--header-menu-dropdown-background);
    backdrop-filter: blur(18px);
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition:
        opacity .35s ease,
        visibility .35s ease,
        transform .35s cubic-bezier(.6,.14,0,1);
    z-index: 99;
}

.header-menu-main__item-wrap:hover > .header-desktop-submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-desktop-submenu__link {
    display: block;
    padding: 12px 14px;
    border-radius: calc(var(--global-border-radius) / 4);
    color: var(--header-navigation-item-text-color);
    text-decoration: none;
    font-size: 14px;
    transition: background-color .3s ease, transform .3s ease;
}

.header-desktop-submenu__link:hover {
    background-color: var(--header-main-menu-text-background-active);
    transform: translateX(4px);
}
.header-menu-main__item {
    position: relative;
}

.header-menu-main__item > .header-dropdown {
    top: calc(100% + 4px);
    left: 0;
    min-width: 220px;
}

.header-menu-main__item:hover > .header-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-menu-main__item:hover > .header-menu-main__item-inner {
    color: var(--header-main-menu-text-color-active);
    background-color: var(--header-main-menu-text-background-active);
}

.header-menu-main__item:hover .header-menu-main__item-toggle-icon {
    transform: rotate(180deg);
}
/* Desktop dropdown visibility fix */

.header,
.header-section,
.header__menu,
.header-menu,
.header-menu-main,
.header-menu-main__container,
.header-menu-main__list,
.header-menu-main__item {
    overflow: visible !important;
}

.header {
    z-index: 9999;
}

.header-section {
    z-index: 9998;
}

.header-menu-main__item {
    position: relative;
}

.header-menu-main__item > .header-dropdown {
    z-index: 10000 !important;
}
/* ==========================================
   Menu outer border - Cask & Flask style
========================================== */

.header-menu-main__container.menu-decoration {
    position: relative;
    overflow: visible;
}

.header-menu-main__container.menu-decoration {
    position: relative;
    overflow: visible;
}

/* Top moving line */
.header-menu-main__container.menu-decoration::before {
    content: "";
    position: absolute;
    top: 0px;
    left: var(--menu-line-x, 0px);
    width: var(--menu-line-width, 20px);
    height: 15px;
    border-top: 2px solid #fff;
    border-left: var(--menu-line-left, 2px solid #fff);
    border-top-left-radius: var(--menu-line-radius, 12px);
    z-index: 999;
    pointer-events: none;
    transition:
        left .45s cubic-bezier(.6,.14,0,1),
        width .45s cubic-bezier(.6,.14,0,1),
        border-radius .2s ease;
}

/* Bottom moving line */
.header-menu-main__container.menu-decoration::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: var(--menu-line-x, 0px);
    width: var(--menu-line-width, 20px);
    height: 15px;
    border-bottom: 2px solid #fff;
    border-left: var(--menu-line-left, 2px solid #fff);
    border-bottom-left-radius: var(--menu-line-radius, 12px);
    z-index: 999;
    pointer-events: none;
    transition:
        left .45s cubic-bezier(.6,.14,0,1),
        width .45s cubic-bezier(.6,.14,0,1),
        border-radius .2s ease;
}
/* =====================================
   Cask & Flask Product Gallery
===================================== */

.cf-product-gallery {
    position: sticky;
    top: 120px;
}

/* Main image */
.woocommerce-product-gallery {
    display: flex;
    flex-direction: column;
}

.woocommerce-product-gallery__wrapper {
    order: 1;
}

.woocommerce-product-gallery__image img {
    width: 100%;
    border-radius: 18px;
    display: block;
}

/* Thumbnails under image */
.flex-control-nav.flex-control-thumbs {
    order: 2;

    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;

    gap: 12px;

    margin-top: 20px !important;
    padding: 0 !important;

    list-style: none;
}

.flex-control-nav.flex-control-thumbs li {
    float: none !important;
    width: 90px !important;
    margin: 0 !important;
}

.flex-control-nav.flex-control-thumbs img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;

    border-radius: 12px;

    opacity: .45;

    transition:
        opacity .35s ease,
        transform .35s ease,
        border-color .35s ease;

    border: 1px solid rgba(255,255,255,.15);
}

.flex-control-nav.flex-control-thumbs img:hover,
.flex-control-nav.flex-control-thumbs .flex-active {
    opacity: 1;
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.45);
}
.cf-quantity {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 132px;
    height: 54px;
    padding: 6px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
}

.cf-quantity input.qty {
    width: 42px !important;
    height: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center;
    font-weight: 600;
}

.cf-qty-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: currentColor;
    font-size: 20px;
    line-height: 1;
    transition: background .25s ease, transform .25s ease;
}

.cf-qty-btn:hover {
    background: rgba(255,255,255,.16);
    transform: scale(.94);
}
/* ===============================
   Single Product Luxury Layout Fix
================================ */

.cf-single-product {
    padding: 110px 48px 80px;
}

.cf-product-grid {
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
    gap: 90px;
    align-items: start;
}

.cf-product-gallery {
    position: sticky;
    top: 120px;
}

.cf-product-summary {
    padding-top: 24px;
}

.cf-summary {
    max-width: 460px;
}

.cf-summary__eyebrow {
    margin-bottom: 14px;
    font-size: 12px;
    letter-spacing: .14em;
    text-transform: uppercase;
    opacity: .65;
}

.cf-summary__eyebrow a {
    color: inherit;
    text-decoration: none;
}

.cf-summary__title {
    margin: 0 0 20px;
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.02;
    letter-spacing: -.045em;
    font-weight: 500;
}

.cf-summary__price {
    margin-bottom: 28px;
    font-size: 22px;
    font-weight: 500;
}

.cf-summary__excerpt {
    margin-bottom: 34px;
    font-size: 15px;
    line-height: 1.8;
    opacity: .72;
}

.cf-summary__cart form.cart {
    display: grid !important;
    grid-template-columns: 132px 1fr;
    gap: 18px;
    align-items: center;
    margin: 0 0 34px !important;
}

.cf-summary__cart .single_add_to_cart_button {
    min-height: 54px;
    margin: 0 !important;
}

.cf-summary__meta {
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,.14);
    font-size: 13px;
    line-height: 1.8;
    opacity: .7;
}

.cf-summary__meta a {
    color: inherit;
    text-decoration: none;
}

/* Gallery image */
.cf-product-gallery {
    max-width: 520px;
    margin: 0 auto;
}

.cf-product-gallery .woocommerce-product-gallery__image img {
    width: 100%;
    max-width: 520px;
    margin: auto;
    aspect-ratio: 4 / 5;
    object-fit: contain;
    border-radius: 20px;
}

/* Thumbnails under image */
.cf-product-gallery .flex-control-thumbs {
    justify-content: center;
    gap: 8px;
    margin-top: 18px !important;
}

.cf-product-gallery .flex-control-thumbs li {
    width: 100px !important;
    height: 100px;
}

.cf-product-gallery .flex-control-thumbs img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0.8;
    transition: .3s;
}

.cf-product-gallery .flex-control-thumbs img:hover,
.cf-product-gallery .flex-control-thumbs img.flex-active {
    opacity: 1;
    transform: translateY(-2px);
}

/* Tabs below */
.cf-product-tabs {
    max-width: 980px;
    margin: 90px auto 0;
}

/* Mobile */
@media (max-width: 991px) {
    .cf-single-product {
        padding: 40px 18px 60px;
    }

    .cf-product-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .cf-product-gallery {
        position: static;
    }

    .cf-summary {
        max-width: none;
    }

    .cf-summary__cart form.cart {
        grid-template-columns: 1fr;
    }

    .cf-summary__cart .cf-quantity {
        width: 100%;
    }
}
.pswp__button--close {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.pswp__top-bar {
    opacity: 1 !important;
}

.pswp__button {
    cursor: pointer;
}
/* Remove underline from all links */
a {
    text-decoration: none;
}

/* Header menu */
.main-navigation a,
.primary-menu a,
.menu a,
.nav-menu a,
.header-menu a {
    text-decoration: none !important;
}

.main-navigation a:hover,
.primary-menu a:hover,
.menu a:hover,
.nav-menu a:hover,
.header-menu a:hover {
    text-decoration: none !important;
}

/* Fix mobile menu/search/cart drawers layering on all pages */
#headerDrawerMenu,
#headerDrawerSearch,
#headerDrawerCart {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    z-index: 999999 !important;
}

#headerDrawerMenu.header-mobile {
    inset-inline-start: 0 !important;
}

.header-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999998 !important;
}

.header,
.header-section {
    z-index: 9999 !important;
}

/* ===============================
   Luxury Contact Page
================================ */

.cf-contact-page {
    position: relative;
    overflow: hidden;
    background: var(--color-background);
}

.cf-contact-page:before {
    content: "";
    position: absolute;
    top: 140px;
    right: -140px;
    width: 380px;
    height: 380px;
    border-radius: 50%;
    background: var(--color-label, #fa4e20);
    filter: blur(170px);
    opacity: .28;
    pointer-events: none;
}

.cf-contact-page:after {
    content: "";
    position: absolute;
    bottom: 120px;
    left: -140px;
    width: 340px;
    height: 340px;
    border-radius: 50%;
    background: var(--color-text-primary);
    filter: blur(180px);
    opacity: .08;
    pointer-events: none;
}

.cf-contact-hero {
    position: relative;
    z-index: 1;
    padding: 170px 0 70px;
}

.cf-contact-hero__container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 40px;
    align-items: end;
}

.cf-contact-eyebrow {
    display: inline-flex;
    margin-bottom: 22px;
    color: var(--color-label, #fa4e20);
    font-size: 12px;
    line-height: 1;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.cf-contact-title {
    max-width: 760px;
    margin: 0;
    color: var(--color-heading);
    font-size: clamp(54px, 8vw, 118px);
    line-height: .92;
    letter-spacing: -.07em;
    font-weight: 500;
}

.cf-contact-description {
    max-width: 620px;
    margin-top: 28px;
    color: var(--color-text-secondary);
    font-size: calc(var(--body-font-size) * 1.05);
    line-height: 1.8;
}

.cf-contact-hero__badge {
    position: relative;
    width: 190px;
    height: 190px;
    margin-inline-start: auto;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    background: rgba(255,255,255,.045);
    backdrop-filter: blur(18px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--color-text-primary);
    text-align: center;
}

.cf-contact-hero__badge:before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
}

.cf-contact-hero__badge span {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.cf-contact-hero__badge strong {
    margin-top: 6px;
    font-family: var(--heading-font-family);
    font-size: 30px;
    font-weight: 500;
    color: var(--color-heading);
}

.cf-contact-main {
    position: relative;
    z-index: 1;
    padding: 0 0 110px;
}

.cf-contact-main__container {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
    gap: 32px;
    align-items: stretch;
}

.cf-contact-left {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cf-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.cf-contact-card,
.cf-contact-form-panel {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: calc(var(--global-border-radius, 16px) * 1.4);
    background: rgba(255,255,255,.045);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 70px rgba(0,0,0,.20);
}

.cf-contact-card {
    position: relative;
    overflow: hidden;
    min-height: 180px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: var(--color-text-primary);
    text-decoration: none;
    transition: transform .35s ease, border-color .35s ease, background .35s ease;
}

.cf-contact-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--color-label, #fa4e20), transparent 30%);
    background: rgba(255,255,255,.07);
}

.cf-contact-card--large {
    min-height: 260px;
}

.cf-contact-card:before {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--color-label, #fa4e20);
    filter: blur(80px);
    opacity: 0;
    transition: opacity .35s ease;
}

.cf-contact-card:hover:before {
    opacity: .22;
}

.cf-contact-card__icon {
    position: relative;
    z-index: 1;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-label, #fa4e20);
    font-size: 20px;
}

.cf-contact-card__label {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 10px;
    color: var(--color-text-secondary);
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.cf-contact-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--color-text-primary);
    font-size: 16px;
    line-height: 1.65;
}

.cf-contact-card--social {
    gap: 28px;
}

.cf-contact-socials {
    display: flex;
    gap: 12px;
}

.cf-contact-socials a {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;
    background: rgba(255,255,255,.07);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-primary);
    font-size: 20px;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}

.cf-contact-socials a:hover {
    transform: translateY(-3px);
    background: var(--color-label, #fa4e20);
    color: #fff;
}

.cf-contact-form-panel {
    position: relative;
    overflow: hidden;
    padding: 40px;
}

.cf-contact-form-panel:before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: var(--color-label, #fa4e20);
    filter: blur(110px);
    opacity: .18;
    pointer-events: none;
}

.cf-contact-form-panel__header {
    position: relative;
    z-index: 1;
    margin-bottom: 32px;
}

.cf-contact-form-panel__header span {
    display: block;
    margin-bottom: 12px;
    color: var(--color-label, #fa4e20);
    font-size: 12px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.cf-contact-form-panel__header h2 {
    margin: 0;
    color: var(--color-heading);
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1;
    letter-spacing: -.045em;
    font-weight: 500;
}

.cf-contact-form-panel__form {
    position: relative;
    z-index: 1;
}

.cf-contact-form-panel input[type="text"],
.cf-contact-form-panel input[type="email"],
.cf-contact-form-panel input[type="tel"],
.cf-contact-form-panel input[type="number"],
.cf-contact-form-panel input[type="url"],
.cf-contact-form-panel textarea,
.cf-contact-form-panel select {
    width: 100%;
    min-height: 58px;
    margin-bottom: 16px;
    padding: 8px 20px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    background: rgba(255,255,255,.055);
    color: var(--color-text-primary);
    font-family: var(--base-font-family);
    font-size: var(--body-font-size);
    box-shadow: none;
    outline: none;
    transition: border-color .3s ease, background .3s ease;
}

.cf-contact-form-panel textarea {
    min-height: 160px;
    padding-top: 18px;
    resize: vertical;
}

.cf-contact-form-panel input:focus,
.cf-contact-form-panel textarea:focus,
.cf-contact-form-panel select:focus {
    border-color: color-mix(in srgb, var(--color-label, #fa4e20), transparent 20%);
    background: rgba(255,255,255,.075);
}

.cf-contact-form-panel input::placeholder,
.cf-contact-form-panel textarea::placeholder {
    color: var(--color-text-secondary);
}

.cf-contact-form-panel input[type="submit"],
.cf-contact-form-panel button[type="submit"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 54px;
    padding: 12px 24px;
    border: 1px solid var(--button-border-color-primary);
    border-radius: 4px;
    background: var(--button-background-color-primary);
    color: var(--button-text-color-primary);
    font-family: var(--button-font-family);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    text-transform: var(--button-text-transform);
    cursor: pointer;
    transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

.cf-contact-form-panel input[type="submit"]:hover,
.cf-contact-form-panel button[type="submit"]:hover {
    transform: translateY(-2px);
    border-color: var(--button-border-color-primary-hover);
    background: var(--button-background-color-primary-hover);
    color: var(--button-text-color-primary-hover);
}

.cf-contact-empty-form {
    color: var(--color-text-secondary);
    line-height: 1.7;
}

.wpcf7 form .wpcf7-response-output {
    margin: 18px 0 0;
    padding: 14px 16px;
    border-radius: 12px;
    color: var(--color-text-primary);
}

.wpcf7-not-valid-tip {
    margin-top: -8px;
    margin-bottom: 12px;
    color: var(--color-text-attention, #ff5053);
    font-size: 13px;
}

@media (max-width: 1100px) {
    .cf-contact-main__container {
        grid-template-columns: 1fr;
    }

    .cf-contact-form-panel {
        order: -1;
    }
}

@media (max-width: 768px) {
    .cf-contact-hero {
        padding: 130px 0 48px;
    }

    .cf-contact-hero__container {
        grid-template-columns: 1fr;
    }

    .cf-contact-hero__badge {
        display: none;
    }

    .cf-contact-main {
        padding-bottom: 70px;
    }

    .cf-contact-grid {
        grid-template-columns: 1fr;
    }

    .cf-contact-card,
    .cf-contact-form-panel {
        border-radius: 18px;
    }

    .cf-contact-card {
        min-height: 150px;
        padding: 22px;
    }

    .cf-contact-card--large {
        min-height: 190px;
    }

    .cf-contact-form-panel {
        padding: 24px;
    }
}
.cf-faq-hero {
    padding: 160px 0 60px;
    text-align: center;
}

.cf-faq-eyebrow {
    color: var(--color-label, #fa4e20);
    letter-spacing: .18em;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 18px;
}

.cf-faq-title {
    max-width: 900px;
    margin: 0 auto;
    color: var(--color-heading);
    font-size: clamp(42px, 7vw, 96px);
    line-height: .95;
    font-weight: 500;
}

.cf-faq-text {
    max-width: 560px;
    margin: 26px auto 0;
    color: var(--color-text-secondary);
    line-height: 1.8;
}

.cf-faq-list-section {
    padding: 0 0 100px;
}

.cf-faq-container {
    max-width: 920px;
}

.cf-faq-item {
    border-bottom: 1px solid rgba(255,255,255,.14);
}

.cf-faq-question {
    width: 100%;
    padding: 28px 0;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    color: var(--color-heading);
    font-family: var(--heading-font-family);
    font-size: clamp(22px, 3vw, 34px);
    text-align: left;
}

.cf-faq-question i {
    color: var(--color-label, #fa4e20);
    transition: transform .3s ease;
}

.cf-faq-item.is-active .cf-faq-question i {
    transform: rotate(45deg);
}

.cf-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
}

.cf-faq-item.is-active .cf-faq-answer {
    max-height: 500px;
}

.cf-faq-answer-inner {
    padding: 0 0 30px;
    color: var(--color-text-secondary);
    line-height: 1.8;
}

@media (max-width: 768px) {
    .cf-faq-hero {
        padding: 125px 0 45px;
    }

    .cf-faq-question {
        font-size: 22px;
    }
}
/* About Page */
.cf-about-page {
    background: var(--color-background);
    overflow: hidden;
}

.cf-about-hero {
    padding: 160px 0 90px;
}

.cf-about-hero__container {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(360px, .75fr);
    gap: 64px;
    align-items: center;
}

.cf-about-eyebrow {
    margin-bottom: 20px;
    color: var(--color-label, #fa4e20);
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.cf-about-title {
    max-width: 820px;
    margin: 0;
    color: var(--color-heading);
    font-size: clamp(52px, 8vw, 112px);
    line-height: .92;
    letter-spacing: -.07em;
    font-weight: 500;
}

.cf-about-text {
    max-width: 560px;
    margin-top: 28px;
    color: var(--color-text-secondary);
    line-height: 1.8;
}

.cf-about-hero__image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: calc(var(--global-border-radius, 16px) * 2);
    border: 1px solid rgba(255,255,255,.12);
    aspect-ratio: 4 / 5;
}

.cf-about-hero__image-wrap:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.25));
    z-index: 1;
}

.cf-about-hero__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cf-about-mission {
    padding: 0 0 90px;
}

.cf-about-mission__container {
    display: grid;
    grid-template-columns: 120px minmax(0, 760px);
    gap: 40px;
    align-items: start;
}

.cf-about-section-number,
.cf-about-value-card span {
    color: var(--color-label, #fa4e20);
    font-size: 13px;
    letter-spacing: .18em;
}

.cf-about-mission h2 {
    margin: 0 0 20px;
    color: var(--color-heading);
    font-size: clamp(34px, 5vw, 64px);
    line-height: 1;
    font-weight: 500;
}

.cf-about-mission p {
    color: var(--color-text-secondary);
    font-size: calc(var(--body-font-size) * 1.05);
    line-height: 1.9;
}

.cf-about-values {
    padding: 0 0 110px;
}

.cf-about-values__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.cf-about-value-card {
    min-height: 260px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: calc(var(--global-border-radius, 16px) * 1.5);
    background: rgba(255,255,255,.045);
    backdrop-filter: blur(16px);
}

.cf-about-value-card h3 {
    margin: 60px 0 16px;
    color: var(--color-heading);
    font-size: 28px;
    font-weight: 500;
}

.cf-about-value-card p {
    color: var(--color-text-secondary);
    line-height: 1.75;
}

@media (max-width: 900px) {
    .cf-about-hero {
        padding: 125px 0 60px;
    }

    .cf-about-hero__container,
    .cf-about-mission__container,
    .cf-about-values__container {
        grid-template-columns: 1fr;
    }

    .cf-about-hero__image-wrap {
        max-width: 520px;
    }

    .cf-about-value-card h3 {
        margin-top: 40px;
    }
}

/* Fade In Animation */
.cf-reveal {
    opacity: 0;
    transform: translateY(50px);
    transition:
        opacity .8s ease,
        transform .8s cubic-bezier(.22,.61,.36,1);
    will-change: opacity, transform;
}

.cf-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Optional delays */
.cf-delay-1 { transition-delay: .1s; }
.cf-delay-2 { transition-delay: .2s; }
.cf-delay-3 { transition-delay: .3s; }
.cf-delay-4 { transition-delay: .4s; }

@media (prefers-reduced-motion: reduce) {
    .cf-reveal,
    .cf-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}