/** Shopify CDN: Minification failed

Line 16528:26 The "-" operator only works if there is whitespace on both sides
Line 16704:30 The "-" operator only works if there is whitespace on both sides

**/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

html {
    scroll-behavior: smooth;
    padding-bottom: 0 !important;
}

body {
    overflow-x: clip;
    word-break: break-word;
    min-height: 100vh;
    overflow-y: scroll;
    max-width: 100vw;
}
body.hidden {
    display: flex;
}
body.hidden,
body.quick-view-open.quick-view-load,
body.overlay-opened {
    overflow: clip !important;
    touch-action: none !important;
    -ms-touch-action: none !important;
    overscroll-behavior-y: none;
    position: relative;
}
body.hidden.disable-scroll,
body.disable-scroll-body {
    position: fixed!important;
    inset-inline: 0;
    width: 100%;
}
body.hidden main,
body.quick-view-open.quick-view-load main {
    z-index: unset;
}
.overlap-header {
    min-height: 100vh;
}
main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    position: relative;
    z-index: 3;
}
.disable-selection:not(.gift-card) {
    user-select: none !important;
    -webkit-user-select: none !important;
}

a, button, label, dialog, p, a:focus, button:focus, input, input:focus, select {
    -webkit-tap-highlight-color: transparent!important;
    -webkit-appearance: none;
    appearance: none;
    -webkit-text-fill-color: inherit;
    -moz-appearance: none;
}

/* #region Fade in */

.fade-in:not(.body) {
    position: relative;
}

.fade-in::before {
    content: "";
    position: fixed;
    inset: 0; 
    height: 100%;
    display: var(--fade-in-element-display, block);
    background-color: rgb(var(--layout-bg-color));
    opacity: 1;
    /* will-change: opacity; */
    transition: opacity var(--fade-in-duration) ease-out;
    pointer-events: none; 
    z-index: 9999; 
}

.fade-in.fade-in--content::before {
    top: var(--header-group-height, 0);
}

.body.loaded .fade-in::before,
.body.loaded.fade-in::before {
    opacity: 0;
}

/* #endregion */

a:not(.focused), button:not(.focused), label:not(.focused), dialog:not(.focused), p, a:not(.focused):focus, input:not(.focused), input:not(.focused):focus, select:not(.focused),
input:not(.focused):active, textarea:not(.focused),textarea:not(.focused):focus,textarea:active {
    outline: none;
}

input.focused + label {
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 3px;
}

button {
    border: none;
    background-color: transparent;
    cursor: pointer;
}

html[dir="ltr"] #shop-hcaptcha-badge-container {
    left: calc(100% - 56px) !important;
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
    border: none;
}

input[type='number']:focus {
    border: none;
}

input {
    caret-color: rgb(var(--layout-text-color));
}

input {
    border: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0;
}

input, textarea {
    background-color: transparent;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-text-fill-color: rgb(var(--layout-text-color));
    transition-delay: 300s;
    transition-property: background-color;
}

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

input {
    color: rgb(var(--layout-text-color));
}
input::placeholder, select::placeholder, textarea::placeholder {
    color: rgba(var(--layout-text-color), 0.7);
}

input[type="checkbox"], 
input[type="radio"] {
    position: relative;
    background: transparent;
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
}

input-checkbox {
    display: inline-flex;
    flex-shrink: 0;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
    cursor: not-allowed;
}


input[type="checkbox"]::after,
input[type="radio"]::after,
.color__swatch-input::after {
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    width: 16px;
    height: 16px;
    content: '';
    z-index: 5;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    border-radius: 50%;

    background-color: rgb(var(--layout-text-color));
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5ODQgMC42NjY1MDRDNC40MDc4MiAwLjY2NjUwNCAwLjY2NjUwNCA0LjQwNzgyIDAuNjY2NTA0IDguOTk5ODRDMC42NjY1MDQgMTMuNTkxOSA0LjQwNzgyIDE3LjMzMzIgOC45OTk4NCAxNy4zMzMyQzEzLjU5MTkgMTcuMzMzMiAxNy4zMzMyIDEzLjU5MTkgMTcuMzMzMiA4Ljk5OTg0QzE3LjMzMzIgNC40MDc4MiAxMy41OTE5IDAuNjY2NTA0IDguOTk5ODQgMC42NjY1MDRaTTguOTk5ODQgMi4zMzMxN0MxMi42OTM0IDIuMzMzMTcgMTUuNjY2NSA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NEMxNS42NjY1IDEyLjY5MzQgMTIuNjkzNCAxNS42NjY1IDguOTk5ODQgMTUuNjY2NUM1LjMwNjI2IDE1LjY2NjUgMi4zMzMxNyAxMi42OTM0IDIuMzMzMTcgOC45OTk4NEMyLjMzMzE3IDUuMzA2MjYgNS4zMDYyNiAyLjMzMzE3IDguOTk5ODQgMi4zMzMxN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5ODQgMC42NjY1MDRDNC40MDc4MiAwLjY2NjUwNCAwLjY2NjUwNCA0LjQwNzgyIDAuNjY2NTA0IDguOTk5ODRDMC42NjY1MDQgMTMuNTkxOSA0LjQwNzgyIDE3LjMzMzIgOC45OTk4NCAxNy4zMzMyQzEzLjU5MTkgMTcuMzMzMiAxNy4zMzMyIDEzLjU5MTkgMTcuMzMzMiA4Ljk5OTg0QzE3LjMzMzIgNC40MDc4MiAxMy41OTE5IDAuNjY2NTA0IDguOTk5ODQgMC42NjY1MDRaTTguOTk5ODQgMi4zMzMxN0MxMi42OTM0IDIuMzMzMTcgMTUuNjY2NSA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NEMxNS42NjY1IDEyLjY5MzQgMTIuNjkzNCAxNS42NjY1IDguOTk5ODQgMTUuNjY2NUM1LjMwNjI2IDE1LjY2NjUgMi4zMzMxNyAxMi42OTM0IDIuMzMzMTcgOC45OTk4NEMyLjMzMzE3IDUuMzA2MjYgNS4zMDYyNiAyLjMzMzE3IDguOTk5ODQgMi4zMzMxN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5ODQgMC42NjY1MDRDNC40MDc4MiAwLjY2NjUwNCAwLjY2NjUwNCA0LjQwNzgyIDAuNjY2NTA0IDguOTk5ODRDMC42NjY1MDQgMTMuNTkxOSA0LjQwNzgyIDE3LjMzMzIgOC45OTk4NCAxNy4zMzMyQzEzLjU5MTkgMTcuMzMzMiAxNy4zMzMyIDEzLjU5MTkgMTcuMzMzMiA4Ljk5OTg0QzE3LjMzMzIgNC40MDc4MiAxMy41OTE5IDAuNjY2NTA0IDguOTk5ODQgMC42NjY1MDRaTTguOTk5ODQgMi4zMzMxN0MxMi42OTM0IDIuMzMzMTcgMTUuNjY2NSA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NEMxNS42NjY1IDEyLjY5MzQgMTIuNjkzNCAxNS42NjY1IDguOTk5ODQgMTUuNjY2NUM1LjMwNjI2IDE1LjY2NjUgMi4zMzMxNyAxMi42OTM0IDIuMzMzMTcgOC45OTk4NEMyLjMzMzE3IDUuMzA2MjYgNS4zMDYyNiAyLjMzMzE3IDguOTk5ODQgMi4zMzMxN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
}

input[type="checkbox"]:checked:after,
input-checkbox input[type="checkbox"][checked]:after {
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5ODQgMC42NjY1MDRDNC40MDc4MiAwLjY2NjUwNCAwLjY2NjUwNCA0LjQwNzgyIDAuNjY2NTA0IDguOTk5ODRDMC42NjY1MDQgMTMuNTkxOSA0LjQwNzgyIDE3LjMzMzIgOC45OTk4NCAxNy4zMzMyQzEzLjU5MTkgMTcuMzMzMiAxNy4zMzMyIDEzLjU5MTkgMTcuMzMzMiA4Ljk5OTg0QzE3LjMzMzIgNC40MDc4MiAxMy41OTE5IDAuNjY2NTA0IDguOTk5ODQgMC42NjY1MDRaTTguOTk5ODQgMi4zMzMxN0MxMi42OTM0IDIuMzMzMTcgMTUuNjY2NSA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NEMxNS42NjY1IDEyLjY5MzQgMTIuNjkzNCAxNS42NjY1IDguOTk5ODQgMTUuNjY2NUM1LjMwNjI2IDE1LjY2NjUgMi4zMzMxNyAxMi42OTM0IDIuMzMzMTcgOC45OTk4NEMyLjMzMzE3IDUuMzA2MjYgNS4zMDYyNiAyLjMzMzE3IDguOTk5ODQgMi4zMzMxN1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNjY2NSA4Ljk5OTg0QzE1LjY2NjUgNS4zMDYyNiAxMi42OTM0IDIuMzMzMTcgOC45OTk4NCAyLjMzMzE3QzUuMzA2MjYgMi4zMzMxNyAyLjMzMzE3IDUuMzA2MjYgMi4zMzMxNyA4Ljk5OTg0QzIuMzMzMTcgMTIuNjkzNCA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NCAxNS42NjY1QzEyLjY5MzQgMTUuNjY2NSAxNS42NjY1IDEyLjY5MzQgMTUuNjY2NSA4Ljk5OTg0Wk03LjMzMjk1IDExLjE1NzFMMTIuNTc2IDUuOTA5NjdMMTMuNzU2NiA3LjA5MDIyTDcuMzMyOTUgMTMuNTA5NUw0LjI0MjY4IDEwLjQyMzZMNS40MjMyMyA5LjI0M0w3LjMzMjk1IDExLjE1NzFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5ODQgMC42NjY1MDRDNC40MDc4MiAwLjY2NjUwNCAwLjY2NjUwNCA0LjQwNzgyIDAuNjY2NTA0IDguOTk5ODRDMC42NjY1MDQgMTMuNTkxOSA0LjQwNzgyIDE3LjMzMzIgOC45OTk4NCAxNy4zMzMyQzEzLjU5MTkgMTcuMzMzMiAxNy4zMzMyIDEzLjU5MTkgMTcuMzMzMiA4Ljk5OTg0QzE3LjMzMzIgNC40MDc4MiAxMy41OTE5IDAuNjY2NTA0IDguOTk5ODQgMC42NjY1MDRaTTguOTk5ODQgMi4zMzMxN0MxMi42OTM0IDIuMzMzMTcgMTUuNjY2NSA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NEMxNS42NjY1IDEyLjY5MzQgMTIuNjkzNCAxNS42NjY1IDguOTk5ODQgMTUuNjY2NUM1LjMwNjI2IDE1LjY2NjUgMi4zMzMxNyAxMi42OTM0IDIuMzMzMTcgOC45OTk4NEMyLjMzMzE3IDUuMzA2MjYgNS4zMDYyNiAyLjMzMzE3IDguOTk5ODQgMi4zMzMxN1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNjY2NSA4Ljk5OTg0QzE1LjY2NjUgNS4zMDYyNiAxMi42OTM0IDIuMzMzMTcgOC45OTk4NCAyLjMzMzE3QzUuMzA2MjYgMi4zMzMxNyAyLjMzMzE3IDUuMzA2MjYgMi4zMzMxNyA4Ljk5OTg0QzIuMzMzMTcgMTIuNjkzNCA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NCAxNS42NjY1QzEyLjY5MzQgMTUuNjY2NSAxNS42NjY1IDEyLjY5MzQgMTUuNjY2NSA4Ljk5OTg0Wk03LjMzMjk1IDExLjE1NzFMMTIuNTc2IDUuOTA5NjdMMTMuNzU2NiA3LjA5MDIyTDcuMzMyOTUgMTMuNTA5NUw0LjI0MjY4IDEwLjQyMzZMNS40MjMyMyA5LjI0M0w3LjMzMjk1IDExLjE1NzFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguOTk5ODQgMC42NjY1MDRDNC40MDc4MiAwLjY2NjUwNCAwLjY2NjUwNCA0LjQwNzgyIDAuNjY2NTA0IDguOTk5ODRDMC42NjY1MDQgMTMuNTkxOSA0LjQwNzgyIDE3LjMzMzIgOC45OTk4NCAxNy4zMzMyQzEzLjU5MTkgMTcuMzMzMiAxNy4zMzMyIDEzLjU5MTkgMTcuMzMzMiA4Ljk5OTg0QzE3LjMzMzIgNC40MDc4MiAxMy41OTE5IDAuNjY2NTA0IDguOTk5ODQgMC42NjY1MDRaTTguOTk5ODQgMi4zMzMxN0MxMi42OTM0IDIuMzMzMTcgMTUuNjY2NSA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NEMxNS42NjY1IDEyLjY5MzQgMTIuNjkzNCAxNS42NjY1IDguOTk5ODQgMTUuNjY2NUM1LjMwNjI2IDE1LjY2NjUgMi4zMzMxNyAxMi42OTM0IDIuMzMzMTcgOC45OTk4NEMyLjMzMzE3IDUuMzA2MjYgNS4zMDYyNiAyLjMzMzE3IDguOTk5ODQgMi4zMzMxN1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTUuNjY2NSA4Ljk5OTg0QzE1LjY2NjUgNS4zMDYyNiAxMi42OTM0IDIuMzMzMTcgOC45OTk4NCAyLjMzMzE3QzUuMzA2MjYgMi4zMzMxNyAyLjMzMzE3IDUuMzA2MjYgMi4zMzMxNyA4Ljk5OTg0QzIuMzMzMTcgMTIuNjkzNCA1LjMwNjI2IDE1LjY2NjUgOC45OTk4NCAxNS42NjY1QzEyLjY5MzQgMTUuNjY2NSAxNS42NjY1IDEyLjY5MzQgMTUuNjY2NSA4Ljk5OTg0Wk03LjMzMjk1IDExLjE1NzFMMTIuNTc2IDUuOTA5NjdMMTMuNzU2NiA3LjA5MDIyTDcuMzMyOTUgMTMuNTA5NUw0LjI0MjY4IDEwLjQyMzZMNS40MjMyMyA5LjI0M0w3LjMzMjk1IDExLjE1NzFaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
}

input[type="radio"]:not(.product-combined-listings):checked::after,
.product-form__input input[type="radio"]:not(.product-combined-listings):checked::after,
.product-form__input input[type="radio"].product-combined-listings[checked]::after,
.variant-selects:has( .product-combined-listings) .product-form__input input[type="radio"]:not(.product-combined-listings)[checked]::after,
input:not(.product-combined-listings):checked + .color__swatch .color__swatch-input::after,
.product-form__input input:not(.product-combined-listings):checked + .color__swatch .color__swatch-input::after,
.product-form__input input.product-combined-listings[checked] + .color__swatch .color__swatch-input::after,
.variant-selects:has( .product-combined-listings) .product-form__input input:not(.product-combined-listings)[checked] + .color__swatch .color__swatch-input::after {
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40ODk1OCAwIDAgNC40ODk1OCAwIDEwQzAgMTUuNTEwNCA0LjQ4OTU4IDIwIDEwIDIwQzE1LjUxMDQgMjAgMjAgMTUuNTEwNCAyMCAxMEMyMCA0LjQ4OTU4IDE1LjUxMDQgMCAxMCAwWk0xMCAyQzE0LjQzMjMgMiAxOCA1LjU2NzcxIDE4IDEwQzE4IDE0LjQzMjMgMTQuNDMyMyAxOCAxMCAxOEM1LjU2NzcxIDE4IDIgMTQuNDMyMyAyIDEwQzIgNS41Njc3MSA1LjU2NzcxIDIgMTAgMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggMTBDMTggNS41Njc3MSAxNC40MzIzIDIgMTAgMkM1LjU2NzcxIDIgMiA1LjU2NzcxIDIgMTBDMiAxNC40MzIzIDUuNTY3NzEgMTggMTAgMThDMTQuNDMyMyAxOCAxOCAxNC40MzIzIDE4IDEwWk0xMCAxM0MxMS42NTY5IDEzIDEzIDExLjY1NjkgMTMgMTBDMTMgOC4zNDMxNSAxMS42NTY5IDcgMTAgN0M4LjM0MzE1IDcgNyA4LjM0MzE1IDcgMTBDNyAxMS42NTY5IDguMzQzMTUgMTMgMTAgMTNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40ODk1OCAwIDAgNC40ODk1OCAwIDEwQzAgMTUuNTEwNCA0LjQ4OTU4IDIwIDEwIDIwQzE1LjUxMDQgMjAgMjAgMTUuNTEwNCAyMCAxMEMyMCA0LjQ4OTU4IDE1LjUxMDQgMCAxMCAwWk0xMCAyQzE0LjQzMjMgMiAxOCA1LjU2NzcxIDE4IDEwQzE4IDE0LjQzMjMgMTQuNDMyMyAxOCAxMCAxOEM1LjU2NzcxIDE4IDIgMTQuNDMyMyAyIDEwQzIgNS41Njc3MSA1LjU2NzcxIDIgMTAgMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggMTBDMTggNS41Njc3MSAxNC40MzIzIDIgMTAgMkM1LjU2NzcxIDIgMiA1LjU2NzcxIDIgMTBDMiAxNC40MzIzIDUuNTY3NzEgMTggMTAgMThDMTQuNDMyMyAxOCAxOCAxNC40MzIzIDE4IDEwWk0xMCAxM0MxMS42NTY5IDEzIDEzIDExLjY1NjkgMTMgMTBDMTMgOC4zNDMxNSAxMS42NTY5IDcgMTAgN0M4LjM0MzE1IDcgNyA4LjM0MzE1IDcgMTBDNyAxMS42NTY5IDguMzQzMTUgMTMgMTAgMTNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDBDNC40ODk1OCAwIDAgNC40ODk1OCAwIDEwQzAgMTUuNTEwNCA0LjQ4OTU4IDIwIDEwIDIwQzE1LjUxMDQgMjAgMjAgMTUuNTEwNCAyMCAxMEMyMCA0LjQ4OTU4IDE1LjUxMDQgMCAxMCAwWk0xMCAyQzE0LjQzMjMgMiAxOCA1LjU2NzcxIDE4IDEwQzE4IDE0LjQzMjMgMTQuNDMyMyAxOCAxMCAxOEM1LjU2NzcxIDE4IDIgMTQuNDMyMyAyIDEwQzIgNS41Njc3MSA1LjU2NzcxIDIgMTAgMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggMTBDMTggNS41Njc3MSAxNC40MzIzIDIgMTAgMkM1LjU2NzcxIDIgMiA1LjU2NzcxIDIgMTBDMiAxNC40MzIzIDUuNTY3NzEgMTggMTAgMThDMTQuNDMyMyAxOCAxOCAxNC40MzIzIDE4IDEwWk0xMCAxM0MxMS42NTY5IDEzIDEzIDExLjY1NjkgMTMgMTBDMTMgOC4zNDMxNSAxMS42NTY5IDcgMTAgN0M4LjM0MzE1IDcgNyA4LjM0MzE1IDcgMTBDNyAxMS42NTY5IDguMzQzMTUgMTMgMTAgMTNaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
}

input[type="checkbox"]:disabled, 
input[type="radio"]:disabled,
input.disabled + .color__swatch .color__swatch-input {
    opacity: 0.5;
}


a, button, input, select, textarea,
h1, h2, h3, h4, h5, h6 {
    font: inherit;
}

li {
    list-style-type: none;
}

a {
    color: inherit;
    text-decoration: none;
}

summary::-webkit-details-marker {
    display: none;
}

summary {
    list-style: none;
}

.gradient {
    background: rgb(var(--layout-bg-color));
    background: var(--bg-gradient);
}

.transition-none {
    transition: none !important; 
}

.visually-hidden,
.visually-hidden--desktop {
    position: absolute !important;
    overflow: clip;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

.grid {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), 1fr);   
}

.list {
    display: grid;
    grid-template-columns: 1fr;   
}

.column-merge {
    grid-column: span 2;
}

.page-grid-gaps {
    gap: var(--page-row-gap) var(--page-column-gap);
}

.alternative-grid-gaps {
    gap: var(--alt-row-gap) var(--alt-column-gap);
}

.secondary-grid-gaps {
    gap: var(--second-row-gap) var(--second-column-gap);
}

.grid-item {
    max-width: 100%;
}

.alternative-grid:not(.disable-max-width) {
    max-width: var(--alt-grid-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.page-grid:not(.disable-max-width) {
    max-width: var(--page-grid-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.secondary-grid:not(.disable-max-width) {
    max-width: var(--second-grid-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.flex--row {
    display: flex;
    flex-direction: row;
}

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

.truncate.product__title,
.truncate.card-product__title {
    width: 101%;
}

.truncate {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

img, video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--focal-point);
}

.card__image {
    container-type: inline-size;
    container-name: card-image;
    overflow: clip;
    position: relative;
    width: 100%;
}

.side-margins:not(.disable-margins) {
    padding-inline-start: var(--side-margin);
    padding-inline-end: var(--side-margin);
}
.card__image .lazy-image {
    height: 100%;
}

.side-margins:not(.disable-margins) {
    padding-inline-start: var(--side-margin);
    padding-inline-end: var(--side-margin);
}
.main-cart .section,
.section-main-list-collections .section,
.section-collection-product-grid .section,
.main-product-section .section,
.main-blog .section,
.main-article .section,
.section-main-search .section,
.section-main-404 .section {
    flex: 1;
}
.section-container {
    padding-top: calc(var(--section-padding) * var(--top-spacing));
    padding-bottom: calc(var(--section-padding) * var(--bottom-spacing));
}

.section-container:not(.section-container--recently-viewed):empty {
    display: none;
}

.section-container.section-container--recently-viewed:empty {
    padding-top: 0;
    padding-bottom: 0;
}

.shopify-section-header + main .shopify-section:first-child .section-overlap--enable {
    padding-inline-start: 0;
    padding-inline-end: 0;
}
 
.shopify-section-header + main .shopify-section:first-child .section-overlap--enable .section-container,
.shopify-section-header + main .shopify-section:first-child .section-overlap--enable.section-container {
    padding-top: 0;
    padding-bottom: 0;
}

.shopify-section-header + main .shopify-section:first-child .section-overlap--enable .disable-section-framing {
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .banner__wrapper,
.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .section-radius,
.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .banner-grid__card,
.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .banner-grid {
    border-radius: 0;
}
.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .banner-grid {
    gap: 0;
}
@media screen and (min-width: 769px) {
    .shopify-section-header + main .shopify-section:first-child .section-overlap--desktop {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    
    .shopify-section-header + main .shopify-section:first-child .section-overlap--desktop .section-container,
    .shopify-section-header + main .shopify-section:first-child .section-overlap--desktop.section-container {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .banner__wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .section-radius,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .banner-grid__card,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .banner-grid {
        border-radius: 0;
    }
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .banner-grid {
        gap: 0;
    }
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .disable-section-framing {
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 768px) {
    .shopify-section-header + main .section-overlap--mobile:not(.only-on-desktop) {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    
    .shopify-section-header + main .section-overlap--mobile:not(.only-on-desktop) .section-container,
    .shopify-section-header + main .section-overlap--mobile:not(.only-on-desktop).section-container {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile:not(.only-on-desktop) .banner__wrapper,
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile:not(.only-on-desktop) .section-radius,
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile:not(.only-on-desktop) .banner-grid__card,
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile:not(.only-on-desktop) .banner-grid {
        border-radius: 0;
    }
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile:not(.only-on-desktop) .banner-grid {
        gap: 0;
    }
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile:not(.only-on-desktop) .disable-section-framing {
        padding: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .shopify-section-header.overlap-mobile + main .section-overlap--mobile.only-on-desktop:not(.disable-margins) {
        padding-inline-start: var(--side-margin);
        padding-inline-end: var(--side-margin);
    }
    .shopify-section-header.overlap-mobile + main .section-overlap--mobile.only-on-desktop .section-container {
        padding-top: calc(var(--section-padding) * var(--top-spacing));
        padding-bottom: calc(var(--section-padding) * var(--bottom-spacing));
    }

    .shopify-section-header.overlap-mobile + main .section-overlap--mobile.only-on-desktop:not(.disable-margins) .disable-section-framing {
        padding: var(--inner-section-padding);
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
    }
}

.elem-padding-l {
    padding: var(--inner-section-padding);
}

.elem-padding-m {
    padding: max(calc(var(--inner-section-padding) / 2), 24px);
}

.elem-padding-s {
    padding: 24px;
}

.font-page-titles--main .page-title {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--page-title-font-size)/var(--page-title-line-height) var(--font-heading-main-family);
    letter-spacing: var(--page-title-letter-spacing);
}

.font-page-titles--secondary .page-title {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--page-title-font-size)/var(--page-title-line-height) var(--font-heading-second-family);
    letter-spacing: var(--page-title-letter-spacing);
}

.font-section-headings--main .section-heading {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--section-headings-font-size)/var(--section-headings-line-height) var(--font-heading-main-family);
    letter-spacing: var(--section-headings-letter-spacing);
}

.font-section-headings--secondary .section-heading {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--section-headings-font-size)/var(--section-headings-line-height) var(--font-heading-second-family);
    letter-spacing: var(--section-headings-letter-spacing);
}

.font-secondary-headings--main .secondary-heading {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--secondary-headings-font-size)/var(--secondary-headings-line-height) var(--font-heading-main-family);
    letter-spacing: var(--secondary-headings-letter-spacing);
}

.font-secondary-headings--secondary .secondary-heading {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--secondary-headings-font-size)/var(--secondary-headings-line-height) var(--font-heading-second-family);
    letter-spacing: var(--secondary-headings-letter-spacing);
}

.subheading-font {
    font: var(--font-body-style) var(--font-body-weight) var(--subheadings-font-size)/var(--body-line-height) var(--font-body-family);
    letter-spacing: var(--subheadings-letter-spacing);
}

.font-subheadings-headings--main .subheading-heading-font {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--subheadings-font-size)/var(--body-line-height) var(--font-heading-main-family);
    letter-spacing: var(--subheadings-letter-spacing);
}

.font-subheadings-headings--secondary .subheading-heading-font {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--subheadings-font-size)/var(--body-line-height) var(--font-heading-second-family);
    letter-spacing: var(--subheadings-letter-spacing);
}

.body-font {
    font: var(--font-body-style) var(--font-body-weight) var(--body-font-size)/var(--body-line-height) var(--font-body-family);
    letter-spacing: var(--body-letter-spacing);
}

.font-secondary-button--main .button--secondary.heading-font-style {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--body-font-size)/var(--body-line-height) var(--font-heading-main-family);
}

.font-secondary-button--secondary .button--secondary.heading-font-style {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--body-font-size)/var(--body-line-height) var(--font-heading-second-family);
}

.caption-font {
    font: var(--font-body-style) var(--font-body-weight) var(--caption-font-size)/var(--body-line-height) var(--font-body-family);
    letter-spacing: var(--body-letter-spacing);
}

.button--main.body-font {
    font: var(--font-body-style) var(--font-body-weight) var(--main-button-font-size)/var(--main-button-line-height) var(--font-body-family);
}

.font-main-button--main .button--main.heading-font-style {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--main-button-font-size)/var(--main-button-line-height) var(--font-heading-main-family);
}

.font-main-button--secondary .button--main.heading-font-style {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--main-button-font-size)/var(--main-button-line-height) var(--font-heading-second-family);
}

.uppercase {
    text-transform: uppercase;
}

.none-uppercase {
    text-transform: none;
}

.aspect-ratio {
    aspect-ratio: var(--aspect-ratio);
    overflow: hidden;
}

figure {
    display: flex;
    position: relative;
    width: 100%;
}

figure.lazy-image--absolut,
figure.lazy-image--absolut img {
    width: 100%;
    height: 100%;
} 

figure.lazy-image,
figure.lazy-video {
    overflow: clip;
}

figure.lazy-image--absolut > * {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
}

figure:not(.lazy-image--absolut) .lazy-image__preloader {
    position: absolute;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    inset-inline-start: -10px;
}

.lazy-image img,
.lazy-video video,
.lazy-video.lazy-image--loader img {
    opacity: 0;
}

.lazy-image--fade_scale img,
.lazy-image--fade_scale video {
    transform: scale(1.2);
    transition: opacity var(--images-duration) var(--transition-timing-function) var(--images-delay), transform var(--images-duration) var(--transition-timing-function) var(--images-delay);
}

.lazy-image.lazyloaded img,
.lazy-video.lazyloaded video {
    opacity: 1;
}

.lazy-image--fade_scale.lazyloaded img,
.lazy-image--fade_scale.lazyloaded video {
    transform: scale(1);
    opacity: 1;
}

.lazy-image__preloader-pixelate img {
    opacity: 1!important;
    image-rendering: pixelated!important;
    transition: none!important;
}

.lazy-image .lazy-image__preloader,
.lazy-video .lazy-image__preloader {
    overflow: clip;
    transition: opacity var(--images-duration) var(--transition-timing-function) var(--images-delay);
    z-index: 1;
}

.lazy-image.lazyloaded .lazy-image__preloader,
.lazy-video.lazyloaded .lazy-image__preloader {
    opacity: 0;
    z-index: 0;
}

.lazy-image__preloader-loader {
    animation: 2s shine linear infinite;
    animation-delay: var(--images-delay);
    transform-origin: 0%;
    background: linear-gradient(110deg,rgba(var(--layout-text-color), 0.1) 8%,rgb(var(--layout-bg-color)) 18%,rgba(var(--layout-text-color), 0.1) 33%);
    background-size: 300% 250%;
}

@keyframes shine {
	to {
		background-position-x: -300%;
	}
}

.lazy-image.lazyloaded .lazy-image__preloader-loader,
.lazy-video.lazyloaded .lazy-image__preloader-loader {
    animation-play-state: paused;
}

.lazy-image__preloader-blur img {
    opacity: 1!important;
    image-rendering: unset!important;
}

.lazy-image__preloader-blur {
    position: relative;
}

.lazy-image .lazy-image__preloader-blur,
.lazy-video .lazy-image__preloader-blur {
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -10px;
    inset-inline-start: -10px;
    filter: none;
    transition: filter var(--images-duration) var(--transition-timing-function) var(--images-delay);
}

.lazy-image:not(.lazyloaded) .lazy-image__preloader-blur,
.lazy-video:not(.lazyloaded) .lazy-image__preloader-blur {
    filter: blur(10px);
}

.lazy-image__preloader--full.lazy-image__preloader img {
    width: 100%;
    height: 100%;
}


.template-header:not(:empty),
.section-header:not(:empty) {
    margin-bottom: var(--template-header-padding);
}

.section-header {
    display: flex;
    flex-direction: column;
    gap: var(--block-padding-s);
}

.section-header-block {
    display: block;
}

.section-block:not(:first-child) {
    margin-top: var(--block-padding);
}

.custom-heading .highlight {
    display: inline-block;
    background-color: transparent;
}

.custom-heading .highlight {
    display: inline;
    background-image: linear-gradient(to right, rgb(var(--layout-highlighted-background)) 100%, transparent 0%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size var(--animation-duration) var(--transition-timing-function) 0.2s;
}

.custom-heading .highlight.visible {
    background-size: 100% 100%;
}

.font-page-titles--main .page-title.custom-heading .styled,
.font-section-headings--main .section-heading.custom-heading .styled,
.font-secondary-headings--main .secondary-heading.custom-heading .styled,
.font-subheadings-headings--main .subheading-heading-font.custom-heading .styled,
.subheading-font:not(.subheading-heading-font).custom-heading .styled,
.body-font.custom-heading .styled,
.caption-font.custom-heading .styled {
    font-family: var(--font-heading-second-family);
    font-style: var(--font-heading-second-style);
    font-weight: var(--font-heading-second-weight);
}

.font-page-titles--secondary .page-title.custom-heading .styled,
.font-section-headings--secondary .section-heading.custom-heading .styled,
.font-secondary-headings--secondary .secondary-heading.custom-heading .styled,
.font-subheadings-headings--secondary .subheading-heading-font.custom-heading .styled {
    font-family: var(--font-heading-main-family);
    font-style: var(--font-heading-main-style);
    font-weight: var(--font-heading-main-weight);
}

.section-block.button-block:first-child:has( + .button-wrap + .button-block),
.section-block.button-block:first-child + .button-wrap + .button-block,
.section-block.button-block:first-child + .button-wrap + .button-block + .button-wrap + .button-block,
.section-block.button-block:first-child + .button-wrap + .button-block + .button-wrap + .button-block + .button-wrap + .button-block,
.section-block.button-block:first-child + .button-wrap + .button-block + .button-wrap + .button-block + .button-wrap + .button-block + .button-wrap + .button-block,
.section-block.button-block:first-child + .button-wrap + .button-block + .button-wrap + .button-block + .button-wrap + .button-block + .button-wrap + .button-block  + .button-wrap + .button-block,
.section-block.block-icon:first-child:has( + .block-icon),
.section-block.block-icon:first-child + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon,
.section-block.block-icon:first-child + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon + .block-icon {
    margin-top: 16px;
}

.section-radius {
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.left {
    text-align: start;
}

.center {
    text-align: center;
}

.right {
    text-align: end;
}

.align-center {
    align-items: center;
}

.content-width--narrow {
    max-width: 720px;
}

.content-width--sup_narrow {
    max-width: 450px;
}

.button,
#shopify-pc__banner.shopify-pc__banner__dialog button,
#shopify-pc__prefs__dialog .shopify-pc__prefs__header-actions button {
    display: inline-flex;
    cursor: pointer;
    border: var(--border-thickness) solid;
    border-radius: var(--button-border-radius);
    align-items: center;
    justify-content: center;
    --disabled-button: 1;
    line-height: var(--button-line-height);
}

shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-block-size: calc(20px + var(--icon-scale) + var(--main-button-vertical-padding) + var(--main-button-vertical-padding) + var(--border-thickness) + var(--border-thickness));
    --shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);
    --shopify-accelerated-checkout-button-box-shadow: none;
    --shopify-accelerated-checkout-skeleton-background-color: #dedede;
    --shopify-accelerated-checkout-skeleton-animation-opacity-start: 1;
    --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.5;
    --shopify-accelerated-checkout-skeleton-animation-duration: 4s;
    --shopify-accelerated-checkout-skeleton-animation-timing-function: ease;
}

shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: calc(20px + var(--icon-scale) + var(--main-button-vertical-padding) + var(--main-button-vertical-padding) + var(--border-thickness) + var(--border-thickness));
    --shopify-accelerated-checkout-button-inline-size: 54px;
    --shopify-accelerated-checkout-button-border-radius: var(--button-border-radius);
    --shopify-accelerated-checkout-button-box-shadow: none;
    --shopify-accelerated-checkout-inline-alignment: flex-start;
    --shopify-accelerated-checkout-row-gap: 8px;
    --shopify-accelerated-checkout-skeleton-background-color: #dedede;
    --shopify-accelerated-checkout-skeleton-animation-opacity-start: 1;
    --shopify-accelerated-checkout-skeleton-animation-opacity-end: 0.5;
    --shopify-accelerated-checkout-skeleton-animation-duration: 4s;
    --shopify-accelerated-checkout-skeleton-animation-timing-function: ease;
}

.shopify-section-group-header-group {
    z-index: 4;

    body.filter-drawer-opened & {
       z-index: 1; 
    }
}

.button--main {
    padding: var(--main-button-vertical-padding) var(--main-button-horizontal-padding);
}
.button--secondary,
#shopify-pc__banner.shopify-pc__banner__dialog button {
    padding: var(--secondary-button-vertical-padding) var(--secondary-button-horizontal-padding);
}

.button--main:not(.link-button) {
    min-width: 200px;
    min-height: calc(20px + var(--icon-scale) + var(--main-button-vertical-padding) + var(--main-button-vertical-padding) + var(--border-thickness) + var(--border-thickness));
}

.button--secondary:not(.link-button) {
    min-height: calc(16px + var(--icon-scale) + var(--secondary-button-vertical-padding) + var(--secondary-button-vertical-padding) + var(--border-thickness) + var(--border-thickness));
}

.button-block--small-padding .button--main,
.button-block--small-padding.button--main {
    padding-block: var(--main-button-vertical-padding);
    padding-inline: calc(var(--main-button-horizontal-padding) / 3 * 2) var(--main-button-horizontal-padding);
}

.button-block--small-padding .button--secondary,
.button-block--small-padding.button--secondary,
#shopify-pc__banner.shopify-pc__banner__dialog button {
    padding-block: var(--secondary-button-vertical-padding);
    padding-inline: calc(var(--secondary-button-horizontal-padding) / 3 * 2) var(--secondary-button-horizontal-padding);
}

.button-block--small-padding .button--main.icon--swap,
.button-block--small-padding.button--main.icon--swap {
    padding-block: var(--main-button-vertical-padding);
    padding-inline: var(--main-button-horizontal-padding) calc(var(--main-button-horizontal-padding) / 3 * 2);
}

.button-block--small-padding .button--secondary.icon--swap,
.button-block--small-padding.button--secondary.icon--swap,
#shopify-pc__banner.shopify-pc__banner__dialog button.icon--swap {
    padding-block: var(--secondary-button-vertical-padding);
    padding-inline: var(--secondary-button-horizontal-padding) calc(var(--secondary-button-horizontal-padding) / 3 * 2);
}

.button b:empty {
    display: none;
}

.button[disabled],
button[disabled] {
    --disabled-button: 1;
    cursor: not-allowed;
}

.button--small {
    min-width: 44px;
    min-height: 44px;
    padding: 0;
}

.solid-button {
    color: rgb(var(--button-label-color));
    background-color: rgba(var(--button-bg-color), var(--disabled-button));
    border-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function), box-shadow var(--animation-duration) var(--transition-timing-function);
}

.outlined-button,
.product__xr-button {
    color: rgba(var(--button-bg-color), var(--disabled-button));
    border-color: rgba(var(--button-bg-color), var(--disabled-button));
    background-color: transparent;
    transition: color var(--animation-duration) var(--transition-timing-function), border-color var(--animation-duration) var(--transition-timing-function), box-shadow var(--animation-duration) var(--transition-timing-function);
}

.outlined-button svg,
.product__xr-button svg {
    fill: rgba(var(--button-bg-color), var(--disabled-button));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.link-button,
#shopify-pc__banner.shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
    width: fit-content;
    padding: 0px!important;
    border: none;
    border-radius: 0px;
}

.link-button {
    color: rgba(var(--button-bg-color), var(--disabled-button));
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.link-button svg {
    fill: rgba(var(--button-bg-color), var(--disabled-button));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.icon-button {
    display: inline-flex;
    cursor: pointer;
    gap: 4px;
    align-items: center;
}

.solid-button.icon-button svg {
    fill: rgb(var(--button-label-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.show-more-button-wrapper {
    text-align: center;
}

.show-more-button-wrapper:not(:has( .visually-hidden)) {
    margin-top: var(--template-header-padding);
    margin-bottom: 16px;
}

show-more-button {
    display: inline-flex;
}

.follow-on-shop:not(:first-child) {
    margin-top: var(--block-padding-xs);
}

a.link-underline,
.link-underline a {
    color: rgb(var(--layout-link-color));
    transition: color var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .button:not(.link-button):not(.button-close):not(.outlined-button):not([disabled]):hover {
        box-shadow: var(--button-shadow-offset-x) var(--button-shadow-offset-y) var(--button-shadow-blur) rgba(var(--shadow-color), var(--button-shadow-opacity));
    }

    .solid-button:not([disabled]):hover {
        background-color: rgb(var(--button-hover-color));
    }
    
    .outlined-button:not([disabled]):hover,
    .product__xr-button:not([disabled]):hover {
        color: rgb(var(--button-hover-color));
        border-color: rgb(var(--button-hover-color));
    }

    .outlined-button:not([disabled]):hover svg,
    .link-button:not([disabled]):hover svg {
        fill: rgb(var(--button-hover-color));
    }

    .link-button:not([disabled]):hover {
        color: rgb(var(--button-hover-color));
    }

    a.link-underline:hover,
    .link-underline a:hover {
        color: rgba(var(--layout-link-color), var(--hover-opacity));
    }
}

.button-block:not(.button-block--main) + .button-wrap:has(+ .button-block:not(.button-block--main)),
.button-block--main + .button-wrap:has(+ .button-block--main),
.button-wrap:last-child,
.button-wrap:has(+ *:not(.button-block):not(.block-icon)) {
    display: none;
}
.button-with-icon {
    align-items: center;
    gap: 4px;
}
.icon--swap .icon-accordion {
    order: 2;
}
.button-with-icon.link-button .icon-accordion {
    display: inline-flex;
    vertical-align: middle;
}

.breadcrumbs--center {
    justify-content: center;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.breadcrumbs__list--dim .breadcrumbs__item:not(.breadcrumbs__item--current) {
    opacity: .7;
}

.breadcrumbs__item--storage:has(a:empty) {
    display: none;
}

.breadcrumbs__item--current {
    pointer-events: none;
}

.breadcrumbs__item::after {
    content: '/';
    margin-inline-start: 8px;
}
.breadcrumbs__item--current::after {
    content: '';
}

.breadcrumbs__link {
    transition: opacity .3s var(--transition-timing-function);
}

.breadcrumbs__link:hover {
    opacity: .7;
}

.breadcrumbs__item:has(.breadcrumbs__link:empty) {
    display: none;
}

.header-element {
    padding: 6px;
}
.icon svg {
    aspect-ratio: 1/1;
    display: flex;
}
.icon--small svg {
    max-width: calc(16px + var(--icon-scale)); 
    min-width: calc(16px + var(--icon-scale)); 
    max-height: calc(16px + var(--icon-scale));
    height: auto;
}

.icon--large svg {
    max-width: calc(20px + var(--icon-scale)); 
    min-width: calc(20px + var(--icon-scale)); 
    max-height: calc(20px + var(--icon-scale));
    height: auto;
}

.overlay {
    display: block;
    visibility: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    right: 0;
    z-index: 30;
    top: 0;
    inset-inline-start: 0;
    opacity: 0;
}

@supports not (-webkit-touch-callout:none) {
    .overlay {
      position: fixed;
    }
  }
  
  @supports (-webkit-touch-callout:none) {
    .overlay {
      position: absolute;
    }
  }

.overlay-scheme--bg {
    background-color: rgba(var(--layout-bg-color), var(--overlay-opacity));
}

.overlay-scheme--text {
    background-color: rgba(var(--layout-text-color), var(--overlay-opacity));
}

.overlay-scheme--accent {
    background-color: rgba(var(--layout-accent-color), var(--overlay-opacity));
}

.overlay.open,
.product-media-modal[open] > .overlay {
    opacity: 1;
    visibility: visible;
    z-index: 30;
    transition: opacity 0.3s, visibility .3s;
    backdrop-filter: blur(var(--overlay-blur));
    -webkit-backdrop-filter: blur(var(--overlay-blur));
} 

.quick-view-overlay.open {
    z-index: 100;
}

body:has(.disclosure .drawer.open) .disclosure .overlay {
    visibility: visible;
    opacity: 1;
    z-index: 20;
    backdrop-filter: blur(var(--overlay-blur));
    transition: opacity 0.3s, visibility .3s;
}

body:has(.disclosure .drawer.open) > .overlay.open {
    display: none;
}

.error-color {
    color: rgb(var(--error-color));
}

.success-color {
    color: rgb(var(--success-color));
}

.label {
    display: block;
    margin-bottom: 4px;
}

.input {
    border: var(--border-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    min-height: 44px;
}

.input.input-style--small {
    min-height: 36px;
}

.input.required.invalid {
    border-color: rgb(var(--error-color));
}

.input.required.valid {
    border-color: rgb(var(--layout-text-color));
}

.input::placeholder, 
select::placeholder, 
textarea::placeholder {
    color: rgba(var(--layout-text-color), 0.7);
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.textarea {
    resize: vertical;
    width: 100%;
    padding: 6px 13px;
    min-height: 55px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    color: rgb(var(--layout-text-color));
}

select {
    -webkit-tap-highlight-color: transparent!important;
    -webkit-appearance: none;
    appearance: none;
    -webkit-text-fill-color: inherit;
    -moz-appearance: none;
}

.select {
    position: relative;
    width: fit-content;
    cursor: pointer;
}
.select--full-width {
    width: 100%;
}
select {
    cursor: pointer;
    padding-block: 6px;
    padding-inline: 13px 23px;
}

select,
.input--text {
    position: relative;
    min-height: 36px;
    border: var(--border-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    background: transparent;
    color: rgb(var(--layout-text-color));
    transition: border var(--animation-duration) var(--transition-timing-function);
}

.input--text {
    padding: 6px 13px;
}

.customer .input--text {
    min-height: 44px;
}

select.input-style--big,
.input--text.input-style--big {
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
}

select.input-style--link {
    border: none!important;
    padding-inline-start: 0;
}

@media screen and (max-width: 768px) {
    .prevent-fields-scale .input--text,
    .prevent-fields-scale .textarea,
    .prevent-fields-scale .quantity__input,
    .prevent-fields-scale .search__input,
    .prevent-fields-scale input.field__input,
    .prevent-fields-scale .search-field__text {
        font-size: 16px;
    }
}

.select:has( select:disabled) {
    pointer-events: none;
    opacity: 0.5;
}

select:disabled {
    cursor: not-allowed;
}

@media (hover: hover) {
    select:hover {
        border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.5);
    }
}

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

.input-style--link + .select-icon {
    inset-inline-end: 0;
}

.fields-wrapper .field:not(:last-child),
.fields-wrapper .fields-row:not(:last-child) {
    margin-bottom: 16px;
}

.fields-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.fields-wrapper .fields-row .field {
    margin-bottom: 0;
    flex: 1 1 calc(50% - 8px);
}

.field--checkbox {
    cursor: pointer;
}

.field--checkbox .label {
    margin-bottom: 0;
    margin-inline-start: 10px;
}

.accordion-shipping-calculator .field.hidden {
    display: none;
}

a.link-underline,
.link-underline a,
.link-button,
.link--underline {
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness-heading);
    text-underline-offset: var(--underline-offset-heading);
}

.caption-font a.link-underline,
.body-font a.link-underline,
.body-font .link-underline a,
.subheading-font:not(.subheading-heading-font) .link-underline a,
.subheading-font:not(.subheading-heading-font) a.link-underline,
a.link-underline.body-font:not(.heading-font-style),
.link-underline.caption-font a,
.link-underline.body-font a,
.link-underline.subheading-font:not(.subheading-heading-font) a,
.link-button.caption-font,
.link-button.body-font:not(.heading-font-style),
.link-button.subheading-font:not(.subheading-heading-font),
.body-font:not(.heading-font-style) .link-button:not(.heading-font-style),
.body-font .link--underline {
    text-decoration-thickness: var(--underline-thickness-body);
    text-underline-offset: var(--underline-offset-body);
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    margin: auto;
    height: fit-content;
    max-height: calc(100vh - 65px - 65px);
    width: calc(100vw - (2 * var(--inner-section-padding)));
    max-width: calc(100vw - (2 * var(--inner-section-padding)));
    border-radius: var(--drawers-radius);
    -webkit-border-radius: var(--drawers-radius);
}

.popup .scroll-area {
    min-height: 100%;
    max-height: calc(100vh - 65px - 65px);
}

.popup.open {
    display: block;
    z-index: 50;
    opacity: 1;
    animation: popupOpen var(--animation-duration) var(--transition-timing-function);
}

@keyframes popupOpen {
    0% {
        top: 40px;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

.popup.regular {
    max-width: 720px;
}

.popup.wide {
    max-width: 1200px;
}

.popup.wide .popup-content,
.popup.regular .popup-content {
    padding: 0px var(--inner-section-padding) calc(var(--inner-section-padding) * 2);
}

.popup-content--narrow {
    max-width: 480px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.popup-content .page__content,
.page__content.rte {
    overflow-y: clip;
}

.global-popup-modal {
    display: contents;
    box-sizing: border-box;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    z-index: 0;
    margin: 0 auto;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
}
  
.global-popup-modal[open] {
    opacity: 1;
    visibility: visible;
    z-index: 101;
}

.global-popup-modal--drawer .drawer,
.global-popup-modal--drawer .drawer.wide {
    padding-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .popup.regular .popup-content {
        padding: 0px var(--inner-section-padding) calc(var(--inner-section-padding) * 2);
    }
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.hide-scrollbar::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.hide-scrollbar::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.drawer {
    min-height: 100dvh; 
    height: 100vh; 
    height: -webkit-fill-available;
    bottom: env(safe-area-inset-bottom);
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 50;
    display: block;
    padding: 0 24px 24px;
    bottom: env(safe-area-inset-bottom);
    opacity: 0;
    visibility: hidden;
    transition: none;
    min-width: 480px;
    max-width: 640px;
    width: calc(100vw / 3);
}

.drawer#CartDrawer {
    min-width: auto;
    max-width: none;
    width: auto;
    border-radius: 0;
    inset-inline-end: 0;
    inset-inline-start: unset;
    border-end-start-radius: var(--drawers-radius);
    -webkit-border-end-start-radius: var(--drawers-radius);
    border-start-start-radius: var(--drawers-radius);
    -webkit-border-start-start-radius: var(--drawers-radius);
}

.drawer#CartDrawer.open,
.drawer.drawer--right.modal.open {
    transform: none!important;
}

.drawer#CartDrawer .cart-return {
    display: none!important;
}

.drawer .cart-drawer__inner {
    min-width: 480px;
    max-width: 640px;
    width: calc(100vw / 3);
}

.drawer.wide {
    width: 50vw;
    max-width: 50vw;
    min-width: 640px;
    padding: 0 var(--inner-section-padding) var(--inner-section-padding);
}

.drawer:not(.drawer--left) {
    inset-inline-end: 0;
    border-end-start-radius: var(--drawers-radius);
    -webkit-border-end-start-radius: var(--drawers-radius);
    border-start-start-radius: var(--drawers-radius);
    -webkit-border-start-start-radius: var(--drawers-radius);
    transform: translate(100%);
}

.drawer.drawer--right.modal {
    right: 0;
    border-bottom-left-radius: var(--drawers-radius);
    -webkit-border-bottom-left-radius: var(--drawers-radius);
    border-top-left-radius: var(--drawers-radius);
    -webkit-border-top-left-radius: var(--drawers-radius);
    transform: translate(100%);
}

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

@media screen and (min-width: 769px) {
    .drawer.modal.filter-form--vertical,
    .drawer.modal.filter-form--horizontal {
        transform: translate(0);
    }
}

.drawer + .overlay,
.facets-header__wrapper + .overlay {
    transition: opacity .3s, visibility .3s;
}

.drawer.drawer-without-padding {
    padding: 0!important;
}

.body.hidden .scroll-area,
body.quick-view-open.quick-view-load .scroll-area,
body.overlay-opened .scroll-area {
    overflow-y: auto;
}

.section-menu-drawer .scroll-area,
.search-modal > .scroll-area,
.cart-drawer__inner-wrapper.scroll-area,
.filter-form--horizontal > .scroll-area {
    contain: none;
}

.drawer.open {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, visibility .3s, transform .3s;
    transform: none;
}

.global-popup-modal--drawer .drawer.open {
    transition: none;
    animation: drawerOpen .3s var(--transition-timing-function) forwards;
}

@keyframes drawerOpen {
    0% {
        opacity: 0;
        visibility: hidden;
        transform: translate(100%);
    }
    100% {
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.drawer.drawer--left.open {
    transform: none;
}

.modal--border:not(.drawer):not(.mega-menu):not(.search-modal--popover):not(.drawer-recommendations.drawer-recommendations--side-panel) {
    border: var(--line-thickness) solid rgb(var(--lines-color));
}

.drawer.modal--border:not(.drawer--left) {
    border-left: var(--line-thickness) solid rgb(var(--lines-color));
}

.drawer:not(.drawer--left) .drawer-recommendations.drawer-recommendations--side-panel {
    border-inline-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.drawer.drawer--left.modal--border {
    border-right: var(--line-thickness) solid rgb(var(--lines-color));
}

.drawer.drawer--left .drawer-recommendations.drawer-recommendations--side-panel {
    border-inline-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.drawer-wrapper {
    padding-bottom: 24px;
}

.wide .drawer-wrapper {
    padding-bottom: var(--inner-section-padding);
}

.drawer-wrapper--padding {
    padding-top: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
}

.modal.open {
    outline: none;
}

.modal .button-wrapper,
.modal.popup-wrapper__quick-view .button-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
    position: sticky;
    top: 0;
    padding-top: 16px;
    padding-inline-end: 16px;
    background-color: transparent;
    z-index: 5;
}

.drawer  .button-wrapper {
    position: absolute;
    inset-inline-end: 16px;
    z-index: 7;
    margin-bottom: 16px;
    padding-top: 16px;
    padding-inline-end: 0;
}

.drawer .button-wrapper .button-close,
.popup .button-wrapper .button-close {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    background-color: rgba(var(--layout-bg-color), .7);
    backdrop-filter: blur(4px);
    border-radius: var(--button-border-radius);
    -webkit-border-radius: var(--button-border-radius);
    border: 1px solid rgba(var(--layout-text-color), .2);
    aspect-ratio: 1/1;
    padding: 11px;
}
.drawer .button-wrapper .button-close svg,
.popup .button-wrapper .button-close svg {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.drawer .scroll-area {
    height: 100%;
}

@media (hover: hover) {
    .drawer .button-wrapper .button-close:hover svg,
    .popup .button-wrapper .button-close:hover svg {
        opacity: 0.7;
    }
}

.modal--shadow {
    box-shadow: var(--modal-shadow-horiz-offset) var(--modal-shadow-vert-offset) var(--modal-shadow-blur) rgba(var(--shadow-color), var(--modal-shadow-opacity));
}

.dropdown-icon, .dropdown-icon svg {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.popover {
    background-color: rgb(var(--popover-bg-color));
    color: rgb(var(--popover-text-color));
}
.popover .dropdown-icon svg {
    fill: rgb(var(--popover-text-color));
}

*:not(.menu__item) .popovers-line:not(:last-child),
.menu__item li:not(:last-child) .popovers-line {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}
.second-nested__list > li:last-child .popovers-line {
    border-block-end: none;
}

summary:not([open]) .dropdown-icon--open,
summary[open] .dropdown-icon--close {
    display: none;
}

details-dropdown:not([open]) > *:last-child:not(:only-child) {
    visibility: hidden;
    opacity: 0;
    width: 0;
    clip: rect(0 0 0 0);
    transition: opacity var(--animation-duration) ease, visibility var(--animation-duration) ease;
}

/* details-dropdown:not([open]) > *:last-child:not(:only-child) * {
    opacity: 0;
    visibility: hidden;
    height: 0;
} */

details-dropdown[open] > *:last-child:not(:only-child) {
    visibility: visible;
    opacity: 1;
}

summary[open] .dropdown-icon--close {
    visibility: hidden;
    width: 0;
    height: 0;
}

svg {
    fill: rgb(var(--layout-text-color));
}

.svg-with-background path,
.svg-with-background circle,
.svg-with-background line,
.svg-with-background polyline,
.svg-with-background rect {
    stroke: rgb(var(--layout-text-color));
}

.solid-button svg {
    fill: rgb(var(--button-label-color));
}

.placeholder-svg {
    display: flex;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--layout-text-color), .07);
    fill: rgb(var(--layout-text-color), .5);
}

.placeholder {
    background-color: rgba(var(--layout-text-color), .07);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 240px;
    width: 100%;
}

.placeholder-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    color: rgba(var(--layout-text-color), .7);
}

.placeholder + svg {
    fill: rgba(var(--layout-text-color), .5);
}

.full-bottom-line {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.full-top-line {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.shopify-section:not(:last-child) .bottom-line {
    position: relative;
}

.shopify-section:not(:last-child) .bottom-line::after {
    content: '';
    height: var(--line-thickness);
    display: block;
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    background-color: rgb(var(--lines-color));
}

.shopify-section:not(:last-child) .side-margins:not(.disable-margins).bottom-line::after,
.shopify-section:not(:last-child) .section-container:not(.side-margins).bottom-line::after {
    inset-inline-start: var(--side-margin);
    inset-inline-end: var(--side-margin);
}

.block-heading {
    padding-bottom: var(--block-padding-s);
}

.block-subheading + .block-heading {
    padding-top: var(--block-padding-xs);
}

.shopify-section .footer .section-container .footer-grid {
    overflow: visible;
}

.footer__block {
    --padding-top: 0px;
    --padding-bottom: 0px;
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
}

.footer .payment__list {
    gap: 4px;
    flex-wrap: wrap;
}

.footer .newsletter__text {
    margin-top: 8px;
}

.footer .newsletter {
    max-width: 420px;
}

.footer .newsletter .newsletter__subheading,
.footer .newsletter-form:not(:last-child) {
    margin-bottom: var(--block-padding-s);
}

.footer .newsletter__form ~ .field--checkbox {
    margin-top: var(--block-padding-s);
}

.footer .newsletter__form {
    align-items: stretch!important;
}

.footer .buttons {
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.footer .buttons .button {
    display: flex;
    gap: 4px;
    align-items: center;
}
.footer .buttons .button--main {
    width: fit-content;
    min-width: 44px;
}

.footer .block-with-width {
    width: 100%;
    max-width: var(--desktop-width);
    min-width: 200px;
}

.footer .block-social-media {
    width: fit-content;
}

.footer .block-media.section-block {
    margin-top: 0;
}

.footer .miscellaneous > *:not(:last-child) {
    margin-bottom: var(--block-padding-s);
}

.footer .context-image,
.footer .back-to-top {
    height: fit-content;
}

.footer__block.center .field--checkbox {
    justify-content: center;
}

button.newsletter__field-button {
    flex-shrink: 0;
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-bg-color));
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    border-start-end-radius: var(--field-radius);
    border-end-end-radius: var(--field-radius);
    min-height: 44px;
    overflow: clip;
    padding: 8px 22px;
    display: inline-flex;
    align-items: center;
}

button.newsletter__field-button b {
    color: inherit
}

.newsletter__field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.success-color:has( + .newsletter__form),
.error-color:has( + .newsletter__form) {
    margin-bottom: 8px;
}

@media (hover: hover) {
    .newsletter__field-button:not([disabled]):hover {
        opacity: 0.7;
    }
}

.legal--stretched {
    justify-content: space-between;
    align-items: center;
}

.page-grid .legal--stretched,
.page-grid .legal--centered {
    gap: var(--page-column-gap);
}

.alternative-grid .legal--stretched,
.alternative-grid .legal--centered {
    gap: var(--alt-column-gap);
}

.secondary-grid .legal--stretched,
.secondary-grid .legal--centered {
    gap: var(--second-column-gap);
}

.legal--stacked {
    flex-direction: column;
    align-items: center;
}

.page-grid .legal--stacked {
    gap: var(--page-row-gap);
}

.alternative-grid .legal--stacked {
    gap: var(--alt-row-gap);
}

.secondary-grid .legal--stacked {
    gap: var(--second-row-gap);
}

.legal--centered {
    justify-content: center;
    align-items: center;
}

.back-to-top {
    gap: 16px;
}

.back-to-top__icon {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: clip;
    background-color: rgb(var(--layout-text-color));
    flex-shrink: 0;
}

.back-to-top__icon svg {
    fill: rgb(var(--layout-bg-color));
}

.copyright__content:not(:last-child) {
    margin-bottom: 4px;
}

@media screen and (min-width: 1025px) {
    .footer .block-menu.center .menu__list.flex--row {
        justify-content: center;
    }
    .footer .block-menu.center .menu__list.flex--column {
        align-items: center;
    }
}

@media screen and (max-width: 1024px) {
    .footer .grid {
        gap: var(--section-padding);
    }
    .back-to-top__title {
        display: none;
    }
    .footer__block {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer .center {
        text-align: start;
    }
    .footer *[style*="justify-content"] {
        justify-content: flex-start!important;
    }
    .footer *[style*="align-items"] {
        align-items: flex-start!important;
    }
    .footer .mobile-two-columns .footer__block:not(.footer__block--menu) {
        grid-column: span 2;
    }
    .legal--centered {
        justify-content: space-between;
    }
}

/* custom-html custom-code placeholder */
.code-placeholder {
    display: flex;
    width: 100%; 
    height: 100%;
    background-color: rgba(var(--layout-text-color),.07);
    fill: none;
}
.code-placeholder path {
    fill: rgb(var(--layout-text-color), .5);
}

deferred-media,
recently-viewed-products {
    display: block;
}

.media:not([data-title])>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
}

.rte {
    max-width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.rte:has( + .page__content),
.rte.richtext,
.drawer-wrapper .rte {
    overflow: visible;
}

.rte::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.rte::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.rte:not(.richtext) > *:not(table) {
    max-width: 100vw;
    position: sticky;
    inset-inline-start: 0;
}

.drawer .rte:not(.richtext) > *:not(table) {
    max-width: 100%;
}

.rte > *:not(:last-child),
.richtext object > *:not(:last-child) {
    margin-bottom: calc(var(--body-font-size) * var(--body-line-height) * var(--rte-paragraph-spacing));
}
.bold,
#body .bold {
    font-weight: bold;
}
.rte iframe {
    max-width: 100%;
}
.rte iframe[src*=youtube],
.rte iframe[src*=vimeo] {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
.rte img {
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
}

.rte.center img,
.rte.center blockquote,
.center ol,
.center ul {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.rte.right img,
.rte.right blockquote,
.right ol,
.right ul  {
    margin-inline-start: auto;
}

.rte ul,
.rte ol {
    list-style-position: outside;
    padding-inline-start: 1.6em;
}

.rte ol, 
.rte ul {
    width: fit-content;
}

.rte ul li {
    list-style-type: disc;
    text-align: start;
}

.rte ol li {
    list-style-type: decimal;
    text-align: start;
}

.richtext li {
    display: list-item !important;
}

.center .popup-content,
.center .drawer-wrapper {
    text-align: start;
}

.center .popup-content ul,
.center .popup-content ol, 
.center .drawer-wrapper ul,
.center .drawer-wrapper ol{
    margin-inline-start: 0;
}

.rte:not(.richtext) a {
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness-heading);
    text-underline-offset: var(--underline-offset-heading);
    color: rgb(var(--layout-link-color));
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.rte:not(.richtext).caption-font a,
.rte:not(.richtext).body-font a,
.rte:not(.richtext).subheading-font:not(.subheading-heading-font) a {
    text-decoration-thickness: var(--underline-thickness-body);
    text-underline-offset: var(--underline-offset-body);
}

.rte blockquote {
    position: relative;
    display: flex;
    padding: 16px 24px;
    color: rgb(var(--layout-accent-color));
    width: fit-content;
}

.rte blockquote::after {
    content: "";
    width: 2px;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    margin-inline-end: 24px;
    position: absolute;
    background-color: rgb(var(--layout-accent-color));
}

.rte pre {
    max-width: 100%;
    overflow-x: auto;
}

.rte code {
    display: inline-block;
    border-radius: var(--field-radius);
    background-color: rgba(var(--layout-text-color), 0.05);
    padding: 16px;
    color: rgba(var(--layout-text-color), 0.8);
}

.rte code:empty {
    display: none;
}

.rte table {
    width: max-content;
    border-collapse: collapse;
    border-inline-start: var(--line-thickness) solid rgb(var(--lines-color));
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.rte table th {
    padding: 12px;
    text-align: start;
    border-inline-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.rte table tr {
    height: fit-content !important;
    border-collapse: collapse;
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.rte table td {
    height: fit-content !important;
    padding: 12px;
    border-inline-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    font-style: var(--font-heading-main-style);
    line-height: var(--section-headings-line-height);
    font-weight: var(--font-heading-main-weight);
    letter-spacing: var(--section-headings-letter-spacing);
    font-family: var(--font-heading-main-family);
    text-transform: none;
}

.rte.headings-uppercase h1, .rte.headings-uppercase h2,
.rte.headings-uppercase h3, .rte.headings-uppercase h4,
.rte.headings-uppercase h5, .rte.headings-uppercase h6 {
    text-transform: uppercase !important;
}

.rte {
    --coefficient: 0.85;
}
.rte.richtext {
    --coefficient: 0.8;
}

.rte h1:not(.page-title) {
    font-size: max(var(--body-font-size), var(--section-headings-font-size));
}

.rte h2 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient)));
}

.rte h3 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient)));
}

.rte h4 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte h5 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte h6 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte:not(.richtext) h1:not(:first-child) {
    margin-top: calc(var(--heading-line-height) * max(var(--body-font-size), var(--section-headings-font-size)));
}

.rte:not(.richtext) h2:not(:first-child) {
    margin-top: calc(var(--heading-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient))));
}

.rte:not(.richtext) h3:not(:first-child) {
    margin-top: calc(var(--heading-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext) h4:not(:first-child) {
    margin-top: calc(var(--heading-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext) h5:not(:first-child) {
    margin-top: calc(var(--heading-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext) h6:not(:first-child){
    margin-top: calc(var(--heading-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.font-section-headings--main .rte.heading-style-section-heading h1, 
.font-section-headings--main .rte.heading-style-section-heading h2, 
.font-section-headings--main .rte.heading-style-section-heading h3, 
.font-section-headings--main .rte.heading-style-section-heading h4, 
.font-section-headings--main .rte.heading-style-section-heading h5, 
.font-section-headings--main .rte.heading-style-section-heading h6 {
    font-style: var(--font-heading-main-style);
    line-height: var(--section-headings-line-height);
    font-weight: var(--font-heading-main-weight);
    letter-spacing: var(--section-headings-letter-spacing);
    font-family: var(--font-heading-main-family);
    text-transform: none;
}

.font-section-headings--secondary .rte.heading-style-section-heading h1, 
.font-section-headings--secondary .rte.heading-style-section-heading h2, 
.font-section-headings--secondary .rte.heading-style-section-heading h3, 
.font-section-headings--secondary .rte.heading-style-section-heading h4, 
.font-section-headings--secondary .rte.heading-style-section-heading h5, 
.font-section-headings--secondary .rte.heading-style-section-heading h6 {
    font-style: var(--font-heading-second-style);
    line-height: var(--section-headings-line-height);
    font-weight: var(--font-heading-second-weight);
    letter-spacing: var(--section-headings-letter-spacing);
    font-family: var(--font-heading-second-family);
    text-transform: none;
}

.rte.heading-style-section-heading h1 {
    font-size: max(var(--body-font-size), var(--section-headings-font-size));
}

.rte.heading-style-section-heading h2 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient)));
}

.rte.heading-style-section-heading h3 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-section-heading h4 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-section-heading h5 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-section-heading h6 {
    font-size: max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte:not(.richtext).heading-style-section-heading h1:not(:first-child) {
    margin-top: calc(var(--section-headings-line-height) * max(var(--body-font-size), var(--section-headings-font-size)));
}

.rte:not(.richtext).heading-style-section-heading h2:not(:first-child) {
    margin-top: calc(var(--section-headings-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-section-heading h3:not(:first-child) {
    margin-top: calc(var(--section-headings-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-section-heading h4:not(:first-child) {
    margin-top: calc(var(--section-headings-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-section-heading h5:not(:first-child) {
    margin-top: calc(var(--section-headings-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-section-heading h6:not(:first-child){
    margin-top: calc(var(--section-headings-line-height) * max(var(--body-font-size), calc(var(--section-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.font-secondary-headings--main .rte.heading-style-secondary-heading h1, 
.font-secondary-headings--main .rte.heading-style-secondary-heading h2, 
.font-secondary-headings--main .rte.heading-style-secondary-heading h3, 
.font-secondary-headings--main .rte.heading-style-secondary-heading h4, 
.font-secondary-headings--main .rte.heading-style-secondary-heading h5, 
.font-secondary-headings--main .rte.heading-style-secondary-heading h6 {
    font-style: var(--font-heading-main-style);
    line-height: var(--secondary-headings-line-height);
    font-weight: var(--font-heading-main-weight);
    letter-spacing: var(--secondary-headings-letter-spacing);
    font-family: var(--font-heading-main-family);
    text-transform: none;
}

.font-secondary-headings--secondary .rte.heading-style-secondary-heading h1, 
.font-secondary-headings--secondary .rte.heading-style-secondary-heading h2, 
.font-secondary-headings--secondary .rte.heading-style-secondary-heading h3, 
.font-secondary-headings--secondary .rte.heading-style-secondary-heading h4, 
.font-secondary-headings--secondary .rte.heading-style-secondary-heading h5, 
.font-secondary-headings--secondary .rte.heading-style-secondary-heading h6 {
    font-style: var(--font-heading-second-style);
    line-height: var(--secondary-headings-line-height);
    font-weight: var(--font-heading-second-weight);
    letter-spacing: var(--secondary-headings-letter-spacing);
    font-family: var(--font-heading-second-family);
    text-transform: none;
}

.rte.heading-style-secondary-heading h1 {
    font-size: max(var(--body-font-size), var(--secondary-headings-font-size));
}

.rte.heading-style-secondary-heading h2 {
    font-size: max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient)));
}

.rte.heading-style-secondary-heading h3 {
    font-size: max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-secondary-heading h4 {
    font-size: max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-secondary-heading h5 {
    font-size: max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-secondary-heading h6 {
    font-size: max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte:not(.richtext).heading-style-secondary-heading h1:not(:first-child) {
    margin-top: calc(var(--secondary-headings-line-height) * max(var(--body-font-size), var(--secondary-headings-font-size)));
}

.rte:not(.richtext).heading-style-secondary-heading h2:not(:first-child) {
    margin-top: calc(var(--secondary-headings-line-height) * max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-secondary-heading h3:not(:first-child) {
    margin-top: calc(var(--secondary-headings-line-height) * max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-secondary-heading h4:not(:first-child) {
    margin-top: calc(var(--secondary-headings-line-height) * max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-secondary-heading h5:not(:first-child) {
    margin-top: calc(var(--secondary-headings-line-height) * max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-secondary-heading h6:not(:first-child){
    margin-top: calc(var(--secondary-headings-line-height) * max(var(--body-font-size), calc(var(--secondary-headings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.font-page-titles--main .rte.heading-style-page-title h1, 
.font-page-titles--main .rte.heading-style-page-title h2, 
.font-page-titles--main .rte.heading-style-page-title h3, 
.font-page-titles--main .rte.heading-style-page-title h4, 
.font-page-titles--main .rte.heading-style-page-title h5, 
.font-page-titles--main .rte.heading-style-page-title h6 {
    font-style: var(--font-heading-main-style);
    line-height: var(--page-title-line-height);
    font-weight: var(--font-heading-main-weight);
    letter-spacing: var(--page-title-letter-spacing);
    font-family: var(--font-heading-main-family);
    text-transform: none;
}

.font-page-titles--secondary .rte.heading-style-page-title h1, 
.font-page-titles--secondary .rte.heading-style-page-title h2, 
.font-page-titles--secondary .rte.heading-style-page-title h3, 
.font-page-titles--secondary .rte.heading-style-page-title h4, 
.font-page-titles--secondary .rte.heading-style-page-title h5, 
.font-page-titles--secondary .rte.heading-style-page-title h6 {
    font-style: var(--font-heading-second-style);
    line-height: var(--page-title-line-height);
    font-weight: var(--font-heading-second-weight);
    letter-spacing: var(--page-title-letter-spacing);
    font-family: var(--font-heading-second-family);
    text-transform: none;
}

.rte.heading-style-page-title h1 {
    font-size: max(var(--body-font-size), var(--page-title-font-size));
}

.rte.heading-style-page-title h2 {
    font-size: max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient)));
}

.rte.heading-style-page-title h3 {
    font-size: max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-page-title h4 {
    font-size: max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-page-title h5 {
    font-size: max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-page-title h6 {
    font-size: max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte:not(.richtext).heading-style-page-title h1:not(:first-child) {
    margin-top: calc(var(--page-title-line-height) * max(var(--body-font-size), var(--page-title-font-size)));
}

.rte:not(.richtext).heading-style-page-title h2:not(:first-child) {
    margin-top: calc(var(--page-title-line-height) * max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-page-title h3:not(:first-child) {
    margin-top: calc(var(--page-title-line-height) * max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-page-title h4:not(:first-child) {
    margin-top: calc(var(--page-title-line-height) * max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-page-title h5:not(:first-child) {
    margin-top: calc(var(--page-title-line-height) * max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-page-title h6:not(:first-child){
    margin-top: calc(var(--page-title-line-height) * max(var(--body-font-size), calc(var(--page-title-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte.heading-style-body-font h1, 
.rte.heading-style-body-font h2, 
.rte.heading-style-body-font h3, 
.rte.heading-style-body-font h4, 
.rte.heading-style-body-font h5, 
.rte.heading-style-body-font h6 {
    font-style: var(--font-body-style);
    line-height: var(--body-line-height);
    font-weight: var(--font-body-weight);
    letter-spacing: var(--body-letter-spacing);
    font-family: var(--font-body-family);
    text-transform: none;
    font-size: var(--body-font-size);
}

.rte:not(.richtext).heading-style-body-font h1:not(:first-child),
.rte:not(.richtext).heading-style-body-font h2:not(:first-child),
.rte:not(.richtext).heading-style-body-font h3:not(:first-child),
.rte:not(.richtext).heading-style-body-font h4:not(:first-child),
.rte:not(.richtext).heading-style-body-font h5:not(:first-child),
.rte:not(.richtext).heading-style-body-font h6:not(:first-child){
    margin-top: calc(var(--body-line-height) * var(--body-font-size));
}

.rte.heading-style-subheading-font h1, 
.rte.heading-style-subheading-font h2, 
.rte.heading-style-subheading-font h3, 
.rte.heading-style-subheading-font h4, 
.rte.heading-style-subheading-font h5, 
.rte.heading-style-subheading-font h6 {
    font-style: var(--font-body-style);
    line-height: var(--body-line-height);
    font-weight: var(--font-body-weight);
    letter-spacing: var(--subheadings-letter-spacing);
    font-family: var(--font-body-family);
    text-transform: none;
}

.font-subheadings-headings--main .rte.heading-style-subheading-font.heading-style-subheading-heading-font h1, 
.font-subheadings-headings--main .rte.heading-style-subheading-font.heading-style-subheading-heading-font h2, 
.font-subheadings-headings--main .rte.heading-style-subheading-font.heading-style-subheading-heading-font h3, 
.font-subheadings-headings--main .rte.heading-style-subheading-font.heading-style-subheading-heading-font h4, 
.font-subheadings-headings--main .rte.heading-style-subheading-font.heading-style-subheading-heading-font h5, 
.font-subheadings-headings--main .rte.heading-style-subheading-font.heading-style-subheading-heading-font h6 {
    font-style: var(--font-heading-main-style);
    font-weight: var(--font-heading-main-weight);
    font-family: var(--font-heading-main-family);
}

.font-subheadings-headings--secondary .rte.heading-style-subheading-font.heading-style-subheading-heading-font h1, 
.font-subheadings-headings--secondary .rte.heading-style-subheading-font.heading-style-subheading-heading-font h2, 
.font-subheadings-headings--secondary .rte.heading-style-subheading-font.heading-style-subheading-heading-font h3, 
.font-subheadings-headings--secondary .rte.heading-style-subheading-font.heading-style-subheading-heading-font h4, 
.font-subheadings-headings--secondary .rte.heading-style-subheading-font.heading-style-subheading-heading-font h5, 
.font-subheadings-headings--secondary .rte.heading-style-subheading-font.heading-style-subheading-heading-font h6 {
    font-style: var(--font-heading-second-style);
    font-weight: var(--font-heading-second-weight);
    font-family: var(--font-heading-second-family);
}

#body .rte.heading-style-subheading-font.heading-style-bold h1, 
#body .rte.heading-style-subheading-font.heading-style-bold h2, 
#body .rte.heading-style-subheading-font.heading-style-bold h3, 
#body .rte.heading-style-subheading-font.heading-style-bold h4, 
#body .rte.heading-style-subheading-font.heading-style-bold h5, 
#body .rte.heading-style-subheading-font.heading-style-bold h6 {
    font-weight: bold;
}

.rte.heading-style-subheading-font h1 {
    font-size: max(var(--body-font-size), var(--subheadings-font-size));
}

.rte.heading-style-subheading-font h2 {
    font-size: max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient)));
}

.rte.heading-style-subheading-font h3 {
    font-size: max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-subheading-font h4 {
    font-size: max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-subheading-font h5 {
    font-size: max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte.heading-style-subheading-font h6 {
    font-size: max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient)));
}

.rte:not(.richtext).heading-style-subheading-font h1:not(:first-child) {
    margin-top: calc(var(--body-line-height) * max(var(--body-font-size), var(--subheadings-font-size)));
}

.rte:not(.richtext).heading-style-subheading-font h2:not(:first-child) {
    margin-top: calc(var(--body-line-height) * max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-subheading-font h3:not(:first-child) {
    margin-top: calc(var(--body-line-height) * max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-subheading-font h4:not(:first-child) {
    margin-top: calc(var(--body-line-height) * max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-subheading-font h5:not(:first-child) {
    margin-top: calc(var(--body-line-height) * max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte:not(.richtext).heading-style-subheading-font h6:not(:first-child){
    margin-top: calc(var(--body-line-height) * max(var(--body-font-size), calc(var(--subheadings-font-size) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient) * var(--coefficient))));
}

.rte.headings-uppercase h1, .rte.headings-uppercase h2,
.rte.headings-uppercase h3, .rte.headings-uppercase h4,
.rte.headings-uppercase h5, .rte.headings-uppercase h6 {
    text-transform: uppercase;
}

.section-line.section-line--full-width {
    max-width: none;
}

.line {
    width: 100%;
    height: var(--line-thickness);
    background-color: rgb(var(--lines-color));
    display: block;
}

@media (hover: hover) {
    .rte:not(.richtext) a:hover {
        color: rgba(var(--layout-link-color), var(--hover-opacity));
    }
}

@media screen and (max-width: 1024px) {
    .elem-padding-l,
    .elem-padding-m,
    .elem-padding-s {
        padding: var(--inner-section-padding);
    }
}

@media screen and (max-width: 768px) {
    .button--main:not(.link-button) {
        min-height: calc(36px - (var(--border-thickness) * 2));
        min-width: 140px;
    }
    .visually-hidden--desktop {
        position: relative !important;
        width: auto;
        height: auto;
        margin: unset;
        padding: unset;
        border: unset;
        clip: auto;
        word-wrap: normal !important;
    }
    .popup {
        max-height: calc(100% - 32px);
        max-width: calc(100% - 16px);
    }
    .popup .scroll-area {
        max-height: calc(100dvh - 32px);
    }
    @keyframes popupOpen {
        0% {
            top: 20px;
            opacity: 0;
        }
        100% {
            top: 0;
            opacity: 1;
        }
    }
    .footer .block-with-width {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .drawer,
    .drawer.wide {
        width: 100vw;
        max-width: 100vw;
        min-width: 100dvw;
        padding-inline-start: 24px;
        padding-inline-end: 24px;
    }
    .drawer:not(.drawer--left),
    .drawer.drawer--left,
    .drawer#CartDrawer,
    .drawer.drawer--right.modal {
        border-radius: 0;
    }
    .wide .drawer-wrapper {
        padding-bottom: 24px;
    }
    .drawer .cart-drawer__inner  {
        width: 100vw;
        max-width: 100vw;
        min-width: 100dvw;
    }
}

.block__button {
    width: fit-content;
    display: inline-block;
}

.button-block {
    vertical-align: middle;
}

/* Logo */
.logo__title {
    font-family: var(--logo-font-family);
    font-style: var(--logo-font-style);
    font-weight: var(--logo-font-weight);
    font-size: var(--logo-font-size);
    color: rgb(var(--layout-text-color));
    line-height: 90%;
    max-width: 100%;
    word-break: normal;
    letter-spacing: normal;
    user-select: none;
}

.logo__image:not(.logo__image-only-title) {
    width: var(--logo-width);
}

.logo__title,
.logo__image.logo__image-only-title {
    max-width: var(--logo-width);
}

.logo__image-item {
    display: block;
    height: auto;
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
    .logo__image:not(.logo__image-only-title) {
        width: calc(0.8 * var(--logo-width));
    }
    .logo__title,
    .logo__image.logo__image-only-title {
        max-width: calc(0.8 * var(--logo-width));
    }
}

.logo__image-item--overlap:not(.logo__image-item--overlap-always) {
    display: none;
}

/* Cookie banner */

.font-secondary-headings--main #shopify-pc__banner.shopify-pc__banner__dialog h2,
.font-secondary-headings--main #shopify-pc__prefs__dialog h2 {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--secondary-headings-font-size)/var(--secondary-headings-line-height) var(--font-heading-main-family);
    letter-spacing: var(--secondary-headings-letter-spacing);
}

.font-secondary-headings--secondary #shopify-pc__banner.shopify-pc__banner__dialog h2,
.font-secondary-headings--secondary #shopify-pc__prefs__dialog h2 {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--secondary-headings-font-size)/var(--secondary-headings-line-height) var(--font-heading-second-family);
    letter-spacing: var(--secondary-headings-letter-spacing);
}

.font-subheadings-headings--main #shopify-pc__prefs__dialog h3,
.font-subheadings-headings--main #shopify-pc__prefs__dialog label {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--subheadings-font-size)/var(--body-line-height) var(--font-heading-main-family);
    letter-spacing: var(--subheadings-letter-spacing);
}

.font-subheadings-headings--secondary #shopify-pc__prefs__dialog h3,
.font-subheadings-headings--secondary #shopify-pc__prefs__dialog label {
    font: var(--font-heading-second-style) var(--font-heading-second-weight) var(--subheadings-font-size)/var(--body-line-height) var(--font-heading-second-family);
    letter-spacing: var(--subheadings-letter-spacing);
}

#shopify-pc__banner.shopify-pc__banner__dialog p,
#shopify-pc__banner.shopify-pc__banner__dialog button,
#shopify-pc__prefs__dialog {
    font: var(--font-body-style) var(--font-body-weight) var(--body-font-size)/var(--body-line-height) var(--font-body-family);
    letter-spacing: var(--body-letter-spacing);
}

/* Anchor link */
.anchor-link {
    height: 0!important;
}

.anchor-link.anchor-link-visible {
    height: auto!important;
}

.anchor-link__wrapper {
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.anchor-link__text {
    opacity: 0.7;
}

.anchor-link__svg svg {
    fill: none;
}

.anchor-link__svg path {
    stroke: rgb(var(--layout-text-color));
}

/* Component accordion */
.accordion__panel {
    max-height: 0;
    overflow: clip;
    transition: max-height .3s ease;
}

.not_collapsible .accordion__panel,
.open_collapsible.is-open .accordion__panel:not([style]) {
    max-height: none;
}

.not_collapsible .accordion__summary {
    cursor: default;
    pointer-events: none;
}
  
.accordion-toggle.is-open .accordion__panel  {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}

.accordion-toggle.is-open .accordion__panel::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}

.accordion-toggle.is-open .accordion__panel::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

.accordion:not(.accordion--compact):first-child {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.accordion:not(.accordion--compact) {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.accordion:not(.accordion--compact) .accordion__summary {
    padding-top: var(--tab-padding);
    padding-bottom: var(--tab-padding);
}

.accordion--compact .accordion__summary {
    padding-top: var(--block-padding-s);
    padding-bottom: var(--block-padding-s);
}

.accordion__summary {
    user-select: none;
    cursor: pointer;
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.accordion__summary svg {
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.summary__title {
    display: flex;
    gap: 4px;
    align-items: center;
    position: relative;
}

.accordion .summary__title {
    justify-content: space-between;
}

.icon-accordion:empty {
    display: none;
}

.icon-accordion--close,
.icon-accordion--open {
  display: flex;
  align-items: center;
  width: fit-content;
  transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.icon-accordion--close {
  opacity: 1;
  position: relative;
  transform: rotate(0deg);
}

.icon-accordion--open {
  opacity: 0;
  position: absolute;
  transform: rotate(-90deg);
  inset-inline-end: 0;
}

.is-open .icon-accordion--close {
  transform: rotate(-90deg);
  opacity: 0;
  position: absolute;
  inset-inline-end: 0;
}

.is-open .icon-accordion--open {
  opacity: 1;
  position: relative;
  transform: rotate(-180deg);
} 

.icon-accordion--with-color svg path:first-child,
.icon-accordion--with-color svg circle:first-child {
    fill: var(--color)!important;
}

@media screen and (max-width: 768px) {
    .icon-accordion--with-color svg path:first-child,
    .icon-accordion--with-color svg circle:first-child {
        fill: var(--mobile-color)!important;
    }
}

.summary__title-name {
    display: flex;
    align-items: center;
    gap: 8px;
}

.accordion .accordion__content {
    padding-bottom: var(--tab-padding);
}

@media (hover: hover) {
    .accordion__summary:hover {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
    .accordion__summary:hover svg {
        fill: rgba(var(--layout-text-color), var(--hover-opacity));
    }
}

/* Component tab */
.component-tabs {
    padding: 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.component-tabs__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--secondary-button-vertical-padding) var(--secondary-button-horizontal-padding);
    border-block-end: var(--line-thickness) solid transparent;
    color: rgba(var(--layout-text-color), var(--hover-opacity));
    cursor: pointer;
    min-width: max-content;
    user-select: none;
    -webkit-user-select: none;
    transition: color var(--animation-duration) var(--transition-timing-function), border-color var(--animation-duration) var(--transition-timing-function);
}

.component-tabs__tab.active {
    border-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-text-color));
    cursor: default;
}

.component-tabs__tab.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.component-tabs__wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    gap: var(--block-padding);
}

@media (hover: hover) {
    .component-tabs__tab:not(.active):not(.disabled):hover {
        color: rgb(var(--layout-text-color));
    }
}

.component-tabs__content {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: clip;
    pointer-events: none;
    
    .tabs-block__results--allow-height-change & {
        display: none;
    }
}

.component-tabs__content.active {
    opacity: 1;
    position: relative;
    z-index: 3;
    pointer-events: auto;

    .tabs-block__results--allow-height-change & {
        display: block;
    }
}

.component-tabs__content:not(.active) {
    visibility: hidden;
    display: none;
  }

.component-tabs__content.active:has( .popup-wrapper__quick-view.open) {
    position: static;
}

.collection-tabs .component-tabs__content.active {
    overflow: visible;
}

/* #region Pickup availability */

.pickup-availability-wrapper {
    position: relative;
}

.pickup-availability {
    display: inline-flex;

    .pickup-availability-wrapper &::after {
        content: '';
        position: absolute;
        inset: 0;
    }
}

.pickup-availability__icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
    height: 10px;
    width: 10px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin-inline-end: 8px;

    .pickup-availability.pickup-availability--available & {
        background-color: rgb(var(--pickup-available-icon));
    }

    .pickup-availability.pickup-availability--unavailable & {
        border: 2px solid rgb(var(--pickup-out-of-stock-icon));
    }
}

.pickup-availability__content {
    text-align: start;
    
    .pickup-availability.pickup-availability--available & {
        color: rgb(var(--pickup-available-text));
    }

    .pickup-availability.pickup-availability--unavailable & {
        color: rgb(var(--pickup-out-of-stock-text));
    }
}

/* #endregion */

.main-product .tabs-block--block .tabs-block__tabs {
    gap: 4px;
    margin-bottom: var(--block-padding-xs);
}

.drawer-recommendations .tabs-block--block .tabs-block__tabs {
    gap: 4px;
    margin-bottom: 16px;

    &:not(:has(.tabs-block__heading)) {
        margin-bottom: 0;
    }
}

:is(.main-product, .drawer-recommendations, .cart-drawer__side-panel) .swiper-tabs .swiper-slide {
    width: fit-content !important;
}

:is(.main-product, .drawer-recommendations, .cart-drawer__side-panel) .tabs-block--block .tabs-block__results {
    position: relative;
}

:is(.main-product, .drawer-recommendations, .cart-drawer__side-panel) .tabs-block--block .tabs-block__heading {
    padding: 8px;
    position: relative;
    color: inherit;
}

:is(.main-product, .drawer-recommendations, .cart-drawer__side-panel) .tabs-block--block .active .tabs-block__heading-wrapper  {
    opacity: 0 !important;
}

:is(.main-product, .drawer-recommendations, .cart-drawer__side-panel) .tabs-block--block .active.tabs-block__heading::before {
    content: attr(data-hover);
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    display: inline-block;
}

.tabs-block__fallback-heading {
    display: none;
}

:is(.main-product, .drawer-recommendations, .cart-drawer__side-panel) .tabs-block--block.tabs-block:has( .tabs-block__results:empty) {
    display: none;
}

.drawer-recommendations .component-tabs__content {
    overflow: visible;
}

.drawer-recommendations .swiper-tabs,
.tabs-block--block .swiper-tabs {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}
.drawer-recommendations .swiper-tabs::-webkit-scrollbar,
.tabs-block--block .swiper-tabs::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.drawer-recommendations .swiper-tabs::-moz-scrollbar
.tabs-block--block .swiper-tabs::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

@media (hover: hover) {
    .main-product .tabs-block--block .tabs-block__heading:not(.active):not(.disabled):hover,
    .drawer-recommendations .tabs-block--block .tabs-block__heading:not(.active):not(.disabled):hover {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
}

/* Image block */

.image-block {
    display: block;
    width: min(var(--image-width), 100%);
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
    overflow: clip;
}

.image-block .lazy-image {
    height: 100%;
}

.image-block__item {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: var(--focal-point);  
}

a.image-block {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    a.image-block:hover {
        opacity: 0.7;
    }
}

/* Component block-image */
.block-media {
    display: flex;
    border-radius: var(--block-image-radius);
    -webkit-border-radius: var(--block-image-radius);
    overflow: clip;
    max-width: 100%;
}

.block-media__image {
    display: flex;
}

.block-media__image--mobile {
    display: none;
}

a.block-media img,
a.block-media .placeholder-svg {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    a.block-media:hover img,
    a.block-media:hover .placeholder-svg {
        opacity: var(--hover-opacity);
    }
}

@media screen and (max-width: 768px) {
    .block-media__image--mobile,
    .block-media__image--desktop.block-media__image--all {
        display: flex;
    }
    
    .block-media__image--desktop {
        display: none;
    }
}

/* Component context-image */
.context-image {
    display: flex;
    border-radius: var(--context-image-radius);
    -webkit-border-radius: var(--context-image-radius);
    overflow: clip;
    width: fit-content;
    max-width: 100%;
}

.context-image__image,
.context-image .placeholder-svg {
    max-width: 100%;
    width: var(--context-image-width);
}

a.context-image > .context-image__child,
a.block-icon > svg {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    a.context-image:hover > .context-image__child,
    a.block-icon:hover > svg  {
        opacity: var(--hover-opacity);
    }
}

/* Component block-icon */

.block-icon {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    vertical-align: middle;
}

.block-icon svg,
.block-icon .placeholder-svg {
    max-width: 100%;
    width: var(--icon-size);
    height: auto;
}

.block-icon svg path:first-child,
.block-icon svg circle:first-child {
    fill: var(--color)!important;
}

@media screen and (max-width: 768px) {
    .block-icon svg path:first-child,
    .block-icon svg circle:first-child {
        fill: var(--mobile-color)!important;
    }
}

/* Component deffered-media */
.deferred-media__poster,
.deferred-media__poster + template {
 cursor: pointer;
}

.deferred-media__poster-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background-color: rgb(var(--layout-bg-color));
  border-radius: 50%;
  box-shadow: 0px 0px 2px rgba(var(--layout-text-color), 0.2), 0px 2px 10px rgba(var(--layout-text-color), 0.1);
  overflow: clip;
}

.deferred-media__poster-button svg {
    width: 24px;
    height: 24px;
}

.deferred-media__poster-button-icon {
  width: 28px;
  height: 28px;
}

.deferred-media__poster-button-icon,
.media:not([data-title]) > .deferred-media__poster[type="button"],
.media:not([data-title]) .deferred-media__poster[type="button"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.media.deferred-media[loaded]:not([data-title]) .deferred-media__poster {
  display: none;
}
.deferred-media:not([loaded]) template {
  z-index: 0;
}
.deferred-media[loaded] template {
  background-color: rgba(var(--layout-text-color), .07);
}
.product__media-list .deferred-media {
  display: block;
  height: 100%;
}

/* Component popup */
@media (hover: hover) {
    .popup-button:not([disabled]):hover {
        cursor: pointer;
    }
}

/* Component pice */
.price,
.price__regular,
.price__wrapper {
    display: flex;
    align-items: center;
    gap: 4px 8px;
    flex-wrap: wrap;
    word-break: initial;
    width: fit-content;
}

.price--accent,
.color-accent {
    color: rgb(var(--layout-accent-color));
}

.price--sale {
    color: rgb(var(--sale-color));
}

.price--text {
    color: rgb(var(--layout-text-color));
}

.price--text-background {
    background-color: rgb(var(--layout-text-color));
}

.price--sale-background {
    background-color: rgb(var(--sale-color));
}

.price--accent-background {
    background-color: rgb(var(--layout-accent-color));
}

.price--highlighted-background {
    color: rgb(var(--layout-text-color));
    background-color: rgb(var(--layout-highlighted-background));
}

.price--text-background,
.price--sale-background,
.price--accent-background {
    color: rgb(var(--layout-bg-color));
}

.price--text-background,
.price--sale-background,
.price--accent-background,
.price--highlighted-background {
    line-height: 1.3;
    padding: 4px 6px;
}

.price__regular {
    line-height: 1.3;
    padding-block: 4px;
}

.price .card__badges--product {
    position: relative;
    inset: 0;
}

.price .card__badges-item {
    padding: 4px 8px;
}

.price--bold,
#body .price--bold,
.button-main--bold *,
#body .button-main--bold * {
    font-weight: bold;
}

/* Component quantity input */
.quantity {
    border: var(--border-thickness) solid rgb(var(--layout-text-color));
    width: 200px;
    gap: 4px;
    align-items: center;
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
}

.quantity__input {
    border: none;
    text-align: center;
    width: calc(100% - 44px * 2 - 4px * 2);
    background-color: transparent;
    color: inherit
}
.quantity__button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.quantity__button.disabled {
    cursor: not-allowed;
}
.quantity__button.disabled svg {
    opacity: 0.5;
}

/* Slider */

slider-component,
product-recommendations {
    position: relative;
    display: block;
}

.gallery__grid,
.slider__grid {
    display: flex;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    contain: layout style paint;
}

@supports (-webkit-touch-callout: none) {
    .slider__grid {
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      contain: layout style paint;
      transform: none !important; 
    }
}

.scroll-area {
    contain: layout style paint;
}

.slider:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"]) .slider-button,
.slider:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"]) .slider-scrollbar {
    display: none;
}

.slider:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"]) .slider__viewport {
    padding-bottom: 0;
}

.slider__grid--center {
    justify-content: center;
}

.slider__viewport .slider-scrollbar:not(.visually-hidden) {
    margin-top: 12px;
}

.quick-view-open.quick-view-load .slider__viewport:has( .slider-scrollbar:not(.visually-hidden)) .slider__grid {
    overflow-x: clip;
}

.quick-view-open.quick-view-load .slider__viewport:has( .slider-scrollbar:not(.visually-hidden)) .complementary-products .slider__grid {
    overflow-x: auto;
}

.slider__grid-item {
    flex: 0 0 var(--desktop-item-width);
    width: var(--desktop-item-width);
}

.slider--text-blocks.slider--full-width .slider__grid-item {
    margin-inline-start: var(--slide-margin);
}

.slider--text-blocks.slider--full-width .slider__grid-item:last-child {
    margin-inline-end: var(--slide-margin);
}

.slider__slide {
    scroll-snap-align: start;
}

.snap-align {
    scroll-snap-align: start;
    user-select: none;
    -webkit-user-select: none;
}

.gallery__grid-original .slider__slide {
    height: fit-content;
}

.slider__slide--wide {
    flex: 0 0 100%;
}

.slider-buttons {
    align-items: center;
    display: flex;
}

.slider-button {
    min-width: 40px;
    min-height: 40px;
    cursor: pointer;
}

.slider__header {
    margin-bottom: var(--block-padding-xs);
}

.slider__header.slider__header--center {
    text-align: center;
}

.slider__viewport .slider-button,
.media-gallery .slider-button,
.popup-wrapper__quick-view .media-gallery .slider-button {
    position: absolute;
    top: calc(50%);
    transform: translateY(-50%);
    z-index: 10;
    background-color: rgba(var(--layout-bg-color));
    border-radius: var(--arrow-button-border-radius);
    -webkit-border-radius: var(--arrow-button-border-radius);
    border: .5px solid rgba(var(--layout-text-color), .2);
    aspect-ratio: 1/1;
    padding: 11px;
}

.slider__viewport .slider-button[disabled],
.media-gallery .slider-button[disabled],
.popup-wrapper__quick-view .media-gallery .slider-button[disabled] {
    cursor: not-allowed;
    pointer-events: all;
}

.slider__viewport .slider-button[disabled] svg,
.media-gallery .slider-button[disabled] svg,
.popup-wrapper__quick-view .media-gallery .slider-button[disabled] svg {
    opacity: var(--disabled-button);
}
.slider__viewport:has( .slider-scrollbar:not(.visually-hidden)) .slider-button {
    top: calc(50% - ((30px + 24px) / 2));
}

.slider__viewport:has( .slider-scrollbar:not(.visually-hidden)) .popup-wrapper__quick-view .media-gallery .slider-button {
    top: calc(50%);
}

.slider__viewport .slider-button--prev {
    inset-inline-start: calc((0px - 16px - 11px - 11px - 1px - var(--icon-scale)) / 2);
}

.slider__viewport .slider-button--next {
    inset-inline-end: calc((0px - 16px - 11px - 11px - 1px - var(--icon-scale)) / 2);
}

.media-gallery .slider-button--prev {
    inset-inline-start: 8px;
}

.media-gallery .slider-button--next {
    inset-inline-end: 8px;
}

.slider--full-width .slider__viewport .slider-button--prev,
.section--full-width .slider__viewport .slider-button--prev {
    inset-inline-start: 8px;
}

.slider--full-width .slider__viewport .slider-button--next,
.section--full-width .slider__viewport .slider-button--next {
    inset-inline-end: 8px;
}

.slider-button-hover {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in-out;
}
.slider-scrollbar {
    width: 100%;
    height: 30px;
    position: relative !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    
}

.slider-scrollbar.visually-hidden {
    height: 0px !important;
    visibility: hidden !important;
    position: absolute !important;
}

.slider-scrollbar__track {
    display: block;
    background-color: rgba(var(--layout-text-color), 0.2); 
    height: 2px;
    transform: translateX(0);
    width: 100%;
    border-radius: 4px;
}

.slider-scrollbar__thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    border-radius: 4px;
    cursor: grab;
    background-color: rgb(var(--layout-text-color));
    width: 550px;
}

.slider-scrollbar__thumb.dragging {
    cursor: grabbing;
    top: -2px;
    height: 8px;
}

.slider-scrollbar__thumb::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    display: block;
    height: 30px;
    top: -14px;
}

.slide__thumbnail {
    display: flex;
    width: var(--thumbnails-width);
    cursor: pointer;
    position: relative;
    height: 100%;
}

.thumbnail__badge {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: rgb(var(--layout-bg-color));
    border-radius: 50%;
    overflow: clip;
    box-shadow: 0px 0px 2px rgba(var(--layout-text-color), 0.2), 0px 2px 10px rgba(var(--layout-text-color), 0.1);
}

.thumbnail__badge svg {
    width: 18px;
    height: 18px;
}

.slider__viewport .slider-button-hover[disabled="disabled"] svg {
    opacity: var(--disabled-button);
    pointer-events: none;
}

.slider__viewport .slider-button-hover.focused {
    opacity: 1;
    pointer-events: all;
}

.autoplay-progress {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0!important;
    padding-inline-start: 0!important;
    z-index: 11;
}

.autoplay-progress__progress-circle {
    --autoplay-progress-radius: 7.5px; 
    --autoplay-progress-length: calc(2 * 3.14159 * var(--autoplay-progress-radius));

    width: 24px;
    height: 24px;
    stroke-width: 1.5px;
    stroke: rgb(var(--layout-text-color));
    fill: none;
    stroke-dashoffset: calc(var(--autoplay-progress-length) * (1 - var(--progress)));
    stroke-dasharray: var(--autoplay-progress-length);
    transform: rotate(-90deg);
    cursor: pointer;
}

.autoplay-progress__video-control-icon {
    position: absolute;
    opacity: 0;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    pointer-events: none;

    &.hidden {
        display: none;
    }

    .autoplay-progress__progress-circle:hover ~ & {
        opacity: 1;
    }
}

@media (hover: hover) {
    .slider-scrollbar:hover .slider-scrollbar__track {
        height: 4px;
    }
    .slider__viewport:hover .slider-button-hover {
        opacity: 1;
        pointer-events: all;
    }
    .slider__viewport .slider-button-hover[disabled="disabled"]:hover,
    .media-gallery .slider-button[disabled="disabled"]:hover {
        cursor: not-allowed;
    }
    .slider__viewport:hover .slider-button-hover[disabled] svg {
        opacity: var(--disabled-button);
        pointer-events: none;
    }
}

/* Swiper */

    .swiper {
        --swiper-theme-color: rgb(var(--layout-text-color));
        --swiper-pagination-bullet-horizontal-gap: 0;
        --swiper-pagination-bullet-border-radius: 0;
        --swiper-pagination-bullet-width: calc(100% / var(--total-slides));
        --swiper-pagination-bullet-height: 3px;
        --swiper-pagination-bullet-size: 3px;
        --swiper-pagination-bullet-inactive-color: transparent;
    }
    .swiper-pagination-bullets {
        display: flex;
        top: unset !important;
        --swiper-pagination-bottom: 0;
        background-color: rgba(var(--layout-text-color), .15);
    }
    .swiper-pagination-bullet {
        position: relative;
        background-color: transparent;
        width: calc(100% / var(--total-slides));
        transition: none;
        animation: none;
    }
    .swiper-pagination-bullet-active {
        background-color: rgb(var(--layout-text-color));
        box-shadow: 0px -1px 0px 0px #FFFFFF80;
    }

    @media screen and (max-width: 768px) {
        .swiper {
            --swiper-pagination-color: rgb(var(--layout-text-color));
        }
        .swiper-pagination-bullet-active::after {
            width: 100%;
        }
    }
    .swiper-gallery .swiper-button-lock {
        display: flex;
    }

    .swiper-gallery .swiper-pagination-bullet:only-child {
        display: block !important;
    }
    @media screen and (min-width: 769px) {
        .swiper-pagination--hidden {
            visibility: hidden;
        }
    }

@keyframes countingBar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.swiper-button {
    background-color: rgb(var(--layout-bg-color));
    border-radius: var(--arrow-button-border-radius);
    -webkit-border-radius: var(--arrow-button-border-radius);
    padding: 6px;
    min-width: 30px;
    min-height: 30px;
    aspect-ratio: 1/1;
    --swiper-navigation-size: fit-content;
    border: .5px solid rgba(var(--layout-text-color), .2);
}
.swiper-button::after {
    content: none;
}

.slider-button .icon,
.swiper-button .icon {
    padding: 0;
    display: flex;
    width: fit-content;
}

.product__grid-container li.grid-item {
    width: 100%;
    max-width: 100%;
}

#product-grid.page-grid-gaps {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--page-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}
[id^="Slider-Gallery"].page-grid-gaps > li,
[id^="Slider-Gallery"].alternative-grid-gaps > li,
[id^="Slider-Gallery"].secondary-grid-gaps > li,
.page-grid [id^="Slider-Gallery"] > li,
.alternative-grid [id^="Slider-Gallery"] > li,
.secondary-grid [id^="Slider-Gallery"] > li {
    width: var(--desktop-item-width);
}

[id^="Slider-Gallery"] li .rte li,
[id^="Slider-Gallery"] li .swiper-product-card li {
    width: auto;
}

#product-grid.alternative-grid-gaps {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--alt-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}
#product-grid.secondary-grid-gaps {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--second-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

/* Component video-button */
.popup--video iframe {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.video-button-block {
    display: inline-flex;
    z-index: 4;
    position: relative;
}

.popup--video .button-wrapper {
    position: absolute;
    inset-inline-end: 0px;
    z-index: 5;
    background-color: transparent;
}

.popup--video .button-wrapper .button {
    border-color: transparent;
}

.video-section__media.deferred-media  {
    display: flex;
}

.video-button.icon-button {
    gap: 0px;
}

.video-button__play-wrapper {
    position: relative;
    width: 1px;
    height: 1px;
}

.video-button__play {
    position: absolute;
    inset-inline-start: 0;
    top: -12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px; 
    border-radius: 50%;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
    margin-inline-end: 5px;
}

.video-button__play svg {
    position: absolute;
    top: -4px;
    inset-inline-start: -4px;
    width: 32px;
    height: 32px; 
}

.video-button__play svg .svg-play {
    fill: transparent;
}

.video-button__text {
    padding-inline-start: 29px;
}

.popup-video {
    position: relative;
    width: 100%;
    height: 100%;
}

.popup.open.popup--video {
    height: fit-content;
}

/* Video controls */

.video-controls {
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    display: flex;
    justify-content: var(--video-controls-position);
    align-items: center;
    width: 100%;
    height: fit-content;
    padding-top: 0!important;
    z-index: 11;
}

.video-controls__wrapper {
    gap: 8px;
    width: fit-content;

    slider-swiper:has(.autoplay-progress) & {
        margin-inline-end: calc(24px + 16px); /* .autoplay-progress width + .video-controls__wrapper margin-right from .autoplay-progress */
    }
}

.video-controls .button--controls {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

.button--mute.unmute .icon--mute,
.button--mute.mute .icon--unmute,
.button--pause.play .icon--play,
.button--pause.pause .icon--pause {
    display: none;
}
.button--mute.unmute .icon--unmute,
.button--mute.mute .icon--mute,
.button--pause.play .icon--pause,
.button--pause.pause .icon--play {
    display: inline-flex;
}

/* Contacts */
.contacts-block {
    gap: var(--block-padding-s);
}

a.contacts__item {
    width: fit-content;
    min-height: 24px;
    display: flex;
    align-items: center;
}

/* Page */
.page__content {
    position: relative;
}

.page-placeholder {
    width: 64px;
    height: 64px;
}

.rte >.placeholder:not(:last-child) {
    margin-bottom: 0;
}

.page-wrapper.narrow {
    max-width: 480px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.page-wrapper.regular {
    max-width: 720px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

/* Social icons */
.social-media {
    gap: 8px;
    flex-wrap: wrap;
}

.social-media svg {
    display: flex;
    width: 24px;
    height: 24px;
}

@media screen and (max-width: 1024px) {
    .slider__viewport .slider-button {
        display: none;
        visibility: hidden;
    }
}

/* Component loading */
.loading-overlay__spinner.hidden {
    opacity: 0;
}

.loading-overlay__spinner {
    width: 24px;
    position: absolute;
    z-index: 1;
    inset-inline-end: 0;
    top: 0;
    height: 24px;
}

.loading-overlay__spinner:not(.hidden) .spinner {
    animation: rotator 1.8s linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(270deg);
    }
}

.spinner .path,
.solid-button .spinner .path,
.big-button .spinner .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
}

.loading-overlay__spinner:not(.hidden) .spinner .path {
    stroke: rgb(var(--layout-text-color));
    animation: dash 1.8s ease-in-out infinite;
}

.solid-button .loading-overlay__spinner:not(.hidden) .spinner .path {
    stroke: rgb(var(--button-label-color));
    animation: dash 1.8s ease-in-out infinite;
}
.outlined-button .loading-overlay__spinner:not(.hidden) .spinner .path,
.link-button .loading-overlay__spinner:not(.hidden) .spinner .path {
    stroke: rgb(var(--button-bg-color));
    animation: dash 1.8s ease-in-out infinite;
}

.make-translucent {
    backdrop-filter: blur(30px);
}

@keyframes dash {
 0% { stroke-dashoffset: 187; }
 50% {
   stroke-dashoffset: 20.8;
   transform:rotate(135deg);
 }
 100% {
   stroke-dashoffset: 187;
   transform:rotate(450deg);
 }
}

.loading-overlay__spinner:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay__spinner:not(.hidden) ~ cart-remove-button {
    opacity: 50%;
}
.loading-overlay__spinner:not(.hidden) ~ cart-remove-button {
    pointer-events: none;
    cursor: default;
}

.account {
    align-items: center;
    white-space: nowrap;
    gap: 4px;
}

.cart {
    white-space: nowrap;
    gap: 2px;
    padding-inline-end: 0;
}

store-selector-drawer {
    display: block;
}

.store-selector {
    display: flex;
    column-gap: 4px;
    flex-wrap: nowrap;
    align-items: center;
    margin-inline-end: 22px;
    color: rgb(var(--layout-text-color));

    .announcement-bar__items & {
        margin-inline-end: 0;
    }
}

.store-selector__text {
    line-height: 1;
    text-align: start;
    word-break: normal;
}

.section-menu-drawer .store-selector__icon {
    margin-inline-end: 4px;
}

.section-menu-drawer .store-selector__icon svg {
    max-width: unset;
    min-width: unset;
    max-height: unset;
}

.icons:has(.cart-icon ~ .burger-menu) .cart {
    padding-inline-end: 6px;
}

.cart__title {
    margin-inline-end: 4px;
}

.cart__count {
    background-color: transparent;
    color: rgb(var(--layout-text-color));
    border-radius: 2000px;
    border: 1.5px solid rgb(var(--layout-text-color));
    height: calc(20px + var(--icon-scale));
    min-width: calc(20px + var(--icon-scale));
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-icon-bubble-count {
    line-height: calc(var(--body-font-size) - 1.5px);
    padding: 0 4px;
}

.announcement-bar-wrapper {
    position: relative;
    align-items: center;
    width: calc((100vw - (var(--side-margin) * 2) - 24px * (var(--grid-columns) - 1)) / var(--grid-columns));
}

.announcement-bar-wrapper:only-child {
    width: calc((100vw - (var(--side-margin) * 2)) / var(--grid-columns));
}

.page-grid:not(.disable-max-width) .announcement-bar-wrapper:only-child {
    width: min(calc((var(--page-grid-width) - (var(--side-margin) * 2)) / var(--grid-columns)), calc((100vw - (var(--side-margin) * 2)) / var(--grid-columns)));
}

.alternative-grid:not(.disable-max-width) .announcement-bar-wrapper:only-child {
    width: min(calc((var(--alt-grid-width) - (var(--side-margin) * 2)) / var(--grid-columns)), calc((100vw - (var(--side-margin) * 2)) / var(--grid-columns)));
}

.secondary-grid:not(.disable-max-width) .announcement-bar-wrapper:only-child {
    width: min(calc((var(--second-grid-width) - (var(--side-margin) * 2)) / var(--grid-columns)), calc((100vw - (var(--side-margin) * 2)) / var(--grid-columns)));
}

.announcement-bar-wrapper:first-child {
    grid-area: 1 / 2 / 2 / 3;
}

.announcement-bar-wrapper:first-child ~ .announcement-bar__items {
    grid-area: 1 / 2 / 2 / 4;
}

.announcement-bar-container--0 .menu {
    grid-area: 1 / 1 / 2 / 3;
}

.announcement-bar-container--0 .announcement-bar-wrapper {
    grid-area: none;
    display: none;
}

.announcement-bar-container--0 .announcement-bar__items {
    grid-area: 1 / 3 / 2 / 4;
}

.announcement-bar-container .menu {
    display: flex;
    align-items: center;
}

.announcement-bar .slider-wrapper {
    overflow-x: clip;
}

.announcement-bar,
.advantages {
    display: block;
    padding: var(--spacing) 0;
}

.announcement-bar__slider {
    max-width: 100%;
    margin: 0 auto;
    overflow: clip;
    width: 100%;
}

.slides {
    display: flex;
    height: var(--section-height);
    position: relative;
    overflow-y: clip;
    overflow-x: visible;
}

.announcement-bar--line {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}
.slides {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgb(var(--layout-text-color));
}
.announcement-bar--spacious .slides {
    gap: 0;
}
.announcement-bar--compact .slides {
    gap: var(--padding);
}

.swiper-button-announcement {
    background: var(--bg-gradient);
    border-radius: 0;
    --swiper-navigation-sides-offset: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s var(--transition-timing-function), transform .3s var(--transition-timing-function), background-color .6s var(--transition-timing-function);
}

.swiper-button-announcement::after {
    content: none;
}

.text-blocks {
    justify-content: space-between;
    gap: 20px;
}

.text-blocks--full-width {
    gap: 0;
}

.text-blocks--full-width .text-block {
    padding-inline-start: 20px;
}

.text-blocks--full-width .text-block:last-child {
    margin-inline-end: 20px;
}

.announcement-block {
    padding: 0 30px;
}

.announcement-blocks {
    align-items: center;
}

.text-block,
.announcement-block {
    align-items: center;
    gap: 8px;
}

.announcement-block.center {
    justify-content: center;
}

.announcement-bar__slider:not(.swiper-initialized) .announcement-block:not(:first-of-type) {
    position: absolute !important;
    overflow: clip;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

.announcement-bar__slider:not(.swiper-initialized) .announcement-block {
    width: 100%;
}

@media screen and (min-width: 769px) {
    .swiper-button-announcement.swiper-button-next {
    transform: translate(30px);
    }
    .swiper-button-announcement.swiper-button-prev {
        transform: translate(-30px);
    }
}


.announcement-block.swiper-slide:not(.swiper-slide-active) {
    background-color: transparent;
}

@media (hover: hover) {
    .announcement-bar .slideshow__controls-button:hover {
        opacity: 0.7;
    }
    .announcement-bar:hover .swiper-button-announcement {
        opacity: 1;
        pointer-events: all;
        transform: translate(0px);
    }
}

.announcement-bar__text-wrapper:has(.countdown) {
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 16px;

    .announcement-block.center & {
        justify-content: center;
    }
}

.swiper-button-announcement.focused {
    opacity: 1;
    pointer-events: all;
    transform: translate(0px);
}

.slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; 
    gap: 16px;
    min-width: fit-content;
    flex: 0 0 100%;
}
.text-block__item--mobile {
    display: none;
}
.text-block__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--image-width);
    width: var(--image-width);
    height: auto;
}
.text-block__icon .icon-accordion {
    width: var(--image-width);
}
.text-block__icon svg {
    width: 100%;
    height: auto;
    display: block;
}
.text-block__content--center {
    text-align: center;
}
.text-block__content--center .richtext ul,
.text-block__content--center .richtext ol {
    margin-inline-start: auto;
    margin-inline-end: auto;
}
.text-block__image {
    min-width: var(--image-width);
    width: var(--image-width);
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}
.text-block__image img {
    display: block;
    width: 100%;
    height: 100%;
}

.controls {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    bottom: 32px;
    z-index: 3;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 24px;
}

.controls-button {
    overflow: clip;
    width: 44px;
    height: 44px;
}

.announcement-bar__items {
    column-gap: 24px;
    row-gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.announcement-bar-container:not(:has( .announcement-bar-wrapper:only-child)) {
    gap: 24px;
}

@media screen and (max-width: 768px) {
    .slide {
        word-break: break-word;
        user-select: none;
        -webkit-user-select: none;
        scroll-snap-align: start;
        width: fit-content;
        max-width: calc(100vw - 24px * 2);
    }
    .text-block__item--desktop:not(.text-block__item--desktop-visible) {
        display: none;
    }
    .text-block__item--mobile {
        display: block;
    }
    .slides {
        gap: 0;
    }
    .announcement-bar__items,
    .announcement-bar-container .menu,
    .shopify-section-announcement-bar:has( .announcement-bar-container--0) {
        display: none;
    }
    .announcement-bar-container:not(:has( .announcement-bar-wrapper:only-child)) {
        gap: 0px;
    }
    .controls {
        padding: 0;
    }
    .announcement-bar-wrapper {
        width: calc(100vw - (var(--side-margin) * 2));
    }
    .swiper-button-announcement {
        opacity: 1;
        pointer-events: all;
    }
    .text-block {
        min-width: fit-content;
        scroll-snap-align: start;
    }
    .blocks__viewport {
        overflow-x: clip;
    }
}


/* cart-items */
.cart-items,
.cart-items thead {
    display: block;
}

.cart-items tbody {
    display: flex;
    flex-direction: column;
}

.cart-drawer .cart-items tbody {
    gap: 16px;
}

.cart-items tr {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.cart-item__product {
    display: flex;
    gap: 16px;
    width: 100%;
}

.cart-item__media {
    position: relative;
    display: flex;
}

.enable-blending .cart-item__media,
.enable-blending .cart-item__media .lazy-image__preloader {
    background: var(--blending-color, none);
}

.enable-blending .cart-item__media img {
    mix-blend-mode: darken;
}

.cart-item__media--fit img {
    object-fit: contain;
    padding: var(--card-product-spacing);
}

.cart-item__media--fit .lazy-image__preloader {
    padding: 10px;
}

.cart-item__details {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
}

.product-option,
.cart-item__details-actions,
.cart-item__discounted-prices {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cart-items:has(.loading-overlay__spinner:not(.hidden)) .cart-item__details-actions {
    pointer-events: none;
}

.cart-page .price, .cart-drawer .cart-items .price {
    min-width: max-content;
    word-break: normal;
}

.remove-button {
    margin-inline-start: 12px;
    opacity: .5;
}

.remove-button a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.cart-item__totals {
    position: relative;
}

.cart-item__totals .loading-overlay__spinner:not(.hidden)~* {
    visibility: hidden;
}

.cart-item__first-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.cart-items dl:empty {
    display: none;
}

.before-discounts,
.totals,
.discount,
.cart-weight {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.cart-page label.field--checkbox {
    margin-top: var(--block-padding-s);
    gap: 8px;
}

.tax-note {
    margin-top: 4px;
    display: block;
}

.cart-item__error:has( .cart-item__error-text:empty) {
    display: none;
}

.cart-item .price bdi {
    display: inline-block;
    width: max-content; 
}

@media screen and (max-width: 330px) {
    .cart-item__product {
        flex-wrap: wrap;
    }
}

/* Component free shipping */
.free-shipping__progress {
    display: block;
    width: 100%;
    position: relative;
    height: 2px;
    background-color: rgba(var(--layout-text-color), 0.2);
}
  
.free-shipping__progress::after {
    content: '';
    display: block;
    background-color: rgb(var(--low-inventory-color));
    height: calc(100% + 2px);
    width: var(--progress);
    position: relative;
    top: -1px;
    border-radius: 10px;
}
    
.free-shipping__progress--success::after {
    background-color: rgb(var(--success-color));
}

/* Inventory status */
.cart-product__inventory:not(.cart-product__inventory--low) {
    color: rgb(var(--in-stock-color));
}

.cart-product__inventory--low {
    color: rgb(var(--low-inventory-color));
}

/* Offer */
.offer {
    gap: var(--block-padding-xs);
}

.bg-custom.offer {
    padding: var(--block-padding-s);
}

.offer__header {
    gap: var(--block-padding-xs);
}

.offer__header .lazy-image {
    width: auto;
}

.offer__header.flex--row,
.center .offer__header.flex--column {
    align-items: center;
}

.center .offer__header.flex--row {
    justify-content: center;
}

.bg-custom {
    background-color: var(--background);
}

.color-custom {
    color: var(--color);
}

.offer__icon {
    width: var(--icon-width);
}

span.offer__icon {
    aspect-ratio: 1/1;
}

span.offer__icon svg {
    width: 100%;
    height: 100%;
}

.offer.color-custom svg {
    fill: var(--color);
}

.offer svg path:first-child,
.offer svg circle:first-child {
    fill: var(--color)!important;
}

.offer + cart-drawer-items {
    margin-top: 16px;
}

.cart-item__details .quantity {
    width: 104px;
    padding: calc(8px - var(--border-thickness)) calc(10px - var(--border-thickness));
}

.cart-item__details .quantity__button {
    width: 20px;
    min-width: 20px;
    height: 20px;

    .cart-items:has(.loading-overlay__spinner:not(.hidden)) & {
        opacity: .5;
    }
}

.cart-item__details .quantity__input {
    width: calc(100% - 44px);

    .cart-items:has(.loading-overlay__spinner:not(.hidden)) & {
        opacity: .5;
    }
}

.cart-item__media {
    width: 120px;
    max-width: 120px;
}

.cart-item.cart-item__nested-line .cart-item__media {
    width: 60px;
    max-width: 60px;
}

.cart-item__nested-line .cart-item__product {
    padding-left: 24px;
}

.main-cart .cart-items .cart-item {
    padding-top: 24px;
    padding-bottom: 24px;
    border-block-end: var(--border-thickness) solid rgb(var(--lines-color));
}

cart-items {
    gap: 24px;
}

.cart-items .price--on-sale bdi,
.cart-notification-product .price--on-sale bdi {
    text-decoration: line-through;
}

.cart-item__discounted-prices,
.cart-item__price-wrapper {
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.discounts__discount {
    align-items: center;
    gap: 4px;
}

.discounts__discount.price--sale svg {
    fill: rgb(var(--sale-color));
}

.product-badge--preorder {
    padding: 1px 6px;
    display: flex;
    align-items: center;
    border-radius: var(--field-radius);
    color: rgb(var(--preorder-text-color));
    background-color: rgb(var(--preorder-background));
}

.cart-page.grid {
    grid-template-columns: 1fr minmax(auto, 480px);
}

.cart-page.grid.cart-empty {
    display: flex;
    flex-direction: column;
}

.cart-return {
    width: fit-content;
}

.cart__checkouts .cart__checkout-button {
    width: 100%;
}

.cart-drawer .cart__checkout-button {
    gap: 5px;
    flex-wrap: wrap;
}

.cart__checkouts:not(:first-child) {
    margin-top: 16px;
}

.cart__checkouts:not(:last-child) {
    margin-bottom: 16px;
}

.main-cart .accordion-block + .accordion-block {
    border-block-start: var(--border-thickness) solid rgb(var(--lines-color));
}

.cart-drawer .accordion-block,
.cart-drawer .accordion-block {
    border-block-start: var(--border-thickness) solid rgb(var(--lines-color));
    border-block-end: none;
}

.cart-drawer .accordion--compact:has( + .full-width-block) {
    border-block-end: none;
}

.accordion-block .not_collapsible .icon-accordion {
    display: none!important;
}

.accordion-block .not_collapsible .accordion__summary {
    pointer-events: none;
    cursor: default;
}

.accordion-shipping-calculator select,
.accordion-shipping-calculator .select {
    width: 100%;
    max-width: 100%;
}

.accordion-shipping-calculator [id="ShippingCalculatorZip"] {
    width: 50%;
}

.main-cart .accordion--compact .accordion__summary {
    padding-top: 16px;
    padding-bottom: 16px;
}

/* #region Discount code */

cart-discount-component {
    display: block;
}

.cart-discount {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cart-discount__input-wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.cart-discount__error {
    margin-top: 4px;
}

.cart-discount__button {
    position: relative;
    flex: 0 0 auto;
}

.cart-discount__button .loading-overlay__spinner {
    inset-inline-end: auto;
    inset-inline-start: calc(50% - 12px);
    top: calc(50% - 12px);
}

.cart-discount__button:has(.loading-overlay__spinner:not(.hidden)) .cart-discount__button-text {
    visibility: hidden;
}

.cart-discount__error.hidden,
.cart-discount__error .hidden {
    display: none;
}

.cart-discount__codes {
    display: none;
    gap: 8px;
    flex-wrap: wrap;
    list-style: none;
    padding-inline: 0;
    margin: 0;
}

.cart-discount__codes:has(.cart-discount__pill) {
    display: flex;
}

.cart-discount__pill {
    display: inline-flex;
    width: fit-content;
    gap: 4px;
    align-items: center;
    padding: 6px 12px;
    min-height: 36px;
    border: 1px solid rgba(var(--layout-text-color), .15);
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
}

.cart-discount__pill-code {
    line-height: normal;
}

.cart-discount__pill-remove {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cart-discount__pill-remove svg {
    width: 16px;
    height: 16px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);

    @media (hover: hover) {
        &:hover {
            opacity: .5;
        }
    }
}

/* #endregion */

.discounts-wrapper,
.tax-note,
.product-option {
    opacity: .5;
}

.product-option {
    column-gap: 2px;
}

.discounts-wrapper.right .discounts__discount {
    justify-content: flex-end;
}

.block-prices > div {
    padding-top: 16px;
    padding-bottom: 16px;
}

.block-prices > div:not(:last-child) {
    border-block-end: var(--border-thickness) solid rgb(var(--lines-color));
}

.free-shipping {
    padding-top: 16px;
    padding-bottom: 16px;
    gap: 8px;
}

.free-shipping__progress {
    margin: 9px 0;
}

.cart-empty__actions {
    gap: 8px;
}

@media screen and (max-width: 768px) {
    .cart-page.grid {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .offer svg path:first-child,
    .offer svg circle:first-child {
        fill: var(--mobile-color)!important;
    }
}

/* Cart-notification */
.cart-item__info {
    justify-content: space-between;
    flex: 1 1 100%;
    column-gap: 8px;
}

.cart-notification-product,
.cart-notification__links {
    margin-top: var(--block-padding);
}

.cart-notification__links {
    display: flex;
    gap: 8px;
}
.cart-notification__links > * {
    flex: 1 1 calc(50% - 4px);
}

#cart-notification-form .button {
    width: 100%;
}

.cart-notification-product .price.price--end {
    min-width: max-content;
}


/* Component-card */
.side-margins .grid:not(:is(.announcement-bar-container, .complementary__grid, .image-grid__grid, .stories__products-container)),
.side-margins .grid.disable-grid-gaps,
.side-margins .slider__viewport {
    overflow: clip;
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
}

.side-margins .grid:not(:is(.announcement-bar-container, .complementary__grid, .image-grid__grid, .stories__products-container)):has(.with-border),
.side-margins .grid.disable-grid-gaps:has(.with-border),
.side-margins .slider__viewport:has(.with-border) {
    border-radius: 0;
    -webkit-border-radius: 0;
}

/* Component collection card */
.card-collection {
    display: block;
    position: relative;
    height: fit-content;
    transition: box-shadow var(--animation-duration) var(--transition-timing-function);
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
    overflow: clip;
}

.grid.disable-grid-gaps .card-collection,
.slider__grid.disable-grid-gaps .card-collection {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.featured-collection-grid-card {
    --featured-collection-grid-card-side-margin: var(--side-margin);

    &.featured-collection-grid-card--full-width {
        --featured-collection-grid-card-side-margin: 0px;
    }

    @media screen and (max-width: 420px) {    
        width: calc(100dvw - var(--featured-collection-grid-card-side-margin) * 2);

        .shopify-design-mode & {
            width: calc(100dvw - var(--featured-collection-grid-card-side-margin) * 2 - var(--scrollbar-width));
        }
    } 

    .card-collection {
        height: 100%;
    }
}

.card-collection__title {
    color: rgb(var(--layout-text-color));
    transition: color var(--animation-duration) var(--transition-timing-function);
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;

    .featured-collection-grid-card:hover & {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
}

.card-collection__icon svg {
    fill: rgb(var(--layout-text-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
    height: 1em;
    width: auto;
}

.card-collection--overlay .card-collection__title {
    position: absolute;
    bottom: max(calc(var(--inner-section-padding) / 2), 24px);
    inset-inline: max(calc(var(--inner-section-padding) / 2), 24px);
    z-index: 6;
}

.card-collection--overlay.card-collection--without-media .card-collection__title {
    position: static;
    padding-top: max(calc(var(--inner-section-padding) / 2), 24px);
    padding-bottom: max(calc(var(--inner-section-padding) / 2), 24px);
}

.card-collection--overlay.card-collection--without-media .card-collection__title:not(.center) {
    padding-inline-start: max(calc(var(--inner-section-padding) / 2), 24px);
    padding-inline-end: max(calc(var(--inner-section-padding) / 2), 24px);
}

.card-collection.card-collection--media-on-side {
    display: flex;

    .card-collection__media {
        position: relative;
        flex-shrink: 0;
        width: var(--card-image-width);

        img, svg {
            position: absolute;
            inset: 0;
        }
    }

    .card-collection__title {
        position: static;
        box-sizing: border-box;
        display: flex;
        padding: 24px;
        min-width: var(--card-text-min-width, 180px);
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        text-align: center;

        @media screen and (max-width: 420px) {    
            min-width: auto; 
        } 
    }
}

.card-collection--below_media .card-collection__title {
    padding-top: var(--block-padding-s);
    padding-bottom: var(--block-padding-s);
    position: relative;
}

.card-collection--below_media.with-border .card-collection__title,
.card-collection--below_media.with-color .card-collection__title,
.card-collection--below_media.card-collection--full-width .card-collection__title {
    margin-inline-start: var(--block-padding-s);
    margin-inline-end: var(--block-padding-s);
}

.card-collection--overlay .card__image img {
    height: 101%;
    width: 101%;
}

.card-collection--overlay .card-collection__title.center {
    inset-inline-start: 50%;
    transform: translate(-50%, 0%);
}

.card-collection--overlay:not(.card-collection--without-media) .card-collection__title.center {
    width: calc(100% - (max(calc(var(--inner-section-padding) / 2),24px) * 2));
}

.card-collection--overlay.card-collection--without-media .card-collection__title.center {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    transform: none;
}

.card-collection__media {
    display: flex;
    position: relative;
}

.card-collection__media:empty {
    display: none;
}

.card-collection--overlay .card-collection__media::before,
.card-collection--media-on-side .card-collection__media::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: var(--collection-overlay-opacity);
    background: var(--overlay-background);
    z-index: 5;
}

.card-collection img {
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.card__image-placeholder svg {
    object-position: var(--focal-point);
    width: 100%;
    height: 100%;
}

.card-collection.focused::after {
    position: absolute;
    display: block;
    content: '';
    top: 2px;
    inset-inline-start: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    outline: -webkit-focus-ring-color auto 2px;
}

@media (hover: hover) {
    .card-collection:hover img {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .card-collection--below_media:not(.with-border):hover {
        box-shadow: none;
        z-index: 3;
    }
    .card-collection--below_media:not(.with-border):hover .card-collection__media,
    .card-collection--below_media:not(.with-border):hover .card-collection__title {
        z-index: 3;
    }
    .card-collection--below_media:hover .card-collection__title,
    .card-collection--overlay.card-collection--without-media:hover .card-collection__title {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
    .card-collection--below_media:hover .card-collection__title svg,
    .card-collection--overlay.card-collection--without-media:hover .card-collection__title svg {
        fill: rgba(var(--layout-text-color), var(--hover-opacity));
    }
}

@media screen and (max-width: 768px) {
    .card-collection--overlay:not(.card-collection--without-media) .card-collection__title {
        bottom: var(--side-margin);
        inset-inline-start: var(--side-margin);
        transform: translate(0);
    }
    .card-collection--overlay:not(.card-collection--without-media) .card-collection__title.center {
        width: calc(100% - (var(--side-margin) * 2));
    }
}

/* Component product card */
.quick-view {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
    visibility: hidden;
    pointer-events: none;
    z-index: 100;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.quick-view-open .quick-view {
    visibility: visible;
    pointer-events: all;
}
.card-product {
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
    height: 100%;
}

.slider__grid.page-grid-gaps {
    --slider-column-gap: var(--page-column-gap);
}

.slider__grid.alternative-grid-gaps {
    --slider-column-gap: var(--alt-column-gap);
}

.slider__grid.secondary-grid-gaps {
    --slider-column-gap: var(--second-column-gap);
}

.slider__grid.disable-grid-gaps {
    --slider-column-gap: 0px;
}

.grid.disable-grid-gaps .card-product,
.slider__grid.disable-grid-gaps .card-product {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.grid.disable-grid-gaps .info-card,
.slider__grid.disable-grid-gaps .info-card,
.grid.disable-grid-gaps .info-card::after,
.slider__grid.disable-grid-gaps .info-card::after {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.card-product .card {
    height: 100%;
    position: relative;
    transition: box-shadow var(--animation-duration) var(--transition-timing-function);
}

.card__product-media {
    position: relative;
    display: flex;
}

.card__product-media img {
    min-width: 100%;
    overflow: clip;
    background-color: transparent;
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
    overflow: clip;
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.grid.disable-grid-gaps .card__product-media img,
.slider__grid.disable-grid-gaps .card__product-media img {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.card__product-media .lazy-image--fade_scale:not(.lazyloaded) img {
    transform: scale(1.2);
}

.card__product-media .lazy-image:first-child img {
    transition: opacity var(--images-duration) var(--transition-timing-function) var(--images-delay), transform var(--images-duration) var(--transition-timing-function) var(--images-delay);
}

.card__product-media .lazy-image,
.card__product-image .lazy-image {
    height: 100%;
}

.enable-blending .card__product-image,
.enable-blending .card__product-image .lazy-image,
.enable-blending .card__product-image .lazy-image__preloader {
    background: var(--blending-color, none);
}

.enable-blending .card__product-image img {
    mix-blend-mode: darken;
}

.card__product-media--fit img,
.card-product__media-wrapper--fit img {
    object-fit: contain;
    padding: var(--card-product-spacing);
}

.card__product-media--fit .lazy-image__preloader,
.card-product__media-wrapper--fit .lazy-image__preloader {
    padding: 10px;
}

.card__product-media > img:first-child:not(:only-child),
.card__product-media > .lazy-image:first-child:not(:only-child) {
    opacity: 1;
    position: static;
    z-index: 1;
    transform: scale(1);
    transition: opacity var(--animation-duration) var(--transition-timing-function),transform var(--animation-duration) var(--transition-timing-function);
}
.card__product-media img:nth-child(2),
.card__product-media .lazy-image:nth-child(2) {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.card-product__title.secondary-heading:not(.uppercase) {
    text-transform: none;
}

.card-product__content,
.card-product__media-wrapper {
    position: relative;
}

.product-grid.product-grid--preview .card-product__content {
    display: none;
}

.card-collection__title.center,
.card-product__content.center * {
    justify-content: center;
}

.card-collection.with-border {
    border: var(--line-thickness) solid rgb(var(--lines-color));
}

.section-featured-collection-grid .grid:not([class$="-grid-gaps"]) .card-collection.with-border {
    border: calc(var(--line-thickness) / 2) solid rgb(var(--lines-color));
}

.card-product.with-border .card {
    border: 0.5px solid rgb(var(--lines-color));
}

.card-product.with-border .card-product__content,
.card-product.with-color .card-product__content {
    margin: var(--block-padding-s);
}

.card-product:not(.with-border) .card-product__content {
    margin-top: var(--block-padding-s);
    margin-bottom: var(--block-padding-s);
}

.slider.slider--full-width .card-product__content,
.card-product.card-product--full-width .card-product__content {
    margin: var(--block-padding-s);
}

.card-product.with-border .card__product-media img {
    border-radius: 0px;
}

.card-product:not(.with-border) .card-product__media-wrapper,
.card-product:not(.with-color) .card-product__media-wrapper,
.card-collection--below_media:not(.with-border) .card-collection__media,
.card-collection--below_media:not(.with-color) .card-collection__media,
.card-collection--overlay,
.card-collection--below_media.with-border,
.card-collection--below_media.with-color {
    overflow: clip;
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
}

.grid.disable-grid-gaps .card-product:not(.with-border) .card-product__media-wrapper,
.grid.disable-grid-gaps .card-product:not(.with-color) .card-product__media-wrapper,
.grid.disable-grid-gaps .card-collection--below_media:not(.with-border) .card-collection__media,
.grid.disable-grid-gaps .card-collection--below_media:not(.with-color) .card-collection__media,
.grid.disable-grid-gaps .card-collection--overlay,
.grid.disable-grid-gaps .card-collection--below_media.with-border,
.grid.disable-grid-gaps .card-collection--below_media.with-color,
.slider__grid.disable-grid-gaps .card-product:not(.with-border) .card-product__media-wrapper,
.slider__grid.disable-grid-gaps .card-product:not(.with-color) .card-product__media-wrapper,
.slider__grid.disable-grid-gaps .card-collection--below_media:not(.with-border) .card-collection__media,
.slider__grid.disable-grid-gaps .card-collection--below_media:not(.with-color) .card-collection__media,
.slider__grid.disable-grid-gaps .card-collection--overlay,
.slider__grid.disable-grid-gaps .card-collection--below_media.with-border,
.slider__grid.disable-grid-gaps .card-collection--below_media.with-color {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.card-product.with-border .card {
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
}

.grid.disable-grid-gaps .card-product.with-border .card,
.slider__grid.disable-grid-gaps .card-product.with-border .card {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.card-product.with-border .card .card-product__media-wrapper,
.card-product.with-color .card .card-product__media-wrapper {
    border-start-end-radius: var(--cards-radius);
    border-start-start-radius: var(--cards-radius);
    -webkit-border-start-end-radius: var(--cards-radius);
    -webkit-border-start-start-radius: var(--cards-radius);
    overflow: clip;
}

.grid.disable-grid-gaps .card-product.with-border .card .card-product__media-wrapper,
.grid.disable-grid-gaps .card-product.with-color .card .card-product__media-wrapper,
.slider__grid.disable-grid-gaps .card-product.with-border .card .card-product__media-wrapper,
.slider__grid.disable-grid-gaps .card-product.with-color .card .card-product__media-wrapper {
    border-start-end-radius: 0;
    border-start-start-radius: 0;
}
.card-collection--below_media.with-border .card-collection__media,
.card-collection--below_media.with-color .card-collection__media,
.card-product.with-border .card .card-product__media-wrapper,
.card-product.with-color .card .card-product__media-wrapper,
.card-product.with-color .card__product-media img {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    -webkit-border-end-end-radius: 0;
    -webkit-border-end-start-radius: 0;
}

.card-product:not(.with-border) .card,
.card-collection--below_media:not(.with-border),
.card-collection--below_media:not(.with-color) {
    box-shadow: none;
}

.card-product__content, 
.card__product-info {
    gap: 8px;
}

.product_options {
    gap: 8px;
}

.product_options--top {
    order: -1;
}

.product_options--bottom {
    order: 10;
}

.product_options--top .card__price--top {
    order: 10;
}

.card__price--bottom {
    order: 9;
}

.card__price {
    display: flex;
}

.card__price .card__badges {
    display: none!important;
}

.card__price .price--accent,
.card__price .price--sale {
    color: rgb(var(--layout-text-color));
}

.card__price.color-price--accent .regular-price,
.card__price.color-price--accent .price__on-sale,
.card__price.color-price--accent .unit-price,
.card__price.color-sale-price--accent .price__on-sale {
    color: rgb(var(--layout-accent-color));
}

.card__price.color-price--sale .price__on-sale,
.card__price.color-sale-price--sale .price__on-sale {
    color: rgb(var(--sale-color));
}

.card__price.color-sale-price--text .price__on-sale {
    color: rgb(var(--layout-text-color));
}

#body .card__price:not(.price--bold) .price--bold {
    font-weight: normal;
}

.card__price.color-sale-price--text-background .price__on-sale,
.card__price.color-sale-price--sale-background .price__on-sale,
.card__price.color-sale-price--accent-background .price__on-sale {
    color: rgb(var(--layout-bg-color));
}

.card__price.color-sale-price--text-background .price__on-sale {
    background-color: rgb(var(--layout-text-color));
}
.card__price.color-sale-price--sale-background .price__on-sale {
    background-color: rgb(var(--sale-color));
}
.card__price.color-sale-price--accent-background .price__on-sale {
    background-color: rgb(var(--layout-accent-color));
}
.card__price.color-sale-price--highlighted-background .price__on-sale {
    color: rgb(var(--layout-text-color));
    background-color: rgb(var(--layout-highlighted-background));
}

.color-sale-price--text-background .price__on-sale,
.color-sale-price--sale-background .price__on-sale,
.color-sale-price--accent-background .price__on-sale,
.color-sale-price--highlighted-background .price__on-sale {
    line-height: 1.3;
    padding: 4px 6px;
}

.product_options--bottom .card__price--bottom {
    order: 0;
}

.card-product__title {
    transition: color var(--animation-duration) var(--transition-timing-function);
}

/* Price position: with title */
.card-product__title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 8px;
    flex-wrap: wrap;
}

@media screen and (min-width: 1025px) {
    .card-product__title-wrapper--with-price {
        flex-wrap: nowrap;
    }
}

.card-product__title-wrapper--with-price .card__price {
    flex: 0 0 fit-content;
    min-width: fit-content;
    display: flex;
    justify-content: flex-end;
}

.card-product__title-wrapper--with-price .price__wrapper,
.card-product__title-wrapper--with-price .price {
    justify-content: flex-end;
}

.card__extras {
    position: absolute;
    z-index: 0;
    justify-content: flex-end;
    flex-wrap: wrap;
    opacity: 0;
    gap: 4px;
    bottom: 8px;
    inset-inline-end: 8px;
}

.card__badges {
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    z-index: 3;

    .product-grid.product-grid--preview & {
        display: none;
    }
}

.card__vendor-img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
}
.card-product__content.center .card__vendor-img {
    background-position: center;
}
.card-product .swiper-pagination {
    width: 100%;
    bottom: 0;
    inset-inline-start: 0;
    height: 3px;
    display: flex;
    background-color: rgba(var(--layout-text-color),.15);
}

.one-slide .swiper-pagination,
.one-slide .swiper-button {
    display: none;
}

.card-product .swiper-pagination,
.card-product .swiper-button {
    opacity: 0;
}
.card-product .swiper-button {
    transform: translateY(-50%);
}
.card-product .swiper-button-prev {
    inset-inline-start: -36px;
    transition: inset-inline-start .3s ease-out, opacity .3s ease-out;
}
.card-product .swiper-button-next {
    inset-inline-end: -36px;
    transition: inset-inline-end .3s ease-out, opacity .3s ease-out;
}
.card-product .swiper-pagination--slider {
    opacity: 0;
}

.card-product .swiper-loaded .swiper-wrapper:has(li:only-child) + .swiper-pagination,
.card-product .swiper-loaded .swiper-wrapper:has(li:only-child) ~ .swiper-button {
    visibility: hidden;
}

.card-product .preload {
    animation: 2s shine linear infinite;
    margin-inline-start: 0;
    margin-top: 0;
    z-index: 10;
    transform-origin: 0%;
    border: none;
    border-radius: 0;
    border-block-start-color: transparent;
    background: linear-gradient(110deg,#eaeaea 8%,#f5f5f5 18%,#eaeaea 33%);
    background-size: 300% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
}

.card-product .loaded + .preload {
    display: none;
}

.card .swiper-button-prev.focused {
    opacity: 1;
    inset-inline-start: 8px;
}
.card .swiper-button-next.focused {
    opacity: 1;
    inset-inline-end: 8px;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-pagination-bullets {
  will-change: opacity;
}

.card.hover_behavior-second_image_zoom .card__product-media {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .card:hover .swiper-button-prev {
        opacity: 1;
        inset-inline-start: 8px;
    }
    .card:hover .swiper-button-next {
        opacity: 1;
        inset-inline-end: 8px;
    }
    .card-product .card .swiper:hover .swiper-pagination:not(.swiper-pagination--slider) {
        opacity: 1;
    }
    .card-product .card .swiper:hover .swiper-pagination:not(.swiper-pagination--slider) .swiper-pagination-bullet-active::after {
        animation: countingBar var(--speed);
    }
    .card.hover_behavior-image_zoom:hover .card__product-media img {
        transform: scale(1.03);
    }
    .card.hover_behavior-second_image .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image .card__product-media:hover .lazy-image:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover .lazy-image:nth-child(2) {
        position: static;
        z-index: 1;
    }
    .card.hover_behavior-second_image .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image .card__product-media:hover .lazy-image:nth-child(2),
    .card.hover_behavior-second_image .card__product-media:hover img,
    .card.hover_behavior-second_image .card__product-media:hover .lazy-image {
        opacity: 1;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .card.hover_behavior-second_image_zoom .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover .lazy-image:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover img,
    .card.hover_behavior-second_image_zoom .card__product-media:hover .lazy-image {
        opacity: 1;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .card.hover_behavior-second_image .card__product-media:hover > img:first-child:not(:only-child),
    .card.hover_behavior-second_image_zoom .card__product-media:hover > img:first-child:not(:only-child),
    .card.hover_behavior-second_image .card__product-media:hover > .lazy-image:first-child:not(:only-child),
    .card.hover_behavior-second_image_zoom .card__product-media:hover > .lazy-image:first-child:not(:only-child) {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .card.hover_behavior-second_image_zoom .card__product-media:hover {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .card:hover .card__product-media img {
        transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
    }
    .card-product:not(.with-border) .card:hover {
        box-shadow: none;
    }
    .card-product:not(.with-border) .card:hover .card-product__content,
    .card-product:not(.with-border) .card:hover .card-product__media-wrapper {
        z-index: 3;
    }
    body:not(.hidden) .collection .grid-item:hover {
        z-index: 5;
    }
    .card:hover .card-product__title {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
    .card:hover .card-product__title.color-accent {
        color: rgba(var(--layout-accent-color), var(--hover-opacity));
    }
    .card:hover .card__extras,
    .card .card__extras {
        z-index: 5;
        opacity: 1;
        transition: opacity 0.3s var(--transition-timing-function);
    }
    .card:hover .card__extras .quick-view-button {
        transform: scale(1);
        opacity: 1;
        transition: transform .3s var(--transition-timing-function), opacity 0.3s var(--transition-timing-function), box-shadow 0.3s var(--transition-timing-function);
    }
    .quick-view-button[disabled]:hover {
        cursor: not-allowed;
        pointer-events: all;
    }
}

@media screen and (max-width: 1024px) {
    .slider__viewport .card__extras {
        z-index: 5;
        bottom: 4px;
        inset-inline-end: 4px;
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .card-product__title.truncate {
        text-overflow: unset;
        overflow: unset;
        white-space: normal;
    }
    .card__extras {
        z-index: 5;
        bottom: 4px;
        inset-inline-end: 4px;
        opacity: 1;
    }
    .product-grid.product-grid--preview .card__extras {
        z-index: 0;
        bottom: 4px;
        right: 4px;
        opacity: 0;
    }
    .card__extras.card__extras--mobile-hidden {
        display: none;
    }
}

@media screen and (max-width: 768px) and (hover: hover) {
    .card.hover_behavior-image_zoom:hover .card__product-media img {
        transform: scale(1.03);
    }
    .card.hover_behavior-second_image .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover  img:nth-child(2),
    .card.hover_behavior-second_image .card__product-media:hover .lazy-image:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover  .lazy-image:nth-child(2) {
        position: static;
        z-index: 1;
    }
    .card.hover_behavior-second_image .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image .card__product-media:hover .lazy-image:nth-child(2),
    .card.hover_behavior-second_image .card__product-media:hover img,
    .card.hover_behavior-second_image .card__product-media:hover .lazy-image {
        opacity: 1;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .card.hover_behavior-second_image_zoom .card__product-media:hover img:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover .lazy-image:nth-child(2),
    .card.hover_behavior-second_image_zoom .card__product-media:hover img,
    .card.hover_behavior-second_image_zoom .card__product-media:hover .lazy-image {
        opacity: 1;
        transition:  opacity var(--animation-duration) var(--transition-timing-function);
    }
    .card.hover_behavior-second_image .card__product-media:hover > img:first-child:not(:only-child),
    .card.hover_behavior-second_image_zoom .card__product-media:hover > img:first-child:not(:only-child),
    .card.hover_behavior-second_image .card__product-media:hover > .lazy-image:first-child:not(:only-child),
    .card.hover_behavior-second_image_zoom .card__product-media:hover > .lazy-image:first-child:not(:only-child) {
        position: absolute;
        top: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
    .card.hover_behavior-second_image_zoom .card__product-media:hover {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .card:hover .card__product-media img {
        transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
    }
    .product-grid.product-grid--preview .card:hover .card__extras {
        z-index: 5;
        bottom: 4px;
        inset-inline-end: 4px;
        opacity: 1;
    }
    .product-grid.product-grid--preview .card__extras {
        z-index: -1;
        bottom: 4px;
        inset-inline-end: 4px;
        opacity: 0;
    }
    .card__extras.card__extras--mobile-hidden {
        display: none;
    }
}

.product__grid-container li.grid-item {
    width: 100%;
    max-width: 100%;
}

#product-grid.page-grid-gaps {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--page-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

#product-grid.alternative-grid-gaps {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--alt-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

#product-grid.secondary-grid-gaps {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--second-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.product__grid-container .card-product {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.product__grid-container .loading .card-product {
    opacity: 0.75;
}

/* Component rating */
.rating {
    display: inline-block;
    margin: 0;
    --font-size: 1.7;
}
  
.rating-star {
    --letter-spacing: 0.8;
}

.rating-star {
    --percent: calc(
        (
            var(--rating) / var(--rating-max) + var(--rating-decimal) *
            var(--font-size) /
            (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))
        ) * 100%
    );
    --rating-direction: 90deg;

    letter-spacing: normal;
    line-height: normal;
    display: inline-block;
    margin: 0;
}

.rating-star::before {
    content: '\2605\2605\2605\2605\2605';
    background: linear-gradient(
        var(--rating-direction),
        rgb(var(--rating-color)) var(--percent),
        rgba(var(--layout-text-color), 0.2) var(--percent)
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
  
.rating-text {
    display: none;
}

.rating-count {
    display: inline-block;
    margin: 0;
}

.rating-container {
    max-width: fit-content;
    display: inline-block;
}

.product-grid .card__reviews {
    display: flex;
    gap: 10px;
}
.product-grid  .card__content--center .card__reviews {
    justify-content: center;
}
  
@media (forced-colors: active) {
    .rating {
        display: none;
    }

    .rating-text {
        display: block;
    }
}
  
@media screen and (max-width: 768px) {
    .rating-container:not(.rating-container--full) .rating-star {
        --percent: 100%;
    }
    .rating-container:not(.rating-container--full) .rating-star::before {
        content: '\2605';
    }
    .rating-container:not(.rating-container--full) .rating-text {
        display: inline-block;
    }
    .rating-container.rating-container--full .rating-text {
        display: none;
    }
    .card-product .swiper-pagination {
        opacity: 1;
    }
    .card-product .swiper .swiper-button {
        opacity: 0;
    }
}

/* Swatch */
.card__options {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    pointer-events: visible;
    gap: 8px;
    inset-inline-start: 1px;
}

.color-swatch:not(.color-swatch-image) {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: relative;
    width: 24px;
    aspect-ratio: var(--swatches-aspect-ratio);
    /* backface-visibility: hidden; */
    overflow: visible;
    word-break: normal;
    background: transparent;
    border-radius: var(--variant-swatches-radius);
}

.color-swatch:not(.color-swatch-image).focused {
    outline: -webkit-focus-ring-color auto 2px;
}

.color-swatch:not(.color-swatch-image) .color-swatch__dot {
    content: "";
    display: block;
    position: absolute;
    background: var(--swatch-background);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all var(--animation-duration) var(--transition-timing-function);
    border-radius: var(--variant-swatches-radius);
    border: 0.5px solid rgba(var(--layout-text-color), 0.2);
}

.color-swatch__title {
    display: flex;
    visibility: hidden;
    position: absolute;
    z-index: 2;
    width: fit-content;
    min-width: max-content;
    max-width: 200px;
    min-height: 32px;
    padding: 8px;
    align-items: center;
    justify-content: center;
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-bg-color));
    border-radius: 4px;
    bottom: calc(100% + 2px);
    inset-inline-end: 50%;
    transform: translate(50%);
}

.color-swatch::before {
    content: "";
    display: block;
    border: 12px solid transparent;
    border-block-start: 12px solid rgb(var(--layout-text-color));
    position: absolute;
    top: -8px;
    visibility: hidden;
    z-index: 10;
}

.color-swatch.color-swatch-image::before {
    bottom: 16px;
}

.color-swatch.active-swatch:not(.color-swatch-image) .color-swatch__dot {
    border: 1px solid rgb(var(--layout-bg-color));
}

.color-swatch.active-swatch:not(.color-swatch-image)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    border: 1px solid rgb(var(--layout-text-color));
    border-radius: var(--variant-swatches-radius);
}

.color-swatch-image {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: relative;
    height: fit-content;
    border-radius: var(--variant-thumbnail-radius);
    -webkit-border-radius: var(--variant-thumbnail-radius);
}

.color-swatch.active-swatch.color-swatch-image::after {
    content: "";
    position: absolute;
    top: calc(0px - var(--border-thickness));
    inset-inline-start: calc(0px - var(--border-thickness));
    width: 100%;
    height: 100%;
    border: var(--border-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--variant-thumbnail-radius);
    -webkit-border-radius: var(--variant-thumbnail-radius);
}

.color-swatch__dot-unavailable {
    opacity: .5;
}

.color-swatch__dot--image {
    border-radius: var(--variant-thumbnail-radius);
    -webkit-border-radius: var(--variant-thumbnail-radius);
    overflow: clip!important;
    width: 36px;
    max-width: 36px;
    background-color: var(--swatch-background-color);
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    aspect-ratio: var(--variant-thumbnail-aspect-ratio);
}

.color-swatch.active-swatch .color-swatch__dot--image {
    border-radius: calc(var(--variant-thumbnail-radius) - 3px);
}

.color-swatch-image img {
    object-position: var(--variant-thumbnail-focal-point);
}

.color-swatch__dot--color::before,
.color-swatch__dot--image::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: var(--variant-thumbnail-focal-point);
    border-radius: var(--variant-thumbnail-radius);
    -webkit-border-radius: var(--variant-thumbnail-radius);
    border: 1px solid rgba(var(--layout-text-color), .2);
    transition: all var(--animation-duration) var(--transition-timing-function);
    inset-inline-start: 0;
    top: 0;
}

.active-swatch .color-swatch__dot--color::before,
.active-swatch .color-swatch__dot--image::before {
    border: 1px solid rgb(var(--layout-bg-color));
}

.color-swatch__dot--image::before {
    background-position: var(--thumbnail-focal-point);
    border-radius: var(--variant-thumbnail-radius);
    -webkit-border-radius: var(--variant-thumbnail-radius);
}

.color-swatch__dot--image.enable-blending:has( img),
.color-swatch__dot--image.enable-blending:not(.color__swatch-dot--color):has( img) {
    background: var(--blending-color, none);
}
.color-swatch__dot--image.enable-blending img {
    mix-blend-mode: darken;
}

.card__size {
    position: relative;
}
.card__size--disabled::after {
    content: "";
    display: block;
    height: 1px;
    background-color: rgb(var(--layout-text-color));
    width: 100%;
    position: absolute;
    inset-inline: 0;
    top: 50%;
    transform: translateY(-50%);
}
.product_options:has(.swatches_container:only-child:empty),
.swatches_container:empty {
    display: none;
}

.quick-view-button {
    padding: 10px;
    transform: scale(.7);
    opacity: 0;
    transition: transform .3s var(--transition-timing-function), opacity 0.3s var(--transition-timing-function), box-shadow 0.3s var(--transition-timing-function);

    &:has(.loading-overlay__spinner:not(.hidden)) {
        transform: scale(1);
        opacity: 1;
    }
}

.quick-view-button.button.card__add-to-cart {
    min-height: auto;
}

.button.quick-view-button[disabled] {
    background-color: rgba(var(--button-bg-color),.5);
    border-color: rgba(var(--button-bg-color),.2);
    pointer-events: all;
}

.card .card__extras .quick-view-button:focus-within {
    transform: scale(1);
    opacity: 1;
    transition: transform .3s var(--transition-timing-function), opacity .3s var(--transition-timing-function), box-shadow .3s var(--transition-timing-function);
}

.button.quick-view-button[disabled] .loading-overlay__spinner {
    display: none;
}

.button.quick-view-button:not([disabled]):has( .loading-overlay__spinner:not(.hidden)) .cart__icon {
    opacity: 0;
}

.button.quick-view-button:not([disabled]) .loading-overlay__spinner:not(.hidden) {
    top: 50%;
    inset-inline-end: 50%;
    transform: translate(50%, -50%);
}

/* Badges */
.card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.card__badges-item {
    padding: 1px 6px;
    display: flex;
    align-items: center;
    border-radius: var(--field-radius);
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-bg-color));
}

.card__badges-item--sale {
    background-color: rgb(var(--sale-background));
    color: rgb(var(--sale-text-color));

    &.card__badges-item--transparent {
        color: rgb(var(--sale-background));
    }
}

.card__badges-item--sold {
    color: rgb(var(--sold-text-color));
    background-color: rgb(var(--sold-background));

    &.card__badges-item--transparent {
        color: rgb(var(--sold-background));
    }
}

.card__badges-item--preorder {
    color: rgb(var(--preorder-text-color));
    background-color: rgb(var(--preorder-background));

    &.card__badges-item--transparent {
        color: rgb(var(--preorder-background));
    }
}

.card__badges-item--transparent:not(.card__badges-item--metafield-unconfigured) {
    background-color: transparent;
    border: 1px solid currentColor;
}

.card-product .price .card__badges-item.card__badges-item--preorder {
    padding: 0;
}
.card-product .popup-wrapper__quick-view .price .card__badges-item.card__badges-item--preorder {
    padding: 1px 6px;
}
slider-swiper {
    display: block;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, 
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: 2s shine linear infinite;
    margin-inline-start: 0;
    margin-top: 0;
    z-index: 10;
    transform-origin: 0%;
    border: none;
    border-radius: 0;
    border-block-start-color: transparent;
    background: linear-gradient(110deg,#eaeaea 8%,#f5f5f5 18%,#eaeaea 33%);
    background-size: 300% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
}

@keyframes shine {
	to {
		background-position-x: -300%;
	}
}
.swatches_container--linked-products {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.card-product .linked-products__swatch {
    display: flex;
    position: relative;
    width: 36px;
    max-width: 36px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    height: fit-content;
    background-color: rgb(var(--layout-bg-color));
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
}

.card-product .linked-products__swatch.enable-blending {
    background: var(--blending-color, none);
}

.card-product .linked-products__swatch.enable-blending img {
    mix-blend-mode: darken;
}

.card-product .linked-products__swatch.swatch--shadow:not(.linked-products__swatch--active) {
    box-shadow: 0 1px 3px rgba(var(--layout-text-color),.35);  
}

object:has(.linked-products__swatch--active) {
    order: -1;
    position: relative;
    border: 2px solid rgb(var(--layout-text-color));
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
}
.card-product .linked-products__swatch--active {
    pointer-events: none;
    overflow: visible;
}

.card-product .linked-products__swatch::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid rgba(var(--layout-text-color), .2);
    transition: all var(--animation-duration) var(--transition-timing-function);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
}

.card-product .linked-products__swatch.focused:before {
    outline: -webkit-focus-ring-color auto 2px;
}

.card-product .linked-products__swatch--active::before {
    border: 1px solid rgb(var(--layout-bg-color));
}
  
.card-product .linked-products__swatch span {
    display: block;
    position: relative;
    width: 100%;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    overflow: clip;
}

.card-product .linked-products__swatch--active span {
    border-radius: calc(var(--border-radius) - 3px);
}

.color-swatch--more-items {
    direction: ltr;
}

@media (hover: hover) {
    .color-swatch:hover .color-swatch__title,
    .color-swatch:hover::before {
        visibility: visible;
    }
    .card-product .linked-products__swatch:hover {
      opacity: .7;
      cursor: pointer;
    }
}

@media screen and (min-width: 769px) {
    .product_options-hover {
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgb(var(--layout-bg-color));
        opacity: 0;
        transition: opacity .3s var(--transition-timing-function);
    }
    .color-swatch--more-items--mobile,
    .product_options--mobile {
        display: none;
    }
}

@media screen and (min-width: 1025px) and (hover: hover) {
    .slider__viewport .card-product .card:hover .product_options-hover {
        opacity: 1;
        z-index: 6;
    }
}

.slider__viewport .card-product .card .product_options-hover.focused-elements,
.card .product_options-hover.focused-elements {
    opacity: 1;
    z-index: 6;
}

@media screen and (min-width: 769px) and (hover: hover) {
    .card-product .card:hover .product_options-hover {
        opacity: 1;
        z-index: 6;
    }
}

@media screen and (max-width: 1024px) {
    .slider__viewport .quick-view-button {
        padding: 10px;
        transform: scale(1);
        opacity: 1;
    }
    .slider__viewport .product_options-hover {
        position: static;
        background-color: transparent;
        opacity: 1;
    }
}

@media screen and (max-width: 768px) {
    .color-swatch--more-items:not(.color-swatch--more-items--mobile) {
        display: none;
    }
    .swatches_container--linked-products object.visible:not(.color-swatch--more-items):nth-of-type(4),
    .swatches_container--color-swatch .card__colors color-swatch:nth-of-type(4) {
        display: none;
    }
    .product_options--desktop {
        display: none;
    }
    .quick-view-button {
        padding: 10px;
        transform: scale(1);
        opacity: 1;
    }
    .card__options:not(.card__sizes),
    .swatches_container--linked-products {
        gap: 4px;
    }
    .color-swatch__dot--image,
    .card-product .linked-products__swatch {
        width: 24px;
        max-width: 24px;
    }
}

/* Information card */
.info-card {
    height: 100%;
    display: block;
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
    overflow: clip;
}

.info-card.with-media {
    position: relative;
}

.info-card.aspect-ratio {
    height: auto;
}

.info-card__media {
    height: 100%;
}

.info-card__media .lazy-video,
.info-card__media .lazy-image {
    height: 100%;
}

.info-card__media + .info-card__wrapper {
    position: absolute;
    inset: 0;
    padding: var(--block-padding);
    z-index: 3;
    background-color: transparent;
}

.info-card.with-media::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: var(--info-card-overlay-opacity);
    background: var(--overlay-background);
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
    overflow: clip;
}

a.info-card .info-card__image,
a.info-card video {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

.info-card video,
.info-card img {
    object-position: var(--info-card-focal-point);
}

.info-card__wrapper {
    justify-content: space-between;
    height: 100%;
    gap: var(--block-padding-s);
}

.info-card__wrapper.center {
    align-items: center;
}

.info-card--full-width .info-card__wrapper,
.info-card.with-color .info-card__wrapper {
    padding: var(--block-padding);
}

.info-card__header {
    gap: var(--block-padding-s);
}

.info-card__button-wrapper {
    display: inline-flex;
}

.info-card__button-wrapper .info-card__button {
    border-radius: var(--info-button-border-radius);
    -webkit-border-radius: var(--info-button-border-radius);
}

.info-card__button.link-button {
    min-width: auto;
}

a.info-card .info-card__header {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    a.info-card:hover .info-card__header {
        opacity: var(--hover-opacity);
    }
    a.info-card:hover .info-card__image,
    a.info-card:hover video  {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

@media screen and (max-width: 768px) {
    .slider__grid-item.only-on-desktop,
    .grid-item.only-on-desktop {
        display: none!important;
    }
}

/* Cart-drawer */
.cart-drawer .drawer {
    padding: 0;
}

cart-drawer .cart-drawer .drawer {
    transform: none;
    inset-inline-end: -100%;
    transition: opacity .3s, visibility .3s, right .3s;
}

cart-drawer.open .cart-drawer .drawer {
    inset-inline-end: 0;
}

.cart-drawer__header {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-end: 52px;
    min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));

    .drawer-recommendations.drawer-recommendations--side-panel & {
        padding-inline-end: 0;
        justify-content: center;
    }

    .tabs-block--block & .tabs-block__tabs {
        margin-bottom: 0;
    }
}

.drawer-recommendations--side-panel .slider__grid-item {
    flex-basis: auto;
}

.drawer-recommendations {
    padding-top: 16px;

    &:not(:has(*)) {
        display: none;
    }
    
    &.drawer-recommendations--side-panel {
        --side-panel-side-paddings: 45px;
        --max-card-width: 300px; /* Based on item_width setting in cart-drawer.liquid */
    
        position: absolute;
        top: 0;
        inset-inline-end: 100%;
        height: 100%;
        min-width: calc(var(--desktop-item-width) + var(--side-panel-side-paddings) * 2);
        max-width: calc(var(--max-card-width) + var(--side-panel-side-paddings) * 2);
        padding: 0 var(--side-panel-side-paddings) 24px;
        border-end-start-radius: var(--drawers-radius);
        border-start-start-radius: var(--drawers-radius);
        border-inline-end: var(--border-thickness) solid rgb(var(--lines-color)); 
        transform: translateX(100%);
        visibility: hidden;
        opacity: 0;
        z-index: 0;
        
        &:has(.popup.open) {
            z-index: 3;
            overflow: visible;
        }

        .drawer.open & {
            opacity: 1;
            visibility: visible;
            transform: none;
            transition: opacity .3s .45s, visibility .3s .45s, transform .3s .45s;
        }

        .slider__grid:not(.complementary__grid) {
            flex-direction: column;
            align-items: center;
        }
    }
}

.drawer-recommendations.full-width-block {
    border-block-start: none;
}

.cart-drawer .slider__grid {
    -webkit-overflow-scrolling: auto;
}

.cart-drawer__inner {
    justify-content: space-between;
    height: 100%;
    z-index: 2;
    border-end-start-radius: var(--drawers-radius);
    border-start-start-radius: var(--drawers-radius);

    &:has(.drawer-recommendations.drawer-recommendations--side-panel *) {
        border-end-start-radius: 0;
        border-start-start-radius: 0;
        overflow: clip;
    }

    @media screen and (max-width: 640px) {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
}

.cart-drawer__inner-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 24px var(--block-padding);
    overflow-x: clip;
}

.cart-drawer .slider__viewport .slider-scrollbar:not(.visually-hidden) {
    margin-top: 0;
}

.full-width-block {
    position: relative;
    inset-inline-start: -24px;
    width: calc(100% + 24px + 24px);
    padding: 16px 24px;
}

.cart-drawer .accordion--compact .accordion__summary {
    padding-top: var(--block-padding-xs);
    padding-bottom: var(--block-padding-xs);
}

.cart-drawer .cart-items {
    padding-bottom: 16px;
}

.cart-drawer .block-prices > div:first-child {
    padding-top: 0;
}

.cart-drawer .block-prices > div:last-child {
    padding-bottom: 0px;
}

.cart-drawer .block-prices:empty {
    display: none;
}

.cart-drawer .tax-note {
   margin-top: 0px;
}

.offer.below_items {
    order: 2;
}

.offer.below_checkout {
    order: 3;
}

.cart-recommendations__header {
    margin-bottom: var(--block-padding-s);

    .drawer-recommendations.drawer-recommendations--side-panel & {
        margin-bottom: 0;
    }
}

.cart-drawer__footer {
    position: sticky;
    bottom: 0;
    gap: var(--block-padding-xs);
    padding: 16px 24px 24px;
    border-end-start-radius: var(--drawers-radius);
    background-color: rgb(var(--layout-bg-color));
    z-index: 3;

    .cart-drawer__inner:has(.drawer-recommendations.drawer-recommendations--side-panel *) & {
        border-end-start-radius: 0;
    } 

    @media screen and (max-width: 640px) {
        border-bottom-left-radius: 0;
    }
}

.quick-view-load .cart-drawer__footer {
    z-index: 1;
}

.cart-drawer__footer-actions,
.cart-empty__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.cart-drawer__footer-actions > *,
cart-drawer .cart-empty__actions > * {
    flex: 1 1 calc(50% - 4px);
}

cart-drawer .cart-empty__actions {
    flex-direction: column;
}

.cart__checkout .button {
    width: 100%;
}

.cart-drawer label.field--checkbox {
    margin-top: var(--block-padding-xs);
    margin-bottom: var(--block-padding-xs);
}

.cart-drawer__footer .totals {
    padding-bottom: 0;
}

.cart-drawer__footer .offer:not(.bg-custom):has( ~ .block-prices) {
    padding-bottom: 16px;
    border-block-end: var(--border-thickness) solid rgb(var(--lines-color));
}

.cart-drawer__inner-wrapper:has(.drawer-recommendations--side-panel)::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    background-color: rgb(var(--layout-bg-color));
}

.cart-drawer__inner-wrapper:has(.drawer-recommendations--side-panel) > *:not(.drawer-recommendations--side-panel):not(.button-wrapper) {
    position: relative;
    z-index: 3;
}

/* Countdown timer */
.countdown-timer-wrapper.countdown-timer-wrapper--hidden {
  display: none;
}

.countdown {
  --countdown-label-gap: 6px;
  contain: layout style paint;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  visibility: hidden;

  &.countdown--visible {
    visibility: visible;
  }
}

.countdown__timer {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  column-gap: 4px;

  .banner__content-wrapper.center &,
  .popup-content.center &,
  .section-container.rich-text.center & {
    justify-content: center; 
  }

  .media-with-text__content-wrapper.right & {
    justify-content: flex-end;

    @media screen and (max-width: 768px) { 
      justify-content: flex-start;
    }
  }
}

.countdown__pair-of-numbers-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: var(--countdown-label-gap);

  .countdown.countdown--minimized & {
    flex-direction: row;
    column-gap: 2px;
  }
}

.countdown__pair-of-numbers {
  display: flex;
  column-gap: 1px;
  justify-content: center;
}

.countdown__number-wrapper,
.countdown__delimeter {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  user-select: none;
}

.countdown__delimeter  {
  font-size: 0.5em;

  .countdown.countdown--minimized & {
    font-size: 0.666em;
  }
}

.countdown__number-wrapper {    
  position: relative;
  overflow: clip;
  contain: layout paint;
  will-change: transform, opacity;
  height: max(1.32em, 24px);
  width: max(0.85em, 17px);

  .countdown.countdown--minimized & {
    width: 0.6em;
    height: auto;
  }
}

.countdown__number {
  --number-animation-translation: 10px;
    line-height: 100%;
}

.countdown__number--current {
  transition: transform .3s var(--transition-timing-function), opacity .3s var(--transition-timing-function);

  &.countdown__number--animated {
    transform: translateY(calc(-1 * var(--number-animation-translation)));
    transition: none;
    opacity: 0;
  }
}

.countdown__number--previous {
  position: absolute; 
  top: calc(50% + var(--number-animation-translation));
  left: 50%; 
  transform: translateY(-50%) translateX(-50%);
  transition: top .3s var(--transition-timing-function), opacity .3s var(--transition-timing-function);
  opacity: 0;

  &.countdown__number--animated {
    top: 50%;
    transition: none;
    opacity: 1;
  }
}

.countdown__complete-message {
  color: var(--layout-text-color);
}

.countdown__label {
  text-align: center;
}

/* Component-facets */
.drawer.filter-form {
    padding: 0;
}
.drawer.filter-form--drawer .scroll-area {
    padding: 0 24px 84px;
    min-height: 100%;
    max-height: 100vh;
}
.facets-footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100vw / 3);
    max-width: 640px;
    min-width: 480px;
    background: var(--bg-gradient);
    padding: var(--block-padding-s) 24px;
    z-index: 5;
}
.drawer--right .facets-footer {
    border-bottom-left-radius: var(--drawers-radius);
    -webkit-border-bottom-left-radius: var(--drawers-radius);
}
.modal--border .facets-footer {
    width: calc((100vw / 3) - var(--line-thickness));
    max-width: calc(640px - var(--line-thickness));
    min-width: calc(480px - var(--line-thickness));
}
.drawer--left .facets-footer {
    left: 0;
    right: unset;
    border-bottom-right-radius: var(--drawers-radius);
    -webkit-border-bottom-right-radius: var(--drawers-radius);
}
.facets-footer .button {
    width: 100%;
}
.facet-filters__field {
    align-items: center;
    gap: 12px;
}

.facets-container--drawer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.facets-container--drawer .facets-header__container {
    gap: 24px;
    align-items: center;
}

facet-filters-form {
    display: block;
}

.vertical-filter--full-width.side-margins {
    padding-inline-end: 0;
}

.facets {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.facets__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.facets__wrapper--flex-end {
    justify-content: flex-end;
}

.facets__clear-all {
    display: none;
}

.facets__clear-all:not(:first-child) {
    display: inline-block;
}

.facets__summary {
    padding: 16px 0;
}

.facets__list,
.facets__price {
    padding-bottom: 32px;
}
.facets__price {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
}
.facets__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
}

.facets__list--row {
    flex-direction: row;
}

.facets__item--row {
    width: fit-content;
}

.facets__item--row .swatch__label {
    display: none;
}

.facets__summary {
    cursor: pointer;
}

.filter-group {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

accordion-toggle:last-child .filter-group {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.active-facets-container {
    margin-bottom: 24px;
}

.facets__price .fields {
    display: flex;
    gap: 8px;
}

.swatch img {
    width: 40px;
    height: 40px;
}

.mobile-facets__swatch,
.mobile-facets__thumbnail--options {
    border: none;
    position: relative;
}

input[type=checkbox].mobile-facets__swatch {
    width: 16px;
    height: 16px;
}

.facets__label input[type=checkbox].mobile-facets__swatch:before,
.facets__label input[type=checkbox].mobile-facets__thumbnail--options:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: var(--swatches-focal-point);
    border-radius: var(--swatches-radius);
    -webkit-border-radius: var(--swatches-radius);
    border: 1px solid rgba(var(--layout-text-color), .2);
    transition: all var(--animation-duration) var(--transition-timing-function);
}

.facets__label input[type=checkbox].mobile-facets__thumbnail--options:before {
    background-position: var(--thumbnail-focal-point);
    border-radius: var(--thumbnail-radius);
    -webkit-border-radius: var(--thumbnail-radius);
}

.facets__label input[type=checkbox]:disabled.mobile-facets__swatch:before,
.facets__label input[type=checkbox]:disabled.mobile-facets__thumbnail--options:before {
    opacity: 0.5;
}

.facets__label input[type=checkbox].mobile-facets__swatch:after,
.facets__label input[type=checkbox].mobile-facets__thumbnail--options:after {
    content: none;
    mask-image: none;
    -webkit-mask-image: none;
    -moz-mask-image: none;
    background: none;
    inset-inline-start: 0;
    border-radius: var(--swatches-radius);
    -webkit-border-radius: var(--swatches-radius);
}

.facets__label input[type=checkbox].mobile-facets__thumbnail--options:after {
    border-radius: var(--thumbnail-radius);
    -webkit-border-radius: var(--thumbnail-radius);
}

input[type=checkbox]:disabled.mobile-facets__swatch,
input[type=checkbox]:disabled.mobile-facets__thumbnail--options {
    opacity: 1;
}

.facets__label input[type=checkbox]:checked.mobile-facets__swatch:before,
.facets__label input[type=checkbox]:checked.mobile-facets__thumbnail--options:before  {
    border: 1px solid rgb(var(--layout-bg-color));
}

.facets__label input[type=checkbox]:checked.mobile-facets__swatch:after,
.facets__label input[type=checkbox]:checked.mobile-facets__thumbnail--options:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    inset-inline-start: -2px;
    border: 2px solid rgb(var(--layout-text-color));
}

.facets__label input[type=checkbox]:checked.mobile-facets__thumbnail--options + .swatch__label {
    font-weight: bold;
}

.facets__label input[type=checkbox]:disabled.mobile-facets__swatch:after,
.facets__label input[type=checkbox]:disabled.mobile-facets__thumbnail--options:after,
.facets__color-pill:has( + .facets__checkbox:disabled):after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    height: 1px;
    width: calc(100% - 2px);
    background-color: rgb(var(--layout-text-color));
}

.facets__color-pill {
    position: relative;
    width: 16px;
    height: 16px;
    margin-inline-end: 2px;
    flex-shrink: 0;
    background-color: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
    border: 1px solid rgba(var(--layout-text-color), .2);
}

.facets__color-pill:has( + .facets__checkbox:disabled) {
    cursor: default;
}

.facets__label input[type=checkbox].filter-from-app.mobile-facets__swatch::before,
.facets__color-pill:has( +.filter-from-app.facets__checkbox) {
    background: var(--swatch--background) var(--swatch-focal-point);
    background-size: cover;
    background-repeat: no-repeat;
}

.facets__label input[type=checkbox].filter-from-app.mobile-facets__swatch.facets__checkbox--swatch::before {
    background-color: var(--swatch--background);
}

.facets__label input[type=checkbox].filter-from-app.mobile-facets__swatch.mobile-facets__thumbnail--options:before {
    background-image: var(--swatch--background) ;
}

.filter-group-option {
    cursor: pointer;
    gap: 8px;
    position: relative;
    align-items: center;
}

.filter-group-option:has( input:disabled) {
    cursor: not-allowed;
}

.filter-group-option.flex--column {
    gap: 0;
}

.swatch:not(.swatch--thumbnails) {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
}

.swatch--thumbnails {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.filter-group-option--thumbnail .swatch__label {
    padding: 8px 0px 4px;
    text-align: center;
}

input[type=checkbox].mobile-facets__thumbnail--options {
    position: relative;
}
input[type=checkbox].mobile-facets__thumbnail--options:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: var(--swatch-background-color);
    background-image: var(--swatch-background-image);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--images-and-section-radius);
    -webkit-border-radius: var(--images-and-section-radius);
}

input[type=checkbox].filter-from-app.mobile-facets__thumbnail--options:before {
    background: var(--swatch--background);
    background-size: cover;
    background-repeat: no-repeat;
}

.mobile-facets__item--thumbnail {
    height: fit-content;
    flex: 0 0 var(--thumbnail-size);
}

.facets-vertical-form .facets-header__container {
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

#FacetFiltersFormMobile.loading .results-toast .loading-overlay__spinner {
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.results-toast {
    position: relative;
}

#FacetFiltersFormMobile.loading .results-toast__text,
#FacetFiltersFormMobile .results-toast:has(.loading-overlay__spinner:not(.hidden)) .results-toast__text {
    opacity: 0;
    visibility: hidden;
}

.active-facets:not(.hidden) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 0;
}
facet-remove {
    display: inline-flex;
}
.active-facets__button {
    display: inline-flex;
    width: fit-content;
    gap: 4px;
    align-items: center;
    padding: 6px 12px;
    min-height: 36px;
    border: 1px solid rgba(var(--layout-text-color), .15);
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
}
.active-facets__button--clear {
    border: none;
    padding: 6px 0px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.active-facets__button svg {
    width: 16px;
    height: 16px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.filter-group-label {
    justify-content: space-between;
    width: 100%;
}

.filter-form--drawer .filter-form__title {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-end: 52px;
    min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
}

.facets__subtitle {
    padding-bottom: 8px;
    display: block;
}

.facets__button-label-count:empty {
    display: none;
}

.facets__button-label-count:not(:empty) {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2000px;
    height: var(--body-font-size);
    min-width: var(--body-font-size);
    margin-inline-start: 6px;
}
.solid-button .facets__button-label-count {
    color: rgb(var(--button-bg-color));
    background-color: rgb(var(--button-label-color));
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.outlined-button .facets__button-label-count,
.link-button .facets__button-label-count {
    color: rgb(var(--layout-bg-color));
    background-color: rgb(var(--button-bg-color));
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}
.link-button.facets__button {
    text-decoration: none;
}
.link-button.facets__button .facets__button-label {
    text-decoration: underline;
}

.facets__button-label-count .results-count {
    line-height: calc(var(--body-font-size) - 1.5px);
    padding: 0 4px;
    font-size: calc(var(--body-font-size) - 3px);
}

.collection-title.collection-title--mobile {
    display: none;
}

@media (hover: hover) {
    .solid-button:not([disabled]):hover .facets__button-label-count {
        color: rgb(var(--button-hover-color));
    }
    .outlined-button:not([disabled]):hover .facets__button-label-count,
    .link-button:not([disabled]):hover .facets__button-label-count {
        background-color: rgb(var(--button-hover-color))
    }
}

.filter-form:not(.filter-form--horizontal) .js-filter .accordion__content {
    padding-top: 2px;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
}

.filters-container {
    margin-bottom: var(--block-padding);
}

.drawer-filter .filters-container,
.filters-container {
    padding-block: calc(var(--block-padding) / 2);
    margin-block: calc(var(--block-padding) / 2);

    @media screen and (max-width: 768px) {
        padding-block: var(--block-padding);
        margin-block: 0;
    }
}

@media screen and (min-width: 769px) {
    /* #region Desktop Sticky Filters */

    .collection__grid-container.collection__grid-container--desktop-sticky {
        --facet-filters-form-height: max(calc(var(--body-font-size) * var(--body-line-height)), calc(20px + var(--icon-scale)));
        --filters-container-height: calc(var(--block-padding) * 2 + var(--facet-filters-form-height));
    }

    .collection__grid-container.collection__grid-container--desktop-sticky .facets-container.facets-container--vertical {
        padding-top: var(--block-padding);
    }

    .collection__grid-container.collection__grid-container--desktop-sticky .facets-container.facets-container--vertical .facets__wrapper {
        width: 100%;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky facet-filters-form {
        display: flex;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky .facets-container--horizontal .facets__wrapper,
    .collection__grid-container.collection__grid-container--desktop-sticky .facets-vertical-form {
        width: 100%;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky .filters-container {
        position: sticky;
        top: var(--sticky-header-height);
        transition: top 0.3s ease-in-out;
        z-index: 6;
    }

    body.hidden .collection__grid-container.collection__grid-container--desktop-sticky .filters-container {
        z-index: 3;
    }

    body:has(.shopify-section-header.shopify-section-header-hidden) .collection__grid-container.collection__grid-container--desktop-sticky .filters-container,
    body:has(.shopify-section-header:not(.shopify-section-header-sticky) .header--on_scroll-stick) .collection__grid-container.collection__grid-container--desktop-sticky .filters-container {
        top: 0;
        transition: top 0.22s ease-in-out;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky .facets-container.facets-container--vertical {
        position: sticky;
        top: var(--sticky-header-height);
        transition: top 0.3s ease-in-out;
        z-index: 6;
    }

    body:has(.shopify-section-header.shopify-section-header-hidden) .collection__grid-container.collection__grid-container--desktop-sticky .facets-container.facets-container--vertical,
    body:has(.shopify-section-header:not(.shopify-section-header-sticky) .header--on_scroll-stick) .collection__grid-container.collection__grid-container--desktop-sticky .facets-container.facets-container--vertical {
        top: 0;
        transition: top 0.22s ease-in-out;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky .facets-header {
        position: sticky;
        top: calc(var(--sticky-header-height) + var(--filters-container-height));
        inset-inline-end: var(--side-margin);
        transform: translateY(calc(-1 * var(--filters-container-height)));
        transition: top 0.3s ease-in-out;
        z-index: 6;
    }

    body:has(.shopify-section-header.shopify-section-header-hidden) .collection__grid-container.collection__grid-container--desktop-sticky .facets-heade {
        top: var(--filters-container-height);
        transition: none;
    }

    body:has(.shopify-section-header.shopify-section-header-hidden) .collection__grid-container.collection__grid-container--desktop-sticky .facets-header,
    body:has(.shopify-section-header:not(.shopify-section-header-sticky) .header--on_scroll-stick) .collection__grid-container.collection__grid-container--desktop-sticky .facets-header {
        top: 0;
        transition: top 0.22s ease-in-out;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky.vertical-filter .facets-header {
        top: var(--sticky-header-height);
        transform: none;
        padding-block: var(--block-padding);
        background: var(--bg-gradient);
    }

    .collection__grid-container.collection__grid-container--desktop-sticky.vertical-filter .filters-container {
        padding-block: 0;
        margin-block: 0;
        flex-grow: 1;
    }

    .collection__grid-container.collection__grid-container--desktop-sticky:has(.filter-form.drawer.open) .facets-header {
        z-index: 1;
    }

    /* #endregion */
}

/* Only vertical & horizontal styles */
@media screen and (min-width: 769px) {
    .facets-vertical-form .facet-filters-form-wrapper,
    .facets-container--vertical .facets-header__wrapper,
    .filter-form--vertical .facet-filters-form-wrapper .active-facets,
    .filter-form--horizontal .facets-footer,
    .horizontal-filter .facets-vertical-form,
    .facets-container--vertical .facets-footer,
    .facets-container--horizontal .filter-form__title {
        display: none;
    }

    .drawer.modal--border.filter-form--horizontal,
    .drawer.modal--border.filter-form--vertical {
        border: none;
    }

    .filter-form--horizontal.drawer {
        max-width: none;
    }

    .filter-form--vertical.drawer,
    .filter-form--horizontal.drawer {
        background: transparent;
    }

    .filter-form--horizontal .summary__title-name.filter-group-label {
        font: var(--font-body-style) var(--font-body-weight) var(--body-font-size)/var(--body-line-height) var(--font-body-family);
        letter-spacing: var(--body-letter-spacing);
    }
    .filter-form--horizontal .summary__title-name.filter-group-label  b {
        font-weight: normal;
    }

    .filter-form--vertical .filter-form__title {
        padding: 8px 0;
        display: flex;
        align-items: center;
        margin-bottom: var(--block-padding);
    }

    .filter-form--horizontal .facets__list,
    .filter-form--horizontal .facets__price {
        padding-bottom: 16px;
    }

    .filter-form--vertical .active-facets:not(.hidden) {
        padding-top: 0;
    }

    .vertical-filter:has( .sorting__select.input-style--big) .filter-form__title {
        --dropdown-style: calc((var(--body-font-size) * var(--body-line-height)) + 20px + (var(--border-thickness) * 2));
        min-height: max(44px, var(--dropdown-style));
    }

    .vertical-filter:has( .sorting__select.input-style--small) .filter-form__title {
        --dropdown-style: calc((var(--body-font-size) * var(--body-line-height)) + 12px + (var(--border-thickness) * 2));
        min-height: max(36px, var(--dropdown-style));
    }

    .vertical-filter:has( .sorting__select.input-style--link) .filter-form__title {
        --dropdown-style: calc((var(--body-font-size) * var(--body-line-height)) + 12px);
        min-height: max(36px, var(--dropdown-style));
    }

    .vertical-filter .facets-header {
        padding-block: var(--block-padding);
    }

    .facets-container--horizontal .filter-form--horizontal,
    .facets-container--horizontal .facet-filters-form-wrapper {
        order: -1;
    }

    .facets-container--horizontal .filter-form__wrapper {
        display: flex;
        flex-direction: column;
    }
    
    .facets-container--horizontal .facets-header__wrapper {
        flex-shrink: 0;
    }
    .facets-container--horizontal .facets-header__container {
        gap: 24px;
        align-items: center;
    }

    .facets-container--vertical .scroll-area,
    .facets-container--vertical .drawer {
        overflow: visible;
    }
    .collection__grid-container.collection__grid-container--desktop-sticky.vertical-filter .facets-container.facets-container--vertical .drawer {
        max-height: calc(100vh - var(--sticky-header-height) - var(--block-padding));
        overflow: auto;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .collection__grid-container.collection__grid-container--desktop-sticky.vertical-filter .facets-container.facets-container--vertical .scroll-area {
        max-height: inherit;
        overflow: auto;
    }
    .facets-container--horizontal .facets__wrapper {
        align-items: flex-start;
    }
    .mobile-facets {
        position: absolute !important;
        overflow: clip;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
        word-wrap: normal !important;
    }
    .facets-container--vertical .drawer {
        width: 300px;
        position: relative;
        display: flex;
        flex-direction: column;
        padding: 0;
        border-inline-start: none;
        z-index: 3;
        min-width: auto;
        min-height: auto;
    }
    .facets-container--vertical .facets__wrapper {
        flex-direction: column;
    }
    .facets-container--horizontal .drawer {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        padding: 0;
        overflow-y: visible;
        border-inline-start: none;
        z-index: 8;
        min-height: auto;
    }
    .facets-container--horizontal .drawer .scroll-area {
        overflow: visible;
    }
    .vertical-filter {
        display: flex;
        gap: var(--block-padding);
    }
    .filter-form--vertical,
    .filter-form--horizontal {
        color: inherit;
        background-color: inherit;
        box-shadow: none;
        border-inline-start: none;
    }
    .facets-container--horizontal .facets {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .facets-container--horizontal .facets__main {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
    }
    .facets-container--horizontal .accordion-toggle.filter-group {
        border-block-start: none;
        border-block-end: none;
    }
    .facets-container--horizontal .accordion-toggle {
        position: relative;
    }
    .facets-container--horizontal .accordion__panel {
        display: none;
        position: absolute;
        top: calc(100% + 10px);
        inset-inline-start: 0;
        background-color: rgb(var(--layout-bg-color));
        z-index: 3;
        width: 320px;
        background-color: rgb(var(--popover-bg-color));
        color: rgb(var(--popover-text-color));
        overflow: auto!important;
        -ms-overflow-style: none;
        scrollbar-width: none;
        animation: closePopover var(--animation-duration) var(--transition-timing-function);
        border-radius: var(--drawers-radius);
        -webkit-border-radius: var(--drawers-radius);
    }
    .facets-container--horizontal .js-filter:not(.open_collapsible)  .accordion__panel {
        max-height: 420px!important;
        padding: 16px 0px 0px!important;
    }
    .facets-container--horizontal .is-open:not(.open_collapsible) .accordion__panel {
        display: block;
        animation: openPopover var(--animation-duration) var(--transition-timing-function);
    }

    .filter-form--horizontal .open_collapsible.is-open .accordion__panel:not([style]) {
        max-height: 0!important;
        visibility: hidden;
    }

    @keyframes openPopover {
        0% {
            transform: translateY(20px);
            opacity: 0;
        }
        100% {
            transform: translateY(0);
            opacity: 1;
        }
    }
    @keyframes closePopover {
        0% {
            transform: translateY(0);
            opacity: 1;
        }
        100% {
            transform: translateY(20px);
            opacity: 0;
        }
    }

    .facets-container--horizontal .accordion__panel::-webkit-scrollbar,
    .facets-container--horizontal .accordion__panel::-moz-scrollbar  {
        width: 0;
        height: 0;
        display: none;
        scrollbar-width: none;
    }
    .facets-container--horizontal .accordion__panel > * {
        padding-inline-start: 24px;
        padding-inline-end: 24px;
    }
    .filter-form--horizontal.modal--shadow .is-open:not(.open_collapsible) .accordion__panel {
        box-shadow: var(--modal-shadow-horiz-offset) var(--modal-shadow-vert-offset) var(--modal-shadow-blur) rgba(var(--shadow-color), var(--modal-shadow-opacity));
    }
    .filter-form--horizontal .accordion__panel {
        --layout-text-color: var(--popover-text-color);
        --layout-bg-color: var(--popover-bg-color);
    }
    .filter-form--horizontal facet-filters-form {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .filter-form--horizontal .active-facets-container {
        display: flex;
        align-items: center;
        margin-bottom: 0;
        margin-inline-end: 16px;
    }
    .filter-form--horizontal .facet-filters-form-container {
        display: flex;
        width: 100%;
    }
    .filter-form--horizontal .product-count {
        width: max-content;
    }
    .filter-form--horizontal .facet-filters-form-wrapper {
        display: flex;
    }
    .facets__button-label--mobile,
    .sort-icon-mobile {
        display: none;
    }
    .filter-form--horizontal .facets__summary {
        padding: 0;
        min-width: 160px;
    }
    .filter-form--horizontal .facets__summary:has( .dropdown--packed) {
        min-width: auto;
    }

    .filter-form--horizontal .filter-group-icon {
        display: none;
    }
    .filter-form--horizontal .summary__title-name {
        margin-inline-end: 4px;
    }
    .body-font:not(.uppercase) .filter-form--horizontal .summary__title-name {
        text-transform: none;
    }
    .filter-form--horizontal .summary__title-name::after {
        position: absolute;
        inset-inline-end: calc(8px - var(--border-thickness));
        top: 50%;
        z-index: 1;
        pointer-events: none;
        transform: translateY(-50%);
        content: '';
        display: inline-flex;
        width: 16px;
        height: 16px;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100%;
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 100%;
        background-color: rgb(var(--layout-text-color));
        -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTUxMTcgNi4zMzM1TDMuOTUxMTcgNy4zMzM1TDcuOTk5NzggMTEuMzc4NkwxMi4wNDQ5IDcuMzMzNUwxMS4wNDQ5IDYuMzMzNUw3Ljk5OTc4IDkuMzc4NjNMNC45NTExNyA2LjMzMzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTUxMTcgNi4zMzM1TDMuOTUxMTcgNy4zMzM1TDcuOTk5NzggMTEuMzc4NkwxMi4wNDQ5IDcuMzMzNUwxMS4wNDQ5IDYuMzMzNUw3Ljk5OTc4IDkuMzc4NjNMNC45NTExNyA2LjMzMzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTUxMTcgNi4zMzM1TDMuOTUxMTcgNy4zMzM1TDcuOTk5NzggMTEuMzc4NkwxMi4wNDQ5IDcuMzMzNUwxMS4wNDQ5IDYuMzMzNUw3Ljk5OTc4IDkuMzc4NjNMNC45NTExNyA2LjMzMzVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    .filter-form--horizontal .is-open:not(.open_collapsible) .summary__title-name::after {
        transform: translateY(-40%) rotate(-180deg);
    }
    .filter-form--horizontal .summary__title {
        position: relative;
        cursor: pointer;
        min-height: 36px;
        padding-block: 6px;
        padding-inline: 13px 23px;
        border: var(--border-thickness) solid rgb(var(--layout-text-color));
        border-radius: var(--field-radius);
        background: transparent;
        color: rgb(var(--layout-text-color));
        transition: border var(--animation-duration) var(--transition-timing-function);
    }
    .filter-form--horizontal .summary__title.input-style--big {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .filter-form--horizontal .summary__title.input-style--link {
        border: none!important;
        padding-inline-start: 0;
    }
    .filter-form--horizontal .summary__title.input-style--link::after {
        content: none!important;
    }
    .filter-form--horizontal .is-open:not(.open_collapsible) .summary__title {
        border-color: transparent;
        transition: none;
    }
    .filter-form--horizontal .summary__title::after {
        content: '';
        position: absolute;
        inset-inline-start: calc(-2px - var(--border-thickness));
        top: calc(-2px - var(--border-thickness));
        width: calc(100% + (var(--border-thickness) * 2));
        height: calc(100% + (var(--border-thickness) * 2));
        border: 2px solid transparent;
        border-radius: var(--field-radius);
        
    }
    .filter-form--horizontal .is-open:not(.open_collapsible) .summary__title::after {
        border: 2px solid rgb(var(--layout-text-color));
        transition: border var(--animation-duration) var(--transition-timing-function);
    }
    .filter-form--horizontal .active-facets:not(.hidden) {
        padding: 0;
        margin-top: var(--block-padding);
    }
    .facets__title {
        padding-bottom: 16px;
    }
    .accordion__footer {
        display: flex;
        gap: 4px;
        position: sticky;
        bottom: -1px;
        inset-inline: 0;
        z-index: 5;
        background-color: rgb(var(--popover-bg-color));
        padding-bottom: 17px;
        padding-top: 8px;
    }
    .accordion__footer > * {
        flex: 1 1 calc(50% - 2px);
    }
    .accordion__footer .facets__reset {
        width: 100%;
    }
    .facets__item.facets__item--two-columns:not(.facets__item--row) {
        flex: 0 0 calc(50% - 4px);
    }
    .facets__list:has( .facets__item.facets__item--two-columns:not(.facets__item--row)) {
        flex-direction: row;
    }
    .facets-container--horizontal .drawer,
    .facets-container--vertical .drawer {
        opacity: 1;
        height: auto;
        visibility: visible;
        transition: none;
        transform: none;
    }
    .facets-container--horizontal .overlay,
    .facets-container--vertical .overlay {
        transition: none;
    }

    .vertical-filter--full-width.side-margins .pagination-wrapper,
    .vertical-filter--full-width.side-margins .facets-vertical-form {
        padding-inline-end: var(--side-margin);
    }
}

@media screen and (min-width: 769px) and (hover: hover) {
    .filter-form--horizontal .accordion-toggle:not(.is-open) .facets__summary:hover .summary__title {
        border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.5);
    }
}

@media screen and (max-width: 1440px) and (min-width: 769px) {
    .facets-container--vertical .drawer {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .vertical-filter .filters-container {
        min-width: 200px;
        max-width: 300px;
    }
}

@media screen and (max-width: 768px) {
    .drawer.filter-form .scroll-area {
        padding: 0 24px 84px;
        max-height: 100dvh;
    }
    
    .facets-vertical-form .facet-filters-form-wrapper,
    .facets-header__wrapper,
    .filter-form--horizontal .facets__title,
    .filter-form--horizontal .accordion__footer,
    .product-count,
    .facets__sorting .filter-group-label {
        display: none;
    }

    .vertical-filter--full-width.side-margins {
        padding-inline-start: 0;
    }

    .vertical-filter--full-width.side-margins .filters-container,
    .vertical-filter--full-width.side-margins .pagination-wrapper {
        padding-inline-start: var(--side-margin);
        padding-inline-end: var(--side-margin);
    }

    .facets-vertical-form .facets-header__container {
        flex-wrap: wrap;
        row-gap: 8px;
    }
    .facets-container--drawer,
    .facets-container--drawer .facets-header__container {
        flex-wrap: wrap;
    }
    .filter-form--vertical .active-facets-drawer,
    .facets-container--drawer .facets-header__wrapper {
        display: block;
    }
    .facets__button-label--desktop:has(+ .facets__button-label--mobile) {
        display: none;
    }
    .facets__button {
        min-width: 120px;
        max-width: 50vw;
    }
    .link-button.facets__button {
        min-width: auto;
    }
    .collection__grid-container:not(.drawer-filter) {
        position: relative;
    }
    .collection__grid-container:not(.drawer-filter) .filters-container {
        display: flex;
        align-items: center;
    }
    .facets-vertical-form {
        position: absolute;
        top: var(--block-padding);
        inset-inline-end: var(--side-margin);
        max-width: 50vw;
    }
    .filter-form__title {
        padding-top: 24px;
        padding-bottom: 24px;
        padding-inline-end: 44px;
    }
    .facets-container--horizontal .drawer.disabled-transition,
    .facets-container--vertical .drawer.disabled-transition,
    .facets-container--horizontal .overlay:has( + .drawer.disabled-transition),
    .facets-container--vertical .overlay:has( + .drawer.disabled-transition) {
        transition: none;
    }
    .facet-filters__sort {
        border: none!important;
        min-height: auto;
        padding: 0;
        padding-inline-end: calc(20px + var(--icon-scale) + 4px);
        border-radius: none;
        -webkit-border-radius: none;
        text-align: end;
        text-align-last: end;
    }
    .facets__sorting .select-icon {
        display: none;
    }
    .sort-icon-mobile {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 3;
        inset-inline-end: 0;
        pointer-events: none;
    }

    .vertical-filter:has( .sorting__select.input-style--big) .filters-container,
    .horizontal-filter:has( .sorting__select.input-style--big) .filters-container {
        --dropdown-style: calc((var(--body-font-size) * var(--body-line-height)) + 20px + (var(--border-thickness) * 2));
        min-height: max(44px, var(--dropdown-style));
    }

    .vertical-filter:has( .sorting__select.input-style--small) .filters-container,
    .horizontal-filter:has( .sorting__select.input-style--small) .filters-container {
        --dropdown-style: calc((var(--body-font-size) * var(--body-line-height)) + 12px + (var(--border-thickness) * 2));
        min-height: max(36px, var(--dropdown-style));
    }

    .vertical-filter:has( .sorting__select.input-style--link) .filters-container,
    .horizontal-filter:has( .sorting__select.input-style--link) .filters-container {
        --dropdown-style: calc((var(--body-font-size) * var(--body-line-height)) + 12px);
        min-height: max(36px, var(--dropdown-style));
    }

    facet-filters-form {
        display: flex;
    }

    /* #region Mobile Sticky Filters */

    .collection__grid-container.collection__grid-container--mobile-sticky {
        --facet-filters-form-height: max(calc(var(--body-font-size) * var(--body-line-height)), calc(20px + var(--icon-scale)));
        --filters-container-height: calc(var(--block-padding) * 2 + var(--facet-filters-form-height));
    }

    .collection__grid-container.collection__grid-container--mobile-sticky .collection-title.collection-title--mobile {
        display: block;
        padding-top: var(--block-padding);
    }

    .collection__grid-container.collection__grid-container--mobile-sticky .facets-container .collection-title {
        display: none;
    }

    .collection__grid-container.collection__grid-container--mobile-sticky .filters-container {
        position: sticky;
        top: var(--sticky-header-height);
        transition: top 0.3s ease-in-out;
        z-index: 6;
    }

    body:has(.shopify-section-header.shopify-section-header-hidden) .collection__grid-container.collection__grid-container--mobile-sticky .filters-container,
    body:has(.shopify-section-header:not(.shopify-section-header-sticky) .header--on_scroll-stick) .collection__grid-container.collection__grid-container--mobile-sticky .filters-container {
        top: 0;
        transition: top 0.22s ease-in-out;
    }

    .collection__grid-container.collection__grid-container--mobile-sticky .facets-header {
        position: sticky;
        top: calc(var(--sticky-header-height) + var(--filters-container-height));
        inset-inline-end: var(--side-margin);
        transform: translateY(calc(-1 * var(--filters-container-height)));
        transition: top 0.3s ease-in-out;
        z-index: 6;
    }

    body:has(.shopify-section-header:not(.shopify-section-header-sticky) .header--on_scroll-stick) .collection__grid-container.collection__grid-container--mobile-sticky .facets-header {
        top: 0;
        transition: top 0.22s ease-in-out;
    }

    body:has(.shopify-section-header.shopify-section-header-sticky.shopify-section-header-hidden .header--on_scroll-stick) .collection__grid-container.collection__grid-container--mobile-sticky .facets-header {
        transition: top 0.22s ease-in-out;
    }

    body:has(.shopify-section-header.shopify-section-header-sticky.shopify-section-header-hidden.transition-none .header--on_scroll-stick) .collection__grid-container.collection__grid-container--mobile-sticky .facets-header {
        transition: none;
    }

    body:has(.shopify-section-header.shopify-section-header-hidden) .collection__grid-container.collection__grid-container--mobile-sticky .facets-header {
        top: var(--filters-container-height);
        transition: none;
    }

    .collection__grid-container.collection__grid-container--mobile-sticky .facets-vertical-form {
        top: 0;
        display: flex;
        height: var(--filters-container-height);
    }

    .collection__grid-container.collection__grid-container--mobile-sticky.vertical-filter .facets-header {
        padding-block: 0;
    }

    .collection__grid-container.collection__grid-container--mobile-sticky:has(.filter-form.drawer.open) .facets-header {
        z-index: 1;
    }

    /* #endregion */
}
@media screen and (max-width: 640px) {
    .facets-footer {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
    }
    .modal--border .facets-footer {
        width: calc(100vw - var(--line-thickness));
        max-width: calc(100vw - var(--line-thickness));
        min-width: calc(100vw - var(--line-thickness));
    }
    .drawer .facets-footer {
        border-radius: 0;
    }
}

.facets__price .field {
    flex: 1 1 50%;
}
.facets__price .field__item {
    display: flex;
    gap: 4px;
    align-items: center;
}

/* Price range */

price-range {
    display: block;
}

.price-range__track-wrapper {
    position: relative;
    margin-top: 8px;
    width: calc(100% - 20px);
    min-height: 20px;
    margin-inline-start: 0px;
    margin-inline-end: 10px;
}

.price-range__track-active {
    --gradient-colors: var(--unselected-range) 0%, var(--unselected-range) var(--progress-lower), var(--selected-range) var(--progress-lower), var(--selected-range) var(--progress-upper), var(--unselected-range) var(--progress-upper), var(--unselected-range) 100%;
    background-image: linear-gradient(90deg, var(--gradient-colors));
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 4px;
    top: 8px;
    border-radius: 4px;
    margin-inline-start: 10px;
    --unselected-range: transparent;
    --selected-range: rgb(var(--layout-text-color));
}

.price-range__track-inactive {
    position: absolute;
    width: calc(100% + 20px);
    inset-inline: -10px;
    height: 2px;
    top: 9px;
    border-radius: 2px;
    background: rgba(var(--layout-text-color), 0.15);
    margin-inline-start: 10px;
}

.price-range__thumbs {
    position: absolute;
    inset-inline-start: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: grab;
    cursor: -webkit-grab;
    z-index: 2;
}
.price-range__thumbs.is-lower {
    inset-inline-start: var(--progress-lower);
}
  
.price-range__thumbs.is-upper {
    inset-inline-start: var(--progress-upper);
}

.price-range__thumbs:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.price-range__thumbs::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    transition: transform var(--animation-duration) var(--transition-timing-function);
    border-radius: 50%;
    background: rgb(var(--layout-text-color));
}

.price-range__thumbs::before {
    content: '';
    position: absolute;
    z-index: 1;
    inset: -10px;
    width: 40px;
    height: 40px;
    display: block;
    pointer-events: none;
    border-radius: 50%;
  }

.price-range__thumbs:hover::after, .price-range__thumbs:active::after {
    transform: scale(1.1);
}


.facets__label--disabled span {
    opacity: 0.5;
}
.filter-group-option--pill:not(.filter-group-option--swatch) {
    justify-content: space-between;
}
.filter-group-option--pill.filter-group-option--swatch .facets__checkbox {
    margin-inline-start: auto;
}
.facets__item--row input[type=checkbox].mobile-facets__swatch,
.filter-group-option--swatch:not(.filter-group-option--pill).input-style--big .mobile-facets__swatch,
.facets__item--row.input-style--small .mobile-facets__swatch  {
    width: 36px;
    height: auto;
    aspect-ratio: var(--swatches-aspect-ratio);
}

.mobile-facets__thumbnail--options {
    width: var(--thumbnail-size)!important;
    height: auto!important;
    aspect-ratio: var(--thumbnail-aspect-ratio)!important;
}

.filter-group-option--pill .facets__checkbox {
    order: 2;
}
.filter-group-option--pill {
    position: relative;
    min-height: 36px;
    padding-block: 6px;
    padding-inline: 13px 7px;
    border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.16);
    border-radius: var(--field-radius);
    transition: border var(--animation-duration) var(--transition-timing-function);
}
.filter-group-option--pill .facets__checkbox::after {
    opacity: 0.5;
}
.filter-group-option--pill .facets__checkbox:checked:after {
    opacity: 1;
}
.filter-group-option--pill.input-style--big {
    min-height: 44px;
}
.filter-group-option--pill:has( .facets__checkbox)::after {
    content: '';
    position: absolute;
    inset-inline-start: calc(-2px - var(--border-thickness));
    top: calc(-2px - var(--border-thickness));
    width: calc(100% + (var(--border-thickness) * 2));
    height: calc(100% + (var(--border-thickness) * 2));
    border: 2px solid transparent;
    border-radius: var(--field-radius);
}
.filter-group-option--pill:has( .facets__checkbox:checked)::after {
    border: 2px solid rgb(var(--layout-text-color));
    transition: border var(--animation-duration) var(--transition-timing-function);
}
.filter-group-option--pill:has( .facets__checkbox:checked) {
    border-color: transparent;
    transition: none;
}
.filter-group-option:not(.filter-group-option--pill) .swatch__label {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.facets__label--disabled.filter-group-option--pill:not(.filter-group-option--swatch) .swatch__label {
    text-decoration: line-through;
}
@media (hover: hover) {
    .filter-group-option--pill:not(:has( input:disabled)):not(:has( input:checked)):hover {
        border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.5);
    }
    .active-facets__button--clear:hover,
    .filter-group-option:not(.filter-group-option--pill):hover .swatch__label {
        opacity: 0.7
    }
    .active-facets__button:not([disabled]):hover svg,
    .filter-group-option:not(.filter-group-option--pill):hover input:disabled + .swatch__label {
        opacity: 0.5;
    }
}

/* Component-icon-with-text */
.icons-with-text--inline {
    vertical-align: top;
    display: inline-flex;
    width: calc((100% - (var(--block-padding-xs) + 4px)) /2);
}

.icons-with-text--inline + .icons-with-text--inline,
.icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline {
    margin-inline-start: var(--block-padding-xs);
}

.product__info-container:has(.icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline) .icons-with-text--inline {
    width: calc((100% - (var(--block-padding-xs) + 4px) * 2) /3);
}

.product__info-container:has(.icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline) .icons-with-text--inline {
    width: calc((100% - (var(--block-padding-xs) + 4px)) /2);
}

.product__info-container:has(.icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline) .icons-with-text--inline:nth-child(2n) {
    margin-inline-end: 0px;
}

.product__info-container:has(.icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline) .icons-with-text--inline + .icons-with-text--inline + .icons-with-text--inline {
    margin-inline-start: var(--block-padding-xs);
}

.icons-with-text__heading:has(+.icons-with-text__container:not(:empty)) {
    margin-bottom: var(--block-padding-s);
}

.icons-with-text.icons-with-text--block .icons_with_text__item {
    margin-bottom: 0;
}

.icons_with_text__media {
    overflow: clip;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: var(--media-size);
    aspect-ratio: 1 / 1;
    flex: 0 0 var(--media-size);
}

.icons-with-text__container {
    gap: 16px;
}

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

.icons_with_text__icon {
    display: flex;
}

.icons_with_text__image,
.icons_with_text__icon {
    width: 100%;
    height: 100%;
    overflow: clip;
}

.icons_with_text__image .lazy-image {
    height: 100%;
}

.icons_with_text__image img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: contain;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.icons_with_text__media--fill .icons_with_text__image {
    width: 100%;
    border-radius: var(--context-icon-radius);
    -webkit-border-radius: var(--context-icon-radius); 
}

.icons_with_text__media--fill .icons_with_text__image img {
    object-fit: cover;   
}

.icons-with-text--vertical .icons_with_text__wrapper.cursor-pointer,
.icons-with-text--block a.icons_with_text__link,
.icons-with-text--horizontal .icons_with_text__item .icons_with_text__wrapper.cursor-pointer {
    cursor: pointer;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.icons_with_text__link .icons_with_text__title,
modal-opener .icons_with_text__title {
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness-heading);
    text-underline-offset: var(--underline-offset-heading);
}

.icons_with_text__link .icons_with_text__title.body-font,
modal-opener .icons_with_text__title.body-font,
.icons_with_text__link .icons_with_text__title.subheading-font:not(.subheading-heading-font),
modal-opener .icons_with_text__title.subheading-font:not(.subheading-heading-font) {
    text-decoration-thickness: var(--underline-thickness-body);
    text-underline-offset: var(--underline-offset-body);
}

modal-opener .icons_with_text__title {
    text-decoration-style: dashed;
}

.icons-with-text--block .icons_with_text__wrapper,
.icons-with-text--block .icons_with_text__link,
.icons_with_text__info {
    display: flex;
    flex-direction: column;
    gap: var(--block-padding-xs);
}

.icons-with-text--horizontal .icons_with_text__wrapper,
.icons-with-text--horizontal .icons_with_text__link {
    flex-direction: row;
    align-items: center;
    gap: var(--block-padding-s);
}

.icons-with-text--horizontal .show-lines .icons_with_text__item {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    padding: var(--block-padding-s) 0;
}

.icons-with-text--horizontal .icons-with-text__container:not(.show-lines) .icons_with_text__item:not(:last-child),
.icons-with-text--horizontal:has( + .icons-with-text--horizontal) .icons-with-text__container:not(.show-lines) .icons_with_text__item:last-child {
    padding-bottom: var(--block-padding-s);
}

.icons-with-text--horizontal:has( .show-lines) + .icons-with-text--horizontal[style*="--spacing: 0;"]:has( .show-lines):not(:has( .icons-with-text__heading)) .icons_with_text__item:first-child {
    border-block-start: none;
}

.icons-with-text--horizontal .show-lines .icons_with_text__item:last-child {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.icons-with-text--horizontal .icons_with_text__info,
.icons-with-text--horizontal .icons-with-text__container {
    gap: 0;
}

.icons_with_text__description p:has(+ .icon--small) {
    margin-bottom: 0;
    display: inline-block;
}

.icons_with_text__description .icon--small {
    vertical-align: middle;
    display: inline-flex;
}

@media (hover: hover) {
    .icons-with-text--vertical .icons_with_text__wrapper.cursor-pointer:hover,
    .icons-with-text--block a.icons_with_text__link:hover,
    .icons-with-text--horizontal .icons_with_text__item:hover .icons_with_text__wrapper.cursor-pointer {
        opacity: 0.7;
    }
}

@media screen and (max-width: 768px) {
    .icons-with-text--horizontal + .icons-with-text--horizontal:not([style*="--mobile-spacing: 0;"]):not(:has( .icons-with-text__heading)):has( .show-lines) .icons_with_text__item:first-child {
        border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    }
    .icons-with-text--horizontal:has( .show-lines) + .icons-with-text--horizontal[style*="--mobile-spacing: 0;"]:not(:has( .icons-with-text__heading)):has( .show-lines) .icons_with_text__item:first-child {
        border-block-start: none;
    }
}

/* Component-inventory-status */
.product__inventory-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
  
.js-incoming-text {
    color: rgb(var(--error-color));
}
  
.product__inventory progress-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    margin: 9px 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: rgba(var(--layout-text-color), .15);
}
  
.product__inventory progress-bar:after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: -1px;
    height: 4px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: var(--progress-bar-width, 100%);
    transition: width 2.5s ease;
}
  
.product__inventory-item--in-stock .progress-bar {
    background-color: rgb(var(--in-stock-color));
    height: 4px;
    margin: 8px 0;
}
  
.product__inventory-item--in-stock .product__inventory-status {
    color: rgb(var(--in-stock-color));
}
  
.product__inventory-item--low progress-bar:after {
    background-color: rgb(var(--low-inventory-color));
}
  
.product__inventory-item--low .product__inventory-status {
    color: rgb(var(--low-inventory-color));
}
  
.product__inventory-item--sold .progress-bar {
    background-color: rgb(var(--out-of-stock-color));
    height: 4px;
    margin: 8px 0;
}
  
.product__inventory-item--sold .product__inventory-status {
    color: rgb(var(--out-of-stock-color));
}

/* Component-model-viewer-ui */
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgb(var(--layout-bg-color));
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

.shopify-model-viewer-ui .shopify-model-viewer-ui__poster-control-icon {
    width: 44px;
    height: 44px;
}

/* Pagination */
.pagination__list {
    justify-content: space-between;
    gap: 4px;
    align-items: center;
}

.pagination__pages {
    gap: 4px;
    align-items: center;
}

.pagination__li .pagination__item {
    position: relative;
    min-width: 36px;
    min-height: 36px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--border-thickness) solid transparent;
    border-radius: var(--button-border-radius);
    transition: border var(--animation-duration) var(--transition-timing-function);
}

.pagination__li .pagination__item::after {
    content: "";
    display: block;
    position: absolute;
    inset-inline-start: calc(-2px - var(--border-thickness));
    top: calc(-2px - var(--border-thickness));
    width: calc(100% + (var(--border-thickness) * 2));
    height: calc(100% + (var(--border-thickness) * 2));
    border: 2px solid transparent;
    border-radius: var(--button-border-radius);
}

.pagination__li.pagination__li--current .pagination__item {
    cursor: auto;
    pointer-events: none;
    border-color: transparent;
    transition: none;
}

.pagination__li.pagination__li--current .pagination__item::after {
    border: 2px solid rgb(var(--layout-text-color));
    transition: border var(--animation-duration) var(--transition-timing-function);
}

.pagination__item--disable a {
    pointer-events: none;
    opacity: .5;
}

li.pagination__item--disable {
    cursor: not-allowed;
}

.pagination__item-arrow {
    width: 36px;
    height: 36px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

li:not(.pagination__item--disable) .pagination__item-arrow svg {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.pagination__li-disabled {
    pointer-events: none;
}

.pagination-wrapper {
    margin-top: var(--block-padding);
    width: 100%;

    &:empty {
        display: none;
    }
}

.infinite-scroll {
    justify-content: center;
    position: relative;

    &:has(> .pagination-indicator) {
        display: flex;
        flex-direction: column;
        row-gap: 22px;
        align-items: center;
    }
}

.pagination-indicator {
    row-gap: 15px;
    align-items: center;
}

.pagination-indicator__description {
    opacity: 0.7;
}

.pagination-indicator__indicator {
    position: relative;
    width: 180px;
    height: 2px;
    background-color: rgba(var(--layout-text-color), 0.2);
    border-radius: 4px;

    &:after {
        content: "";
        position: absolute;
        left: 0;
        width: min(var(--indicator-progress-width, 100%), 100%);
        height: 2px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: rgb(var(--layout-text-color));
    }
}

.pagination__button {
    position: relative;
    width: fit-content;
}

.pagination__button .loading-overlay__spinner {
    inset-inline-start: calc((100% - 24px) / 2);
    top: calc((100% - 24px) / 2);
}

.pagination__button-text:has( + .loading-overlay__spinner:not(.hidden)),
.pagination__button .icon-accordion:has( ~ .loading-overlay__spinner:not(.hidden)) {
    opacity: 0!important;
    z-index: 0;
}

.infinite-scroll button[aria-hidden="true"]:has( .loading-overlay__spinner:not(.hidden)) {
    width: 24px;
    height: 24px;
    position: relative;
}

@media (hover: hover) {
    .pagination__li:not(.pagination__li--current):hover .pagination__item {
        cursor: pointer;
        border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.5);
    }
    li:not(.pagination__item--disable) .pagination__item-arrow:hover svg {
        opacity: 0.7;
    }
}

/* Product-sticky-cart */
.sticky-cart-wrapper.hidden {
    display: block !important;
}
  
.sticky-cart-block {
    display: block;
    transform: translateY(8rem);
}
  
.product-sticky-cart {
    z-index: 100;
    position: fixed;
    bottom: 8px;
    inset-inline-start: calc(50% - 300px);
    width: 100%;
    pointer-events: none;
    transform: translateY(100%);
    opacity: 0;
    transition: transform .3s var(--transition-timing-function) ease, opacity .3s var(--transition-timing-function) ease;
    max-width: 600px;
    overflow: clip;
    border-radius: var(--corner-radius);
    -webkit-border-radius: var(--corner-radius);
}

.product-sticky-cart--left {
    inset-inline-start: 8px;
}

.product-sticky-cart--right {
    inset-inline-end: 8px;
    inset-inline-start: auto;
}
  
.product-sticky-cart::before {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--layout-background-color));
}
  
animate-sticky[animate] .product-sticky-cart {
    opacity: 1;
    pointer-events: visible;
    transform: translateY(0);
}
  
.sticky-cart {
    position: relative;
    display: flex;
    justify-content: space-between;
    column-gap: 8px;
    padding: 12px;
}
  
.sticky-cart__content {
    display: flex;
    column-gap: 8px;
    align-items: center;
}

.sticky-cart__content-image {
    width: 48px;
    max-width: 48px;
    flex-shrink: 0;
    overflow: clip;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.sticky-cart__content-image.enable-blending {
    background: var(--blending-color, none);
}   

.sticky-cart__content-image.enable-blending img {
    mix-blend-mode: darken;
}
  
.sticky-cart__content img {
    height: 100%;
    width: 100%;
    display: block;
}
  
.sticky-cart__content .h4 {
    margin: 0;
}

.product-sticky-cart .product-form__buttons button {
    width: auto;
}

.sticky-cart__content-heading {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
  
.sticky-cart__form {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
  
.sticky-cart__form form {
    display: flex;
}
  
.sticky-cart__form .product-form__buttons {
    display: flex;
    column-gap: 1rem;
}
  
.sticky-cart__form .select__select {
    height: 100%;
    min-height: auto;
}

.current-variant {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.current-variant a {
    text-decoration: underline;
}

.main-product-section:has(.variant-selects--no-options) .sticky-cart-wrapper .current-variant a {
    display: none;
}
  
body.hidden animate-sticky .product-sticky-cart {
    z-index: 1;
}

.sticky-cart .price-inside-button,
.product-form__buttons-icon {
    display: none;
}

.sticky-cart .product-form__submit.loading .button-title {
    display: block;
    opacity: 0;
}

.sticky-cart .product-form__buttons .product-form__submit {
  justify-content: center;
}

@media screen and (max-width: 1024px) {
    .product-sticky-cart {
        max-width: 100vw;
        inset-inline: 0;
        bottom: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (min-width: 1025px) {
    .product-sticky-cart {
      transform: translateY(20px);
    }
    animate-sticky[animate] .product-sticky-cart {
      transition: opacity .3s var(--transition-timing-function), transform .3s var(--transition-timing-function);
    }
}

@media screen and (min-width: 769px) {
    .sticky-cart-wrapper--mobile.hidden {
        display: none !important;
    }
}

@media screen and (max-width: 768px) {
    .sticky-cart-wrapper--desktop.hidden,
    .product-sticky-cart .product-form__submit span:not(.product-form__buttons-icon):not(.loading-overlay__spinner) {
        display: none!important;
    }
    .product-form__buttons-icon {
        display: flex;
    }
    .sticky-cart .product-form__buttons .button-title,
    .product-form__submit.loading .product-form__buttons-icon,
    .sticky-cart .product-form__submit.loading .button-title,
    .product-sticky-cart .product-form__submit::after {
        display: none;
    }
    .product-sticky-cart .product-form__buttons button {
        min-width: calc(20px + 20px + var(--icon-scale) + var(--border-thickness) + var(--border-thickness));
        min-height: calc(20px + 20px + var(--icon-scale) + var(--border-thickness) + var(--border-thickness));
        padding: 10px;
    }
    .sticky-cart__content {
        min-width: 0;
        flex: 0 0 calc(100% - 8px - 12px - (20px + 20px + var(--icon-scale) + var(--border-thickness) + var(--border-thickness)));
        overflow: clip;
    }
    .sticky-cart__content-image + .sticky-cart__content-heading {
        max-width: calc(100% - 48px - 8px);
    }
    .sticky-cart__content p {
        text-overflow: ellipsis;
        word-break: keep-all;
        white-space: nowrap;
        overflow: clip;
    }
}

/* Promo-code */
  promo-code {
    display: flex;
    width: 100%;
}

.center promo-code {
    justify-content: center;
}

.promo-code {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
    overflow: clip;
    max-width: 600px;
}

.promo-code > * {
    border-radius: unset;
    -webkit-border-radius: unset;
}

.promo-code__field {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 12px 16px;
    border: var(--border-thickness) dashed rgb(var(--layout-text-color));
    overflow: clip;
    border-inline-end: none;
    border-start-start-radius: var(--field-radius);
    border-end-start-radius: var(--field-radius);
    width: 100%;
}

.promo-code__field span {
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    user-select: text !important;
}

.promo-code .copy-success, 
.promo-code .copy-label {
    display: block;
    word-break: keep-all;
}

.promo-code .copy-button {
    width: max-content;
    padding: 12px 32px;
    min-height: 64px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-bg-color));
}

@media (hover: hover) {
    .promo-code .copy-button:hover {
        opacity: 0.7;
    }
}

.promo-code .copy-button .hide {
    height: 0;
    opacity: 0;
}

.promo-code .copy-button .show {
    height: auto;
    opacity: 1;
}

.promo-code .copy-button::before {
    content: none !important;
}

@media screen and (max-width: 768px) {
    .promo-code {
        flex-direction: column;
    }
    .promo-code .copy-button,
    .promo-code .promo-code__field {
        width: 100%;
        min-height: 44px;
    }
    .promo-code .promo-code__field {
        border-block-end: none;
        border-inline-end: var(--border-thickness) dashed rgb(var(--layout-text-color));
        border-end-start-radius: 0px;
        border-end-end-radius: 0px;
        border-start-end-radius: var(--field-radius);
    }
}

/* Component-related-collections */
.related-collections__heading + .related-collections__container {
    margin-top: var(--block-padding-xs);
}

.related-collections__item {
    display: flex;
    gap: 16px;
    align-items: center;
}

.section-related-collections .related-collections__item {
    justify-content: center;
}

.related-collections--block .related-collections__item {
    padding: var(--block-padding-xs) 0;
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    width: 100%;
}

.related-collections--block .related-collections__item:last-child {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.related-collections__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    width: 100%;
}

.related-collections__route--wrapper {
    justify-content: space-between;
}

.related-collections__route--wrapper,
.related-collections__link {
    align-items: center;
    gap: 8px;
}

.related-collections__image-icon,
.related-collections__image-alternative {
    display: flex;
    align-items: center;
}

.related-collections__link .related-collections__icon {
    height: fit-content;
    display: inline-flex;
}

.related-collections__image-icon {
    height: 24px;
    width: 24px;
}

.related-collections__image-alternative {
    background-color: rgba(var(--layout-text-color), 0.1);
    justify-content: center;
    width: 100%;
}

.related-collections__image {
    aspect-ratio: 1 / 1;
    display: flex;
    height: 48px;
    overflow: clip;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
}

@media (hover: hover) {
    .related-collections__item:hover .related-collections__content {
        opacity: var(--hover-opacity);
    }
}

@media screen and (max-width: 768px) {
    .section-related-collections .section-header {
        text-align: start;
    }

    .section-related-collections .related-collections__item {
        justify-content: flex-start;
    }
}

/* Featured collection with media */
.featured-collection-with-media:not(.featured-collection-with-media--framing):has(.featured-collection-with-media__item:first-child.featured-collection-with-media__item-colored) {
    padding-top: 0;
}

.featured-collection-with-media:not(.featured-collection-with-media--framing):has(.featured-collection-with-media__item:last-child.featured-collection-with-media__item-colored) {
    padding-bottom: 0;
}

.section--full-width .featured-collection-with-media .media-with-text__content--full-width.section-framing-grid {
    padding-top: var(--inner-section-padding);
    padding-bottom: var(--inner-section-padding);
}

.section-radius-not-all:first-child:not(:only-child) > div,
.section-radius-not-all .media-with-text__card.fill-section-inside {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
}

.section-radius-not-all:last-child:not(:only-child) > div {
    border-start-start-radius: 0;
    border-start-end-radius: 0;
}

.section-radius-not-all:last-child:not(:only-child) > div {
    border-end-start-radius: var(--images-and-sections-radius);
    border-end-end-radius: var(--images-and-sections-radius);
}

.section--full-width .section-radius-not-all:has( .right-media) .media-with-text__media-wrapper {
    border-end-end-radius: 0;
    border-start-end-radius: 0;
}

.section--full-width .section-radius-not-all:has( .left-media) .media-with-text__media-wrapper {
    border-end-start-radius: 0;
    border-start-start-radius: 0;
}

.media-with-text__content--full-width.right-media {
    padding-inline-start: var(--inner-section-padding);
}

.media-with-text__content--full-width.right-media.large {
    padding-inline-start: max(calc(var(--inner-section-padding) / 2), 24px);
}

.media-with-text__content--full-width.left-media {
    padding-inline-end: var(--inner-section-padding);
}

.media-with-text__content--full-width.left-media.large {
    padding-inline-end: max(calc(var(--inner-section-padding) / 2), 24px);
}

.featured-collection-with-media__item-bottom-margin {
    margin-bottom: var(--section-padding);
}

.featured-collection-with-media__item-top-margin {
    margin-top: var(--section-padding);
}

.featured-collection-with-media__item-colored > div {
    padding-top: calc(var(--section-padding) * var(--top-spacing));
    padding-bottom: var(--section-padding);
}

.featured-collection-with-media__item-colored .featured-collection__media.fill-section-inside .elem-padding-l {
    padding: var(--inner-section-padding);
}

.featured-collection-with-media__item-colored > div.without-padding {
    padding-bottom: 0;
}

.featured-collection__products.fill-section-inside {
    padding-inline-start: var(--side-margin);
    padding-inline-end: var(--side-margin);
}

.shopify-section:not(:last-child).section-featured-collection-with-media .bottom-line::after {
    width: calc(100vw - var(--side-margin) - var(--side-margin));
    inset-inline-start: var(--side-margin);
}

@media screen and (max-width: 768px) {
    .section--full-width .section-radius-not-all:has( .right-media) .media-with-text__media-wrapper,
    .section--full-width .section-radius-not-all:has( .left-media) .media-with-text__media-wrapper {
        border-radius: 0;
    }
    .media-with-text__content--full-width.media-with-text__content.right-media,
    .media-with-text__content--full-width.media-with-text__content.left-media {
        padding-inline-start: var(--side-margin);
        padding-inline-end: var(--side-margin);
    }
    .media-with-text__content--full-width.media-with-text__content.right-media:has(.media-with-text__content-wrapper:empty),
    .media-with-text__content--full-width.media-with-text__content.left-media:has(.media-with-text__content-wrapper:empty) {
        padding-bottom: 0;
    }
    .section--full-width .featured-collection-with-media .media-with-text__content--full-width.section-framing-grid {
        padding-top: 0;
    }
}

/* Header */
.header-segment-1 {
    grid-area: segment-1;
}
.header-segment-2 {
    grid-area: segment-2;
}
.header-segment-3 {
    grid-area: segment-3;
}
.header-segment-4 {
    grid-area: segment-4;
}

.burger-menu-button {
    align-items: center;
    gap: 4px;
}

.header--border {
    border-block-end: var(--border-thickness) solid rgb(var(--lines-color));
}

.header--filled:has(.make-translucent):hover > div {
    transition: none !important;
}

@media screen and (min-width: 1025px) {
    .logo_left_menu_left .main-header-wrapper {
        display: flex;
    }
    .logo_left_menu_left .main-header-wrapper .header-segment-3 {
        margin-inline-start: auto;
    }
    .logo_left_menu_center .main-header-wrapper {
        --header-layout: "segment-1 segment-2 segment-3" /1fr auto 1fr;
    }
    .logo_left_wide_search .main-header-wrapper {
        --header-layout: "segment-1 segment-2 segment-3" /1fr auto 1fr;
    }
    .logo_left_wide_search .main-header-wrapper .header-segment-4,
    .logo_center_search_left .main-header-wrapper .header-segment-4 {
        grid-area: 2 / 1 / 3 / 4;
    }
    .logo_left_wide_search .main-header-wrapper {
        --header-layout: "segment-1 segment-2 segment-3" /0.5fr 1fr 0.5fr;
    }
    .logo_left_wide_search .main-header-wrapper:has(.header-segment-2.header-segment-desktop .search-link) {
        --header-layout: "segment-1 segment-2 segment-3" /1fr auto 1fr;
    }
    .logo_center_menu_left .main-header-wrapper {
        --header-layout: "segment-2 segment-1 segment-3" /1fr auto 1fr;
    }
    .logo_center_menu_split .main-header-wrapper {
        --header-layout: "segment-2 segment-1 segment-3" /1fr auto 1fr;
    }
    .logo_center_search_left .main-header-wrapper {
        --header-layout: "segment-2 segment-1 segment-3" /1fr auto 1fr;
    } 
    .header-segment-desktop {
        align-items: center;
    }
    .header-segment-1,
    .header-segment-2 {
        gap: 8px;
    }
    .logo_center_menu_split .header-segment-1 {
        gap: 24px;
    }
    .header-segment-mobile {
        display: none !important;
    }
    .burger-left .burger-menu {
        padding-inline-end: 6px;
    }
    .burger-right .burger-menu {
        padding-inline-start: 6px;
    }
    .logo_left_wide_search .search {
        width: 100%;
    }
    .logo_left_menu_left .main-header-wrapper .menu__list,
    .logo_center_menu_left .main-header-wrapper .menu__list {
        justify-content: flex-start;
    }
    .logo_center_menu_split .main-header-wrapper .first-part-menu .menu__list {
        justify-content: flex-end;
    }
    .logo_center_menu_split .main-header-wrapper .last-part-menu .menu__list {
        justify-content: flex-start;
    }
    .logo_center_menu_left .logo__title,
    .logo_center_menu_split .logo__title {
        text-align: center;
    }
    body:not(.search-modal--open):not(.mega-menu-opened) .header--transparent > div {
        background-color: transparent;
        transition: background-color .3s var(--transition-timing-function);
    }
    body:not(.search-modal--open):not(.mega-menu-opened) .header--transparent:has(.make-translucent) > div {
        transition: none !important;
    } 
    .mega-menu-opened .header--filled > div {
        background-color: rgb(var(--layout-bg-color)) !important;
    }
    .menu__nav:has(details-dropdown[open] .first-nested__list) details-dropdown:not([open]) .menu__item-title,
    .menu__nav:has(details-dropdown[open] .mega-menu) details-dropdown:not([open]) .menu__item-title {
        opacity: 0.5;
        transition: opacity 0.3s var(--transition-timing-function);
    }
    .logo_left_wide_search .search-link {
        justify-content: center;
    }
    .logo_center_search_left .header-segment-desktop.header-segment-4,
    .logo_left_wide_search .header-segment-desktop.header-segment-4 {
        justify-content: center;
    }
    .logo_left_wide_search .search:has(summary > .search-modal__form) summary {
        display: flex;
        justify-content: center;
    }
}

body.search-modal--open .header--filled > div,
body.search-modal--open .header--filled > .bottom-bar {
    background-color: rgb(var(--layout-bg-color)) !important;
}

.main-header-wrapper {
    display: grid;
    grid-template: var(--header-layout);
    padding-top: var(--top-and-botton-paddings);
    padding-bottom: var(--top-and-botton-paddings);
    gap: 8px 40px;
}
.main-header {
    position: relative;
    z-index: 3;
}
.main-header-wrapper.reduce-padding {
    padding-top: var(--top-and-botton-paddings);
    padding-bottom: var(--top-and-botton-paddings);
}
.main-header:has(.menu details-dropdown[data-status=parent]):not(:has(.menu details-dropdown[data-status=parent] .active-parent-link)) + .bottom-bar {
    padding-bottom: 0;
}
.bottom-bar:not(:has(.menu__item)) {
    display: none;
}
.main-header:has(+ .bottom-bar .menu__item) .main-header-wrapper {
    padding-bottom: calc(var(--middle-padding) / 2);   
}
.main-header:has(.main-header-wrapper.reduce-padding) + .bottom-bar {
    padding-bottom: var(--top-and-botton-paddings);
}
.header {
    position: relative;
    z-index: 20
}
.main-header-wrapper > div {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 5;
}

.main-header-wrapper > .header-segment-desktop:not(.header-segment-3),
.localization-opened .main-header-wrapper > .header-segment-desktop.header-segment-3 {
    z-index: 7;
}

body.drawer-is-open .main-header-wrapper > .header-segment-desktop:not(.header-segment-3) {
    z-index: 1;
}

.header-segment-desktop:has(.mega-menu-short[open]) {
    z-index: 9;
}

.header-segment-2:has(.burger-menu ~ .menu) .burger-menu {
    padding-inline-end: 16px;
}
.header button {
    color: rgb(var(--layout-text-color));
}
.header svg {
    fill: rgb(var(--layout-text-color));;
}
.icons {
    gap: 0px;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
}

.left-icons {
    gap: 4px;
    justify-content: flex-start;
}

.shopify-section-header-sticky {
    position: sticky !important;
    top: 0px;
    z-index: 20 !important;
    transition: transform 0.3s ease-in-out;
}

body.hidden:not(.search-modal--open):not(.quick-view-open) .shopify-section-header.animate,
body.hidden:not(.search-modal--open):not(:has(.filter-form.drawer.open)) .shopify-section-header.animate {
    z-index: 5 !important;
}

.body.hidden.search-modal--open .shopify-section-header {
    z-index: 30 !important;
}

body:has(main .shopify-section:first-child) .shopify-section-header-hidden {
    transform: translateY(-100%);
}

.shopify-section-header-hidden.shopify-section-header-sticky .header > div {
    background: transparent!important;
    opacity: 0!important;
}

.disable-visibility {
    visibility: hidden!important;
    opacity: 0!important;
}

body:has(main .shopify-section:first-child .section) .shopify-section-header-hidden sticky-header {
    display: block;
    pointer-events: none;
}

.shopify-section-header:not(.shopify-section-header-hidden):not(.animate) .header,
.shopify-section-header.shopify-section-header-sticky.animate .header {
    transition: transform 0.3s ease-in-out;
}

.shopify-section-header:not(.shopify-section-header-stick):not(.animate) .header {
    transition: none;
}

.shopify-section-header:has(.header--always-stick) {
    position: sticky;
    top: 0;
    z-index: 20;
}

.shopify-section-header:has(.disclosure .drawer.open) {
    z-index: 30;
}

.bottom-bar-wrapper,
.main-header-wrapper {
    width: 100%;
}

.localization-container ~ .search {
    margin-inline-start: 20px;
}

/* Bottom bar */
.bottom-bar {
    padding-top: var(--middle-padding);
    padding-bottom: var(--middle-padding);
}
.bottom-bar.reduce-padding {
    padding-top: calc(var(--middle-padding) / 2);
}
.bottom-bar--border {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.bottom-bar-wrapper-center.flex--row {
    justify-content: center;
    gap: 16px;
}
.bottom-bar-wrapper-space-between.flex--row,
.bottom-bar-wrapper-flex-start.flex--row {
    justify-content: space-between;
    gap: 16px;
}
.bottom-bar-wrapper .menu {
    flex-basis: 100%;
}

/* .make-translucent.search-field {
    will-change: backdrop-filter, background-color, color;
} */

search-element {
    display: block;
}

@media screen and (min-width: 1025px) and (hover: hover) {
    .header--transparent.header--filled:hover > div {
        background: rgb(var(--bg-gradient));
    }
    .header--filled:hover > div {
        background: rgb(var(--bg-gradient)) !important;
    }
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable) .header--filled:hover .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body.search-modal--open .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable):has(.search-modal.open:hover) .header--filled .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body.search-modal--open .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable):has(.search-modal.open:hover) .header--filled .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body.mega-menu-opened .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--desktop) .header--filled .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body.search-modal--open .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable):has(.search-modal__overlay.open:hover) .header--filled .logo__image-item:not(.logo__image-item--always),
    body.search-modal--open .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable):has(.search-modal__overlay.open:hover) .header--filled .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: block;
    }
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable) .header--filled:hover .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always) {
        display: none;
    }
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--mobile) .header--filled:hover .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop) .header--filled:hover .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    .shopify-section-header.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop) .header--filled:hover .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always) {
        display: none;
    }
    .shopify-section-header.overlap-desktop.animate:has(+ main .shopify-section:first-child .section-overlap--desktop) .header--filled:hover .logo__image-item:not(.logo__image-item--overlap) {
        display: block;
    }
}

@media screen and (min-width: 1025px) {
    /* Overlap */
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:not(.animate):has(+ main .shopify-section:first-child .section-overlap--enable) .header > div {
        background: transparent;
    }
    .shopify-section-header-hidden.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable)  .header,
    .shopify-section-header-hidden.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop)  .header {
        transform: translateY(-100%); 
    }
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable) .header,
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--desktop) .header {
        margin-bottom: -100%;
    }
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:not(.animate):has(+ main .shopify-section:first-child .section-overlap--desktop) .header > div {
        background: transparent;
    }
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: none;
    }
    .shopify-section-header.overlap-desktop.animate:has(+ main .shopify-section:first-child .section-overlap--desktop) .logo__image-item:not(.logo__image-item--overlap),
    .search-modal--open .shopify-section-header.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop) .header--filled .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    .shopify-section-header.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop.logo-regular) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-desktop:has(+ main .shopify-section:first-child .section-overlap--desktop) .header--filled:hover .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: block;
    }
    .header:has(.bottom-bar:has(.menu__item)) .main-header-wrapper.reduce-padding {
        padding-top: var(--top-and-botton-paddings);
        padding-bottom: calc(var(--middle-padding) / 2);
    }
}

@media screen and (max-width: 1024px) {
    /* Overlap */
    body:not(.search-modal--open) .shopify-section-header:not(.animate):has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop))  .header > div,
    body:not(.search-modal--open) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) ~ .shopify-section-announcement-bar .announcement-bar {
        background: transparent;
    }
    .shopify-section-header-hidden.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .header {
        transform: translateY(-100%); 
    }
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .header,
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) ~ .shopify-section-announcement-bar .announcement-bar {
        margin-bottom: -100%;
    }
    .shopify-section-header-hidden.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable.only-on-desktop)  {
        transform: translateY(-100%);
    }
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .header {
        margin-bottom: -100%;
    }
    body:not(.search-modal--open) .shopify-section-header:not(.animate):has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .header > div {
        background: transparent;
    }
    .shopify-section-header.overlap-enable:not(.animate):has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: none;
    }
    .shopify-section-header.overlap-enable:not(.animate):has(+ main .shopify-section:first-child .section-overlap--mobile.mobile-logo-regular:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: block;
    }
    .main-header-wrapper {
        gap: var(--mobile-middle-padding) 16px;
    }
    .main-header-wrapper .menu,
    .main-header-wrapper .localization-container,
    .bottom-bar,
    .header store-selector-drawer,
    .header .store-selector {
        display: none;
    }
    .header-segment-desktop {
        display: none !important;
    }
    .logo_left_wide_search .icons ~ .search,
    .logo_center_search_left .icons ~ .search {
        display: none;
    }
    .search-field-mobile {
        grid-area: 2 / 1 / 3 / 4;
    }
    .left-icons .search-field-mobile {
        display: none;
    }
    .search-field-mobile, 
    .search-field-mobile details,
    .header-segment-4 .search {
        width: 100%;
    }
    .logo_left_burger_left {
        --header-layout: "segment-1 segment-3" /auto auto;
    }
    .logo_left_burger_left {
        --header-layout: "segment-1 segment-3" /auto auto;
    }
    .logo_left_burger_right {
        --header-layout: "segment-1 segment-3" /auto auto;
    }
    .logo_center_burger_left {
        --header-layout: "segment-1 segment-2 segment-3" /1fr 1fr 1fr;
    }
    .logo_left_burger_left .header-segment-4,
    .logo_left_burger_right .header-segment-4 {
        grid-area: 2 / 1 / 3 / 3;
    }
    .logo_center_burger_left .header-segment-4 {
        grid-area: 2 / 1 / 3 / 4;
    }
    .logo_left_burger_left .burger-menu {
        padding-inline-end: 6px;
    }
    .header-segment-1 {
        gap: 4px;
    }
    .header-segment-2.header-segment-mobile {
        justify-content: center;
        text-align: center;
    }
    .logo_left_burger_right .burger-menu {
        padding-inline-start: 6px;
    }
    .main-header:has(+ .bottom-bar .menu__item) .main-header-wrapper {
        padding-bottom: var(--top-and-botton-paddings); 
    }
}
@media screen and (min-width: 769px) {
    .shopify-section-header.overlap-enable .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    .shopify-section-header.overlap-enable.animate .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable.logo-regular) .logo__image-item.logo__image-item--overlap,
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-desktop .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    .shopify-section-header.overlap-desktop.animate .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--desktop.logo-regular) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable.logo-regular):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--desktop.logo-regular):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.animate:has(+ main .shopify-section:first-child .section-overlap--desktop):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.animate:has(+ main .shopify-section:first-child .section-overlap--enable):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always) {
        display: none;
    }
    body.search-modal--open .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable) .header--filled .logo__image-item:not(.logo__image-item--overlap),
    body.mega-menu-opened .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable) .header--filled .logo__image-item:not(.logo__image-item--overlap),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item.logo__image-item--overlap,
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--desktop):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item.logo__image-item--overlap,
    .shopify-section-header.animate:has(+ main .shopify-section:first-child .section-overlap--enable):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item:not(.logo__image-item--overlap),
    .shopify-section-header.animate:has(main .shopify-section:first-child .section-overlap--enable):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item:not(.logo__image-item--overlap),
    .search-modal--open .shopify-section-header:has(main .shopify-section:first-child .section-overlap--enable):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .header--filled .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--enable.logo-regular):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.animate:has(+ main .shopify-section:first-child .section-overlap--desktop):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item:not(.logo__image-item--overlap),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.animate:has(main .shopify-section:first-child .section-overlap--desktop):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item:not(.logo__image-item--overlap),
    .search-modal--open .shopify-section-header:has(main .shopify-section:first-child .section-overlap--desktop):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .header--filled .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    .shopify-section-header:has(+ main .shopify-section:first-child .section-overlap--desktop.logo-regular):is(.overlap-enable, .overlap-desktop, .overlap-mobile) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable.animate:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable.mobile-logo-regular:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-mobile:has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-mobile.animate:has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap:not(.logo__image-item-always):not(.logo__image-item--overlap-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-mobile:has(+ main .shopify-section:first-child .section-overlap--mobile.mobile-logo-regular:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap:not(.logo__image-item--overlap-always) {
        display: none;
    }
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable.animate:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap,
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-mobile:has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap:not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable.animate:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable.animate:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable.mobile-logo-regular:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-enable:has(+ main .shopify-section:first-child .section-overlap--enable:not(.only-on-desktop)) .logo__image-item.logo__image-item--overlap,
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-mobile.animate:has(+ main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always),
    body:not(.search-modal--open):not(.mega-menu-opened) .shopify-section-header.overlap-mobile:has(+ main .shopify-section:first-child .section-overlap--mobile.mobile-logo-regular:not(.only-on-desktop)) .logo__image-item:not(.logo__image-item--overlap):not(.logo__image-item-always) {
        display: block;
    }
}

@media screen and (max-width: 500px) {
    .logo__title {
        word-break: break-all;
    }
}

/* Localization */
.localization {
    gap: 4px;
    word-break: keep-all;
}

.disclosure__button {
    border-radius: var(--localization-border-radius);
    color: rgb(var(--layout-text-color));
    white-space: nowrap;
    width: max-content;
    line-height: 120%;
}

.disclosure__button > img,
.disclosure__button > span {
    user-select: none;
}

.disclosure__button-with-icon.disclosure__button--outline {
    padding-block: calc(7px - var(--border-thickness));
    padding-inline: calc(10px - var(--border-thickness)) calc(8px - var(--border-thickness));
}

.disclosure__button-with-icon:not(.disclosure__button--outline) {
    padding-top: calc(7px - var(--border-thickness));
    padding-bottom: calc(7px - var(--border-thickness));
}

.disclosure__button--outline {
    border: var(--border-thickness) solid rgba(var(--layout-text-color), .2);
    padding-block: calc(7px - var(--border-thickness));
    padding-inline: calc(10px - var(--border-thickness)) calc(10px - var(--border-thickness));
}

.disclosure__button:not(.disclosure__button--outline) {
    padding-inline-start: 2px;
    padding-inline-end: 2px;
}

.disclosure__button-flag {
    display: block!important;
    max-width: 16px;
    margin-inline-end: 4px;
}

.disclosure__list-wrapper {
    position: fixed;
    padding-block: 0 16px;
    padding-inline: 24px;
    width: 320px;
    z-index: 50;
    max-height: 400px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-radius: var(--drawers-radius);
    -webkit-border-radius: var(--drawers-radius);
    display: none;
}

[aria-expanded="true"] + .disclosure__list-wrapper {
    overflow-y: auto;
}

.header--disable-stick .disclosure,
.footer .disclosure {
    position: relative;
}

.header--disable-stick .disclosure__list-wrapper,
.footer .disclosure__list-wrapper {
    position: absolute;
    top: 100%;
    inset-inline-end: 0;
}

.disclosure__title {
    padding: 16px 0;
    position: sticky;
    z-index: 5;
    top: 0;
    background-color: rgb(var(--popover-bg-color));
}

.disclosure__link {
    display: flex;
    padding: var(--tab-padding-s) 0;
    gap: 8px;
    align-items: center;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.disclosure__link svg {
    margin-inline-start: auto;
}

.disclosure__link span {
    display: flex;
    align-items: center;
    min-height: 20px;
}

.disclosure__link svg {
    width: 20px;
    height: 20px;
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

localization-form .popover svg {
    fill: rgb(var(--popover-text-color));
}

.disclosure__button-icon {
    pointer-events: none;
}

.disclosure__button[aria-expanded='true'] .disclosure__button-icon svg {
    transform: rotate(-180deg);
}

.disclosure__link[aria-current="true"] {
    cursor: default;
}

.disclosure__button[aria-expanded='false'] + .disclosure__list-wrapper {
    animation: closePopover var(--animation-duration) var(--transition-timing-function);
}

.disclosure__button[aria-expanded='true'] + .disclosure__list-wrapper {
    display: block!important;
    animation: openPopover var(--animation-duration) var(--transition-timing-function);
}

.section-menu-drawer .disclosure__button[aria-expanded='true'] + .disclosure__list-wrapper  {
    z-index: 70;
}

.localization-search-field {
    align-items: center;
    position: relative;
    border-radius: var(--field-radius);
    -webkit-border-radius: var(--field-radius);
    overflow: clip;
    margin-bottom: 8px;
}

.popover .localization-search-field {
    border: var(--border-thickness) solid rgb(var(--popover-text-color));
}

.drawer .localization-search-field {
    border: var(--border-thickness) solid rgb(var(--layout-text-color));
}

.localization-search-field__icon {
    pointer-events: none!important;
    cursor: text;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    inset-inline-start: calc(14px - var(--border-thickness));
    height: fit-content;
}

.localization-search__input {
    padding-block: 2px;
    padding-inline: calc(12px - var(--border-thickness) + 8px + 20px + var(--icon-scale)) calc(12px - var(--border-thickness));
    min-height: calc(var(--body-font-size) * var(--body-line-height) + 14px - (var(--border-thickness) * 2));
}

.popover .localization-search__input {
    color: rgb(var(--popover-text-color));
    caret-color: rgb(var(--popover-text-color));
}

.localization-search__button {
    width: max-content;
    height: 100%;
    margin-inline-end: calc(14px - var(--border-thickness));
    display: inline-flex;
    align-items: center;
    position: relative;
}

.loading-overlay__spinner:not(.hidden) + .localization-search__button {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.popover .localization-search__button {
    color: rgb(var(--popover-text-color));
}

.localization-search__button-text {
    opacity: 0.7;
    word-break: keep-all;
}

.popover .localization-search-field .spinner .path {
    stroke: rgb(var(--popover-text-color));
}

.localization-search__button .loading-overlay__spinner:not(.hidden) {
    height: 100%;
    aspect-ratio: 1/1;
    display: inline-flex;
    align-items: center;
}

.localization-search__button .loading-overlay__spinner svg {
    width: min(20px, calc(var(--caption-font-size) * var(--body-line-height)));
    height: min(20px, calc(var(--caption-font-size) * var(--body-line-height)));
}

.drawer .disclosure__title {
    display: flex;
    position: static;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-end: 52px;
    min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
    background-color: rgb(var(--layout-bg-color));
}

localization-form .drawer {
    padding-bottom: 0;
}

@media screen and (max-width: 768px) {
    .disclosure__list-wrapper {
        width: 300px;
        max-height: 300px;
    }
    .localization {
        flex-wrap: wrap;
    }
}

@media (hover: hover) {
    .disclosure__link:hover {
        opacity: var(--hover-opacity);
    }
}

/* Mega-menu */
details-dropdown:has(.mega-menu) {
    --parent-height: var(--header-height);
    --parent-padding-bottom: var(--top-and-botton-paddings);
} 

details-dropdown:has(.mega-menu.mega-menu--in-announcement-bar) {
    --parent-height: var(--announcement-bar-height);
    --parent-padding-bottom: var(--spacing);
} 

.mega-menu {
    position: absolute;
    width: 100vw;
    max-height: calc(90vh - var(--parent-height));
    z-index: 7;
    border-end-start-radius: var(--drawers-radius);
    -webkit-border-end-start-radius: var(--drawers-radius);
    border-end-end-radius: var(--drawers-radius);
    -webkit-border-end-end-radius: var(--drawers-radius);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--animation-duration) ease, visibility var(--animation-duration) ease;
    overflow-y: auto;
    overscroll-behavior: none;
}

.mega-menu-short {
    inset-inline-start: 0;
    margin-top: 8px;
    max-width: 800px;
    border-radius: var(--drawers-radius);
    -webkit-border-radius: var(--drawers-radius);
}

.mega-menu:not(.mega-menu-short) {
    top: var(--parent-height);
    position: fixed;
    inset-inline: 0;
}

.mega-menu:not(.mega-menu-short).modal--shadow {
    box-shadow: 0px var(--modal-shadow-blur) var(--modal-shadow-blur) rgba(var(--shadow-color) ,calc(var(--modal-shadow-opacity) - 0.1));
}

details-dropdown[open] .mega-menu {
    opacity: 1;
    visibility: visible;
}

details-dropdown[open] .mega-menu-short::after,
details-dropdown[open] .mega-menu:not(.mega-menu-short)::after {
    content: '';
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    inset-inline-start: 0;
    z-index: 0;
    pointer-events: none;
}

.mega-menu:not(.mega-menu-short)::after {
    top: var(--offset-top);
}

.mega-menu-short::after {
    top: -8px;
}

.mega-menu.modal--border {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.mega-menu.top-line {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.mega-menu__overlay {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    top: var(--parent-height);
    height: calc(100vh + var(--parent-height));
}

.mega-menu.mega-menu--top:not(.mega-menu-short) {
    top: calc(var(--parent-height) - var(--scroll-height));
}

.mega-menu__overlay:has( + .mega-menu.mega-menu--top) {
    top: max(0px, calc(var(--parent-height) - var(--scroll-height)));
}

.header:not(.header--disable-stick) .mega-menu:not(.mega-menu-short),
.header:not(.header--disable-stick) .mega-menu__overlay:has( + .mega-menu) {
    top: max(0px, var(--header-sticky-height));
}

details-dropdown[open] .mega-menu__overlay {
    opacity: 1;  
    visibility: visible;
    backdrop-filter: blur(var(--overlay-blur));
    transition: opacity var(--animation-duration) ease, visibility var(--animation-duration) ease;
}

.mega-menu .list-menu-dropdown {
    width: 100%;
    position: relative;
    z-index: 1;
}

.mega-menu__list-container {
    position: relative;
    column-gap: var(--grid-gap);
    --column-width: calc((100% - (var(--grid-gap) * (var(--grid-columns) - 1))) / var(--grid-columns));
    align-items: var(--vertical-aligment);
}

.mega-menu__list-container.page-grid {
    --grid-gap: var(--page-column-gap);
}
.mega-menu__list-container.alternative-grid {
    --grid-gap: var(--alt-column-gap);
}
.mega-menu__list-container.secondary-grid {
    --grid-gap: var(--second-column-gap);
}
.mega-menu__list-container.page-grid.mega-menu__list-container--lines {
    --grid-gap: calc(var(--page-column-gap) * 2);
}
.mega-menu__list-container.alternative-grid.mega-menu__list-container--lines {
    --grid-gap: calc(var(--alt-column-gap) * 2);
}
.mega-menu__list-container.secondary-grid.mega-menu__list-container--lines {
    --grid-gap: calc(var(--second-column-gap) * 2);
}

.list-menu-dropdown .menu__dropdown-grandchild-container {
    height: fit-content;
}

.menu__dropdown-child:empty {
    display: none;
}

.menu__dropdown-child-item-link.link--current,
.menu__dropdown-grandchild-link.link--current {
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness-heading);
    text-underline-offset: var(--underline-offset-heading);
}

.caption-font.link--current,
.body-font.link--current,
.subheading-font:not(.subheading-heading-font).link--current {
    text-decoration-thickness: var(--underline-thickness-body);
    text-underline-offset: var(--underline-offset-body);
}

.mega-menu__list-container .menu__dropdown-child {
    grid-column-start: 1;
    grid-column-end: calc(var(--column-menu) + 1);
}

.mega-menu__list-container .menu__dropdown-child.menu__dropdown-child--right {
    grid-column-start: -1;
    grid-column-end: calc(0 - var(--column-menu) - 1);
    order: 5;
}

.menu__dropdown-child:not(:empty) {
    column-count: var(--column-menu);
    -moz-column-count: var(--column-menu);
    height: fit-content;
    padding-top: var(--side-margin);
    padding-bottom: calc(var(--side-margin) + 16px - 32px);
    column-gap: var(--grid-gap);
}

.menu__dropdown-child a {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.mega-menu__list-container .menu__dropdown-child .menu__dropdown-child-item {
    height: fit-content;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 32px;
}

.mega-menu__line {
    position: absolute;
    width: var(--line-thickness);
    background-color: rgb(var(--lines-color));
    top: var(--side-margin);
    bottom: calc(var(--side-margin) + 16px);
}

.mega-menu__banner {
    padding-top: var(--side-margin);
    padding-bottom: calc(var(--side-margin) + 16px);
    justify-content: center;
    background: transparent;
}

.mega-menu__list-container--lines .mega-menu__line[data-index="1"] {
    inset-inline-start: calc(var(--column-width) + (var(--grid-gap) / 2));
}

.mega-menu__list-container--lines .mega-menu__line[data-index="2"] {
    inset-inline-start: calc(((var(--column-width) + (var(--grid-gap) / 2)) * 2) + (var(--grid-gap) / 2));
}

.mega-menu__list-container--lines .mega-menu__line[data-index="3"] {
    inset-inline-start: calc(((var(--column-width) + (var(--grid-gap) / 2)) * 3) + var(--grid-gap));
}

.mega-menu__list-container--lines .mega-menu__line[data-index="4"] {
    inset-inline-start: calc(((var(--column-width) + (var(--grid-gap) / 2)) * 4) + ((var(--grid-gap) / 2) * 3));
}

.mega-menu__list-container--lines .mega-menu__line[data-index="5"] {
    inset-inline-start: calc(((var(--column-width) + (var(--grid-gap) / 2)) * 5) + ((var(--grid-gap) / 2) * 4));
}

.mega-menu__list-container .menu__dropdown-grandchild-container {
    margin-top: 16px;
}

.mega-menu__list-container .menu__dropdown-grandchild-item:not(:first-child) {
    margin-top: 4px;
}

.mega-menu__banner-wrapper {
    gap: var(--block-padding);
    position: relative;
    width: var(--banner-size);
}
.mega-menu__banner-content {
    gap: var(--block-padding-xs);
}
a.mega-menu__banner-wrapper {
    cursor: pointer;
}
.mega-menu__banner-wrapper:not(.content--below) .mega-menu__banner-content {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    justify-content: var(--vertical-position);
    z-index: 3;
    padding: 16px;
}
.mega-menu__banner-wrapper:not(.content--below)::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}

.mega-menu__banner-wrapper.content--below .mega-menu__banner-image:empty {
    display: none;
}

.mega-menu__banner-image {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.mega-menu__banner-image .lazy-image {
    height: 100%;
}

a.mega-menu__banner-image img,
a.mega-menu__banner-wrapper img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.content--below .mega-menu__banner-content {
    color: rgb(var(--layout-text-color));
}

.mega-menu__hidden-item {
    position: absolute;
    height: calc(var(--parent-padding-bottom) + 1px);
    bottom: 100%;
    background: transparent;
    width: 100%;
}
.mega-menu-short .mega-menu__hidden-item {
    height: calc(8px + 1px);
}
@media (hover: hover) {
    a.mega-menu__banner-image:hover img,
    a.mega-menu__banner-wrapper:hover img {
        transform: scale(1.03);
        opacity: 1;
    }
    .menu__dropdown-child a:hover {
        opacity: var(--hover-opacity);
        text-decoration: underline;
        text-decoration-thickness: var(--underline-thickness-body);
        text-underline-offset: var(--underline-offset-body);
    }
    .menu__dropdown-child a.secondary-heading:hover,
    .menu__dropdown-child a.subheading-font.subheading-heading-font:hover {
        text-decoration-thickness: var(--underline-thickness-heading);
        text-underline-offset: var(--underline-offset-heading);
    }
}

/* Menu-drawer */
.section-menu-drawer .drawer .button-wrapper {
    position: absolute;
    z-index: 100;
}

.section-menu-drawer .modal {
    --height-pinned-block: 0px;
}

.menu-drawer-wrapper {
    position: relative;
}
.menu-drawer {
    position: relative;
    min-width: 480px;
    max-width: 640px;
    width: calc(100vw / 3);
    padding: 0 24px;
}
.section-menu-drawer .drawer .scroll-area {
    overflow-x: clip;
    min-height: 100%;
    max-height: 100vh;
}

.drawer-is-open .section-menu-drawer .menu-drawer-button-wrapper {
    z-index: 0;
}

.drawer-is-open .menu-drawer-button-wrapper .button-close {
    pointer-events: none;
}

.menu-drawer > .menu-drawer__child {
    padding-top: calc(var(--block-padding-s) * var(--spacing));
}

.menu-drawer > div.full-bottom-line,
.menu-drawer > div.pinned-block {
    padding-bottom: calc(var(--block-padding-s) * var(--spacing));
}

.menu-drawer__header {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-end: 52px;
    min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
}

.menu-drawer__header button {
    gap: 8px;
    color: rgb(var(--layout-text-color));
}

.menu-drawer .account,
.menu-drawer .localization {
    justify-content: space-between;
}
.menu-drawer .account__title {
    gap: 8px;
    align-items: center;
}

.menu-drawer__banner {
    gap: 16px;
}

.menu-drawer .menu__list {
    align-items: flex-start;
}

.menu-drawer .menu__item,
.menu-drawer .first-nested__list li {
    position: static;
}

.menu-drawer .menu__item-title {
    cursor: pointer;
}

.menu-drawer .menu__item-title a:only-child {
    width: 100%;
}

.main-drawer-menu .menu__item-image {
    width: 40px;
    border-radius: var(--image-border-radius);
    -webkit-border-radius: var(--image-border-radius);
    overflow: clip;
}

.main-drawer-menu .menu__item-image .lazy-image {
    height: 100%;
}

.menu-drawer .first-nested__list,
.menu-drawer .second-nested__list {
    position: static;
    pointer-events: all;
    width: 100%;
    padding: 0px;
    background-color: rgb(var(--layout-bg-color));
    visibility: visible;
    opacity: 1;
}

.menu-drawer .top-level-item[open] + .nested-submenu .first-nested__list {
    pointer-events: all;
    visibility: visible;
}
.menu-drawer .first-nested__list .menu__item-title {
    opacity: 1 !important;
}
.menu-drawer .first-nested__list a:not(.button) {
    padding: 0;
    flex: none;
}

.menu-drawer .menu--child {
    margin-top: 16px;
}

.menu-drawer .menu__list {
    gap: 0 24px;
}

.menu-drawer .menu:not(.menu--parent) .menu__item {
    width: 100%;
}

.menu-drawer .main-drawer-menu .menu:not(.menu--parent) .menu__item-title {
    padding: 8px 0;
}

.menu-drawer .main-drawer-menu .menu:not(.menu--parent) .menu__item-title .dropdown-icon {
    margin-inline-start: auto;
}

.main-drawer-menu .menu:not(.menu--parent) .menu__item-title {
    gap: 16px;
}

.menu-drawer.menu-with-lines .main-drawer-menu .menu:not(.menu--parent) .menu__item-title {
    padding: 16px 0;
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.menu-drawer.menu-with-lines .main-drawer-menu .menu:not(.menu--parent) li:last-child > drawer-menu > summary > .menu__item-title {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.menu-drawer.menu-with-lines .main-drawer-menu .first-nested__list > li:not(:last-child) > drawer-menu > summary > .menu__item-title,
.menu-drawer.menu-with-lines .main-drawer-menu .second-nested__list > li:not(:last-child) > drawer-menu > summary > .menu__item-title {
    border-block-end: none;
}

.menu-drawer.menu-with-lines .main-drawer-menu .menu-collection-banner ~ .second-nested__list > li:first-child > drawer-menu > summary > .menu__item-title,
.menu-drawer.menu-with-lines .main-drawer-menu .menu-collection-banner ~ .first-nested__list > li:first-child > drawer-menu > summary > .menu__item-title {
    border-block-start: none;
}

.menu-drawer:not(.menu-with-lines) .menu-collection-banner {
    margin-bottom: 8px;
}

.menu-drawer .main-drawer-menu .second-nested__list li {
    padding-left: 0;
    padding-right: 0;
}

.menu-drawer .nested-submenu {
    position: fixed;
    z-index: 55;
    min-width: 480px;
    max-width: 640px;
    width: calc(100vw / 3);
    height: 100dvh;
    padding: 0 24px;
    top: 0;
    left: auto !important;
    background-color: rgb(var(--layout-bg-color));
    overflow-x: clip;
    padding-bottom: var(--height-pinned-block);
}

.drawer:not(.drawer--left) .menu-drawer .nested-submenu {
    border-bottom-left-radius: var(--drawers-radius);
    -webkit-border-bottom-left-radius: var(--drawers-radius);
    border-top-left-radius: var(--drawers-radius);
    -webkit-border-top-left-radius: var(--drawers-radius);
} 

.drawer.drawer--left .menu-drawer .nested-submenu {
    border-bottom-right-radius: var(--drawers-radius);
    -webkit-border-bottom-right-radius: var(--drawers-radius);
    border-top-right-radius: var(--drawers-radius);
    -webkit-border-top-right-radius: var(--drawers-radius);
} 

.drawer--left .animation-item {
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--drawers-radius);
    -webkit-border-bottom-right-radius: var(--drawers-radius);
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-right-radius: var(--drawers-radius);
    -webkit-border-top-right-radius: var(--drawers-radius);
}

.menu-drawer .nested-submenu-second-level,
.menu-drawer .nested-submenu-third-level,
.menu-drawer .nested-submenu-fourth-level {
    right: -100%;
    transition: right .5s ease-in-out;
}
.menu-drawer .nested-submenu-third-level {
    right: -100%;
    transition: right .5s ease-in-out;
}
.top-level-item[open="true"] + .nested-submenu-second-level {
    z-index: 55;
    right: 0;
}
.second-level-item[open="true"] + .nested-submenu-third-level {
    z-index: 57;
    right: 0;
}
.third-level-item[open="true"] + .nested-submenu-fourth-level {
    z-index: 59;
    right: 0;
}
.drawer--left .top-level-item + .nested-submenu-second-level,
.drawer--left .second-level-item + .nested-submenu-third-level,
.drawer--left .third-level-item + .nested-submenu-fourth-level {
    right: auto;
    left: -100% !important;
    transition: left 0.5s ease-in-out;
}
.drawer--left .top-level-item[open="true"] + .nested-submenu-second-level,
.drawer--left .second-level-item[open="true"] + .nested-submenu-third-level,
.drawer--left .third-level-item[open="true"] + .nested-submenu-fourth-level {
    right: auto;
    left: 0 !important;
}

.animation-item {
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    right: 0;
    min-width: 480px;
    max-width: 640px;
    width: calc(100vw / 3);
    opacity: 0;
    z-index: 0;
    background-color: rgb(var(--layout-bg-color));
    transition: opacity 0.5s ease-in-out;
}

.drawer:not(.drawer--left) .animation-item {
    border-bottom-left-radius: var(--drawers-radius);
    -webkit-border-bottom-left-radius: var(--drawers-radius);
    border-top-left-radius: var(--drawers-radius);
    -webkit-border-top-left-radius: var(--drawers-radius);
}

.drawer--left .animation-item {
    right: auto;
    left: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-right-radius: var(--drawers-radius);
    -webkit-border-bottom-right-radius: var(--drawers-radius);
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-top-right-radius: var(--drawers-radius);
    -webkit-border-top-right-radius: var(--drawers-radius);
}
.closing + .nested-submenu + .animation-item {
    visibility: visible;
    opacity: 1;
    z-index: 54;
    animation: loseOpacity 0.5s ease-in-out;
}
@keyframes loseOpacity {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
    
}
.top-level-item[open="true"] + .nested-submenu-second-level + .animation-item.second-level {
   visibility: visible;
    z-index: 54;
    opacity: 1;
}
.second-level-item[open="true"] + .nested-submenu-third-level + .animation-item.third-level {
    visibility: visible;
    z-index: 56;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.third-level-item[open="true"] + .nested-submenu-fourth-level + .animation-item.fourth-level {
    visibility: visible;
    z-index: 58;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.menu-drawer .nested-submenu:not(.nested-submenu-second-level) > button {
    display: none;
}

.top-level-item[open] .nested-submenu-third-level,
.top-level-item[open] .nested-submenu-fourth-level {
    z-index: 40;
    position: fixed;
}

.main-drawer-menu .menu__item-image-banner {
    width: 100%;
    flex: 0 0 100%;
}

.menu__item-title--banner {
    flex-wrap: wrap;
}

.menu-drawer .secondary-menu .menu__list {
    flex-direction: column;
    gap: 4px;
}

.menu-drawer .secondary-menu__item {
    gap: 16px;
}

.menu-drawer .secondary-menu > div {
    flex: 0 0 calc((100% - 8px) / 2);
}

.menu-drawer .buttons {
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.menu-drawer .button--main.button-with-icon {
    min-height: calc(20px + var(--icon-scale) + var(--main-button-vertical-padding) + var(--main-button-vertical-padding) + var(--border-thickness) + var(--border-thickness));
}

.menu-drawer .button--secondary.button-with-icon {
    min-height: calc(20px + var(--icon-scale) + var(--secondary-button-vertical-padding) + var(--secondary-button-vertical-padding) + var(--border-thickness) + var(--border-thickness));
}

.menu-drawer .buttons .button {
    display: flex;
    gap: 4px;
    align-items: center;
}
.menu-drawer .buttons .button--main {
    width: fit-content;
    min-width: 44px;
}

.menu-collection-banner {
    display: block;
    width: calc(100% + 24px + 24px);
}

.menu-collection-banner img,
.main-drawer-menu .menu__item-image-banner img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.menu-collection-img {
    position: relative;
    left: -24px;
    display: flex;
    overflow: clip;
}

.nested-submenu-third-level .menu-collection-img,
.nested-submenu-fourth-level .menu-collection-img {
    width: 100%;
}

.menu-collection-title {
    color: rgb(var(--layout-text-color));
    margin-bottom: 16px;
}

.menu-collection-banner .menu-collection-title {
    position: absolute;
    bottom: 30px;
    left: 24px;
    z-index: 6;
    margin-bottom: 0;
}

.menu-collection-banner + .menu-collection-title {
    display: none;
}

.menu-collection-img::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    opacity: var(--banner-overlay-opacity);
    background: var(--banner-overlay-background);
    z-index: 5;
}

@media (hover: hover) {
    .menu-drawer a.menu-collection-banner:hover,
    .menu-drawer a.menu__item-image:hover {
        opacity: 1;
    }
    .menu-collection-banner:hover img,
    .main-drawer-menu .menu__item-image-banner:hover img {
        opacity: 1;
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
}

.pinned-block {
    position: fixed;
    z-index: 60;
    bottom: 0;
    right: 0;
    left: unset;
    width: calc(100vw / 3);
    max-width: 640px;
    min-width: 480px;
    padding-right: 24px;
    padding-left: 24px;
    background-color: rgb(var(--layout-bg-color));
    transition: none;
    visibility: visible;
    opacity: 1;
    transform: translate(0);
}

.drawer.open  .pinned-block {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: opacity .3s, visibility .3s, transform .3s;
}

.modal--border .pinned-block {
    width: calc((100vw / 3) - var(--line-thickness));
    max-width: calc(640px - var(--line-thickness));
    min-width: calc(480px - var(--line-thickness));
}

.section-menu-drawer .drawer--left .pinned-block {
    left: 0;
    right: unset;
    border-bottom-right-radius: var(--drawers-radius);
    -webkit-border-bottom-right-radius: var(--drawers-radius);
}

.drawer--right .pinned-block {
    border-bottom-left-radius: var(--drawers-radius);
    -webkit-border-bottom-left-radius: var(--drawers-radius);
}

.menu-drawer .collection-button {
    margin-top: 16px;
}

@media screen and (max-width: 768px) {
    .menu-drawer > .menu-drawer__child {
        padding-top: calc(var(--block-padding-s) * var(--mobile-spacing));
    }
    .menu-drawer > div.full-bottom-line,
    .menu-drawer > div.pinned-block {
        padding-bottom: calc(var(--block-padding-s) * var(--mobile-spacing));
    }
    .menu-drawer .button--main.button-with-icon {
        min-height: 40px;
    }
}

@media screen and (max-width: 640px) {
    .drawer,
    .menu-drawer,
    .menu-drawer .nested-submenu,
    .animation-item {
        width: 100vw;
        max-width: 100vw;
        min-width: 100dvw;
    }
    .section-menu-drawer .drawer .pinned-block,
    .section-menu-drawer .drawer .menu-drawer .nested-submenu {
        border-radius: 0;
    }
    .pinned-block {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
    }
    .modal--border .pinned-block {
        width: calc(100vw - var(--line-thickness));
        max-width: calc(100vw - var(--line-thickness));
        min-width: calc(100vw - var(--line-thickness));
    }
}

/* Menu */
.menu__list {
    gap: 8px 24px;
    flex-wrap: wrap;
    justify-content: var(--hor-menu-alignment);
    align-items: center;
}

.menu__list.flex--column {
    align-items: flex-start;
}

.first-part-menu .menu__list,
.last-part-menu .menu__list {
    gap: 4px 24px;
}

:is(.header, .announcement-bar) .first-nested__list li,
:is(.header, .announcement-bar) .menu__item {
    position: relative;
    z-index: 1;
}

:is(.header, .announcement-bar) .menu__item:has( details-dropdown[open]),
.announcement-bar .first-nested__list li:has( details-dropdown[open]) {
    z-index: 25;
}

.menu__item-title {
    user-select: none;
}

.menu__item-title .dropdown-icon:not(.dropdown-icon--open):not(.dropdown-icon--close) {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

:is(.header, .announcement-bar) [open] .menu__item-title .dropdown-icon:not(.dropdown-icon--open):not(.dropdown-icon--close) {
    transform: translateY(2px) rotate(-180deg);
}

.first-nested__list,
.second-nested__list {
    position: absolute;
    width: 320px;
    padding-block: 0 16px;
    padding-inline: 12px;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    border-radius: var(--drawers-radius);
    -webkit-border-radius: var(--drawers-radius);
    transition: opacity var(--animation-duration) ease, visibility var(--animation-duration) ease;
}

:is(.header, .announcement-bar) .first-nested__list details-dropdown {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    display: block;
}

details-dropdown[open]::before {
    content: "";
    position: absolute;
    bottom: var(--offset-top);
    left: 0;
    right: 0;
    height: calc(var(--offset-top) * -1);
}

details-dropdown[trigger="click"]:has( .menu__item-title > a) summary,
.first-nested__list details-dropdown:has( a:not(.link--underline)),
.first-nested__list details-dropdown:has( .dropdown-icon) {
    cursor: pointer;
}


[trigger="click"] .menu__item-title > a:not(.link--single):not(.menu__item-image):not(.mega-menu *),
details-dropdown .link--underline {
    pointer-events: none;
}

[trigger="click"]:has(.mega-menu) .menu__item-title > a.link--single {
    pointer-events: none;
}

[trigger="click"] .mega-menu .menu__item-title > a {
    pointer-events: all;
}

:is(.header, .announcement-bar) .first-nested__list li:first-child {
    padding-top: 16px;
}

.first-nested__list a:not(.button) {
    display: flex;
    flex: 1 1 auto;
    padding: 8px 0;
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.first-nested__list .popovers-line a {
    padding: 8px 0;
}

.second-nested__list li {
    padding-inline-start: 12px;
    padding-inline-end: 12px;
}

.first-nested__list[open],
.second-nested__list[open] {
    opacity: 1;
    visibility: visible;
}

:is(.header, .announcement-bar) .second-nested__list {
    inset-inline-start: calc(320px - 24px);
    top: 0;
}

.first-nested__list details-dropdown .flex--row {
    justify-content: space-between;
    align-items: center;
}

:is(.header, .announcement-bar) .first-nested__list {
    margin-top: 8px;
}

.first-nested__list[open]::after {
    content: '';
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -8px;
    inset-inline-start: 0;
    z-index: 0;
}

.link--highlighted {
    color: rgb(var(--layout-accent-color));
}

.link--highlighted + .dropdown-icon svg {
    fill: rgb(var(--layout-accent-color));
}

.link--current {
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness-heading);
    text-underline-offset: var(--underline-offset-heading);
}

.caption-font .link--current,
.body-font .link--current,
.subheading-font:not(.subheading-heading-font) .link--current {
    text-decoration-thickness: var(--underline-thickness-body);
    text-underline-offset: var(--underline-offset-body);
}

.menu details-dropdown[data-status="parent"] .active-parent-link,
.menu.menu--parent .active-item.link--single {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.menu:has(.link-metafield-true) details-dropdown[data-status="parent"] .active-parent-link.link-metafield-false {
    text-decoration: none;
}

.menu__item a {
    transition: opacity 0.3s var(--transition-timing-function);
}
@media (hover: hover) {
    :is(.header, .announcement-bar) .first-nested__list a:hover,
    :is(.header, .announcement-bar) .first-nested__list details-dropdown:has( .dropdown-icon):hover {
        color: rgba(var(--popover-text-color), 0.5);
        text-decoration: underline;
        text-decoration-thickness: var(--underline-thickness-body);
        text-underline-offset: var(--underline-offset-body);
    }
    :is(.header, .announcement-bar) .first-nested__list a.link--highlighted:hover {
        color: rgba(var(--layout-accent-color), 0.5);
    }
    .menu__item a:not(.button):hover {
        opacity: .7;
    }
}

@media screen and (max-width: 768px) {
    div.first-part-menu, 
    div.last-part-menu {
        display: none;
    }
}

/* Promo-popup */
.promo-popup .popup.regular .popup-content {
    padding-bottom: max(calc(var(--inner-section-padding)), 48px);
    padding-inline: max(calc(var(--inner-section-padding) / 2), 24px);
    padding-top: 0;
}

.promo-popup .popup.regular:has(.popup-image) .popup-content {
    padding-bottom: max(calc(var(--inner-section-padding)), 48px);
    padding-inline: max(calc(var(--inner-section-padding) / 2), 24px);
    padding-top: max(calc(var(--inner-section-padding) / 2), 24px);
}

.promo-popup .popup.regular:not(:has(.button-wrapper)) .popup-content {
    padding-block: max(calc(var(--inner-section-padding)), 48px);
    padding-inline: max(calc(var(--inner-section-padding) / 2), 24px);
}

.promo-popup {
    --buttons-gap: 16px;
    font-size: 0;
}

.promo-popup .popup--popup {
    overflow: clip;
}

.promo-popup > .line-container + *:not(.button-block),
.promo-popup > .spacer + *:not(.button-block) {
    margin-top: 0px;
}

.promo-popup .subheading-block + .heading-block,
.promo-popup .heading-block + .subheading-block {
    margin-top: var(--block-padding-s);
}

.promo-popup .popup-content.center > * {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.promo-popup .button-block,
.promo-popup .block-icon {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}

.promo-popup .popup-content.center .button-block,
.promo-popup .popup-content.center .block-icon {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}

.popup-image {
    margin-top: calc(0px - 20px - var(--icon-scale) - 11px - 11px - 1px - 1px - 16px - 16px);
    display: flex;
}

.promo-popup .center .social-media {
    justify-content: center;
}

.promo-popup .center .contacts {
    align-items: center;
}

.promo-popup p + .social-media {
    margin-top: var(--block-padding-s);
}


.promo-popup .section-newsletter__caption {
    margin-top: var(--block-padding-s);
}

.promo-popup .promo-code {
    max-width: 100%;
}

.promo-popup .section-block.section-newsletter__form {
    display: block;
}

@media screen and (max-width: 1024px) {
    .promo-popup .popup.regular .popup-content {
        padding-bottom: calc(var(--inner-section-padding) * 2);
        padding-inline: var(--inner-section-padding);
        padding-top: 0;
    }

    .promo-popup .popup.regular:has(.popup-image) .popup-content {
        padding-bottom: calc(var(--inner-section-padding) * 2);
        padding-inline: var(--inner-section-padding);
        padding-top: var(--inner-section-padding);
    }
}

@media screen and (max-width: 768px)  {
    .promo-popup {
        --buttons-gap: 12px;
    }
    .promo-popup .popup.open {
        max-width: 100vw;
        width: 100vw;
        inset-inline: 0;
        bottom: 0;
        top: auto;
        transform: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .popup-image:not(.visible-mobile) {
        display: none;
    }
    .promo-popup .popup.regular:has(.popup-image:not(.visible-mobile)) .popup-content {
        padding-bottom: calc(var(--inner-section-padding) * 2);
        padding-inline: var(--inner-section-padding);
        padding-top: 0;
    }
}

/* Quick-search */
body.search-modal--open .header div:not(.search) {
    pointer-events: none;
}
body.search-modal--open .header .search a,
body.search-modal--open .header .search button,
body.search-modal--open .header .search details {
    pointer-events: all;
}

.search-modal--popover {
    width: 100vw;
    max-height: calc(90dvh - var(--header-offset-height));
    z-index: 7;
    border-end-start-radius: var(--drawers-radius);
    -webkit-border-end-start-radius: var(--drawers-radius);
    border-end-end-radius: var(--drawers-radius);
    -webkit-border-end-end-radius: var(--drawers-radius);
    opacity: 0;
    visibility: hidden;
    top: var(--header-offset-height);
    position: fixed;
    inset-inline: 0;
    min-height: min(fit-content, calc(90dvh - var(--header-offset-height)));
}

.search-modal.drawer {
    padding-bottom: 0;
}

.search-modal.drawer .search-modal__container {
    padding-bottom: 24px;
}

.search-modal.drawer .search-modal__form {
    min-width: auto;
    margin-right: 0;
}

.search-modal.drawer .search-field--filled .search__button,
.search-modal.drawer .search-field--outlined .search__button {
  right: 24px;
}
.search-modal.drawer .search-field--filled .search-field__icon,
.search-modal.drawer .search-field--outlined .search-field__icon {
  right: calc(var(--border-thickness));
}
.search-modal.drawer .search-field--filled .search-field__text,
.search-modal.drawer .search-field--outlined .search-field__text {
  padding-inline-end: calc(14px - var(--border-thickness) + 22px + 20px + var(--icon-scale));
}

.search-modal--popover.header-search-style-field:not(.searching):has( .search-modal__information--container:empty) {
    min-height: min(512px, calc(90dvh - var(--header-offset-height)));
}

.search-modal--popover.searching {
    height: calc(90dvh - var(--header-offset-height));
}

.search-modal--popover.modal--shadow {
    box-shadow: 0px var(--modal-shadow-blur) var(--modal-shadow-blur) rgba(var(--shadow-color) ,calc(var(--modal-shadow-opacity) - 0.1));
}

.search-modal--popover.open {
    opacity: 1;
    visibility: visible;
    z-index: 13;
    overflow: clip;
    animation: openPopover var(--animation-duration) var(--transition-timing-function);
}

.search-modal--popover.modal--border {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}
.search-modal--popover + .search-modal__overlay {
    display: block;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    top: var(--header-offset-height);
}

.search-modal--popover + .search-modal__overlay.open {
    z-index: 10;
    pointer-events: auto;
    opacity: 1;  
    visibility: visible;
    animation: openPopover var(--animation-duration) var(--transition-timing-function);
}

.search-modal--popover.open .scroll-area {
    min-height: min(512px, calc(90dvh - var(--header-offset-heightt)));
    max-height: calc(90dvh - var(--header-offset-height));
}

.header-search-style-field .search-modal__header {
    display: none;
}

.search__menu {
    padding-top: var(--side-margin);
    padding-bottom: calc(var(--side-margin) + 16px);
}

.drawer .search__menu {
    padding-bottom: 0;
    padding-top: 0;
}

.drawer .search__menu {
    padding-top: calc((var(--block-padding) + 4px - var(--second-row-gap)) / 2);
}

.drawer.search-modal .quick-search__line  {
    display: none;
}

.search__menu-title + .search__menu-list {
    margin-top: 16px;
}
.search__menu-list {
    gap: 4px;
}
.search__menu-list .menu__item a {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.search-modal__banner {
    padding-top: var(--side-margin);
    padding-bottom: calc(var(--side-margin) + 16px);
    justify-content: center;
    background: transparent;
    height: fit-content;
}

.drawer .search-modal__banner {
    padding-top: 0;
    padding-bottom: 0;
}

.search-modal__banner-wrapper {
    gap: var(--block-padding);
    position: relative;
    width: var(--banner-size);
}
.search-modal__banner-content {
    gap: var(--block-padding-xs);
}
a.search-modal__banner-wrapper {
    cursor: pointer;
}
.search-modal__banner-wrapper:not(.content--below) .search-modal__banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: var(--vertical-position);
    z-index: 3;
    padding: 16px;
}
.search-modal__banner-wrapper.content--below .search-modal__banner-image:empty + .search-modal__banner-content {
    height: 100%;
    justify-content: var(--vertical-position);
    padding: 16px;
} 
.search-modal.drawer .search-modal__form .search-field {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
}

.search-modal.drawer .search-field__wrapper {
    width: 100%;
}

.drawer .search-modal__information--container.show-lines:not(:empty) .search__menu:not(:last-child) {
    position: relative;
}
.drawer .search-modal__information--container.show-lines:not(:empty) .search__menu:not(:last-child):after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: var(--line-thickness);
    bottom: calc(0px - ((var(--block-padding) + 4px - var(--second-row-gap)) / 2));
    left: 0;
    background-color: rgb(var(--lines-color));
}
.search-modal__banner-wrapper:not(.content--below)::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}

.search-modal__banner-image {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.search-modal__banner-image .lazy-image {
    height: 100%;
}

a.search-modal__banner-image img,
a.search-modal__banner-wrapper img,
.predictive-search__item--link .article__block-image-wrapper img {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.content--below .search-modal__banner-content {
    color: rgb(var(--layout-text-color));
}

.search-modal__banner-image:empty,
.search-modal .predictive-search-container[results="true"] .search-modal__information {
    display: none;
}

.search-modal .search-modal__form {
    display: block;
    width: 100%;
}

.search-modal .predictive-search {
    padding-top: var(--side-margin);
    padding-bottom: calc(var(--side-margin) + 16px);
    margin-top: 0;
    display: none;
}
.search-modal.drawer .predictive-search {
    padding-bottom: calc(20px + var(--icon-scale) + var(--main-button-vertical-padding) + var(--main-button-vertical-padding) + var(--border-thickness) + var(--border-thickness) + 32px + 16px);
}
.search-modal:not(.header-search-style-field) .predictive-search {
    padding-top: 8px;
}
.search-modal .predictive-search:not(:empty) {
    display: block;
}

.search-modal:not(.drawer) .predictive-search__button {
    margin: 0 auto;
    position: fixed;
    z-index: 5;
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    bottom: calc(10dvh + 16px);
}

.predictive-search__footer {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100vw / 3);
    max-width: 640px;
    min-width: 480px;
    background: var(--bg-gradient);
    padding: var(--block-padding-s) 24px;
    z-index: 5;
    border-end-start-radius: var(--drawers-radius);
    -webkit-border-end-start-radius: var(--drawers-radius);
}

.drawer--left .predictive-search__footer {
    left: 0;
    right: unset;
}

.wide .predictive-search__footer {
    width: 50vw;
    max-width: 50vw;
    min-width: 640px;
}

.modal--border .predictive-search__footer {
    width: calc((100vw / 3) - var(--line-thickness));
    max-width: calc(640px - var(--line-thickness));
    min-width: calc(480px - var(--line-thickness));
}

.modal--border.wide .predictive-search__footer {
    width: calc(50vw - var(--line-thickness));
    max-width: calc(50vw - var(--line-thickness));
    min-width: calc(640px - var(--line-thickness));
}

.predictive-search__footer .button {
    width: 100%;
}

.search-modal.searching .predictive-search__button {
    opacity: 1;
    transition: opacity var(--animation-duration) var(--transition-timing-function), background-color var(--animation-duration) var(--transition-timing-function), box-shadow var(--animation-duration) var(--transition-timing-function);
}

.predictive-search__item--link,
.predictive-search__post .predictive-search__post-info {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.search-modal:not(.header-search-style-field) .component-tabs {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    max-width: 100%;
}

.predictive-search-results-tabs {
    gap: 4px;
}

.search__button,
.predictive-search-results-content {
    position: relative;
}

.predictive-search__heading {
    padding: 8px;
    position: relative;
    color: inherit;
    margin-bottom: var(--block-padding);
}

.active .predictive-search__heading-wrapper {
    opacity: 0!important;
}
.active.predictive-search__heading::before {
    content: attr(data-hover);
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    display: inline-block;
}

.predictive-search-results-empty {
    display: block;
    text-align: center;
}

.predictive-search__results-list.list {
    display: flex;
    flex-direction: column;

}
.list .predictive-search__list-item:not(:last-child) {
    padding-bottom: 16px;
}
.list .predictive-search__list-item:not(:first-child) {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    padding-top: 16px;
}

.list .predictive-search__list-item .card-collection {
    display: flex;
}

.predictive-search__results-list .product_options,
.predictive-search__list-item.hide-price .card__price,
.predictive-search__results-list.list .card__badges {
    display: none;
}

.predictive-search__results-list.list .card,
.predictive-search__results-list.list .card-collection,
.predictive-search__post {
    flex-direction: row;
    gap: 16px;
}

.predictive-search__results-list.list .card-product__media-wrapper,
.predictive-search__results-list.list .card-collection .card-collection__media,
.predictive-search__post .article__block-image-wrapper {
    flex: 0 0 100px;
}

.predictive-search__post .article__block-image-wrapper {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}

.predictive-search__post .article__block-image-wrapper .lazy-image {
    height: 100%;
}

.predictive-search__results-list.list .card-product__content,
.predictive-search__results-list.list .card-product .card-product__content,
#predictive-search-results-list.list .card-collection--below_media.with-border .card-collection__title {
    margin: 0;
}

.predictive-search__results-list.list .card-collection--overlay .card-collection__title,
.predictive-search__results-list .card-collection .card-collection__media:empty + .card-collection__title {
    position: static;
    color: rgb(var(--layout-text-color));
    transform: none;
}

.predictive-search__results-list.list .card-collection--overlay .card-collection__title {
    padding: 0;
}

.predictive-search__results-list.list .card-collection .card-collection__title {
    margin: 0;
    padding: 0;
}

.predictive-search__results-list.list .card-collection--below_media .card-collection__title {
    align-items: flex-start;
    height: fit-content;
}

.predictive-search__results-list.list .card-collection--overlay.card-collection--without-media .card-collection__title.center,
.predictive-search__results-list.list .card-collection--overlay.card-collection--without-media .card-collection__title:not(.center) {
    padding: 0;
}

.predictive-search__results-list.list .card-collection--overlay .card-collection__icon svg,
.predictive-search__results-list .card-collection.card-collection--without-media .card-collection__icon svg {
    fill: rgb(var(--layout-text-color));
}

.predictive-search__results-list.list .card-product.with-border,
.predictive-search__results-list.list .card-collection.with-border,
.predictive-search__results-list.list .card-collection--overlay {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.predictive-search__results-list.list .card-product.with-border .card,
.predictive-search__results-list.list .card-collection.with-border,
.predictive-search__results-list .card-collection.with-border.card-collection--without-media {
    border: none;
}

.predictive-search__results-list.list  .card__product-media img,
.predictive-search__results-list.list  .card-collection__media {
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
}

.predictive-search__results-list.list .card-collection--overlay .card-collection__media:before {
    display: none;
}

.predictive-search__results-list.list .card-product__content {
    text-align: start;
}
.predictive-search__results-list.list .card-product__content.center div,
.predictive-search__results-list.list .card-collection__title.center,
.predictive-search__results-list.list .card-collection--overlay {
    justify-content: flex-start;
    align-items: flex-start;
}

.search__button {
    width: max-content;
    height: 100%;
    margin-right: calc(14px - var(--border-thickness));
    display: inline-flex;
    align-items: center;
    padding-right: 8px;
}
.search__button:has(.loading-overlay__spinner.hidden):has(.search__button-text.visually-hidden) {
    width: 0;
    height: 0;
    margin-right: 0;
    padding-right: 0;
    min-height: auto;
}
.search__button .search__button-text {
    opacity: 0.7;
    word-break: keep-all;
    color: rgb(var(--layout-text-color));
    margin: 0;
}

body:not(.search-modal--open) .search .search__button {
    pointer-events: none!important;
    position: absolute;
    z-index: 0;
    opacity: 0;
}

body:not(.search-modal--open) .search-field__text {
    padding-right: 0;
}

body.search-modal--open .search__button:has( .search__button-text.visually-hidden) {
    pointer-events: none!important;
}

.search__button .loading-overlay__spinner:not(.hidden) {
    height: 100%;
    aspect-ratio: 1/1;
    display: inline-flex;
    align-items: center;
    right: 4px;
}
.search__button .loading-overlay__spinner svg {
    width: min(20px, calc(var(--caption-font-size) * var(--body-line-height)));
    height: min(20px, calc(var(--caption-font-size) * var(--body-line-height)));
}

.search-modal--popover:not(.header-search-style-field) .search-modal__header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    z-index: 5;
    padding-top: 16px;
    padding-bottom: 8px;
    background: var(--bg-gradient);
}

.drawer .search-modal__header {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 52px;
    min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
}

.drawer.wide .search-modal__header {
    padding-right: calc(76px - var(--inner-section-padding));
}

.search-modal--popover:not(.header-search-style-field):not(.searching):has( .search-modal__information--container:empty) .search-modal__header {
    padding-bottom: 32px;
}

.search-modal__information--container.page-grid-gaps {
    --search-column-gap: var(--page-column-gap);
    --search-row-gap: var(--page-row-gap);
}
.search-modal__information--container.alternative-grid-gaps {
    --search-column-gap: var(--alt-column-gap);
    --search-row-gap: var(--alt-row-gap);
}
.search-modal__information--container.secondary-grid-gaps {
    --search-column-gap: var(--second-column-gap);
    --search-row-gap: var(--second-row-gap);
}

.search-modal__information--container {
    position: relative;
    --column-width: calc((100% - (var(--search-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns));

}

.search-modal__information--container:empty {
    display: none;
}

.search-modal__header .search-field {
    border-radius: var(--search-field-radius);
    -webkit-border-radius: var(--search-field-radius);
    width: 100%;
    max-width: 570px;
    margin-left: calc(20px + var(--icon-scale) + 4px);
    align-items: center;
    transition: none;
}

.search-modal__information--wrapper:has( .search__menu:only-child) {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.search-modal.drawer .search-modal__information--wrapper {
    max-width: 100%;
}

.search-field__wrapper {
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.search__button-text.visually-hidden {
    position: static!important;
    opacity: 0;
    pointer-events: none;
    color: transparent;
}

.search-modal__header .search__button:has(.loading-overlay__spinner:not(.hidden)) {
    aspect-ratio: auto;
}

.search-modal__header button-close {
    display: inline-flex;
    align-items: center;
    padding-block: 6px;
    padding-inline: 6px 0;
}

.search-modal__information--container.show-lines:not(:empty),
.predictive-search.show-lines:not(:empty) {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.search-modal__information--drawer {
    padding-bottom: calc(var(--side-margin) + 16px);
}

.search-modal__information--drawer.page-grid-gaps .search__menu + .search-modal__banner,
.search-modal__information--drawer.page-grid-gaps .search__menu + .search-modal__banner + .search-modal__banner  {
    margin-top: calc(var(--block-padding) + 4px - var(--page-row-gap));
}
.search-modal__information--drawer.alternative-grid-gaps .search__menu + .search-modal__banner,
.search-modal__information--drawer.alternative-grid-gaps .search__menu + .search-modal__banner + .search-modal__banner  {
    margin-top: calc(var(--block-padding) + 4px - var(--alt-row-gap));
}
.search-modal__information--drawer.secondary-grid-gaps .search__menu + .search-modal__banner,
.search-modal__information--drawer.secondary-grid-gaps .search__menu + .search-modal__banner + .search-modal__banner  {
    margin-top: calc(var(--block-padding) + 4px - var(--second-row-gap));
}

@media (hover: hover) {
    a.search-modal__banner-image:hover img,
    a.search-modal__banner-wrapper:hover img,
    .predictive-search__item--link:hover .article__block-image-wrapper img {
        transform: scale(1.03);
        opacity: 1;
    }
    .search__menu-list .menu__item a:hover {
        opacity: var(--hover-opacity);
        text-decoration: underline;
        text-decoration-thickness: var(--underline-thickness-heading);
        text-underline-offset: var(--underline-offset-heading);
    }
    .search__menu-list .menu__item.body-font a:hover,
    .search__menu-list .menu__item.subheading-font:not(.subheading-heading-font) a:hover {
        text-decoration-thickness: var(--underline-thickness-body);
        text-underline-offset: var(--underline-offset-body);
    }
    .predictive-search__item--link:not(.predictive-search__post):hover,
    .predictive-search__post:hover .predictive-search__post-info {
        opacity: var(--hover-opacity);
    }
    .predictive-search__heading:not(.active):hover,
    .predictive-search__results-list.list .card-collection--overlay:hover .card-collection__title,
    .predictive-search__results-list .card-collection:hover .card-collection__media:empty + .card-collection__title {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
    .predictive-search__results-list.list .card-collection--overlay:hover .card-collection__title svg,
    .predictive-search__results-list .card-collection:hover .card-collection__media:empty + .card-collection__title svg {
        fill: rgba(var(--layout-text-color), var(--hover-opacity));
    }
}

@media screen and (min-width: 769px) {
    .quick-search__line {
        position: absolute;
        width: var(--line-thickness);
        background-color: rgb(var(--lines-color));
        top: var(--side-margin);
        bottom: calc(var(--side-margin) + 16px);
    }
    .quick-search__line[data-index="1"] {
        left: calc(var(--column-width) + (var(--search-column-gap) / 2));
    }
    .quick-search__line[data-index="2"] {
        left: calc(((var(--column-width) + (var(--search-column-gap) / 2)) * 2) + (var(--search-column-gap) / 2));
    }
    .quick-search__line[data-index="3"] {
        left: calc(((var(--column-width) + (var(--search-column-gap) / 2)) * 3) + var(--search-column-gap));
    }
    .quick-search__line[data-index="4"] {
        left: calc(((var(--column-width) + (var(--search-column-gap) / 2)) * 4) + var(--search-column-gap) + (var(--search-column-gap) / 2));
    }
}

@media screen and (max-width: 768px) {
    .search__menu {
        grid-column: span 2;
    }
    .search-modal__banner,
    .search__menu {
        padding-top: 0;
        padding-bottom: 0;
    }
    .search-modal__information--container {
        padding-bottom: calc(var(--side-margin) + 16px);
    }
    .search-modal:not(.drawer) .search-modal__information--container {
        padding-top: var(--side-margin);
    }
    .page-grid-gaps .search__menu + .search-modal__banner,
    .page-grid-gaps .search__menu + .search-modal__banner + .search-modal__banner  {
        margin-top: calc(var(--block-padding) + 4px - var(--page-row-gap));
    }
    .alternative-grid-gaps .search__menu + .search-modal__banner,
    .alternative-grid-gaps .search__menu + .search-modal__banner + .search-modal__banner  {
        margin-top: calc(var(--block-padding) + 4px - var(--alt-row-gap));
    }
    .secondary-grid-gaps .search__menu + .search-modal__banner,
    .secondary-grid-gaps .search__menu + .search-modal__banner + .search-modal__banner  {
        margin-top: calc(var(--block-padding) + 4px - var(--second-row-gap));
    }
    .search-modal__banner-wrapper {
        width: 100%;
    }
    .content--below .search-modal__banner-content {
        padding-bottom: var(--block-padding);
    }
    .quick-search__line {
        display: none;
    }
    .search-modal__information--container.show-lines:not(:empty) .search__menu:not(:last-child) {
        position: relative;
    }
    .search-modal__information--container.show-lines:not(:empty) .search__menu:not(:last-child):after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: var(--line-thickness);
        bottom: calc(0px - ((var(--block-padding) + 4px - var(--second-row-gap)) / 2));
        left: 0;
        background-color: rgb(var(--lines-color));
    }
}

@media screen and (max-width: 635px) {
    .search-modal__header .search-field {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .predictive-search__footer,
    .wide .predictive-search__footer {
        width: 100vw;
        max-width: 100vw;
        min-width: 100vw;
    }
    .modal--border .predictive-search__footer,
    .modal--border.wide .predictive-search__footer {
        width: calc(100vw - var(--line-thickness));
        max-width: calc(100vw - var(--line-thickness));
        min-width: calc(100vw - var(--line-thickness));
    }
    .drawer .predictive-search__footer {
        border-radius: 0;
    }
    .drawer.wide .search-modal__header {
        padding-right: 52px;
    }
}

/* Scrolling-promotion */
.section-scrolling-promotion {
    max-width: 100%;
    overflow: clip;
}

.section-scrolling-promotion .hidden-container {
    overflow: clip;
}

.section-scrolling-promotion.section--full-width .hidden-container {
    overflow: visible;
}

.section-scrolling-promotion .section-radius.elem-padding-l {
    padding-top: 0;
    padding-bottom: 0;
}

.scrolling-promotion,
.scrolling-promotion .promotion,
.promotion__item {
    display: flex;
    align-items: center;
}

.scrolling-promotion {
    max-width: 100%;
}

.scrolling-promotion .promotion {
    flex: 0 0 auto;
}

.promotion__item {
    position: relative;
    cursor: default;
}

.section-scrolling-promotion-banner a.banner__wrapper .promotion__item {
    cursor: pointer;
}

.promotion__item .button {
    line-height: 120%;
}

.promotion__item--text:not(.disabled) {
    cursor: pointer;
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.line-top .scrolling-promotion,
.line-both .scrolling-promotion {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    padding-top: var(--line-paddings);
}

.line-bottom .scrolling-promotion,
.line-both .scrolling-promotion {
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
    padding-bottom: var(--line-paddings);
}

.scrolling-promotion .promotion--animated {
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: var(--duration);
    animation-play-state: running;
    width: max-content;
    position: relative;
}

.scrolling-promotion--left .promotion--animated {
    animation-name: scrolling-left;
}
.scrolling-promotion--right .promotion--animated {
    animation-name: scrolling-right;
}

@keyframes scrolling-left {
    0% {
      transform: translateX(0);
      visibility: visible;
    }
    100% {
      transform: translateX(-100%);
    }
}

@keyframes scrolling-right {
    0% {
        transform: translateX(-100%);
        visibility: visible;
    }
    100% {
        transform: translateX(0);
    }
}

.scrolling-promotion--paused .promotion--animated {
    animation-play-state: paused;
}

.promotion__item {
    padding: 0 calc(var(--gap-items) / 2);
}

.promotion__item:has( .button) {
    display: block;
}

.promotion__text--mobile {
    display: none; 
}

.section-scrolling-promotion-banner .banner__content-wrapper {
    max-width: none;
}

.section-scrolling-promotion-banner .banner__container-content:not(.disable-max-width) {
    overflow: clip;
}

@media (hover: hover) {
    .promotion__item--text:not(.disabled):hover {
        color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
    .scrolling-promotion:hover .promotion--animated {
        animation-play-state: paused;
    }
}

@media screen and (max-width: 768px) {
    .promotion__text--mobile,
    .promotion__text--desktop.promotion__text--all {
        display: block;
    }
    .promotion__text--desktop {
        display: none;
    }
}

/* Search */
.search-modal__form {
    position: relative;
    gap: 4px;
    align-items: center;
    width: fit-content;
    margin-inline-end: 8px;
    min-width: calc((14px - var(--border-thickness)) * 2 + 20px + var(--icon-scale) + 8px + 100px + 40px + 8px + 6px + 20px + var(--icon-scale));
}

.logo_left_wide_search .search-modal__form,
.logo_center_menu_split .search-modal__form,
.logo_center_search_left .search-modal__form,
.header .logo_left_wide_search .search.search--field,
.header .logo_center_menu_split .search.search--field,
.header .logo_center_search_left .search.search--field {
    margin-inline-end: 0;
}

.header .search-modal__form,
.header .search-field {
    width: 100%;
    max-width: 600px;
}

.header .search.search--field {
    margin-inline-end: 6px;
}

.search-modal__form > .button-close {
    position: absolute;
    display: inline-flex;
    align-items: center;
    top: calc((100% - 12px - 20px - var(--icon-scale)) / 2);
    inset-inline-end: 0;
    padding-block: 6px;
    padding-inline: 6px 0;
    pointer-events: none!important;
    opacity: 0;
    transform: scale(0.9);
    width: calc(6px + 20px + var(--icon-scale));
    transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
}

.search-modal__form:has( .search-field__text:not(.search-field__text--drawer):focus) > .button-close,
body.search-modal--open .search-modal__form > .button-close {
    pointer-events: all!important;
    opacity: 1;
    transform: scale(1);
}

body.search-modal--open .search:has(.search-link) * {
    pointer-events: none!important;
}

.search-field {
    align-items: center;
    position: relative;
    border-radius: var(--search-field-radius);
    -webkit-border-radius: var(--search-field-radius);
    overflow: clip;
    width: calc((14px - var(--border-thickness)) * 2 + 20px + var(--icon-scale) + 8px + 100px + 40px + 8px + 6px + 20px + var(--icon-scale));
    transition: width var(--animation-duration) var(--transition-timing-function);
}

.search-field .search-field__text {
    position: relative;
    z-index: 1;
    padding-block: 2px;
    padding-inline: calc(14px - var(--border-thickness)) calc(14px - var(--border-thickness) + 8px + 20px + var(--icon-scale));
    min-height: 32px;
}

.search .search-field .search-field__text {
    padding-block: 2px;
    padding-inline: calc(12px - var(--border-thickness) + 8px + 20px + var(--icon-scale)) calc(12px - var(--border-thickness) + 32px);
    min-height: 32px;
}

.search-field:not(.search-field--filled):not(.search-field--outlined) .search-field__text {
    padding-inline-start: calc(8px + 20px + var(--icon-scale));
    padding-inline-end: 0;
}

.search-field.make-translucent:not(.search-field--filled):not(.search-field--outlined) .search-field__text {
    padding-inline-start: calc(8px + 8px + 20px + var(--icon-scale));
    padding-inline-end: calc(14px - var(--border-thickness));
}

.search-field:not(.search-field--filled):not(.search-field--outlined) .search__button {
    margin-inline-end: 0;
}
.search-field:not(.search-field--filled):not(.search-field--outlined) .search-field__icon {
    inset-inline-start: 0;
}

.search-field.make-translucent:not(.search-field--filled):not(.search-field--outlined):has( .search-field__text) .search-field__icon {
    inset-inline-start: 8px;
}

.search-field__icon {
    pointer-events: none!important;
    cursor: text;
    position: absolute;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
    inset-inline-end: calc(14px - var(--border-thickness));
    min-height: 24px;
}

.search .search-field__icon {
    inset-inline-start: calc(12px - var(--border-thickness));
}
 
.make-translucent .search__button,
.search-field--filled .search__button {
    position: absolute;
    inset-inline-end: 0;
    z-index: 3;
    padding-top: 2px;
    padding-bottom: 2px;
    min-height: 32px;
    margin-inline-end: 0;
    padding-inline-end: calc(14px - var(--border-thickness));
}

.make-translucent .search__button:has( .loading-overlay__spinner:not(.hidden)) .search__button-text.visually-hidden,
.search-field--filled .search__button:has( .loading-overlay__spinner:not(.hidden)) .search__button-text.visually-hidden {
    position: static!important;
    overflow: visible;
    width: auto;
    height: 100%;
    margin: 0;
    visibility: hidden;
}

.make-translucent .search__button .loading-overlay__spinner:not(.hidden),
.search-field--filled .search__button .loading-overlay__spinner:not(.hidden) {
    margin-inline-end: 8px;
}

.make-translucent .search__button .loading-overlay__spinner,
.search-field--filled .search__button .loading-overlay__spinner {
    z-index: 3;
}

.search-modal__form:has( .search-field__text:not(.search-field__text--drawer):focus) .search-field,
body.search-modal--open .search-modal__form .search-field {
    width: calc(100% - 4px - 6px - 20px - var(--icon-scale));
}

.search-field--filled {
    background-color: rgba(var(--layout-text-color), 0.1);
}

.header .search-field--filled {
    background-color: rgba(var(--layout-text-color), 0.1);
}

.search-field--outlined {
    border: var(--border-thickness) solid rgb(var(--layout-text-color));
}

.search-field:not(.search-field--filled):not(.search-field--outlined) {
    border-block-end: var(--border-thickness) solid rgb(var(--layout-text-color));
    border-radius: 0;
}

.search .search-modal__form-mobile,
.search.search-field-mobile {
    display: none;
}

.search-link {
    gap: 4px;
    align-items: center;
    white-space: nowrap;
}

.search-field__icon .search__icon {
    padding: 0;
    display: flex;
    margin-inline-end: 8px;
}

@media screen and (max-width: 1024px) {
    .header .search.search--field,
    .header .search.search--field .search-modal__form>.button-close {
        margin-inline-end: 0px;
    }
    .search-modal__form:has( .search-field__text:not(.search-field__text--drawer):focus) .search-field
    body.search-modal--open .search-modal__form .search-field {
        width: calc(100% - 4px - 20px - var(--icon-scale));
    }
    .header .search-modal__form,
    .header .search-field {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .search .search-modal__form-mobile,
    .search.search-field-mobile {
        display: block;
    }
    .search-field-mobile .search-link,
    .left-icons .search-field-mobile {
        display: none;
    }
    .search-modal__form {
        margin-inline-end: 0;
        width: 100%;
        min-width: auto;
    }
    .search-field {
        width: 100%;
    }
}

@media (hover: hover) {
    .search-modal__form:has( .search-field__text:not(.search-field__text--drawer):focus) > .button-close--search:hover,
    body.search-modal--open .search-modal__form > .button-close--search:hover {
        opacity: 0.7;
    }
}

/* Age verification */
.age-verification__image-wrapper {
    width: 100%;
    height: 100%;
}

.verification-buttons {
    display: flex;
    gap: var(--buttons-gap);
}

.center .verification-buttons {
    align-items: center;
    justify-content: center;
}

.age-verification__overlay.overlay--filled.open {
    opacity: 1;
}

.age-verification__overlay.open {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
}

body.age-verification-opened > .overlay {
    pointer-events: none;
} 
.age-verification .popup--transparent.open {
    box-shadow: none;
}

.age-verification .popup--transparent.open .popup-content {
    background-color: transparent;
}

.age-verification__image--filled::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
}

.age-verification__image--mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    .age-verification__image--mobile {
        display: block;
    }
    .age-verification__image--desktop {
        display: none;
    }
    .verification-buttons {
        gap: 8px;
        flex-wrap: wrap;
    }
    .verification-buttons .verification-button {
        min-width: calc((100% - 8px) / 2);
    }
    .verification-buttons .verification-button .solid-button,
    .verification-buttons .verification-button .outlined-button {
        width: 100%;
    }
}

/* Banner gallery */
.banner-gallery__card {
    display: flex;
    flex-direction: column;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    position: relative;

    .slider__grid.disable-grid-gaps &,
    .section-overlap--enable & {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

.slider__grid.disable-grid-gaps .info-card,
.slider__grid.disable-grid-gaps .info-card::after {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.slider__grid-item--banners {
    position: relative;
}

a.banner-gallery__card,
a.banner-gallery__card--wrapper {
    cursor: pointer;
}

.banner-gallery__card--wrapper,
.banner-gallery__card--wrapper .lazy-image {
    height: 100%;
}

a.banner-gallery__card:focus-visible,
a.banner-gallery__card--wrapper:focus-visible {
    outline-offset: -2px;
}

.banner-gallery__info {
    position: absolute;
    inset: 0;
    padding: 16px;
    display: flex;
    align-items: var(--vertical-position);
    z-index: 3;
    background-color: transparent;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

.banner-gallery__info-below {
    position: static;
    padding-bottom: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.banner-gallery__card::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
}

.slider__grid.disable-grid-gaps .banner-gallery__card::after,
.section-overlap--enable .banner-gallery__card::after {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.banner-gallery__card--wrapper .banner-gallery__card::after {
    display: none;
}

.banner-gallery__title {
    width: 100%;
}

.banner-gallery__card.hover-content .banner-gallery__info {
    transform: translateY(20px);
}

.banner-gallery__card.hover-content .banner-gallery__info,
.banner-gallery__card.hover-content::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

a.banner-gallery__card.hover-content .banner-gallery__info,
a.banner-gallery__card.hover-content::after {
    cursor: pointer;
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function), transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

a.banner-gallery__card .banner-gallery__image,
a.banner-gallery__card .placeholder-svg,
a.banner-gallery__card--wrapper .banner-gallery__image,
a.banner-gallery__card--wrapper .placeholder-svg {
    transition: transform calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

@media (hover: hover) {
    a.banner-gallery__card:hover .banner-gallery__image,
    a.banner-gallery__card:hover .placeholder-svg,
    a.banner-gallery__card--wrapper:hover .banner-gallery__image,
    a.banner-gallery__card--wrapper:hover .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }

    a.banner-gallery__card:hover .banner-gallery__info,
    a.banner-gallery__card--wrapper:hover .banner-gallery__info {
        opacity: .7;
    }

    .banner-gallery__card.hover-content:hover .banner-gallery__info,
    a.banner-gallery__card.hover-content:focus-visible .banner-gallery__info  {
        opacity: 1!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
        transform: translateY(0px);
    }

    .banner-gallery__card.hover-content:hover::after,
    a.banner-gallery__card.hover-content:focus-visible::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

@media screen and (max-width: 1024px) {
    .banner-gallery__card.hover-content .banner-gallery__info,
    a.banner-gallery__card.hover-content .banner-gallery__info {
        opacity: 1!important;
        pointer-events: auto;
        transform: translateY(0px);
    }

    .banner-gallery__card.hover-content::after,
    a.banner-gallery__card.hover-content::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
    }
}

@media screen and (min-width: 769px) {
    .section-overlap--desktop .banner-gallery__card,
    .section-overlap--desktop .banner-gallery__card::after {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 768px) {
    .section-overlap--mobile .banner-gallery__card,
    .section-overlap--mobile .banner-gallery__card::after {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

/* Banner grid */
.banner-grid {
    gap: var(--grid-gap);
    grid-auto-flow: dense;
    grid-auto-rows: 1fr;
}

.tile-square {
    grid-column: span 1;
    grid-row: span 1;
    aspect-ratio: 1 / 1;
}

.tile-big_square {
    grid-column: span 2;
    grid-row: span 2;
    aspect-ratio: 1 / 1;
}

.tile-horizontal {
    grid-column: span 2;
    grid-row: span 1;
}

.tile-wide {
    grid-column: span 4;
    grid-row: span 2;
}

.tile-aspect-ratio.tile-horizontal,
.tile-aspect-ratio.tile-wide {
    aspect-ratio: 2 / 1;
}

.tile-horizontal .banner-grid__media,
.tile-wide .banner-grid__media,
.banner-grid__media:after,
.banner-grid__info {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
}

.banner-grid__card {
    display: flex;
    position: relative;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    z-index: 1;
}

.banner-grid--radius {
    border-radius: var(--container-radius);
    -webkit-border-radius: var(--container-radius);
    overflow: clip;
}

.banner-grid__media:after {
    display: flex;
    content: "";
    z-index: 2;
    opacity: var(--overlay-opacity);
    background: var(--overlay-background);
}

.banner-grid__info {
    gap: var(--block-padding-s);
    justify-content: var(--vertical-position);
    z-index: 3;
    background-color: transparent;
    width: 100%;
}

.banner-grid__info-header {
    gap: var(--block-padding-s);
}

.banner-grid__info.narrow.elem-padding-s {
    max-width: calc(480px + (24px * 2));
}

.banner-grid__info.narrow.elem-padding-l {
    max-width: calc(480px + (var(--inner-section-padding) * 2));
}

.banner-grid__info.regular.elem-padding-s {
    max-width: calc(720px + (24px * 2));
}

.banner-grid__info.regular.elem-padding-l {
    max-width: calc(720px + (var(--inner-section-padding) * 2));
}

.banner-grid__info.center {
    align-items: center;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
}

.banner-grid__media {
    display: flex;
    width: 100%;
    height: 100%;
}

.banner-grid__media .banner-grid__image,
.banner-grid__media .placeholder-svg,
.banner-grid__media video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hover-content .banner-grid__info {
    transform: translateY(20px);
}

.hover-content .banner-grid__info.center {
    transform: translate(-50%,20px);
}

.hover-content .banner-grid__info,
.hover-content .banner-grid__media::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
}

a.hover-content .banner-grid__info,
a.hover-content .banner-grid__media::after {
    cursor: pointer;
}

a .banner-grid__media img,
a .banner-grid__media .placeholder-svg,
a .banner-grid__media video {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

a.banner-gallery__card:focus-visible::before {
    content: '';
    position: absolute;
    inset: 0;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: -1px;
    z-index: 3;
    border-radius: var(--container-radius);
    -webkit-border-radius: var(--container-radius);
}

.mobile-text {
    display: none;
}

@media (hover: hover) {
    a:hover .banner-grid__media img,
    a:hover .banner-grid__media .placeholder-svg,
    a:hover .banner-grid__media video {
        transform: scale(1.03);
    }

    .hover-content:hover .banner-grid__info,
    a.hover-content:focus-visible .banner-grid__info {
        opacity: 1!important;
        pointer-events: auto;
        transform: translateY(0px);
    }
    .hover-content:hover .banner-grid__info.center,
    a.hover-content:focus-visible .banner-grid__info.center {
        transform: translate(-50%,0);
    }
    .hover-content:hover .banner-grid__media::after,
    a.hover-content:focus-visible .banner-grid__media::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
    }
}

@media screen and (max-width: 1024px) {
    .hover-content .banner-grid__info {
        opacity: 1!important;
        pointer-events: auto;
        transform: translateY(0px);
    }

    .hover-content .banner-grid__info.center {
        transform: translate(-50%, 0px);
    }

    .hover-content .banner-grid__media::after {
        opacity: var(--overlay-opacity)!important;
        pointer-events: auto;
    }

    .tile-square,
    .tile-big_square,
    .tile-horizontal,
    .tile-wide {
        grid-column: span 2;
        grid-row: span 2;
        aspect-ratio: 1 / 1;
    }

    .tile-aspect-ratio.tile-horizontal,
    .tile-aspect-ratio.tile-wide {
        aspect-ratio: 1 / 1;
    }

    .tile-horizontal .banner-grid__media,
    .tile-wide .banner-grid__media {
        position: relative;
    }
}

@media screen and (max-width: 768px) {
    .banner-grid__button.hide-button,
    .banner-grid__info-header.mobile-empty,
    .desktop-text {
        display: none;
    }

    .banner-grid__wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--mobile-grid-gap);
    }

    .tile-square {
        grid-column: span 1;
        grid-row: span 1;
    }

    .tile-big_square,
    .tile-wide {
        grid-column: span 2;
        grid-row: span 2;
    }

    .tile-horizontal {
        grid-column: span 2;
        grid-row: span 1;
        aspect-ratio: auto;
    }

    .tile-aspect-ratio.tile-horizontal {
        aspect-ratio: 2 / 1;
    }

    .tile-horizontal .banner-grid__media {
        position: absolute;
    }
    
    .mobile-text {
        display: block;
    }
}

/* Section banner */
.banner__wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: var(--height);
    height: fit-content;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.banner__container-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: var(--height);
    height: fit-content;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.section.disable-margins .disable-max-width .banner__wrapper,
.section.disable-margins .disable-max-width .section-radius,
.section-overlap--enable .banner.section-radius,
.section-overlap--desktop .banner.section-radius {
    border-radius: 0;
}

.banner__media,
.banner__media::after {
    display: flex;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    overflow: clip;
}

.banner__media::after {
    content: '';
    opacity: var(--banner-overlay-opacity);
    background: var(--overlay-background);
}

.banner__content {
    position: relative;
    top: 0;
    inset-inline: 0;
    display: flex;
    justify-content: center;
    background: transparent;
    z-index: 2;
}

.banner__content-wrapper {
    max-width: 1200px;
    --buttons-gap: 16px;
    background-color: transparent;
    font-size: 0;
}

.fill-content.banner__content-wrapper:not(:empty) {
    min-width: 480px;
}

.banner__content-wrapper:empty,
.banner__content-wrapper:has(.countdown-timer-wrapper:only-child):has(.countdown:empty) {
    display: none;
}

.regular .banner__content-wrapper {
    max-width: 720px;
}

.narrow .banner__content-wrapper {
    max-width: 480px;
}

.banner__content-wrapper.fill-content {
    background-color: rgb(var(--layout-bg-color));
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.banner__content-wrapper > .line-container + .section-block,
.banner__content-wrapper > .spacer + .section-block {
    margin-top: 0px;
}

.section-block.button-block:not(:first-child) {
    margin-top: var(--block-padding);
}

.banner__content-wrapper .subheading-block + .heading-block,
.banner__content-wrapper .heading-block + .subheading-block {
    margin-top: var(--block-padding-s);
}

.banner__content-wrapper.center > .section-block {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.banner__content-wrapper .button-block,
.banner__content-wrapper .block-icon {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}

.banner__content-wrapper.center .button-block,
.banner__content-wrapper.center .block-icon {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}

.hover-content:not(.media-style-hide) .banner__content {
    top: 20px;
}

.hover-content:not(.media-style-hide) .banner__content,
.section .hover-content .banner__media::after,
body.overlap--mobile_overlap .section .hover-content .banner__media::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity var(--animation-duration) var(--transition-timing-function), top var(--animation-duration) var(--transition-timing-function);
}

.hover-content:not(.media-style-hide) .banner__content:has( .popup--video.open),
.section .hover-content:has( .popup--video.open) .banner__media::after {
    opacity: 1!important;
    pointer-events: auto;
    top: 0;
    transition: none;
}

a.hover-content .banner__content,
a.hover-content .banner__media::after {
    cursor: pointer;
}
a .image-banner__media img,
a .image-banner__media .placeholder-svg {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .section-container .banner + .subcollections-gallery {
    padding-bottom: calc(var(--section-padding) * var(--bottom-spacing));
}

.banner__image {
    display: flex;
}

.banner__image--mobile {
    display: none;
}

.section-block--icon  {
    display: inline-flex;
}

.section-block--icon span {
    display: inline-flex;
    max-width: 100%;
    width: var(--context-image-width);
}

a.section-block--icon svg {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.section-block--icon svg  {
    width: 100%;
    height: auto;
}

@media (hover: hover) {
    a:hover .image-banner__media img,
    a:hover .image-banner__media .placeholder-svg {
        transform: scale(1.03);
        transition: transform var(--animation-duration) var(--transition-timing-function);
    }
    a.section-block--icon:hover svg {
        opacity: var(--hover-opacity);
    }

    .hover-content:not(.media-style-hide):hover .banner__content,
    a.hover-content:not(.media-style-hide):focus-visible .banner__content {
        opacity: 1!important;
        pointer-events: auto;
        top: 0;
    }
    .banner__wrapper.hover-content:hover .banner__media::after,
    a.hover-content:focus-visible .banner__media::after,
    body.overlap--mobile_overlap.section .hover-content:hover .banner__media::after,
    body.overlap--mobile_overlap .section .hover-content:hover .banner__media::after {
        opacity: var(--banner-overlay-opacity)!important;
        pointer-events: auto;
    }
}

@media screen and (max-width: 1024px) {
    .hover-content:not(.media-style-hide) .banner__content {
        opacity: 1!important;
        pointer-events: auto;
        top: 0;
    }
    .hover-content:not(.media-style-hide) .banner__media::after,
    body.overlap--mobile_overlap .section .hover-content .banner__media::after,
    .section-overlap--disable .hover-content .banner__media:after {
        opacity: var(--banner-overlay-opacity)!important;
        pointer-events: auto;
    }
}

@media screen and (min-width: 769px) {
    body.overlap--enable .page-grid:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .page-grid:not(.disable-max-width-container) .banner__container-content {
        max-width: calc(var(--page-grid-width) + (var(--inner-section-padding) * 2));
    }
    body.overlap--enable .secondary-grid:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .secondary-grid:not(.disable-max-width-container) .banner__container-content {
        max-width: calc(var(--second-grid-width) + (var(--inner-section-padding) * 2));
    }
    body.overlap--enable .alternative-grid:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .alternative-grid:not(.disable-max-width-container) .banner__container-content {
        max-width: calc(var(--alt-grid-width) + (var(--inner-section-padding) * 2));
    }
    body.overlap--enable .banner:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .banner:not(.disable-max-width-container) .banner__container-content {
        padding-inline-start: var(--inner-section-padding);
        padding-inline-end: var(--inner-section-padding);
    }
    body.overlap--enable .banner:not(.disable-max-width-container) .banner__content,
    body.overlap--desktop_overlap .banner:not(.disable-max-width-container) .banner__content {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .section-overlap--enable .banner__media,
    .section-overlap--desktop .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (min-width: 769px) {
    .banner__container-content.page-grid:not(.disable-max-width) {
        max-width: calc(var(--page-grid-width) + (var(--inner-section-padding) * 2));
    }
    .banner__container-content.secondary-grid:not(.disable-max-width) {
        max-width: calc(var(--second-grid-width) + (var(--inner-section-padding) * 2));
    }
    .banner__container-content.alternative-grid:not(.disable-max-width) {
        max-width: calc(var(--alt-grid-width) + (var(--inner-section-padding) * 2));
    }
    .banner__container-content:not(.disable-max-width) {
        padding-inline-start: var(--inner-section-padding);
        padding-inline-end: var(--inner-section-padding);
    }
    .banner__container-content:not(.disable-max-width) .banner__content {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    
    .banner__wrapper:not(.hover-content) .banner__content.sticky-content {
        position: sticky;
        bottom: calc(var(--sticky-offset) - var(--inner-section-padding));
        height: fit-content;
    }

    .banner__content.sticky-content.sticky-content--top {
        top: calc(var(--sticky-offset) - var(--inner-section-padding));
        bottom: auto;
    }

    .banner__content.sticky-content.sticky-content--center {
        top: calc(var(--sticky-offset) - var(--inner-section-padding));
    }

    .banner__wrapper:has( .banner__content.sticky-content),
    .banner.section-radius:has( .banner__content.sticky-content),
    .banner .section-radius:has( .banner__content.sticky-content) {
        overflow: visible;
    }
    .banner__wrapper.has-sticky-content .banner__media {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
        overflow: clip;
    }
    .section.disable-margins:has( .banner__content.sticky-content) .banner__media,
    .section.disable-margins:has( .banner__content.sticky-content) .disable-max-width .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 768px)  {
    .banner__content-wrapper {
        --buttons-gap: 12px;
    }
    .section-overlap--enable .content-below.banner__wrapper .banner__media,
    .section-overlap--enable .mobile-content-below.banner__wrapper .banner__media {
        position: relative;
    }
    .shopify-section:first-child .section-overlap--enable .banner__media,
    .shopify-section:first-child .section-overlap--mobile .content-below .banner__media,
    .shopify-section:first-child .section-overlap--mobile .mobile-content-below .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .section-overlap--enable .content-below .banner__container-content,
    .section-overlap--enable .mobile-content-below .banner__container-content {
        margin-top: 0;
    }

    .section-overlap--disable .content-below .banner__media::after,
    .section-overlap--disable .mobile-content-below .banner__media::after {
        display: none;
    }
    .side-margins:not(.disable-margins).section-overlap--disable .section-container .content-below .banner__content-wrapper,
    .side-margins:not(.disable-margins).section-overlap--desktop .section-container .content-below .banner__content-wrapper,
    .side-margins:not(.disable-margins).section-overlap--disable .section-container .mobile-content-below .banner__content-wrapper,
    .side-margins:not(.disable-margins).section-overlap--desktop .section-container .mobile-content-below .banner__content-wrapper {
        padding: 0px;
    }
    .content-below.banner__wrapper .banner__media,
    .mobile-content-below.banner__wrapper .banner__media {
        height: var(--height);
        position: static;
    }

    .content-below.banner__wrapper,
    .mobile-content-below.banner__wrapper {
        min-height: auto;
        height: auto;
        gap: var(--block-padding);
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    .content-below.banner__wrapper  .banner__container-content,
    .mobile-content-below.banner__wrapper  .banner__container-content  {
        min-height: auto;
        height: auto;
    }

    .side-margins:not(.disable-margins) .content-below .banner__media,
    .side-margins:not(.disable-margins) .mobile-content-below .banner__media {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
        overflow: clip;
    }

    .section-radius .content-below .banner__media,
    .section-radius .mobile-content-below .banner__media,
    .side-margins:not(.disable-margins) .section-container .section-radius .content-below .banner__media,
    .side-margins:not(.disable-margins) .section-container .section-radius .mobile-content-below .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }

    .content-below .banner__content,
    .mobile-content-below .banner__content {
        padding: 0px;
        width: 100%;
        align-self: flex-start;
        justify-content: start;
    }

    .content-below .banner__content-wrapper,
    .mobile-content-below .banner__content-wrapper {
        padding: var(--inner-section-padding);
        padding-top: 0;
        width: 100%;
        border-radius: 0!important;
        -webkit-border-radius: 0!important;
    }
    .banner__wrapper.content-below .banner__media,
    .banner__wrapper.mobile-content-below .banner__media {
        position: relative;
    }
    .banner__content:has( .fill-content.banner__content-wrapper:not(:empty)),
    .fill-content.banner__content-wrapper:not(:empty) {
        width: 100%;
    }
}

@media screen and (min-width: 1025px) {
    body.overlap--enable .page-grid:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .page-grid:not(.disable-max-width-container) .banner__container-content {
        max-width: calc(var(--page-grid-width) + (var(--inner-section-padding) * 2));
    }
    body.overlap--enable .secondary-grid:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .secondary-grid:not(.disable-max-width-container) .banner__container-content {
        max-width: calc(var(--second-grid-width) + (var(--inner-section-padding) * 2));
    }
    body.overlap--enable .alternative-grid:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .alternative-grid:not(.disable-max-width-container) .banner__container-content {
        max-width: calc(var(--alt-grid-width) + (var(--inner-section-padding) * 2));
    }
    body.overlap--enable .banner:not(.disable-max-width-container) .banner__container-content,
    body.overlap--desktop_overlap .banner:not(.disable-max-width-container) .banner__container-content {
        padding-inline-start: var(--inner-section-padding);
        padding-inline-end: var(--inner-section-padding);
    }
    body.overlap--enable .banner:not(.disable-max-width-container) .banner__content,
    body.overlap--desktop_overlap .banner:not(.disable-max-width-container) .banner__content {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .section-overlap--enable .banner__media,
    .section-overlap--desktop .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (min-width: 769px) {
    .banner__container-content.page-grid:not(.disable-max-width) {
        max-width: calc(var(--page-grid-width) + (var(--inner-section-padding) * 2));
    }
    .banner__container-content.secondary-grid:not(.disable-max-width) {
        max-width: calc(var(--second-grid-width) + (var(--inner-section-padding) * 2));
    }
    .banner__container-content.alternative-grid:not(.disable-max-width) {
        max-width: calc(var(--alt-grid-width) + (var(--inner-section-padding) * 2));
    }
    .banner__container-content:not(.disable-max-width) {
        padding-inline-start: var(--inner-section-padding);
        padding-inline-end: var(--inner-section-padding);
    }
    .banner__container-content:not(.disable-max-width) .banner__content {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    
    .banner__content.sticky-content {
        position: sticky;
        bottom: calc(var(--sticky-offset) - var(--inner-section-padding));
        height: fit-content;
    }

    .banner__content.sticky-content.sticky-content--top {
        top: calc(var(--sticky-offset) - var(--inner-section-padding));
        bottom: auto;
    }

    .banner__content.sticky-content.sticky-content--center {
        top: calc(var(--sticky-offset) - var(--inner-section-padding));
    }

    .banner__wrapper:has( .banner__content.sticky-content),
    .banner.section-radius:has( .banner__content.sticky-content),
    .banner .section-radius:has( .banner__content.sticky-content) {
        overflow: visible;
    }
    .banner__wrapper.has-sticky-content .banner__media {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
        overflow: clip;
    }
    .section.disable-margins:has( .banner__content.sticky-content) .banner__media,
    .section.disable-margins:has( .banner__content.sticky-content) .disable-max-width .banner__media,
    .section-video-banner .section-overlap--enable .banner__media,
    .section-video-banner .section-overlap--desktop .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 768px)  {
    .banner__content-wrapper {
        --buttons-gap: 12px;
    }

    .fill-content.banner__content-wrapper:not(:empty) {
        min-width: auto;
    }

    .banner__image--desktop:not(.banner__image--all) {
        display: none;
    }

    .banner__image--mobile {
        display: flex;
    }
}

/* Section-brands */
.brands__groups-wrapper,
.brand-group {
  display: flex;
  flex-direction: column;
  row-gap: var(--block-padding);
}

.brand-group:only-child .brand-group__letter-group {
  display: none;
}

.brands-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(var(--desktop-columns), minmax(0, 1fr));

  @media screen and (max-width: 768px) {
    grid-template-columns: repeat(var(--mobile-columns), minmax(0, 1fr));
  }
}

.brand-card {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  height: 100%;
  border-radius: var(--images-and-sections-radius);
  -webkit-border-radius: var(--images-and-sections-radius);
  overflow: clip;

  &.brand-card--with-border {
    border: var(--border-thickness) solid rgb(var(--lines-color));
  }

  .brands-list:not(:is(.page-grid-gaps, .alternative-grid-gaps, .secondary-grid-gaps)) &.brand-card--with-border {
    border: calc(var(--border-thickness) / 2) solid rgb(var(--lines-color));
  }

  .brands-list:not(:is(.page-grid-gaps, .alternative-grid-gaps, .secondary-grid-gaps)) & {
    border-radius: 0;
    -webkit-border-radius: 0;
  }
}

.brand-card__image-wrapper {  
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: var(--logo-background-color);
  padding: var(--block-padding);
}

figure.figure-brand-card__image,
.brand-card__image {  
  width: 100%;
  max-height: var(--logo-height);  
  transition: transform var(--animation-duration) var(--transition-timing-function);
}

.brand-card__image {
  object-fit: contain;
}

.brand-card__title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: var(--block-padding);
  transition: color var(--animation-duration) var(--transition-timing-function);

  &.brand-card__title--with-background {
    background-color: var(--logo-background-color);
  }
}

@media (hover: hover) {
  .brand-card:hover .brand-card__title {
    color: rgba(var(--layout-text-color), var(--hover-opacity));
  }

  .brand-card:hover figure.figure-brand-card__image,
  .brand-card:hover :not(figure) > .brand-card__image {
    transform: scale(1.03);
  }
}

/* Section collapsible tabs */
.page-grid .collapsible-tabs__content {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--page-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.alternative-grid .collapsible-tabs__content {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--alt-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.secondary-grid .collapsible-tabs__content {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--second-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.reverse-order .collapsible-tabs__media {
    order: -1;
}

.collapsible-tabs__media-wrapper {
    display: flex;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
    max-width: 100%;
}

.topic-block {
    gap: var(--block-padding-s);
}

.topic-block .button {
    width: fit-content;
}

.collapsible-tabs .topic-block + .accordion {
    margin-top: var(--block-padding);
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.collapsible-tabs__content + .collapsible-tabs__button {
    margin-top: var(--block-padding);
}

.collapsible-tabs__button.link-button {
    display: inline-flex;
}

@media screen and (max-width: 768px) {
    .collapsible-tabs__media {
        order: -1;
    }

    .collapsible-tabs__content.grid {
        column-gap: 0;
        row-gap: var(--block-padding);
    }
}

/* Contact form */
.contact-form {
    --buttons-gap: 16px;
}

.contact-form .narrow {
    max-width: 480px;
    margin-inline-end: auto;
}

.contact-form .regular {
    max-width: 720px;
    margin-inline-end: auto;
}

.reverse-order .contact-form__form {
    order: -1;
}

.contact-form__content-wrapper {
    font-size: 0;
}

.contact-form__content-wrapper > .line-container + *:not(.button-block),
.contact-form__content-wrapper > .spacer + *:not(.button-block) {
    margin-top: 0px;
}

.contact-form__content-wrapper .subheading-block + .heading-block,
.contact-form__content-wrapper .heading-block + .subheading-block {
    margin-top: var(--block-padding-s);
}

.contact-form__content-wrapper .button-block,
.contact-form__content-wrapper .block-icon {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}

.contact-form form-state {
    display: block;
}

.contact__button + div {
    margin-top: var(--block-padding-s);
}

.contact-form .input {
    width: 100%;
    background-color: transparent;
}



.field-line-style .input--text,
.field-line-style .input {
    border: none;
    border-block-end: 2px solid rgb(var(--layout-text-color));
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    --field-radius: 0px;
}

.field-line-style .select-icon {
    inset-inline-end: 0px;
}

.field-line-style select.input {
    padding-inline-end: 16px;
}

.form-centered .contact-form__form {
    max-width: 440px;
    margin: 0 auto;
}

.form-centered .show_container  {
    max-width: calc(440px + (var(--inner-section-padding) * 2));
}

.contact-form__form.show-container {
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.contact-form .form-status,
.contact-form .email-no-valid:not(.visually-hidden) {
    margin-bottom: var(--block-padding-s);
}

@media (hover: hover) {
    .field-line-style select:hover {
        border: none;
        border-block-end: 2px solid rgba(var(--layout-text-color),.5);
    }
}

@media screen and (max-width: 768px) {
    .contact-form {
        --buttons-gap: 12px;
    }

    .contact-form__card.grid {
        column-gap: 0;
        row-gap: var(--block-padding);
    }

    .contact-form__form {
        order: -1;
    }

    .contact-form .narrow,
    .contact-form .regular {
        max-width: 100%;
    }
}

/* Featured blog with banner */
.blog-with-banner__posts-wrapper {
    min-width: 300px;
}

.blog-with-banner__posts-wrapper .article-card {
    width: 100%;
}

.blog-with-banner__posts {
    align-self: center;
}

.blog-with-banner__banner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: fit-content;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.article-card__image figure {
    height: 100%;
}

.blog-with-banner__banner-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
    margin-inline-start: auto;
    margin-inline-end: auto;
    min-height: 100%;
}

.blog-with-banner__banner-media,
.blog-with-banner__banner-media::after {
    display: flex;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    overflow: clip;
}

.blog-with-banner__banner {
    aspect-ratio: var(--banner-aspect-ratio);
    overflow: clip;
}

.blog-with-banner__banner-media::after {
    content: '';
    opacity: var(--banner-overlay-opacity);
    background: var(--overlay-background);
}

.blog-with-banner__banner-content-wrapper {
    max-width: 1200px;
    --buttons-gap: 16px;
    background-color: transparent;
    font-size: 0;
}

.regular .blog-with-banner__banner-content-wrapper {
    max-width: 720px;
}

.narrow .blog-with-banner__banner-content-wrapper {
    max-width: 480px;
}

.blog-with-banner__banner-content-wrapper.fill-content {
    background-color: rgb(var(--layout-bg-color));
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.blog-with-banner__banner-content-wrapper.center > * {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.blog-with-banner__banner-content-wrapper {
    position: relative;
    top: 0;
    inset-inline: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
    z-index: 2;
}

.hover-content .blog-with-banner__banner-content-wrapper {
    top: 20px;
}

.hover-content .blog-with-banner__banner-content-wrapper,
.hover-content .blog-with-banner__banner-media::after {
    opacity: 0!important;
    pointer-events: none;
    transition: opacity var(--animation-duration) var(--transition-timing-function), top var(--animation-duration) var(--transition-timing-function);
}

a.hover-content .blog-with-banner__banner-content-wrapper,
a.hover-content .blog-with-banner__banner-media::after {
    cursor: pointer;
}
a .blog-with-banner__banner-image {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.blog-with-banner__banner-text {
    margin-top: var(--block-padding-s);
}

.blog-with-banner__banner-button {
    margin-top: var(--block-padding);
}

/* Post card */
.article-card.article-card--horizontal {
    cursor: pointer;
    display: flex;
}

.article-card.with-border {
    border: 0.5px solid rgb(var(--lines-color));
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.article-card.with-color {
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.article-card:not(.with-border) .article-card__image,
.article-card:not(.with-color) .article-card__image,
.article-card--horizontal.article-card.with-border .article-card__image,
.article-card--horizontal.article-card.with-color .article-card__image {
    overflow: clip;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
}

.article-card.with-border .article-card__image,
.article-card.with-color .article-card__image {
    border-start-end-radius: var(--images-and-sections-radius);
    border-start-start-radius: var(--images-and-sections-radius);
    -webkit-border-start-end-radius: var(--images-and-sections-radius);
    -webkit-border-start-start-radius: var(--images-and-sections-radius);
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    -webkit-border-end-end-radius: 0;
    -webkit-border-end-start-radius: 0;
    overflow: clip;
}

.article-card:not(.with-border):not(.with-color):not(.article-card--horizontal) .article-card__image + .article-card__info {
    margin-top: var(--block-padding-s);
}

.article-card__image img {
    display: flex;
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.article-card__info-child:not(:first-child) {
    margin-top: var(--block-padding-xs);
}

.article-card:not(.with-border):not(.with-color):not(.article-card--full-width) .article-card__info-child:not(:first-child) {
    margin-top: var(--block-padding-s);
}

.article-card:not(.article-card--main) .article-card__info-child:last-child {
    margin-bottom: 16px;
}

.blog-with-banner__posts-wrapper.disable-grid-gaps .article-card:not(.article-card--main) .article-card__info-child:last-child {
    margin-bottom: 32px;
}

.blog-with-banner__posts-wrapper .article-card:not(.article-card--main).with-border.with-color .article-card__info-child:last-child,
.blog-with-banner__posts-wrapper .article-card:not(.article-card--main).with-border .article-card__info-child:last-child,
.blog-with-banner__posts-wrapper .article-card:not(.article-card--main).with-color .article-card__info-child:last-child {
    margin-bottom: 0;
}

.article-card__title {
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.article-card__title--accent {
    color: rgb(var(--layout-accent-color));
}

.article-card__link.button {
    text-align: center;
    min-height: 24px;
} 

.article__info {
    gap: 8px;
    flex-wrap: wrap;
}

.center .article__info {
    justify-content: center;
}

.article__info span {
    display: flex;
    align-items: center;
}

.article__info span:not(:first-of-type):before {
    content: "";
    display: inline-block;
    background-color: rgb(var(--layout-text-color));
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-inline-end: 11px;
}

.article-card__excerpt.line-clamp {
    display: -webkit-box;
    text-overflow: ellipsis;
    line-clamp: var(--line-clamp);
    -webkit-line-clamp: var(--line-clamp);
    overflow: clip;
    -webkit-box-orient: vertical;
}

.article-card--horizontal .article-card__image {
    flex: 0 0 33%;
    height: fit-content;
}

.article-card--horizontal .article-card__image + .article-card__info {
    flex: 0 0 67%;
}

.article-card--horizontal .article-card__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.padding-m .article-card--horizontal:not(.with-border):not(.with-color) .article-card__image + .article-card__info {
    padding-inline-start: var(--block-padding);
}

.padding-s .article-card--horizontal:not(.with-border):not(.with-color) .article-card__image + .article-card__info {
    padding-inline-start: var(--block-padding-s);
}
.blog-with-banner__posts .article-card.article-card--full-width:not(.article-card--horizontal) .article-card__info,
.article-card.article-card--horizontal.article-card--full-width .article-card__info,
.blog-with-banner__posts .article-card.with-border:not(.article-card--horizontal) .article-card__info,
.blog-with-banner__posts .article-card.with-color:not(.article-card--horizontal) .article-card__info,
.article-card.article-card--horizontal.with-border .article-card__info,
.article-card.article-card--horizontal.with-color .article-card__info {
    padding: var(--block-padding-s);
    margin: 0;
}

.article-card--horizontal.article-card.article-card--full-width .article-card__image,
.article-card--horizontal.article-card.with-border .article-card__image,
.article-card--horizontal.article-card.with-color .article-card__image {
    margin: var(--block-padding-s);
    margin-inline-end: 0;
    flex: 0 0 calc(33% - var(--block-padding-s));
}

.blog-with-banner__posts-wrapper.disable-grid-gaps .article-card--horizontal.article-card--full-width:not(.with-border):not(.with-color) .article-card__image {
    margin: 0;
    flex: 0 0 33%;
}

.blog-with-banner__posts-wrapper.disable-grid-gaps .article-card--horizontal.article-card--full-width:not(.with-border):not(.with-color) .article-card__info:first-child {
    padding-inline-start: 0;
}

@media (hover: hover) {
    .hover-content:hover .blog-with-banner__banner-content-wrapper,
    a.hover-content:focus-visible .blog-with-banner__banner-content-wrapper {
        opacity: 1!important;
        pointer-events: auto;
        top: 0;
    }
    .blog-with-banner__banner.hover-content:hover .blog-with-banner__banner-media::after,
    a.hover-content:focus-visible .blog-with-banner__banner-media::after {
        opacity: var(--banner-overlay-opacity)!important;
        pointer-events: auto;
    }
    .article-card:hover .article-card__title {
        color: rgba(var(--layout-text-color), var(--hover-opacity))
    }

    .article-card:hover .article-card__title--accent {
        color: rgba(var(--layout-accent-color), var(--hover-opacity));
    }
    .article-card:hover .article-card__image img,
    a:hover .blog-with-banner__banner-image {
        transform: scale(1.03);
    }
}


@media screen and (min-width: 1025px) {
    .blog-with-banner__wrapper {
        width: 100%;
        --width: calc((300px + (300px * 100 /  var(--inner-padding))));
        display: grid;
        grid-template-columns: minmax(0, calc(100% / 12 * var(--banner-size))) minmax(calc(300px + (300px * var(--inner-padding) / 100) + (300px * var(--inner-padding) / 100)), calc(100% / 12 * (12 - var(--banner-size))));
    }
    .blog-with-banner__wrapper.blog-with-banner__wrapper--right {
        grid-template-columns: minmax(calc(300px + (300px * var(--inner-padding) / 100) + (300px * var(--inner-padding) / 100)), calc(100% / 12 * (12 - var(--banner-size)))) minmax(0, calc(100% / 12 * var(--banner-size)));
    }
    .blog-with-banner__banner {
        flex: 0 1 calc(100% / 12 * var(--banner-size));
    }
    .blog-with-banner__posts {
        flex: 0 0 calc(100% / 12 * (12 - var(--banner-size)));
        padding-inline-start: var(--content-paddings);
        padding-inline-end: var(--content-paddings);
    }
    .blog-with-banner__wrapper--right .blog-with-banner__banner {
        order: 2;
    }
    .blog-with-banner__banner.sticky-content {
        position: sticky;
        top: var(--sticky-offset);
        height: fit-content;
    }
    .blog-with-banner__posts .article-card.article-card--full-width:not(.article-card--horizontal):not(.with-color):not(.with-border) .article-card__info {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
}

@media screen and (max-width: 1024px) {
    .hover-content .blog-with-banner__banner-content-wrapper {
        opacity: 1!important;
        pointer-events: auto;
        top: 0;
    }
    .hover-content .blog-with-banner__banner-media:after {
        opacity: var(--banner-overlay-opacity)!important;
        pointer-events: auto;
    }
}

@media screen and (max-width: 1024px) {
    .blog-with-banner__wrapper {
        display: flex;
        flex-direction: column;
    }
    .blog-with-banner__wrapper.page-grid,
    .blog-with-banner__wrapper.page {
        gap: var(--page-row-gap) var(--page-column-gap);
    }
    .blog-with-banner__wrapper.alternative-grid,
    .blog-with-banner__wrapper.alternative {
        gap: var(--alt-row-gap) var(--alt-column-gap);
    }
    .blog-with-banner__wrapper.secondary-grid,
    .blog-with-banner__wrapper.secondary {
        gap: var(--second-row-gap) var(--second-column-gap);
    }
    .fill-content.blog-with-banner__banner-content-wrapper {
        width: 100%;
    }
    .content-below.blog-with-banner__banner .blog-with-banner__banner-media {
        position: static;
        aspect-ratio: var(--banner-aspect-ratio);
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
    }
    .content-below.blog-with-banner__banner {
        border-radius: 0px;
        -webkit-border-radius: 0px;
        gap: var(--block-padding)
    }
    .section .content-below .blog-with-banner__banner-media::after {
        display: none;
    }
    .blog-with-banner__banner.content-below {
        aspect-ratio: auto;
    }
    .content-below .blog-with-banner__banner-content,
    .content-below .fill-content.blog-with-banner__banner-content-wrapper {
        padding: 0;
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .blog-with-banner__posts .article-card.article-card--full-width:not(.article-card--horizontal) .article-card__info,
    .article-card.article-card--horizontal.article-card--full-width .article-card__info,
    .blog-with-banner__posts .article-card.with-border:not(.article-card--horizontal) .article-card__info,
    .blog-with-banner__posts .article-card.with-color:not(.article-card--horizontal) .article-card__info,
    .article-card.article-card--horizontal.with-border .article-card__info,
    .article-card.article-card--horizontal.with-color .article-card__info {
        padding: var(--side-margin);
        margin: 0;
    }
    .article-card--horizontal.article-card.article-card--full-width .article-card__image,
    .article-card--horizontal.article-card.with-border .article-card__image,
    .article-card--horizontal.article-card.with-color .article-card__image {
        margin: var(--side-margin);
        margin-inline-end: 0;
        flex: 0 0 calc(33% - var(--side-margin));
    }
    .article-card.article-card--main .article-card__info-child:last-child {
        margin-bottom: 16px;
    }
    .blog-with-banner__posts-wrapper.disable-grid-gaps .article-card.article-card--main .article-card__info-child:last-child {
        margin-bottom: 32px;
    }
    .blog-with-banner__posts-wrapper .article-card.article-card--main.with-border.with-color .article-card__info-child:last-child,
    .blog-with-banner__posts-wrapper .article-card.article-card--main.with-border .article-card__info-child:last-child,
    .blog-with-banner__posts-wrapper .article-card.article-card--main.with-color .article-card__info-child:last-child {
        margin-bottom: 0;
    }
    .blog-with-banner__posts {
        width: 100%;
    }
    .content-below .blog-with-banner__banner-content {
        padding-inline-start: var(--side-margin);
        padding-inline-end: var(--side-margin);
    }
    .blog-with-banner--full-width .blog__show-more-button {
        margin-inline-start: var(--side-margin);
        margin-inline-end: var(--side-margin);
    }
    .blog-with-banner__posts-wrapper.disable-grid-gaps .article-card--horizontal.article-card--full-width:not(.with-border):not(.with-color) .article-card__image {
        margin-inline-start: var(--side-margin);
        flex: 0 0 calc(33% - var(--side-margin));
    }
    .blog-with-banner__posts-wrapper.disable-grid-gaps .article-card--horizontal.article-card--full-width:not(.with-border):not(.with-color) .article-card__info:first-child {
        padding-inline-start: var(--side-margin);
    }
}

/* Flyout */
.promo-popup .popup.popup--left_flyout,
.promo-popup .popup.popup--right_flyout {
    transform: none !important;
    height: fit-content;
    bottom: 0;
    top: auto;
    inset-inline-start: auto;
    inset-inline-end: auto;
    animation: openFlayout var(--animation-duration) var(--transition-timing-function);
    border-end-start-radius: 0px;
    border-end-end-radius: 0px;
    overflow: clip;
}

.promo-popup .flyout.open {
    overflow-y: auto;
}

@keyframes openFlayout {
    0% {
        bottom: -40px;
        opacity: 0;
    }
    100% {
        bottom: 0;
        opacity: 1;
    }
}

.popup.popup--left_flyout,
.popup.popup--right_flyout {
    width: 480px;
    top: unset;
    inset-inline-start: unset;
}

.promo-popup .popup.popup--right_flyout {
    inset-inline-end: 16px;
}

.promo-popup .popup.popup--left_flyout {
    inset-inline-start: 16px;
}

/* Sticky tab */
.promo-sticky-tab {
    position: fixed;
    display: none;
    align-items: center;
    box-shadow: 0px 7px 38px 0px rgba(var(--layout-text-color), 0.10);
    background-color: rgb(var(--layout-bg-color));
    color: rgb(var(--layout-text-color));
    border-radius: var(--button-border-radius);
}

.promo-sticky-tab__button {
    color: rgb(var(--layout-text-color));
}

.open-sticky-tab {
    padding-block: 12px;
    padding-inline: 12px 5px;
}

.close-sticky-tab {
    padding-block: 12px;
    padding-inline: 5px 12px;
}

.promo-sticky-tab.open {
    display: flex;
}

.promo-sticky-tab__icon {
    display: inline-flex;
}

.promo-sticky-tab__icon--with-color svg path:first-child,
.promo-sticky-tab__icon--with-color svg circle:first-child {
    fill: var(--color)!important;
}

.promo-sticky-tab--bottom_left.open,
.promo-sticky-tab--bottom_right.open {
    animation: openBottomStickyTab var(--animation-duration) var(--transition-timing-function);
}

.promo-sticky-tab--bottom_center.open {
    animation: openBottomCenterStickyTab var(--animation-duration) var(--transition-timing-function);
}

.promo-sticky-tab--left_side.open {
    animation: openLeftStickyTab var(--animation-duration) var(--transition-timing-function);
}

.promo-sticky-tab--right_side.open {
    animation: openRightStickyTab var(--animation-duration) var(--transition-timing-function);
}

.promo-sticky-tab--left_side_bottom.open {
    animation: openLeftBottomStickyTab var(--animation-duration) var(--transition-timing-function);
}

.promo-sticky-tab--right_side_bottom.open {
    animation: openRightBottomStickyTab var(--animation-duration) var(--transition-timing-function);
}

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

@keyframes openBottomCenterStickyTab {
    0% {
        transform: translate(-50%, 40px);
        opacity: 0;
    }
}

@keyframes openLeftStickyTab {
    0% {
        transform: rotate(-270deg) translate(-50%, calc(-100% + 20px));
        opacity: 0;
    }
}

@keyframes openRightStickyTab {
    0% {
        transform: rotate(90deg) translate(50%, -20px);
        opacity: 0;
    }
}

@keyframes openLeftBottomStickyTab {
    0% {
        transform: rotate(90deg) translate(-100%, calc(0% + 20px));
        opacity: 0;
    }
}

@keyframes openRightBottomStickyTab {
    0% {
        transform: rotate(90deg) translateY(calc(100% - 20px));
        opacity: 0;
    }
}

@media screen and (max-width: 768px) {
    .promo-sticky-tab__icon--with-color svg path:first-child,
    .promo-sticky-tab__icon--with-color svg circle:first-child {
        fill: var(--mobile-color)!important;
    }
}

.promo-sticky-tab--left_side {
    top: 50%;
    inset-inline-start: 0px;
    transform: rotate(-270deg) translate(-50%, -100%);
    transform-origin: 0 0;
}

.promo-sticky-tab--right_side {
    top: 50%;
    inset-inline-end: 0;
    transform: rotate(90deg) translateX(50%);
    transform-origin: top right;
}

.promo-sticky-tab--left_side_bottom {
    bottom: 8px;
    inset-inline-start: 0px;
    transform: rotate(90deg) translate(-100%, 0%);
    transform-origin: bottom left;
}

.promo-sticky-tab--right_side_bottom {
    bottom: 8px;
    inset-inline-end: 0;
    transform: rotate(90deg) translateY(100%);
    transform-origin: bottom right; 
}

.promo-sticky-tab--bottom_left {
    bottom: 8px;
    inset-inline-start: 8px;
}

.promo-sticky-tab--bottom_center {
    bottom: 8px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.promo-sticky-tab--bottom_right {
    bottom: 8px;
    right: 8px;
}

.promo-sticky-tab--left_side,
.promo-sticky-tab--left_side_bottom {
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}

.promo-sticky-tab--right_side,
.promo-sticky-tab--right_side_bottom {
    border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

.promo-sticky-tab__button {
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .promo-sticky-tab__button:hover {
        opacity: .7;
        cursor: pointer;
    }
}

@media screen and (max-width: 500px) {
    .promo-popup .popup--right_flyout.open,
    .promo-popup .popup--left_flyout.open {
        max-width: 100vw;
        inset-inline: 0;
        bottom: 0;
        top: auto;
        transform: none;
    }
}

/* Section icon with text */
body.hidden .icons-with-text .slider__viewport .slider__grid {
    overflow-x: clip;
}

.center .icons_with_text__link,
.center .icons_with_text__wrapper {
    align-items: center;
}

.icons_with_text__link,
.icons_with_text__wrapper {
    gap: var(--block-padding-xs);
}

.cursor-pointer {
    cursor: pointer;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.icons_with_text__media {
    overflow: clip;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: var(--media-size);
    width: 100%; 
    aspect-ratio: 1 / 1;
}

.icons_with_text__image,
.icons_with_text__icon {
    width: 100%;
    height: 100%;
}

.icons_with_text__image .lazy-image {
    height: 100%;
}

.icons_with_text__icon svg {
    height: 100%;
    max-width: 100%;
    width: 100%;
}

.icons_with_text__icon--with-color svg path:first-child,
.icons_with_text__icon--with-color svg circle:first-child {
    fill: var(--color)!important;
}

.icons_with_text__image img {
    max-width: 100%;
    object-position: center;
    object-fit: contain;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.icons_with_text__media--fill .icons_with_text__image img {
    object-fit: cover;   
}

.icons_with_text__link:focus-visible {
    outline-offset: -2px;
}

.icons-with-text .slider__grid-item:only-child {
    flex: 0 0 100%;
}

.icons-with-text__grid:has( .icons_with_text__item:only-child) {
    grid-template-columns: repeat(1, 1fr);

}

.icons_with_text__item {
    margin-bottom: var(--block-padding-s);
}

.icons_with_text__item .drawer {
    padding-bottom: 0;
}

@media (hover: hover) {
    .cursor-pointer:hover {
        opacity: 0.7;
    }
}

@media screen and (max-width: 768px) {
    .icons_with_text__icon--with-color svg path:first-child,
    .icons_with_text__icon--with-color svg circle:first-child {
        fill: var(--mobile-color)!important;
    }
}

/* Image banner */
.image-banner__media-block {
    flex: 0 0 50%;
}

.banner__media:not(:has( .image-banner__media-block--mobile)) .image-banner__media-block:only-child,
.banner__media:has( .image-banner__media-block--mobile) .image-banner__media-block--desktop:not( :has( + .image-banner__media-block--desktop)) {
    flex: 0 0 100%;
}

.banner__media:has( .image-banner__media-block--mobile) .image-banner__media-block--desktop + .image-banner__media-block--desktop {
    flex: 0 0 50%!important;
}

.image-banner__media-block--mobile {
    display: none;
}

@media screen and (max-width: 768px) {    
    .only-first .image-banner__media-block,
    .image-banner__media-block--mobile {
        flex: 0 0 100%;
    }

    .only-first .image-banner__media-block:nth-child(2),
    .image-banner__media-block--desktop {
        display: none;
    }

    .image-banner__media-block--mobile {
        display: flex;
    }
}

/* Image comparison */
.section-image-comparison .media-with-text__card {
    height: fit-content;
}

.image-comparison__blocks {
    display: block;
    position: relative;
    --position: 50%;
    height: 100%;
    width: 100%;
}

input.focused + .image-comparison__button {
    outline: -webkit-focus-ring-color auto 1px;
}

.image-comparison__button {
    transition-property: top, left;
    transition-timing-function: ease;
}

html[dir="ltr"] .image-comparison__slide:nth-child(2) {
    transition-property: clip-path;
    transition-timing-function: ease;
    clip-path: inset(0px 0px -1px var(--position));
}

.image-comparison__slide,
.image-comparison__slide-wrapper,
.image-comparison__slide-wrapper::after {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    overflow: clip;
}

.image-comparison__slide-wrapper {
    z-index: 0;
    background-color: rgb(var(--layout-bg-color));
}

.image-comparison__slide-wrapper::after {
    content: '';
    z-index: 0;
    background-color: rgba(var(--layout-text-color), 0.05);
}

.image-comparison__range {
    position: absolute;
    z-index: 5;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: transparent;
    outline: none!important;
    margin: 0;
    transition: all ease;
    overflow: clip;
    padding: 0;
    border: 0;
    cursor: col-resize;
    resize: none;
  }
  
  .image-comparison__range::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 100%;
    width: 44px;
    background-color: transparent;
    border-radius: 50%;
    transform: translateX(0);
    box-shadow: none!important;
  }
  
  .image-comparison__range::-webkit-slider-container,
  .image-comparison__range::-webkit-slider-runnable-track {
    height: 100%!important;
  }

.image-comparison__button {
    position: absolute;
    z-index: 4;
    top: 0;
    left: calc(var(--position) - 22px);
    width: 44px;
    height: 100%;
    cursor: col-resize;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-comparison__button::before {
  content: '';
  position: absolute;
  background-color: rgb(var(--layout-text-color));
  pointer-events: none;
  width: 2px;
  height: 100%;
  inset-inline-start: calc(50% - 1px);
  top: 0;
}

.image-comparison__button-icons {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: rgb(var(--layout-text-color));
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 10px 0px rgba(var(--layout-text-color), 0.10), 0px 0px 2px 0px rgba(var(--layout-text-color), 0.20);
}

.image-comparison__button-icon {
    display: inline-flex;
}

.image-comparison__button-icon svg {
    fill: rgb(var(--layout-bg-color));
}

.image-comparison__button-icon:first-child {
    margin-inline-end: -2px;
}

.image-comparison__button-icon:last-child {
    margin-inline-start: -2px;
}

.image-comparison__label {
    display: inline-flex;
    width: fit-content;
    max-width: calc(100% - 16px * 2);
    pointer-events: none;
    cursor: default;
    position: absolute;
    bottom: 16px;
    z-index: 1;
    border-radius: var(--button-border-radius);
}

.image-comparison__slide:nth-child(1) .image-comparison__label {
    inset-inline-start: 16px;
}
  
.image-comparison__slide:nth-child(2) .image-comparison__label {
    inset-inline-end: 16px;
}

.image-comparison__media {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.image-comparison__image {
    display: flex;
}

.image-comparison__image--mobile {
    display: none;
}

.section-image-comparison .media-with-text__content:has( .media-with-text__content-wrapper:empty) {
    display: none;
}

.section-image-comparison:has( .media-with-text__content-wrapper:empty) .media-with-text__media {
    grid-column: span 2;
}

.section-image-comparison .section--full-width .media-with-text__content.right-media {
    padding-inline-start: var(--inner-section-padding);
}

.section-image-comparison .section--full-width .media-with-text__content.left-media {
    padding-inline-end: var(--inner-section-padding);
}

.section-image-comparison:has( .media-with-text__content-wrapper:empty) .section--full-width .media-with-text__media-wrapper {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

@media screen and (max-width: 768px) {
    .image-comparison__image--desktop {
        display: none;
    }
    .image-comparison__image--mobile,
    .image-comparison__image--desktop.image-comparison__image--all {
        display: flex;
    }
    .section-image-comparison .media-with-text__content.order-0 {
        order: -1;
    }
    .section-image-comparison .section--full-width .media-with-text__content.order-0 {
        padding-inline-end: var(--inner-section-padding);
        padding-inline-start: var(--inner-section-padding);
        padding-top: var(--inner-section-padding);
    }
    .section-image-comparison .section--full-width .media-with-text__content:not(.order-0) {
        padding-inline-end: var(--inner-section-padding);
        padding-inline-start: var(--inner-section-padding);
        padding-bottom: var(--inner-section-padding);
    }
}

/* Image grid */
.image-grid__grid {
    display: grid;
}
.image-grid__grid--narrow {
    max-width: 960px;
    margin: 0 auto;
}
.image-grid__grid:not(.grid) {
    grid-template-columns: repeat(var(--desktop-grid-type), 1fr);
    gap: var(--grid-gap);
}
.image-grid__grid:not(.grid) .image-grid__item {
    width: 100%;
    height: 100%;
}

.image-grid__item img,
.image-grid__item .placeholder-svg {
    width: 100%;
    height: fit-content;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    object-position: var(--focal-point);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.image-grid__image-wrapper {
    display: flex;
    height: fit-content;
    position: relative;
    overflow: clip;
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
}

.image-grid__grid:not(.grid) .image-grid__image-wrapper {
    height: 100%;
}

.zoom_icon {
    position: absolute !important;
    top: 20px;
    inset-inline-end: 20px;
    width: 44px;
    height: 44px;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    border-radius: var(--button-border-radius);
    z-index: 1;
    background-color: rgb(var(--layout-bg-color));
    cursor: pointer;
}
  
.zoom_icon svg {
    fill: rgb(var(--layout-text-color));
    width: 20px;
    height: 20px;
}
@media (hover: hover) {
    .image-grid__image-wrapper.hoverable:hover .zoom_icon {
        display: flex;
    }
    .image-grid__image-wrapper.hoverable:hover  .image-magnify-hover + .zoom_icon {
        display: none;
    }
    .image-grid__image-wrapper.hoverable:hover img {
        transform: scale(1.03)
    }
}
.image-grid__grid:not(.grid) .image-grid__image,
.image-grid__grid:not(.grid) .image-grid__item img {
    height: 100%;
}
 
.image-grid__grid .grid-item,
.multicolumn__items .grid-item {
    width: calc(100% / var(--desktop-grid-type));
    height: fit-content;
}

.page-grid cascading-grid .multicolumn__items:not(.multicolumn__items-without-gaps) .multicolumn__item.grid-item {
    padding-inline-end: var(--page-column-gap);
    padding-top: var(--page-row-gap);
}

.page-grid cascading-grid .multicolumn__items {
    width: calc(100% + var(--page-column-gap));
    margin-top: calc(-1 * var(--page-row-gap));
}

.secondary-grid cascading-grid .multicolumn__items:not(.multicolumn__items-without-gaps) .multicolumn__item.grid-item {
    padding-inline-end: var(--second-column-gap);
    padding-top: var(--second-row-gap);
}

.secondary-grid cascading-grid .multicolumn__items {
    width: calc(100% + var(--second-column-gap));
    margin-top: calc(-1 * var(--second-row-gap));
}

.alternative-grid cascading-grid .multicolumn__items:not(.multicolumn__items-without-gaps) .multicolumn__item.grid-item {
    padding-inline-end: var(--alt-column-gap);
    padding-top: var(--alt-row-gap);
}

.alternative-grid cascading-grid .multicolumn__items {
    width: calc(100% + var(--alt-column-gap));
    margin-top: calc(-1 * var(--alt-row-gap));
}

cascading-grid {
    display: block;
    overflow-x: clip;
}

cascading-grid .multicolumn__items.multicolumn__items-without-gaps {
    width: 100%;
    margin-top: 0;
}

.image-grid > div {
    overflow: clip;
}

.image-grid__grid.grid {
    width: calc(100% + var(--grid-gap));
}

.grid-item-desktop--1:not(:nth-child(-n+1)) .image-grid__image,
.grid-item-desktop--2:not(:nth-child(-n+2)) .image-grid__image,
.grid-item-desktop--3:not(:nth-child(-n+3)) .image-grid__image,
.grid-item-desktop--4:not(:nth-child(-n+4)) .image-grid__image,
.grid-item-desktop--5:not(:nth-child(-n+5)) .image-grid__image,
.grid-item-desktop--6:not(:nth-child(-n+6)) .image-grid__image {
    padding-top: var(--grid-gap);
}
.grid-item .image-grid__image {
    padding-inline-end: var(--grid-gap);
}

.image-grid .product-media-modal__content img:not(.product__media-item--variant-show):not(.product__media-item--variant--alt) {
    display: block;
    position: static !important;
    overflow: visible;
    width: 100%;
    height: auto;
    margin: auto;
    clip: auto;
}

.product-media-modal__wrapper--slideshow .slider__grid {
    gap: var(--slider-gap);
}

.image-magnify-hover ~ .image-zoom-icon {
    display: none;
}

@media screen and (max-width: 1024px) {
    .grid-item-desktop--6 {
        width: calc(100% / 5);
    }
    .image-grid__grid--6:not(.grid) {
        grid-template-columns: repeat(5, 1fr);
        gap: var(--grid-gap);
    }
    .grid-item-desktop--6:not(:nth-child(-n+5)) .image-grid__image {
        padding-top: var(--grid-gap);
    }
    .zoom-slider-buttons-items.hidden-on-mobile {
        display: none;
    }
    .zoom-slider-buttons-items:not(.hidden-on-mobile) .slider-button {
        visibility: visible;
        display: flex;
    }
}

@media screen and (max-width: 768px) {
    .image-grid .grid-item-desktop--6,
    .image-grid .grid-item-desktop--5 {
        width: calc(100% / 4);
    }
    .image-grid__grid--6:not(.grid),
    .image-grid__grid--5:not(.grid) {
        grid-template-columns: repeat(4, 1fr);
    }
    .grid-item-desktop--5:not(:nth-child(-n+4)) .image-grid__image,
    .grid-item-desktop--6:not(:nth-child(-n+4)) .image-grid__image {
        padding-top: var(--grid-gap);
    }
}

@media screen and (max-width: 500px) {
    .image-grid__grid-mobile--2 .grid-item {
        width: calc(100% / 2);
    }
    .image-grid__grid-mobile--1 .grid-item {
        width: 100%;
    }
    .grid-item-mobile--1:not(:nth-child(-n+1)) .image-grid__image,
    .grid-item-mobile--2:not(:nth-child(-n+2)) .image-grid__image {
        padding-top: var(--grid-gap);
    }
    .image-grid__grid:not(.grid) {
        grid-template-columns: repeat(var(--desktop-grid-type), 1fr);
    }
    @media (hover: hover) {
        .image-grid__image-wrapper.hoverable:hover .zoom_icon {
            display: none;
        }
    }
}

/* Image with hotspots */
.section-image-with-hotspots .section-radius,
.section-image-with-hotspots .media-with-text__card.fill-section-inside,
.section-image-with-hotspots .media-with-text__media-wrapper {
    overflow: visible;
}

.section-image-with-hotspots .media-with-text__card {
    height: fit-content;
}

.image-with-hotspots__block {
    position: relative;
    display: flex;
    width: 100%;
}

.section-image-with-hotspots .section:not(.section--full-width) .fill-section-inside .media-with-text__media--left-media .image-with-hotspots__media {
    border-start-start-radius: var(--images-and-sections-radius);
    border-end-start-radius: var(--images-and-sections-radius);
}

.section-image-with-hotspots .section:not(.section--full-width) .fill-section-inside .media-with-text__media--right-media .image-with-hotspots__media {
    border-start-end-radius: var(--images-and-sections-radius);
    border-end-end-radius: var(--images-and-sections-radius);
}

.section-image-with-hotspots .section:not(.section--full-width) .image-with-hotspots__media {
    border-radius: var(--section-media-radius);
}

.image-with-hotspots__media {
    display: flex;
    width: 100%;
    overflow: clip;
    position: relative;
    z-index: 0;
    pointer-events: none;
}

.image-with-hotspots__image--mobile {
    display: none;
}
.image-with-hotspots__image,
.image-with-hotspots__media .placeholder-svg {
    height: auto;
}

.image-with-hotspots__hotspot {
    position: absolute;
    top: calc(var(--vertical_position) - 18px);
    left: calc(var( --horizontal_position) - 18px);
}

.image-with-hotspots__dot {
    width: 36px;
    height: 36px;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: default;
    border-radius: 50%;
    border: 2px solid var(--hotspot-dot-color);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
    user-select: none;
}

.image-with-hotspots__dot:not(:last-child) {
    cursor: pointer;
}

.image-with-hotspots__dot::after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--hotspot-dot-color);
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.image-with-hotspots__dot.hidden-dot::after {
    display: none;
}

.image-with-hotspots__dot .loading-overlay__spinner {
    top: 6px;
    inset-inline-end: 6px;
}

.image-with-hotspots__content {
    --dropdown-width: 232px;
    position: absolute; 
    display: inline-flex;
    width: var(--dropdown-width);
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    background-color: rgba(var(--layout-text-color), 0.85);
    border-radius: 2px;
    color: rgb(var(--layout-bg-color));
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    max-width: unset;
    overflow: unset;
}

.center.image-with-hotspots__content {
    align-items: center;
}

.image-with-hotspots__price {
    width: fit-content;
}

.image-with-hotspots__content::before {
    content: "";
    width: 100%;
    height: calc(100% + 30px);
    display: block;
    position: absolute;
    transform: translate(-16px , -30px);
}

.bottom_center.image-with-hotspots__content,
.bottom_left.image-with-hotspots__content,
.bottom_right.image-with-hotspots__content {
    top: 44px;
}

.top_center.image-with-hotspots__content,
.top_left.image-with-hotspots__content,
.top_right.image-with-hotspots__content {
    bottom: 44px;
}

.bottom_center.image-with-hotspots__content,
.top_center.image-with-hotspots__content {
    inset-inline-start: calc(0px - (var(--dropdown-width) / 2) + 18px);
}

.bottom_left.image-with-hotspots__content,
.top_left.image-with-hotspots__content {
    inset-inline-end: 0px;
}

.bottom_right.image-with-hotspots__content,
.top_right.image-with-hotspots__content {
    inset-inline-start: 0px;
}

@keyframes openContent {
    0% {
        transform: translate(0, 0) scale(0);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}

.section-image-with-hotspots:has( .media-with-text__content-wrapper:empty) .section--full-width .media-with-text__media-wrapper {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.open.image-with-hotspots__dot::after,
.image-with-hotspots__dot::after:has( + .focused) {
    transform: scale(0.5);
}

.open.image-with-hotspots__dot + .image-with-hotspots__content,
.image-with-hotspots__dot + .focused.image-with-hotspots__content {  
    z-index: 1;
    opacity: 1;
    pointer-events: all;
}

.closing.image-with-hotspots__dot + .image-with-hotspots__content {
    transition: transform .3s var(--transition-timing-function);
    transform: scale(0);
}

.open:not(.closing).image-with-hotspots__dot + .image-with-hotspots__content,
.image-with-hotspots__dot:not(.closing) + .focused.image-with-hotspots__content {
    animation: openContent .3s var(--transition-timing-function);
}

.image-with-hotspots__hotspot--product .image-with-hotspots__content,
.image-with-hotspots__content a {
    cursor: pointer;
}

.image-with-hotspots__content.center .price__wrapper {
    justify-content: center;
}

.image-with-hotspots__content.rte object {
    position: relative;
    z-index: 1;
}

.image-with-hotspots__content.rte > * {
    margin-bottom: 0;
}

.image-with-hotspots__content .image-with-hotspots__vendor,
.image-with-hotspots__content .image-with-hotspots__name,
.image-with-hotspots__content .image-with-hotspots__price,
.image-with-hotspots__content.richtext a {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.center .image-with-hotspots__price .price {
    justify-content: center;
}

.image-with-hotspots__content.richtext a {
    color: rgb(var(--layout-bg-color));
}

.image-with-hotspots__content .price--highlighted-background,
.image-with-hotspots__content .price--text {
    color: rgb(var(--layout-bg-color));
}

.section-image-with-hotspots .media-with-text__content:has( .media-with-text__content-wrapper:empty) {
    display: none;
}

.section-image-with-hotspots:has( .media-with-text__content-wrapper:empty) .media-with-text__media {
    grid-column: span 2;
}

.section-image-with-hotspots:has( .media-with-text__content-wrapper:empty) .media-with-text__media .image-with-hotspots__media {
    border-radius: var(--images-and-sections-radius);
}

.section-image-with-hotspots .section--full-width .media-with-text__content.right-media {
    padding-inline-start: var(--inner-section-padding);
}

.section-image-with-hotspots .section--full-width .media-with-text__content.left-media {
    padding-inline-end: var(--inner-section-padding);
}

@media (hover: hover) {
    .image-with-hotspots__content:hover .image-with-hotspots__vendor,
    .image-with-hotspots__content:hover .image-with-hotspots__name,
    .image-with-hotspots__content:hover .image-with-hotspots__price,
    .image-with-hotspots__content.richtext a:hover  {
        opacity: var(--hover-opacity);
    }
}

@media screen and (min-width: 769px) {
    .section-image-with-hotspots .section--full-width .image-with-hotspots__media {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
    }
    .section-image-with-hotspots .section--full-width .media-with-text__media--right-media .media-with-text__media-wrapper {
        border-start-start-radius: var(--images-and-sections-radius);
        -webkit-border-start-start-radius: var(--images-and-sections-radius);
        border-end-start-radius: var(--images-and-sections-radius);
        -webkit-border-end-start-radius: var(--images-and-sections-radius);
    }
    .section-image-with-hotspots .section--full-width .media-with-text__media--right-media .media-with-text__media-wrapper {
        border-start-end-radius: var(--images-and-sections-radius);
        -webkit-border-start-end-radius: var(--images-and-sections-radius);
        border-end-end-radius: var(--images-and-sections-radius);
        -webkit-border-end-end-radius: var(--images-and-sections-radius);
    }
    .section-image-with-hotspots .section--full-width .media-with-text__media--right-media .image-with-hotspots__media {
        border-start-end-radius: 0px;
        -webkit-border-start-end-radius: 0px;
        border-end-end-radius: 0px;
        -webkit-border-end-end-radius: 0px;
    }
    .section-image-with-hotspots .section--full-width .media-with-text__media--left-media .image-with-hotspots__media {
        border-start-start-radius: 0px;
        -webkit-border-start-start-radius: 0px;
        border-end-start-radius: 0px;
        -webkit-border-end-start-radius: 0px;
    }
}

@media screen and (max-width: 768px) {
    .section-image-with-hotspots .section--without-top-padding  .section-container {
        padding-top: 0px;
    }
    .image-with-hotspots__image--desktop {
        display: none;
    }
    .image-with-hotspots__image--mobile,
    .image-with-hotspots__image--desktop.image-with-hotspots__image--all {
        display: flex;
    }
    .image-with-hotspots__content {
        --dropdown-width: 180px;
    }
    .section-image-with-hotspots .media-with-text__card {
        height: auto;
    }
    .section-image-with-hotspots .media-with-text__media {
        height: var(--height);
    }
    .section-image-with-hotspots .media-with-text__content.order-0 {
        order: -1;
    }
    .media-with-text__content.elem-padding-l.order-0 {
        padding-top: var(--inner-section-padding);
        padding-bottom: 0;
    }
    .section-image-with-hotspots .section--full-width .media-with-text__content.order-0 {
        padding-inline-end: var(--inner-section-padding);
        padding-inline-start: var(--inner-section-padding);
        padding-top: var(--inner-section-padding);
    }
    .section-image-with-hotspots .section--full-width .media-with-text__content:not(.order-0) {
        padding-inline-end: var(--inner-section-padding);
        padding-inline-start: var(--inner-section-padding);
        padding-bottom: var(--inner-section-padding);
    }
    .section-image-with-hotspots .section:not(.section--full-width) .fill-section-inside:not(:has( .order-0)) .image-with-hotspots__media {
        border-start-start-radius: var(--images-and-sections-radius);
        border-start-end-radius: var(--images-and-sections-radius);
        border-end-start-radius: 0px;
        border-end-end-radius: 0px;
    }
    .section-image-with-hotspots .section:not(.section--full-width) .fill-section-inside:has( .order-0) .image-with-hotspots__media {
        border-start-start-radius: 0px;
        border-start-end-radius: 0px;
        border-end-start-radius: var(--images-and-sections-radius);
        border-end-end-radius: var(--images-and-sections-radius);
    }
    .section-image-with-hotspots .section--full-width .image-with-hotspots__media {
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
}

/* Logo slider */
.logo-slider__button {
    margin-top: var(--template-header-padding);
}

.logo-slider__card {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.logo-slider__card .placeholder-svg,
.logo-slider__image {
    height: auto;
}

a.logo-slider__card {
    transition: opacity calc(var(--animation-duration) / 2) var(--transition-timing-function);
}

.logo-slider a:focus {
    outline-offset: -2px;
}

@media (hover: hover) {
    a.logo-slider__card:hover {
        opacity: var(--hover-opacity);
        transition: opacity var(--animation-duration) var(--transition-timing-function);
    }
}

/* Main blog */
.blog__filters,
.blog__articles:not(:last-child),
.blog h1.page-title {
    margin-bottom: var(--block-padding);
}

.blog__articles:not(:only-child) {
    margin-bottom: 0;
}

.blog__articles {
    position: relative;
}

.blog__articles .placeholder {
    grid-column: span var(--grid-columns);
}

.blog__filters-list {
    gap: 4px;
    flex-wrap: wrap;
}

.blog__filters-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-block-end: var(--line-thickness) solid transparent;
    padding: 8px;
    position: relative;
    color: inherit;
    min-width: max-content;
    user-select: none;
    -webkit-user-select: none;
    transition: color var(--animation-duration) var(--transition-timing-function), border-color var(--animation-duration) var(--transition-timing-function);
}

.blog__filters-link.is-selected {
    cursor: auto;
    pointer-events: none;
    border-color: rgb(var(--layout-text-color));
}

.blog__filters-link.is-selected .blog__filters-link-wrapper {
    opacity: 0!important;
}

.blog__filters-link.is-selected::before {
    content: attr(data-hover);
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    display: inline-block;
}

.blog__articles.card-half {
    grid-template-columns: 50% 50%;
}

.blog__articles.card-half.page-grid-gaps {
    grid-template-columns: calc(50% - var(--page-row-gap)) 50%;
}

.blog__articles.card-half.alternative-grid-gaps {
    grid-template-columns: calc(50% - var(--alt-row-gap)) 50%;
}

.blog__articles.card-half.secondary-grid-gaps {
    grid-template-columns: calc(50% - var(--second-row-gap)) 50%;
}

.article-card {
    cursor: pointer;
    display: block;
    width: 100%;
}

.article-card.article-card--main {
    display: flex;
    align-items: var(--vertical-position);
    cursor: default;
}

.article-card.with-border {
    border: 0.5px solid rgb(var(--lines-color));
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.article-card.with-color {
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.article-card:not(.with-border) .article-card__image,
.article-card:not(.with-color) .article-card__image {
    overflow: clip;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
}

.article-card.with-border .article-card__image,
.article-card.with-color .article-card__image {
    border-start-end-radius: var(--images-and-sections-radius);
    border-start-start-radius: var(--images-and-sections-radius);
    -webkit-border-start-end-radius: var(--images-and-sections-radius);
    -webkit-border-start-start-radius: var(--images-and-sections-radius);
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    -webkit-border-end-end-radius: 0;
    -webkit-border-end-start-radius: 0;
    overflow: clip;
}

.article-card.article-card--main .article-card__info {
    width: 100%;
}

.article-card__image img {
    display: flex;
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.article-card__image figure {
    height: 100%;
}

.article-card.with-border:not(.article-card--horizontal) .article-card__info,
.article-card.with-color:not(.article-card--horizontal) .article-card__info,
.article-card.article-card--full-width:not(.article-card--horizontal) .article-card__info {
    margin: var(--block-padding-s);
}

.article-card:not(.article-card--horizontal) .article-card__image + .article-card__info {
    margin-top: var(--block-padding-s);
}

.article-card__info-child:not(:first-child) {
    margin-top: var(--block-padding-xs);
}

.article-card:not(.with-border):not(.with-color):not(.article-card--full-width) .article-card__info-child:not(:first-child) {
    margin-top: var(--block-padding-s);
}

.article-card:not(.with-border):not(.with-color):not(.article-card--horizontal):not(.article-card--full-width) .article-card__image + .article-card__info {
    margin-top: var(--block-padding);
}

.article-card:not(.article-card--main) .article-card__info-child:last-child {
    margin-bottom: 16px;
}

.blog__articles.disable-grid-gaps .article-card:not(.article-card--main) .article-card__info-child:last-child {
    margin-bottom: 32px;
}

.blog__articles .article-card:not(.article-card--main).with-border.with-color .article-card__info-child:last-child,
.blog__articles .article-card:not(.article-card--main).with-border .article-card__info-child:last-child,
.blog__articles .article-card:not(.article-card--main).with-color .article-card__info-child:last-child {
    margin-bottom: 0;
}

.article-card--main .article-card__info-button {
    margin-top: var(--block-padding);
}

.article-card__info-button .button,
.article-card__link.button {
    text-align: center;
} 

.article-card__title {
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.article-card__title--accent {
    color: rgb(var(--layout-accent-color));
}

.article__info {
    gap: 8px;
    flex-wrap: wrap;
}

.center .article__info {
    justify-content: center;
}

.article__info span {
    display: flex;
    align-items: center;
}

.article__info span:not(:first-of-type):before {
    content: "";
    display: inline-block;
    background-color: rgb(var(--layout-text-color));
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-inline-end: 11px;
}

.article-card__excerpt.line-clamp {
    display: -webkit-box;
    text-overflow: ellipsis;
    line-clamp: var(--line-clamp);
    -webkit-line-clamp: var(--line-clamp);
    overflow: clip;
    -webkit-box-orient: vertical;
}

.blog__articles ~ .pagination-wrapper {
    margin-top: var(--template-header-padding);
}

@media (hover: hover) {
    .article-card:hover .article-card__title {
        color: rgba(var(--layout-text-color), var(--hover-opacity))
    }

    .article-card:hover .article-card__title--accent {
        color: rgba(var(--layout-accent-color), var(--hover-opacity));
    }

    .article-card:hover .article-card__image img {
        transform: scale(1.03);
    }
    .blog__filters-link:not(.is-selected):hover {
        color: rgba(var(--layout-text-color),var(--hover-opacity));
    }
}

@media screen and (max-width: 768px) {
    .article-card.article-card--main .article-card__info-child:last-child {
        margin-bottom: 16px;
    }
    .blog__articles.disable-grid-gaps .article-card.article-card--main .article-card__info-child:last-child {
        margin-bottom: 16px;
    }
    .blog__articles .article-card.article-card--main.with-border.with-color .article-card__info-child:last-child,
    .blog__articles .article-card.article-card--main.with-border .article-card__info-child:last-child,
    .blog__articles .article-card.article-card--main.with-color .article-card__info-child:last-child {
        margin-bottom: 0;
    }
    .article-card.with-border:not(.article-card--horizontal) .article-card__info,
    .article-card.with-color:not(.article-card--horizontal) .article-card__info {
        margin: var(--side-margin);
    }
}

/* Main product */
/* Main product grid */
.main-product {
    width: 100%;
}

.skip-to-content-link.visually-hidden.focused {
    top: 16px;
    inset-inline-start: 16px;
    width: fit-content;
    margin: 0px;
    overflow: visible;
    clip: auto;
    z-index: 7;
}

.skip-to-content-link.visually-hidden:not(.focused) {
    min-height: 1px;
    min-height: 1px;
}

product-info,
.product-popup-modal--question form-state {
    display: block;
}

.product-popup-modal--question .contact__button + div {
    margin-top: var(--block-padding-s);
}

.product__info-blocks {
    min-width: 300px;
}

.product-media-container {
    position: relative;
}

.media-gallery.flex--row .product-gallery {
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    gap: 16px;
    max-width: 100%;
    width: 100%;
}

.media-gallery.flex--row .product-gallery .gallery-slider {
    max-width: calc(100% - 16px - 80px);
    flex: 0 0 calc(100% - 16px - 80px);
}

.thumbnail-slider--column {
    position: relative;
    flex: 0 0 var(--thumbnails-width);
    overflow-y: auto;
}

.thumbnail-slider--sticky.thumbnail-slider--column {
    position: sticky;
    top: var(--sticky-offset);
    height: fit-content;
    width: var(--thumbnails-width);
}

.thumbnail-list.flex--column {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    scroll-snap-type: none;
}

.thumbnail-slider--sticky.thumbnail-slider--column .thumbnail-list.flex--column {
    position: relative;
}

.thumbnail-slider--top {
    position: absolute;
    z-index: 5;
    top: 16px;
    inset-inline-start: 16px;
    height: calc(100% - 32px);
    overflow-y: auto;
}

.section-overlap--enable .thumbnail-slider--top:not(.thumbnail-slider--sticky),
.section-overlap--desktop .thumbnail-slider--top:not(.thumbnail-slider--sticky) {
    top: var(--sticky-offset);
    height: calc(100% - 32px - var(--sticky-offset));
}

.section-overlap--enable .media-gallery[data-desktop-layout="gallery"]  .thumbnail-slider--top:not(.thumbnail-slider--sticky),
.section-overlap--desktop .media-gallery[data-desktop-layout="gallery"]  .thumbnail-slider--top:not(.thumbnail-slider--sticky)  {
    top: 16px;
    height: calc(100% - 32px);
}

.thumbnail-slider--top.thumbnail-slider--sticky {
    position: sticky;
    margin-top: 16px;
    flex: 0 0 calc(var(--thumbnails-width) + 16px);
    top: var(--sticky-offset);
}
.section-overlap--disable .thumbnail-slider--top.thumbnail-slider--sticky,
.section-overlap--enable .main-product--right .thumbnail-slider--top.thumbnail-slider--sticky,
.section-overlap--disable .main-product--right .thumbnail-slider--top.thumbnail-slider--sticky {
    padding-inline-start: 16px;
}
.section-overlap--disable.disable-margins .main-product--left .thumbnail-slider--top.thumbnail-slider--sticky {
    padding-inline-start: 0px;
}
.title-with-price {
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}
.title-with-price .price-block {
    min-width: 30%;
    flex: 0 0 fit-content;
}
.title-with-price .price__wrapper,
.title-with-price .price {
    justify-content: flex-end;
}
.title-with-price .product__vendor {
    white-space: nowrap;
}
.title-with-price .link {
    min-width: fit-content;
}
.thumbnail-slider--top .thumbnail-list {
    flex-direction: column;
}
.thumbnail-slider--column .gallery__viewport {
    height: 100%;
}

.thumbnail-slider--sticky.thumbnail-slider--column .gallery__viewport {
    height: fit-content;
}

.thumbnail-list__item {
    box-sizing: content-box;
    height: fit-content;
    position: relative;
    border-radius: var(--thumbnails-radius);
    display: flex;
    width: var(--thumbnails-width);
    min-width: var(--thumbnails-width);
    cursor: pointer;

    @media screen and (max-width: 1024px) {
        &:first-child {
            padding-inline-start: var(--side-margin);
        }
    }
}

.thumbnail-list__item figure {
    height: 100%;
}

.deferred-media__poster .lazy-image {
    height: 100%;
}

.product__media.enable-blending,
.product__media.enable-blending .lazy-image__preloader-pixelate,
.enable-blending .deferred-media__poster,
.deferred-media.enable-blending .shopify-model-viewer-ui,
.slide__thumbnail.enable-blending {
    background: var(--blending-color, none);
}

.product__media.enable-blending img,
.enable-blending .deferred-media__poster img,
.deferred-media.enable-blending .shopify-model-viewer-ui model-viewer,
.slide__thumbnail.enable-blending img,
.slide__thumbnail.enable-blending .thumbnail__badge {
    mix-blend-mode: darken;
}

@media screen and (max-width: 1024px) {
    .section.side-margins:not(.section-overlap--enable):not(.section-overlap--mobile):not(.disable-margins) .thumbnail-list__item:first-child,
    .popup-wrapper__quick-view .thumbnail-list__item:first-child {
        padding-inline-start: 0;
    }
    .section.side-margins:not(.section-overlap--enable):not(.section-overlap--mobile):not(.disable-margins) .thumbnail-list,
    .popup-wrapper__quick-view .thumbnail-list {
        padding-inline-end: 0;
    }
    .thumbnail-list {
        padding-inline-end: var(--side-margin);
    }
    
    .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item:not(.product__media-item--hide),
    .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt {
        padding-inline-start: var(--side-margin);
    }
    
    .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item:not(.product__media-item--hide) ~ .thumbnail-list__item:not(.product__media-item--hide),
    .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt,
    .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item:not(.product__media-item--hide) ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt,
    .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt ~ .thumbnail-list__item:not(.product__media-item--hide) {
        padding-inline-start: 0;
    }
    
    .section.side-margins:not(.section-overlap--enable):not(.section-overlap--mobile):not(.disable-margins) .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item:not(.product__media-item--hide),
    .section.side-margins:not(.section-overlap--enable):not(.section-overlap--mobile):not(.disable-margins) .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt,
    .popup-wrapper__quick-view .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item:not(.product__media-item--hide),
    .popup-wrapper__quick-view .thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):first-child ~ .thumbnail-list__item.product__media-item--hide.product__media-item--variant-alt {
        padding-inline-start: 0;
    }
}

.thumbnail-list__item.is-active::after {
    content: "";
    position: absolute;
    border: 2px solid rgb(var(--layout-text-color));
    border-radius: var(--thumbnails-radius);
    width: calc(var(--thumbnails-width) - 4px);
    height: calc(100% - 4px);
    top: 0;
}

.thumbnail-list__item:not(.is-active)::after {
    content: "";
    position: absolute;
    border: .5px solid rgba(var(--layout-text-color), .2);
    border-radius: var(--thumbnails-radius);
    width: calc(var(--thumbnails-width) - 2px);
    height: calc(100% - 2px);
    top: 0;
}

.thumbnail-list__item.focused::after {
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: 2px;
}

.thumbnail-list__item--stuck:not(:last-child) {
    border-block-end: none;
}

.thumbnail-list {
    display: flex;
    gap: var(--thumbnails-gap);
}

.product__info-container .product__info-blocks > *:not(:first-child):not(:empty),
.product__info-container.product-details .product-details--wrapper > *:not(:first-child):not(:empty),
.product__info-container.product-details .product-details--wrapper > .product-details--wrapper-container > *:not(:first-child):not(:empty) {
    margin-top: calc(var(--block-padding-s) * var(--spacing));
}

.variant-selects {
    gap: var(--block-padding-s);
}

.variant-selects > .size-guide {
    margin-top: calc(0px - var(--block-padding-xs));
}

.product-gallery {
    position: relative;
    display: flex;
    gap: var(--gallery-slider-gap);
}

.product__media-list {
    overflow-y: hidden;
}

.product-gallery.product-gallery--enable-on_mobile {
    @media screen and (max-width: 1024px) {
        flex-direction: column;

        .thumbnail-slider {
            position: static;
            height: auto;
            width: auto;
            flex: 1 1 auto;
        }

        .thumbnail-slider.thumbnail-slider--top {
            margin-top: 0;  
            flex: auto;   
        }

        .thumbnail-slider .thumbnail-list {
            flex-direction: row;
            position: static;
        }

        .main-product--right & .thumbnail-slider {
            padding-inline-start: 0;
        }
    }
}

.product-gallery .gallery-slider {
    width: 100%;
    position: relative;
}

.product-gallery.product-gallery--thumbs-column .slider-button--prev {
    inset-inline-start: 16px;
}

.popup-wrapper__quick-view .product-gallery.product-gallery--thumbs-column .slider-button--prev {
    inset-inline-start: 8px;
}

.product-gallery.product-gallery--thumbs-column .slider-button--next {
    inset-inline-end: 16px;
}

.popup-wrapper__quick-view .product-gallery.product-gallery--thumbs-column .slider-button--next {
    inset-inline-end: 8px;
}

[name="add"].product-form__submit {
    min-width: 162px;
}

.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--left .product-details--second_below_media {
    padding-inline-start: var(--side-margin);
}
.shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--right .product-details--second_below_media {
    padding-inline-end: var(--side-margin);
}

@media screen and (min-width: 769px) {
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section.section-overlap--desktop .main-product--left .product-details--second_below_media {
        padding-inline-start: var(--side-margin);
    }
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section.section-overlap--desktop .main-product--right .product-details--second_below_media {
        padding-inline-end: var(--side-margin);
    }
}
@media screen and (min-width: 1025px) {
    .main-product {
        width: 100%;
        --width: calc((300px + (300px * 100 /  var(--inner-padding))));
        display: grid;
        grid-template-columns: minmax(0, calc(100% / 12 * var(--gallery-size))) minmax(calc(300px + (300px * var(--inner-padding) / 100) + (300px * var(--inner-padding) / 100)), calc(100% / 12 * (12 - var(--gallery-size))));
    }
    .main-product.main-product--right {
        grid-template-columns: minmax(calc(300px + (300px * var(--inner-padding) / 100) + (300px * var(--inner-padding) / 100)), calc(100% / 12 * (12 - var(--gallery-size)))) minmax(0, calc(100% / 12 * var(--gallery-size)));
    }
    .main-product--two-columns-content {
        grid-template-columns: min(calc(100% - ((300px * 100 / (100 - var(--inner-padding)) * 2))), calc(100% / 12 * var(--gallery-size))) minmax(calc(300px * 100 / (100 - var(--inner-padding)) * 2), calc((100% / 12 * (12 - var(--gallery-size))) + (100% / 12 * (12 - var(--gallery-size)))));
        
    }
    .main-product--two-columns-content.main-product--right {
        grid-template-columns: minmax(calc(300px * 100 / (100 - var(--inner-padding)) * 2), calc((100% / 12 * (12 - var(--gallery-size))) + (100% / 12 * (12 - var(--gallery-size))))) min(calc(100% - ((300px * 100 / (100 - var(--inner-padding)) * 2))), calc(100% / 12 * var(--gallery-size)));
    }
    .product__media-list {
        gap: var(--gallery-gap);
    }
    .product__media-list.product__media-list--stack,
    .product__media-list.product__media-list--grid,
    .product__media-list.product__media-list--alternative_1,
    .product__media-list.product__media-list--alternative_2 {
        display: grid;
    }
    .product__media-list--stack {
        grid-template-columns: 1fr;
    }
    .product__media-list--grid,
    .product__media-list.product__media-list--alternative_1,
    .product__media-list.product__media-list--alternative_2 {
        grid-template-columns: 1fr 1fr;
    }
    .product__media-list.product__media-list--alternative_1:not(.product__media-list:has(.product__media-item--variant-alt)) .product__media-item:first-child {
        grid-area: 1 / 1 / 3 / 3;
    }
    .product__media-list.product__media-list--alternative_1:has(.product__media-item--variant-alt) .product__media-item.product__media-item--variant-alt.first-el {
        grid-area: 1 / 1 / 3 / 3;
    }
    .product__media-list.product__media-list--alternative_2:has(.product__media-item--variant-alt) .product__media-item.product__media-item--variant-alt.third-el,
    .product__media-list.product__media-list--alternative_2 .product__media-item.third-el {
        grid-column: span 2;
        grid-row: span 2;
    }
    .product__media-list.product__media-list--alternative_2:not(.product__media-list:has(.product__media-item--variant-alt)) .product__media-item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt):nth-child(3n + 1),
    .product__media-list.product__media-list--alternative_2:has(.product__media-item--variant-alt) .product__media-item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt).third-el {
        grid-column: span 1;
        grid-row: span 1;
    }
    .product__media-wrapper {
        flex: 0 1 calc(100% / 12 * var(--gallery-size));
    }
    .product__info-wrapper {
        flex: 0 0 calc(100% / 12 * (12 - var(--gallery-size)));
    }
    .product__info-container > * {
        padding-inline-start: var(--content-paddings);
        padding-inline-end: var(--content-paddings);
    }
    .product-details--second_below_media.product__info-container > *,
    .product-details--only_first.product__info-container > *,
    .product-details--first_and_second_stretched.product__info-container > * {
        padding-inline-start: 0;
        padding-inline-end: 0;
    } 
    .product__info-wrapper.flex--row .product__info-container,
    .product__info-wrapper.flex--row .product__info-container.product-details {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .main-product--right .product__media-wrapper {
        order: 2;
    }
    .main-product--right .product-details--two_columns {
        order: -1;
    }
    .product-details.product-details--only-mobile {
        display: none;
    }


    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__media-wrapper,
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__info-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__media-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__info-wrapper {
        position: relative;
        top: 0;
        height: 100%;
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__media-wrapper.product__column-sticky .media-gallery,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__media-wrapper.product__column-sticky .media-gallery {
        display: block;
        padding-bottom: var(--sticky-offset);
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__info-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__info-wrapper {
        top: var(--sticky-offset);
        padding-bottom: var(--sticky-offset);
    }
    .main-product--two-columns-content .product__info-wrapper:not(.product__column-sticky) {
        position: relative;
        top: 0!important;
    }
    .main-product--second_below_media .product__media-wrapper {
        padding-bottom: 0 !important;
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__media-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__media-wrapper {
        padding-bottom: var(--sticky-offset);
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__media-wrapper.product__column-sticky .product__media-part,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__media-wrapper.product__column-sticky .product__media-part {
        display: block;
        position: sticky;
        top: 0;
    }

    .main-product--two_columns .product__info-wrapper.product__column-sticky product-info,
    .main-product--two_columns .product__info-wrapper.product__column-sticky .product-details--wrapper {
        position: sticky;
        top: var(--sticky-offset);
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__column-sticky .product-gallery,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__column-sticky .product-gallery {
        top: var(--sticky-offset);
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__column-sticky .gallery-slider,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__column-sticky .gallery-slider {
        margin-top: calc(-1 * var(--sticky-offset));
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__column-sticky .thumbnail-slider,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__column-sticky .thumbnail-slider {
        margin-top: 0;
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .product__info-wrapper.product__column-sticky .product__info-container.product__info-main-content,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .product__info-wrapper.product__column-sticky .product__info-container.product__info-main-content {
        position: sticky;
        top: var(--sticky-offset);
    }
    .main-product--two-columns-content .product__info-wrapper, 
    .main-product--two-columns-content .product-details {
        min-height: calc(100vh - var(--header-height, 0px));
        height: fit-content;
    }
    .product__info-wrapper:not(.first-container--flex-start) {
        height: fit-content !important;
    }
    .product__info-wrapper:not(.first-container--flex-start),
    .product__info-wrapper:not(.first-container--flex-start) .product__info-main-content.flex--column,
    .main-product--first_and_second_stretched .product__info-wrapper.first-container--flex-start .product__info-main-content.flex--column {
        min-height: calc(100vh - var(--header-height, 0px));
    }
    .popup-wrapper__quick-view .main-product--two-columns-content .product__info-wrapper, 
    .popup-wrapper__quick-view .main-product--two-columns-content .product-details,
    .popup-wrapper__quick-view .product__info-wrapper:not(.first-container--flex-start),
    .popup-wrapper__quick-view .product__info-wrapper:not(.first-container--flex-start) .product__info-main-content.flex--column,
    .popup-wrapper__quick-view .main-product--first_and_second_stretched .product__info-wrapper.first-container--flex-start .product__info-main-content.flex--column {
        min-height: auto;
    }
    .product-details.flex--column {
        justify-content: var(--second-container-alignment);
    }
    .product__info-main-content.flex--column,
    .product__info-wrapper.flex--column {
        justify-content: var(--first-container-alignment);
        row-gap: var(--second-container-padding);
    }
    .product__info-main-content--flex-start,
    .product__info-main-content--center {
        padding-top: var(--first-container-padding);
    }
    .product-details--flex-start,
    .product-details--center {
        padding-top: var(--second-container-padding);
    }
    .product__info-main-content--flex-end {
        padding-bottom: var(--first-container-padding);
    }
    .product-details--flex-end {
        padding-bottom: var(--second-container-padding);
    }
    .main-product--first_and_second_stretched .product__info-main-content {
        padding-top: var(--first-container-padding);
        padding-bottom: var(--second-container-padding);
    }
    .product__media-desktop-original img,
    .product__media-desktop-original .lazy-image {
        position: static !important;
    }
    .product-details--wrapper > div:not(.image-block) {
        min-width: 300px;
    }
    .product-details--second_below_media {
        padding-top: var(--second-container-padding);
    }
    .disable-margins .main-product--left .product-details--second_below_media {
        padding-inline-start: var(--side-margin);
    }
    .disable-margins .main-product--right .product-details--second_below_media {
        padding-inline-end: var(--side-margin);
    }
    .product__xr-button {
        display: none;
    }
    .product-gallery.flex--row .gallery-slider {
        flex: 0 0 calc((100% - var(--gallery-slider-gap)) - var(--thumbnails-width));
        order: 2;
        width: calc((100% - var(--gallery-slider-gap)) - var(--thumbnails-width));
    }
    .product-gallery.flex--row .gallery-slider:last-child {
        flex: 0 0 100%;
    }
    .product-gallery.flex--row .gallery-slider:has(li:only-child) {
        flex: 0 0 100%;
        order: 2;
    }
    .product-gallery.flex--row:has(.thumbnail-slider--top:not(.thumbnail-slider--sticky)) .gallery-slider {
        flex: 0 0 100%;
        order: 2;
    }
    .product-gallery.product-gallery--top-sticky-thumbs {
        width: calc((100% + var(--gallery-slider-gap)) + var(--thumbnails-width));
    }
    .product-gallery.product-gallery--top-sticky-thumbs:not(:has( .thumbnail-slider.thumbnail-slider--top)) {
        width: 100%;
    }
    .product-gallery.product-gallery--top-sticky-thumbs .gallery-slider {
        position: relative;
        inset-inline-end: calc((var(--thumbnails-width) + 16px + var(--gallery-slider-gap)));
    }
    .product-gallery.product-gallery--top-sticky-thumbs .gallery-slider:last-child  {
        inset-inline-end: 0px;
    }
    .main-product--second_below_media .product__info-wrapper.first-container--flex-end,
    .main-product--only_first .product__info-wrapper.first-container--flex-end {
        height: 100% !important;
    }
    .main-product--second_below_media .product__info-wrapper.first-container--center .product__info-container,
    .main-product--only_first .product__info-wrapper.first-container--center > .product__info-container {
        height: fit-content;
        min-height: auto;
    }
    .main-product--second_below_media .product__info-wrapper.first-container--center,
    .main-product--only_first .product__info-wrapper.first-container--center {
        justify-content: flex-start;
        height: 100% !important;
    }
    .product__column-sticky .product__info-part {
        min-height: calc(100vh - var(--header-height, 0px));
        justify-content: var(--first-container-alignment);
        position: sticky;
        top: var(--sticky-offset);
    }
    .first-container--flex-end .product__info-part {
        top: unset;
        bottom: 0vh;
    }
    .main-product--second_below_media .product__info-wrapper.first-container--flex-end .product__info-container {
        min-height: auto;
        top: unset !important;
        bottom: 0vh;
    }
    .main-product--only_first .product__info-wrapper.first-container--flex-end > .product__info-container {
        min-height: auto;
        top: unset !important;
        bottom: 0vh;
    }
    .main-product--two_columns .product__info-wrapper.product__column-sticky {
        position: sticky !important;
        height: fit-content !important;
    }
    .main-product--two_columns .first-container--flex-end product-info {
        min-height: auto;
        top: unset !important;
        bottom: 0vh;
    }
    .main-product--second_below_media .product__info-wrapper.product__column-sticky.first-container--center .product__info-main-content,
    .main-product--only_first .product__info-wrapper.product__column-sticky.first-container--center .product__info-main-content {
        position: sticky;
    }
    .main-product--second_below_media .product__info-wrapper.first-container--center .product__info-main-content,
    .main-product--only_first .product__info-wrapper.first-container--center .product__info-main-content {
        position: relative;
    }
    .main-product--second_below_media .product__info-wrapper.first-container--flex-end {
        height: fit-content !important;
    }
    .main-product--two_columns:has(.product-details) .product__info-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        width: var(--line-thickness);
        background-color: rgb(var(--lines-color));
        height: 100%;
        inset-inline-start: 50%;
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--two_columns:has(.product-details) .product__info-wrapper::after,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .main-product--two_columns:has(.product-details) .product__info-wrapper::after {
        top: var(--sticky-offset);
        height: calc(100% - var(--sticky-offset));
    }
    .product__column-sticky {
        position: sticky;
        top: var(--sticky-offset);
        height: fit-content;
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--only_first .product__media-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .main-product--only_first .product__media-wrapper,
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--first_and_second_stretched .product__media-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .main-product--first_and_second_stretched .product__media-wrapper,
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--two-columns-content .product__media-wrapper,
    .shopify-section-header.overlap-desktop + main .shopify-section:first-child .section-overlap--desktop .main-product--two-columns-content .product__media-wrapper {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .shopify-section-header.overlap-mobile + main .shopify-section:first-child .section-overlap--mobile:not(.only-on-desktop) .section-container.main-product {
        padding-bottom: calc(var(--section-padding)* var(--bottom-spacing));
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--left .product-details--second_below_media {
        padding-inline-start: 0;
    }
    .shopify-section-header.overlap-enable + main .shopify-section:first-child .section-overlap--enable .main-product--right .product-details--second_below_media {
        padding-inline-end: 0;
    }
    .popup-wrapper__quick-view .slider-scrollbar.visually-hidden {
        height: 30px;
        visibility: visible;
        margin: 12px 0px 0px;
    }
    
    .product__media-list:has( .product__media-item:not(.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt)) ~ .product__media-item:not(.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt))) ~ .slider-scrollbar {
        height: 30px;
        visibility: visible;
        position: static !important;
        width: 100%;
        margin: 0;
        clip: auto;
    }
}
@media screen and (max-width: 1024px) {
    .product__info-container .product__info-blocks > *:not(:first-child):not(:empty),
    .product__info-container.product-details .product-details--wrapper > *:not(:first-child):not(:empty),
    product-info + .product__info-container.product-details .product-details--wrapper > *:first-child:not(:empty),
    .product__info-container.product-details .product-details--wrapper > .product-details--wrapper-container > *:not(:first-child):not(:empty),
    product-info + .product__info-container.product-details .product-details--wrapper > .product-details--wrapper-container > *:first-child:not(:empty),
    .product__info-container product-info > *:not(:first-child):not(:empty),
    .product__info-container > *:not(:first-child):not(:empty) {
        margin-top: calc(var(--block-padding-s) * var(--mobile-spacing));
    }
    .product-details--only_first.product-details-mobile--second,
    .product-details--first_and_second_stretched.product-details-mobile--second,
    .product-details--two_columns.product-details-mobile--second {
        order: -1;
    }
    .product__info-wrapper,
    .product__info-container {
        display: flex;
        flex-direction: column;
    }
    .product__info-wrapper:has(.product-details-mobile--second) .product__info-container product-info > *:first-child:not(:empty) {
        margin-top: calc(var(--block-padding-s) * var(--mobile-spacing));
    }
    .main-product:has(.product-details--only-mobile) .product__media-wrapper .product-details {
        display: none;
    }
    .product__media-mobile-original img,
    .product__media-mobile-original .lazy-image {
        position: static !important;
    }
    .product__xr-button {
        max-width: 100%;
        width: calc(100% - (var(--side-margin) * 2));
        gap: 8px;
        align-items: center;
        padding: var(--secondary-button-vertical-padding) var(--secondary-button-horizontal-padding);
        margin-inline-start: var(--side-margin);
        margin-inline-end: var(--side-margin);
    }
    .popup-wrapper__quick-view .product__xr-button {
        width: 100%;
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .product__xr-button--gallery:not(.product__xr-button--hidden) {
        display: inline-flex!important;
        visibility: visible!important;
        opacity: 1!important;
    }
    .section.side-margins:not(.section-overlap--enable):not(.section-overlap--mobile):not(.disable-margins) .product__xr-button {
        margin-inline-start: 0;
        margin-inline-end: 0;
        width: 100%;
    }
}

li.product__media-item .product__xr-button {
    display: none;
}

.product__xr-button--gallery {
    transition: opacity var(--animation-duration) var(--transition-timing-function), visibility var(--animation-duration) var(--transition-timing-function);
}

.product__xr-button.product__xr-button--hidden {
    display: none;
    visibility: hidden;
    opacity: 0;
}

/* Buy buttons */
.product-form__buttons {
    gap: 8px;
    flex-wrap: wrap;
}

.product-form__submit.solid-button {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
}

.product-form__buttons .shopify-cleanslate div[role="button"] {
    border-radius: var(--button-border-radius);
    -webkit-border-radius: var(--button-border-radius);
}

.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
    display: none;
}

.buy-buttons-block .product-form__buttons-icon {
    display: none!important;
}

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
    display: inline-flex;
    cursor: pointer;
    padding: var(--main-button-vertical-padding) var(--main-button-horizontal-padding);
    border: var(--border-thickness) solid rgb(var(--button-bg-color));
    border-radius: var(--button-border-radius);
    align-items: center;
    justify-content: center;
    color: rgb(var(--button-bg-color));
    background-color: rgb(var(--layout-bg-color));
    font: var(--font-body-style) var(--font-body-weight) var(--body-font-size)/var(--body-line-height) var(--font-body-family);
    letter-spacing: var(--body-letter-spacing);
    background-color: transparent;
    line-height: 125%;
    min-height: calc(44px -(var(--border-thickness)* 2));
    height: auto;
}

shopify-buy-it-now-button[disabled] .shopify-payment-button__button {
    cursor: not-allowed;
}

.uppercase + div .shopify-payment-button__more-options,
.uppercase .shopify-payment-button__more-options,
.uppercase .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    text-transform: uppercase;
}

.font-secondary-button--main .heading-font-style .shopify-payment-button__more-options,
.font-secondary-button--main .heading-font-style .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font: var(--font-heading-main-style) var(--font-heading-main-weight) var(--body-font-size)/var(--body-line-height) var(--font-heading-main-family);
}

.bolder-font .shopify-payment-button__more-options,
.bolder-font .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    font-weight: 700;
}

.product-form__submit {
    position: relative;
}

.product-form__submit::after {
    content: '';
    display: inline-block;
    width: 1px;
    height: calc(var(--body-font-size) * var(--body-line-height));
    background-color: transparent;
}

.product-form__submit .loading-overlay__spinner {
    inset-inline-end: auto;
    inset-inline-start: calc(50% - 12px);
    top: calc(50% - 12px);
}

.product-form__submit:has( .loading-overlay__spinner:not(.hidden)) span {
    visibility: hidden;
}

.product-form__submit:has( .price-inside-button:not(:empty)) {
    align-items: center;
    justify-content: flex-start;
}

.price-inside-button:not(:empty) {
    margin-inline-end: auto;
}

.buy-buttons-block .product-form__submit[disabled]:not([data-sold-out]) .price-inside-button {
    display: none;
}

.buy-buttons-block .product-form__submit[disabled]:not([data-sold-out]):has(.price-inside-button:not(:empty)) {
    justify-content: center;
}

.solid-button .price-inside-button,
.solid-button .price-inside-button .price--sale,
.solid-button .price-inside-button .price--accent {
    color: rgb(var(--button-label-color));
}

.product-form__submit .price-inside-button s {
    opacity: 0.7;
}

.product-form__submit .price-inside-button .card__badges {
    display: none;
}

.product-form__submit-wrapper {
    gap: 8px;
}

.product-form__submit-wrapper .quantity {
    width: 120px;
    flex-shrink: 0;
    height: 100%;
    border-radius: var( --button-border-radius);
    -webkit-border-radius: var( --button-border-radius);
    justify-content: space-between;
}

.product-form__submit-wrapper .quantity__button {
    height: 100%;
    width: auto;
    min-width: auto;
}

.product-form__submit-wrapper .quantity__button[name="minus"] {
    padding-inline-start: 12px;
}

.product-form__submit-wrapper .quantity__button[name="plus"] {
    padding-inline-end: 12px;
}

.product-form__submit {
    flex: 1 1 100%;
}

accordion-toggle + .product-form__buttons {
    margin-top: var(--block-padding-xs);
}

.recipient-checkbox {
    gap: 12px;
    align-items: center;
}

.recipient-fields__field:first-child {
    margin-top: var(--block-padding-s);
}

.recipient-fields__field:not(:first-child) {
    margin-top: var(--block-padding-xs);
}

.recipient-fields__field .field__label {
    margin-bottom: 4px;
}

.product-form__error-message-wrapper:not([hidden]) {
    margin-bottom: var(--block-padding-xs);
}

.input-container {
    display: flex;
    align-items: center;
    position: relative;
  }
  
  .input-container input[type="date"] {
    flex: 1;
    padding-inline-end: 30px;
  }
  .input-container input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    inset-inline-end: 13px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
  }

@media (hover: hover) {
    .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover {
        color: rgb(var(--button-hover-color));
        border-color: rgb(var(--button-hover-color));
        background-color: transparent;
    }
    shopify-buy-it-now-button[disabled] .shopify-payment-button__button:hover {
        color: rgb(var(--button-bg-color));
        border-color: rgb(var(--button-bg-color));
    }
}

.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: transparent;
}

@media screen and (max-width: 1024px) {
    .price-inside-button s {
        display: none;
    }
    .product-form__submit.solid-button {
        padding-inline-start: 12px;
        padding-inline-end: 12px;
    }
    .shopify-payment-button__button.shopify-payment-button__button--unbranded {
        min-height: calc(36px -(var(--border-thickness)* 2));
    }

}

.vendor-block.link {
    display: inline-block;
}

.product__vendor-img {
    width: auto;
    max-width: 100%;
    height: var(--vendor-img-height);
}

.product__vendor-img img {
    width: auto;
    max-width: 100%;
}

.product__media,
.product__media-item {
    position: relative;
    height: fit-content;
}

.product__media-item {
    border-radius: var(--corner-radius);
    overflow: clip;
}

.product__media--fit img,
.product__media--fit video,
.product__media--fit .js-youtube,
.product__media--fit .js-vimeo,
.product__media--fit .shopify-model-viewer-ui model-viewer {
    object-fit: contain;
    padding: var(--container_inner_spacing)
}

.deferred-media.product__media--fit,
.deferred-media[loaded].product__media--fit template {
    background-color: transparent;
}

/* Media zoom */
.product__media-toggle {
    display: flex;
    border: none;
    background-color: transparent;
    color: currentColor;
    padding: 0;
    position: absolute!important;
    inset: 0;
    opacity: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    z-index: 2;
}

.product__media-toggle.focused {
    opacity: 1;
}
  
.product__media-toggle::after {
    content: '';
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
}

.product__media-toggle.focused::after {
    top: 2px;
    inset-inline-start: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    outline: -webkit-focus-ring-color auto 2px;
}

/* Component share */
.share-list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--block-padding-xs) 24px;
}

.share-list__link {
    display: flex;
    align-items: center;
    padding: 6px 0;
}

.copy-success {
    display: none;
}

.share-list__link {
    gap: 10px;
    cursor: pointer;
}

.share-list__icon {
    display: flex;
}

.share-list__link svg {
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.share-list__link .share-list__title {
    transition: color var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .share-list__link:hover svg {
        fill: rgba(var(--layout-text-color), var(--hover-opacity));
    }
    
    .share-list__link:hover .share-list__title {
       color: rgba(var(--layout-text-color), var(--hover-opacity));
    }
}

@media screen and (max-width: 1024px) {
    .share-list {
        gap: var(--block-padding-xs) 16px;
    }
}

/* Product modal */
.product-media-modal {
    height: 100%;
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
  }
  
  .product-media-modal[open] {
    visibility: visible;
    opacity: 1;
    z-index: 101;
  }

  .product-media-modal__dialog {
    background: transparent;
  }

  .product-media-modal__wrapper .slider,
  .product-media-modal__wrapper--lightbox {
    width: var(--item-width);
    max-width: var(--item-width);
    margin-inline-start: auto;
    margin-inline-end: auto;
    height: 100%;
  }

  .product-media-modal__wrapper--lightbox.enable-blending,
  .product-media-modal__content.enable-blending,
  .product-media-modal__wrapper--lightbox.enable-blending .lazy-image,
  .product-media-modal__wrapper .slider__grid-item.enable-blending,
  .product-media-modal__wrapper .slider__grid-item.enable-blending .lazy-image {
    background: var(--blending-color, none);
  }   

  .product-media-modal__wrapper--lightbox.enable-blending img,
  .product-media-modal__wrapper .slider__grid-item.enable-blending img {
    mix-blend-mode: darken;
  }

  .product-media-modal__wrapper .slider__viewport {
    max-width: 100%;
  }

  .product-media-modal__wrapper .slider {
    justify-content: center;
  }

  .product-media-modal__wrapper li img {
    object-position: var(--focal-point);
    height: auto;
  }

  .product-media-modal__wrapper .slider-button {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 62px;
    justify-content: center;
    z-index: 2;
    transform: none;
    background-color: transparent;
    aspect-ratio: auto;
    padding: 0;
    border-radius: 0;
    border: none;
    align-items: center;
  }

  .product-media-modal__wrapper .slider-button .icon {
    background-color: rgba(var(--layout-bg-color));
    border-radius: var(--arrow-button-border-radius);
    -webkit-border-radius: var(--arrow-button-border-radius);
    border: .5px solid rgba(var(--layout-text-color), .2);
    aspect-ratio: 1/1;
    padding: 11px;
    min-width: 40px;
    min-height: 40px;
    height: fit-content;
  }

  .product-media-modal__wrapper .slider-button[disabled] {
    pointer-events: all;
  }

  .product-media-modal__wrapper .slider-button--prev {
    inset-inline-start: 0;
  }

  .product-media-modal__wrapper .slider-button--next {
    inset-inline-end: 0;
  }

  .product-media-modal .media {
    display: block;
    position: relative;
  }
  
  .product-media-modal__dialog {
    display: flex;
    height: 100dvh;
  }
  
  .product-media-modal__content {
    max-height: 100dvh;
    width: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .product-media-modal__content .product-media-modal__wrapper > * {
    display: block;
    height: auto;
    margin: auto;
    width: 100%;
    position: relative;
  }
  .product-media-modal__toggle {
    inset-inline-end: 16px;
    position: fixed;
    z-index: 3;
    top: 16px;
  }

  .image-magnify-full-size {
    cursor: zoom-out;
    z-index: 1;
    margin: 0;
    border-radius: calc(var(--media-radius) - var(--media-border-width));
  }

  .enable-blending .image-magnify-full-size {
    mix-blend-mode: darken;
  }

  .image-magnify-full-size + img {
    visibility: hidden;
}

.image-magnify-full-size {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.lazy-image.lazyloaded > img.image-magnify-hover {
    z-index: 1;
    position: relative;
}
  
.image-magnify-hover {
    cursor: zoom-in;
}

.image-zoom-icon  {
    position: absolute !important;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 1px rgba(var(--layout-text-color), 0.05), 0px 0px 1px rgba(var(--layout-text-color), 0.25);
    border-radius: var(--button-border-radius);
    z-index: 4;
    background-color: rgb(var(--layout-bg-color));
    cursor: pointer;
}

.image-zoom-icon .icon-zoom-out,
.image-zoom-icon .icon-zoom-in {
    display: flex;
}

.container-magnify-hover .image-zoom-icon .icon-zoom-out,
.container-magnify-hover.icon-zoom-out-visible .image-zoom-icon .icon-zoom-in {
    display: none;
}

.container-magnify-hover.icon-zoom-out-visible .image-zoom-icon .icon-zoom-out {
    display: flex;
}

.container-magnify-hover .image-zoom-icon {
    display: flex !important;
    pointer-events: none;
}

.product__media-toggle.product__media-zoom-hover {
    display: none;
}

.product__media-zoom-disable {
    cursor: default;
    pointer-events: none;
}

.product-media-modal[open] > .overlay {
    animation: disableOpacityModal .3s var(--transition-timing-function);
    opacity: 1;
}

@keyframes disableOpacityModal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.product-media-modal > .product-media-modal__dialog {
    position: relative;
    z-index: 40;
    opacity: 0;
    top: calc(40px);
}

.product-media-modal[open] > .product-media-modal__dialog {
    opacity: 1;
    top: 0;
    animation: productModalOpen var(--animation-duration) var(--transition-timing-function);
}

@keyframes productModalOpen {
    0% {
        top: calc(40px);
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
  }

/* Pickup availability */
pickup-availability-drawer {
    display: block;
    visibility: hidden;
    position: fixed;
    pointer-events: none;
    top: 0;
    inset-inline-end: 0;
    z-index: 101;
}
pickup-availability-drawer[open] {
    display: block;
    visibility: visible;
    pointer-events: all;
}

.product__pickup-availabilities:has( .pickup-availability-info__wrapper) {
    display: inline-block;
    width: 100%;
    margin-top: var(--block-padding-s);
}

.pickup-availability-info {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pickup-availability-info__wrapper {
    gap: 12px;
    display: flex;
}

.pickup-availability-list .pickup-availability-info__wrapper {
    align-items: flex-start;
}

.pickup-availability-button {
    height: fit-content;
    flex-shrink: 0;
}

.pickup-availability-info--available svg {
    fill: rgb(var(--success-color));
}
.pickup-availability-info--unavailable svg {
    fill: rgb(var(--error-color));
}

.pickup-availability-info__text {
    gap: 2px;
}

.pickup-availability-info__dim {
    opacity: 0.7;
}

.pickup-availability-header {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-inline-end: 52px;
    min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
}

.pickup-availability-header + p {
    margin-top: 8px;
}

pickup-availability-drawer .drawer {
    padding-bottom: 0;
}

pickup-availability-drawer .drawer .scroll-area {
    padding-bottom: 32px;
}

.pickup-availability-list {
    gap: 16px;
}

.pickup-availability-list__item {
    padding-top: 16px;
}

.pickup-availability-list__item:not(:first-child) {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
}

.pickup-availability-variant {
    margin-top: 8px;
}

.pickup-availability-list__item--wrapper {
    margin-top: 16px;
}

.pickup-availability-address {
    display: block;
    font-style: inherit;
}

.pickup-availability-preview--text {
    margin-bottom: 2px;
}

@media screen and (max-width: 1024px) {
    .product__media-wrapper {
        padding-bottom: 16px;
    }
    .gallery-slider .slider-buttons {
        display: none;
    }
    .media-gallery.flex--row .product-gallery .gallery-slider {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .main-product {
        flex-direction: column;
    }
    .product__media-mobile-original img,
    .product__media-mobile-original .lazy-image {
        position: static !important;
    }
    .gallery-slider {
        width: 100%;
    }
    .zoom-slider-buttons-items.hidden-on-mobile {
      display: none;
    }
    .zoom-slider-buttons-items:not(.hidden-on-mobile) .slider-button {
        visibility: visible;
        display: flex;
    }
}

@media screen and (max-width: 1024px) {
    .slider__viewport .quick-view .slider-button {
        display: block;
    }
}

/* Variant images */
.product__media-item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt),
.product-media-modal__content:has(.product__media-item--variant-alt) img:not(.lazy-image__preloader-image):not(.product__media-item--show):not(.product__media-item--variant-alt),
.product-media-modal__content:has(.product__media-item--variant-alt) li:has(img:not(.lazy-image__preloader-image):not(.product__media-item--show):not(.product__media-item--variant-alt)):not(:has( .deferred-media)),
.product-media-modal__content:has(.product__media-item--variant-alt) .lazy-image:has( > img:not(.lazy-image__preloader-image):not(.product__media-item--show):not(.product__media-item--variant-alt)):not(:has( .deferred-media)) {
    display: none;
    position: absolute !important;
    overflow: clip;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

.thumbnail-list__item.product__media-item--hide:not(.product__media-item--show):not(.product__media-item--variant-alt) {
    display: none;
    position: absolute !important;
    overflow: clip;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    word-wrap: normal !important;
}

/* Swatch */

.variants:not(:has(> .variant-selects > :not(.visually-hidden))) {
    display: none;
}

.form__variants {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.form__label {
    margin-bottom: var(--block-padding-xs);
}

.product-form__input .select,
.product-form__input select {
    width: 100%;
}

.product-form__input input[type=radio] {
    clip: rect(0,0,0,0);
    overflow: clip;
    position: absolute;
    height: 1px;
    width: 1px;
}

.product-form__input input[type=radio]::after {
    content: none;
}

.main-product .color__swatch--pill {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 36px;
    padding-block: 6px;
    padding-inline: 13px 7px;
    border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.16);
    border-radius: var(--field-radius);
    transition: border var(--animation-duration) var(--transition-timing-function);
    cursor: pointer;
}

.main-product .color__swatch--pill.input-style--big {
    min-height: 44px;
}

.main-product .color__swatch--pill::after {
    content: '';
    position: absolute;
    inset-inline-start: calc(-2px - var(--border-thickness));
    top: calc(-2px - var(--border-thickness));
    width: calc(100% + (var(--border-thickness) * 2));
    height: calc(100% + (var(--border-thickness) * 2));
    border: 2px solid transparent;
    border-radius: var(--field-radius);
}

.main-product input:not(.product-combined-listings):checked + .color__swatch--pill::after,
.main-product input.product-combined-listings[checked] + .color__swatch--pill::after,
.custom-options--radio:not(:has(input[type="radio"]:checked)) input[type="radio"][checked] + .color__swatch--pill::after,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch--pill::after {
    border: 2px solid rgb(var(--layout-text-color));
    transition: border var(--animation-duration) var(--transition-timing-function);
}

.main-product input:not(.product-combined-listings):checked + .color__swatch--pill,
.main-product input.product-combined-listings[checked] + .color__swatch--pill,
.custom-options--radio:not(:has(input[type="radio"]:checked)) input[type="radio"][checked] + .color__swatch--pill,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch--pill {
    border-color: transparent;
    transition: none;
}

.main-product .color__swatch-input {
    display: flex;
    align-items: center;
    position: relative;
    background: transparent;
    width: 20px;
    height: 20px;
    cursor: pointer;
    flex-shrink: 0;
}

.main-product .color__swatch-input::after,
.main-product input.disabled + .color__swatch--pill .color__swatch-name {
    opacity: 0.5;
}

.main-product input.disabled + .color__swatch--pill:not(.color__swatch--color) .color__swatch-name {
    text-decoration: line-through;
}

.main-product input:not(.product-combined-listings):checked + .color__swatch .color__swatch-input::after,
.main-product input.product-combined-listings[checked] + .color__swatch .color__swatch-input::after,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch .color__swatch-input::after {
    opacity: 1;
}

.layout-two-columns .color__swatch:not(.color__swatch--image) {
    width: calc(50% - 4px);
}

.layout-row .color__swatch-input,
.layout-row .color__swatch--color:not(.color__swatch--pill) .color__swatch-name {
    display: none;
}

.layout-row .color__swatch--pill {
    min-width: 50px;
    width: fit-content;
    justify-content: center;
    padding: 6px 14px;
}

.layout-row .color__swatch--pill.color__swatch--color {
    padding-inline-start: 13px;
    padding-inline-end: 13px;
}

.main-product .color__swatch--color {
    display: flex;
    width: 100%;
    gap: 8px;
    position: relative;
    align-items: center;
    cursor: pointer;
}

.main-product .color__swatch-dot--color {
    width: 16px;
    height: 16px;
    position: relative;
    background: transparent;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.main-product .color__swatch-dot--color.ratio-square {
    aspect-ratio: 1/1;
}

.main-product .color__swatch-dot--color::before,
.main-product .color__swatch-dot--image::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background: var(--swatch-background);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: var(--swatches-focal-point);
    border-radius: var(--swatches-radius);
    -webkit-border-radius: var(--swatches-radius);
    border: 1px solid rgba(var(--layout-text-color), .2);
    transition: all var(--animation-duration) var(--transition-timing-function);
}

.color__swatch-dot--image.enable-blending:has( img) {
    background: var(--blending-color, none);
}
.color__swatch-dot--image.enable-blending img {
    mix-blend-mode: darken;
}

.main-product .color__swatch-dot--color::before {
    background-size: 110%;
}

.main-product .color__swatch-dot--image::before {
    background-position: var(--thumbnail-focal-point);
    border-radius: var(--thumbnail-radius);
    -webkit-border-radius: var(--thumbnail-radius);
}

.main-product input:not(.product-combined-listings):checked + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::before,
.custom-options--radio:not(:has(input[type="radio"]:checked)) input[type="radio"][checked] + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::before,
.main-product input.product-combined-listings[checked] + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::before,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::before,
.main-product input:not(.product-combined-listings):checked + .color__swatch--image .color__swatch-dot--image::before,
.main-product input.product-combined-listings[checked] + .color__swatch--image .color__swatch-dot--image::before,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch--image .color__swatch-dot--image::before {
    border: 1px solid rgb(var(--layout-bg-color));
}

.main-product input.disabled + .color__swatch--color .color__swatch-dot--color::before,
.main-product input.disabled + .color__swatch--color .color__swatch-name,
.main-product input.disabled + .color__swatch--image .color__swatch-dot--image:before,
.main-product input.disabled + .color__swatch--image .color__swatch-dot--image img {
    opacity: 0.5;
}

.main-product input:not(.product-combined-listings):checked + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::after,
.main-product input.product-combined-listings[checked] + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::after,
.custom-options--radio:not(:has(input[type="radio"]:checked)) input[type="radio"][checked] + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::after,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color::after,
.layout-row input.disabled:not(.product-combined-listings):checked + .color__swatch--color:not(.color__swatch--pill)::after,
.layout-row input.disabled.product-combined-listings[checked] + .color__swatch--color:not(.color__swatch--pill)::after,
.variant-selects:has( .product-combined-listings) .layout-row input.disabled:not(.product-combined-listings)[checked] + .color__swatch--color:not(.color__swatch--pill)::after,
.main-product input:not(.product-combined-listings):checked + .color__swatch--image .color__swatch-dot--image::after,
.main-product input.product-combined-listings[checked] + .color__swatch--image .color__swatch-dot--image::after,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] + .color__swatch--image .color__swatch-dot--image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    inset-inline-start: -2px;
    border: 2px solid rgb(var(--layout-text-color));
    border-radius: var(--swatches-radius);
    -webkit-border-radius: var(--swatches-radius);
    z-index: 1;
}

.main-product input:not(.product-combined-listings):checked +  .color__swatch--image .color__swatch-dot--image::after,
.main-product input.product-combined-listings[checked] + .color__swatch--image .color__swatch-dot--image::after,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings)[checked] +  .color__swatch--image .color__swatch-dot--image::after {
    border-radius: var(--thumbnail-radius);
    -webkit-border-radius: var(--thumbnail-radius);
}

.main-product input:not(.product-combined-listings):not(.disabled):not(:checked) + .color__swatch:not(.color__swatch--pill) .color__swatch-name,
.main-product input.product-combined-listings:not(.disabled):not([checked]) + .color__swatch:not(.color__swatch--pill) .color__swatch-name,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings):not(.disabled):not([checked]) + .color__swatch:not(.color__swatch--pill) .color__swatch-name {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.main-product .color__swatch--image {
    position: relative;
}

.main-product input.disabled + .color__swatch--color .color__swatch-dot--color::after,
.main-product input.disabled + .color__swatch--image::after {
    display: block;
    content: '';
    position: absolute;
    inset-inline-start: 50%;
    top: 50%;
    height: 1px;
    width: calc(100% - 2px);
}

.layout-row .color__swatch--color:not(.color__swatch--pill) {
    width: fit-content;
}

.layout-row .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color {
    width: 36px;
    height: auto;
    aspect-ratio: var(--swatches-aspect-ratio);
}

.main-product .color__swatch--pill.color__swatch--color {
    justify-content: flex-start;
}

.main-product .color__swatch--pill.color__swatch--color .color__swatch-input {
    margin-inline-start: auto;
}

.main-product .color__swatch--image {
    align-items: center;
    cursor: pointer;
}

.main-product input:not(.product-combined-listings):not(.disabled):not(:checked) + .color__swatch--image .color__swatch-dot--image,
.main-product input.product-combined-listings:not(.disabled):not([checked]) + .color__swatch--image .color__swatch-dot--image,
.main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings):not(.disabled):not([checked]) + .color__swatch--image .color__swatch-dot--image {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

.main-product .color__swatch-dot--image {
    width: var(--thumbnail-size);
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--thumbnail-aspect-ratio);
    position: relative;
}

.main-product .color__swatch-dot--image img {
    display: flex;
    width: var(--thumbnail-size);
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--thumbnail-aspect-ratio);
    object-position: var(--thumbnail-focal-point);
    border-radius: var(--thumbnail-radius);
    -webkit-border-radius: var(--thumbnail-radius);
}

.main-product .color__swatch-tooltip {
    display: flex;
    position: absolute;
    z-index: 2;
    min-height: 0px;
    width: max-content;
    max-width: 200px;
    opacity: 0;
    padding: 8px;
    align-items: center;
    justify-content: center;
    background-color: rgb(var(--layout-text-color));
    color: rgb(var(--layout-bg-color));
    border-radius: 4px;
    bottom: calc(100% - 15px);
    inset-inline-start: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    transition: bottom var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function); 
}

.main-product .color__swatch-tooltip:after {
    content: "";
    display: block;
    border: 12px solid transparent;
    border-block-start: 12px solid rgb(var(--layout-text-color));
    position: absolute;
    bottom: -16px;
    transition: bottom var(--animation-duration) var(--transition-timing-function); 
}

.size-guide__button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.size-guide__button-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.size-guide__button-icon svg {
    width: 18px;
    height: 18px;
}

@media (hover: hover) {
    .main-product input:not(.product-combined-listings):not(.disabled):not(:checked) + .color__swatch--pill:hover,
    .main-product input.product-combined-listings:not(.disabled):not([checked]) + .color__swatch--pill:hover,
    .main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings):not(.disabled):not([checked]) + .color__swatch--pill:hover {
        border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.5);
    }
    .main-product input:not(.product-combined-listings):not(.disabled):not(:checked) + .color__swatch:not(.color__swatch--pill):hover .color__swatch-name,
    .main-product input.product-combined-listings:not(.disabled):not([checked]) + .color__swatch:not(.color__swatch--pill):hover .color__swatch-name,
    .main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings):not(.disabled):not([checked]) + .color__swatch:not(.color__swatch--pill):hover .color__swatch-name,
    .main-product input:not(.product-combined-listings):not(.disabled):not(:checked) + .color__swatch--image:hover .color__swatch-dot--image,
    .main-product input.product-combined-listings:not(.disabled):not([checked]) + .color__swatch--image:hover .color__swatch-dot--image,
    .main-product .variant-selects:has( .product-combined-listings) input:not(.product-combined-listings):not(.disabled):not([checked]) + .color__swatch--image:hover .color__swatch-dot--image {
        opacity: 0.7;
    }
    .main-product .color__swatch:hover .color__swatch-tooltip {
        bottom: calc(100% + 1px);
        min-height: 32px;
        opacity: 1;
    }
}


/* Linked products */
.main-product .linked-products {
    display: flex;
    gap: calc(8px - 2px * 2);
    flex-wrap: wrap;
}

.main-product .linked-products-block {
    gap: var(--block-padding-xs);
}

.main-product .linked-products__swatch {
    display: flex;
    position: relative;
    width: var(--image-size);
    max-width: var(--image-size);
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    height: fit-content;
    background-color: rgb(var(--layout-bg-color));
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
}

.main-product .linked-products__swatch.enable-blending {
    background: var(--blending-color, none);
}

.main-product .linked-products__swatch.enable-blending img {
    mix-blend-mode: darken;
}

.main-product .linked-products__swatch.swatch--shadow:not(.linked-products__swatch--active) {
    box-shadow: 0 1px 3px rgba(var(--layout-text-color),.35);  
}

.main-product .linked-products__swatch--active {
    pointer-events: none;
    order: -1;
    overflow: visible;
}

.main-product .linked-products__swatch:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid rgba(var(--layout-text-color), .2);
    transition: all var(--animation-duration) var(--transition-timing-function);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
}

.main-product .linked-products__swatch--active:before {
    border: 1px solid rgb(var(--layout-bg-color));
}

.main-product .linked-products__swatch--active:after {
    content: "";
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    position: absolute;
    top: -2px;
    inset-inline-start: -2px;
    width: 100%;
    height: 100%;
    border: 2px solid rgb(var(--layout-text-color));
    z-index: 1;
}
  
.main-product .linked-products__swatch span {
    display: block;
    position: relative;
    width: 100%;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    overflow: clip;
}

.main-product .linked-products__swatch--active span {
    border-radius: calc(var(--border-radius) - 3px);
}

@media (hover: hover) {
    .main-product .linked-products__swatch:hover {
      opacity: .7;
      cursor: pointer;
    }
}

/* Custom options */

.custom-options .form__label-name {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.custom-options .input--text {
    height: fit-content;
}

.custom-options .layout-row .field--measurement {
    flex: 1 1 calc((100% - (8px * 2)) / 3);
}

.custom-options .input-error-message {
    color: rgb(var(--error-color));
}

.shopify-payment-button.shopify-payment-button--disable {
    cursor: not-allowed;
}

.shopify-payment-button.shopify-payment-button--disable .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    pointer-events: none;
}

.custom-options .layout-two-columns .field--checkbox {
    flex: 1 1 calc(50% - 4px);
}

.custom-options .layout-row .color__swatch--color:not(.color__swatch--pill) .color__swatch-dot--color {
    width: var(--custom-swatch-width);
}

.custom-options .custom-date-wrapper {
    position: relative;
}

.custom-options .custom-date-input::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-end: 12px;
    z-index: 3;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.custom-options .custom-date-input {
    user-select: none;
}

.custom-options .custom-calendar-icon {
    position: absolute;
    top: 50%;
    inset-inline-end: 13px;
    transform: translateY(-50%);
    z-index: 1;
}

product-checkbox-group.layout-row {
    column-gap: 16px;
}

.custom-options .field--color .color__swatch-dot--color {
    width: 36px;
    height: auto;
    aspect-ratio: 1/1;
}

.main-product .field-color-wrapper .color__swatch--color {
    width: fit-content;
    cursor: default;
}

.custom-options .field--color .input--color {
    min-height: calc(36px + 16px);
    z-index: 2;
}

.custom-options .field--color {
    position: relative;
}

.custom-options .field-color-wrapper {
    gap: 8px;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    inset-inline-start: 13px;
}

.input--color::-webkit-color-swatch-wrapper {
    padding-block: 0px;
    padding-inline: 0px;
}
  
.input--color::-webkit-color-swatch {
    border: none;
}

.custom-options .drop-zone {
    border-radius: var(--field-radius);
    border: var(--border-thickness) dashed rgb(var(--layout-text-color));
    background-color: rgba(var(--layout-text-color), .05);
    position: relative;
    max-height: 250px;
    transition: max-height var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
}

.custom-options .drop-zone:has( + .input-error-message:not(.visually-hidden)) {
    border: var(--border-thickness) dashed rgb(var(--error-color));
}

.custom-options .drop-zone__container {
    align-items: center;
    justify-content: center;
    padding-block: 16px;
    padding-inline: 16px;
}

.custom-options .drop-zone-wrap--inactive .drop-zone {
    max-height: 0;
    opacity: 0;
}

.custom-options .drop-zone__text:not(.drop-zone__text--secondary) {
    margin-block-start: 4px;
}

.custom-options .drop-zone__input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.custom-options .drop-zone__text--secondary {
    opacity: 0.7;
}

.custom-options .form__variants.drop-zone-wrap {
    gap: 0;
}

.custom-options .dd-file-info__text {
    gap: 4px;
}

.custom-options .drop-zone__thumb {
    display: flex;
    border-radius: var(--field-radius);
    border: var(--border-thickness) solid rgba(var(--layout-text-color), 0.16);
    padding-block: 13px;
    padding-inline: 13px;
    align-items: center;
    gap: 12px;
    position: relative;
    z-index: 3;
    background-color: rgb(var(--layout-bg-color));
}

.custom-options .dd-file-info {
    flex: 1 1 100%;
}

.custom-options .dd-thumbnail {
    aspect-ratio: 1/1;
    height: 60px;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}

.custom-options .title-bold .dd-file-info__title {
    font-weight: bolder;
}

.custom-options .file-upload-icons {
    display: none;
}

/* #region Tooltip */

.custom-options .form__label {
    overflow-x: clip;
}

.custom-options .form__label.overflow-x-visible {
    overflow-x: visible;
}

.tooltip:hover .tooltip__text {
    opacity: 1;
    top: 100%;
} 

.tooltip__text {
    position: absolute;
    top: calc(100% + 15px);
    inset-inline-start: calc(100% - (16px + var(--icon-scale)));
    display: inline-flex;
    width: 224px;
    max-width: max-content;
    padding-block: 12px;
    padding-inline: 12px;
    background-color: rgba(var(--layout-text-color), 0.85);
    color: rgb(var(--layout-bg-color));
    z-index: 7;
    pointer-events: none;
    opacity: 0;
    transition: top var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function); 
    border-radius: 2px;
    overflow: clip;
}

.tooltip__icon {
    position: relative;
    cursor: pointer;
} 

/* #endregion */

/* Description */

.product__description.rte {
    max-width: 100%;
    overflow: auto;
}

/* Popup */
.product-popup-modal__opener {
    display: block;
}

.product-popup-modal__opener .popup-button {
    align-items: center;
    width: 100%;
    padding: var(--block-padding-s) 0;
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
    gap: var(--block-padding-xs);
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    color: inherit;
}

.popup__link-text {
    flex: 1 1 100%;
    text-align: start;
}

.popup__icon:empty {
    display: none;
}

.popup__icon,
.popup__arrow {
    flex-shrink: 0;
}

.popup__icon--with-color svg path:first-child,
.popup__icon--with-color svg circle:first-child {
    fill: var(--color)!important;
}

.popup-block + .popup-block,
.accordion--compact + .popup-block {
    --spacing: 0!important;
    --mobile-spacing: 0!important;
}

.popup-block + .popup-block .popup-button {
    border-block-start: none;
}

@media (hover: hover) {
    .product-popup-modal__opener .popup-button:not([disabled]):hover {
      opacity: .7;
    }
}

@media screen and (max-width: 768px) {
    .popup__icon--with-color svg path:first-child,
    .popup__icon--with-color svg circle:first-child {
        fill: var(--mobile-color)!important;
    }
}

/* Collapsible tab */

.accordion--compact {
    border-block-start: var(--line-thickness) solid rgb(var(--lines-color));
    border-block-end: var(--line-thickness) solid rgb(var(--lines-color));
}

.accordion--compact + .accordion--compact,
.accordion--compact + .popup-block .popup-button,
.popup-block + .accordion--compact {
    border-block-start: none;
    --spacing: 0!important;
    --mobile-spacing: 0!important;
}


/* Product details */
.product-details__block {
    margin-top: calc(var(--block-padding-s) * var(--spacing));
    margin-bottom: calc(var(--block-padding-s) * var(--bottom-spacing));
}
.product-details--two_columns .product-details__block {
    margin-top: 0;
}

@media screen and (max-width: 1024px) {
    .product-details__block {
        margin-top: calc(var(--block-padding-s) * var(--mobile-spacing));
        margin-bottom: calc(var(--block-padding-s) * var(--mobile-bottom-spacing));
    }
}

/* Tabs */
.main-product .tabs-block--block .tabs-block__heading.focused {
    outline: -webkit-focus-ring-color auto 1px;
}

/* Price & Badges */
.product__shipping-policy {
    margin-top: 8px;
    color: rgba(var(--layout-text-color), 0.7)
}

.product__shipping-policy a,
.product__payment-terms a {
    text-decoration: underline;
    text-decoration-thickness: var(--underline-thickness-heading);
    text-underline-offset: var(--underline-offset-heading);
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.product__shipping-policy.body-font a,
.product__shipping-policy.caption-font a,
.product__shipping-policy.subheading-font:not(.subheading-heading-font) a,
.product__payment-terms.body-font a,
.product__payment-terms.caption-font a,
.product__payment-terms.subheading-font:not(.subheading-heading-font) a {
    text-decoration-thickness: var(--underline-thickness-body);
    text-underline-offset: var(--underline-offset-body);
}

.price-block.price-block-hidden-no-badges,
.price-block-hidden:has( .card__badges:empty),
.price-block.price-block-hidden-price .price__on-sale,
.price-block.price-block-hidden-price .regular-price,
.price-block.price-block-hidden-price .unit-price {
  display: none;
}

@media (hover: hover) {
    .product__shipping-policy a:hover,
    .product__payment-terms a:hover {
        color: rgb(var(--layout-text-color));
        color: rgba(var(--layout-text-color), 0.7)
    }
}

.product__payment-terms:has(shopify-payment-terms) {
    margin-top: var(--block-padding-s);
}

.title-with-price .product__payment-terms {
    margin-top: 0;
}
.title-with-price .price {
    width: auto;
}

/* Complementary products */

.complementary__grid,
.complementary__grid-item ul {
    gap: var(--block-padding-xs);
}
.complementary__grid-item .card {
    flex-direction: row;
    gap: var(--block-padding-xs);
}
.complementary__grid-item .card-product__media-wrapper {
    width: 80px;
}
.complementary__grid-item .card-product:not(.with-border) .card-product__content {
    margin: 0;
}

.complementary__grid .card {
    flex-direction: row;
    gap: 16px;
}

.slider:not(:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"])) .slider-button,
.slider:not(:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"])) .slider-scrollbar,
.product-gallery:not(:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"])) .slider-button,
.product-gallery:not(:has(.slider-button--prev[disabled="disabled"] + .slider-button--next[disabled="disabled"])) .slider-scrollbar  {
    display: flex;
}

.complementary-products .complementary__grid .card-product .card-product__content {
    margin-top: 0;
    margin-bottom: 0;
}

.complementary__grid .card-product__media-wrapper {
    max-width: 100px;
    min-width: 100px;
}

.complementary-products .slider__viewport .slider-button {
    transform: none;
    top: auto;
    bottom: 0;
    position: relative;
}

.complementary-products__buttons {
    position: absolute;
    bottom: 0;
    inset-inline-end: 0;
    gap: 8px;
}

.complementary-products__buttons .slider-button {
    min-width: 30px;
    min-height: 30px;
    padding: 7px;
}

.complementary-products .slider__viewport .slider-button--next {
    inset-inline-end: auto;
}

.complementary-products .slider__viewport .slider-button--prev {
    inset-inline-start: auto;
}

.complementary-products .card-product .price .card__badges-item:not(.card__badges-item--preorder) {
    display: flex;
}

.complementary-products .card-product .card-product__media-wrapper .card__badges {
    display: none;
}

.complementary-products .slider-button[disabled] svg {
    opacity: var(--disabled-button);
    pointer-events: all;
}

.product__media:has(.preload) img:not(.loaded) {
    opacity: 0;
}

ul li.product__media-item--variant-alt:nth-of-type(n) .product__media:has(.preload) img:not(.loaded) {
    opacity: 1;
}

ul li.product__media-item--variant-alt:nth-of-type(n) img:not(.loaded) + .preload {
    display: none;
}
ul li.product__media-variant-img img:not(.loaded) {
    opacity: 1;
}
ul li.product__media-variant-img img:not(.loaded) + .preload {
    display: none;
}
.product__media:has(.preload) {
    position: relative;
}

.media.product__media .preload {
    animation: 2s shine linear infinite;
    margin-inline-start: 0;
    margin-top: 0;
    z-index: 10;
    transform-origin: 0%;
    border: none;
    border-radius: 0;
    border-block-start-color: transparent;
    background: linear-gradient(110deg,#eaeaea 8%,#f5f5f5 18%,#eaeaea 33%);
    background-size: 300% 100%;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
}

@keyframes shine {
	to {
		background-position-x: -300%;
	}
}
@media (hover: hover) {
    .complementary-products .slider-button[disabled]:hover {
        cursor: not-allowed;
    }
}

@media screen and (max-width: 1024px) {
    .complementary-products__buttons .slider__viewport .slider-button {
        display: block;
        visibility: visible;
    }
    .disable-margins .main-product .slider-scrollbar,
    .disable-margins .product__info-wrapper {
        padding-inline-start: var(--side-margin);
        padding-inline-end: var(--side-margin);
    }
}
@media screen and (max-width: 768px) {
    .shopify-section-header + main .shopify-section:first-child .section-overlap--mobile .slider-scrollbar,
    .shopify-section-header + main .shopify-section:first-child .section-overlap--mobile .product__info-wrapper,
    .shopify-section-header + main .shopify-section:first-child .section-overlap--enable .slider-scrollbar,
    .shopify-section-header + main .shopify-section:first-child .section-overlap--enable .product__info-wrapper {
        padding-inline-start: var(--side-margin);
        padding-inline-end: var(--side-margin);
    }
}

@media screen and (max-width: 1024px) {
    .complementary-products .slider__grid-item {
        max-width: 300px;
    }
}

/* Payment methods */
.payment__list {
    gap: 4px;
    flex-wrap: wrap;
}

.section-block .payment__list-item svg {
    width: var(--icon-width);
    height: auto;
}

.payment__list-item.black-and-white svg {
    filter: grayscale(100%);
}

.main-product .icons-with-text__container {
    border-radius: 0!important;
}

/* Media with text */
.media-with-text {
    --buttons-gap: 16px;
}

.media-with-text__card.page-grid,
.page-grid .media-with-text__card {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--page-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.media-with-text__card.alternative-grid,
.alternative-grid .media-with-text__card {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--alt-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.media-with-text__card.secondary-grid,
.secondary-grid .media-with-text__card {
    grid-template-columns: repeat(var(--grid-columns), calc((100% - (var(--second-column-gap) * (var(--grid-columns) - 1))) / var(--grid-columns)));
}

.media-with-text__card.fill-section-inside,
.fill-section-inside .media-with-text__card {
    grid-template-columns: repeat(var(--grid-columns), calc(100% / var(--grid-columns)));
}

.media-with-text__media.video-controls-js {
    position: relative;
}

.media-with-text__content-wrapper {
    width: 100%;
}

.media-with-text__content-wrapper.narrow {
    max-width: 480px;
}

.media-with-text__content-wrapper.regular {
    max-width: 720px;
}

.narrow-width-left {
    margin-inline-end: auto;
}

.narrow-width-center,
.media-with-text__content-wrapper.center > .section-block,
.media-with-text__content-wrapper.center > .line-container {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.narrow-width-right,
.media-with-text__content-wrapper.right > .section-block,
.media-with-text__content-wrapper.center > .line-container {
    margin-inline-start: auto;
}

.media-with-text__content-wrapper {
    font-size: 0;
}

.media-with-text__content {
    display: flex;
    justify-content: var(--horizontal-position);
    align-items: var(--vertical-position);
}

.section--full-width .media-with-text__content.right-media {
    padding-inline-start: var(--inner-section-padding);
}

.section--full-width .media-with-text__content.left-media {
    padding-inline-end: var(--inner-section-padding);
}

.reverse-order .media-with-text__media {
    order: -1;
}

.media-with-text__card.fill-section-inside {
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.media-with-text__media-wrapper {
    display: flex;
    border-radius: var(--section-media-radius);
    -webkit-border-radius: var(--section-media-radius);
    overflow: clip;
    height: 100%;
    max-width: 100%;
}

.section-featured-collection-with-media .media-with-text__media-wrapper {
    height: auto;
    max-width: none;
}

.media-with-text__media-wrapper img, 
.media-with-text__media-wrapper .placeholder-svg,
.media-with-text__media-wrapper video {
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.media-with-text__content-wrapper > .line-container + .section-block,
.media-with-text__content-wrapper > .spacer + .section-block {
    margin-top: 0px;
}

.media-with-text__content-wrapper > .line-container + .section-block.button-block,
.media-with-text__content-wrapper > .spacer + .section-block.button-block {
    margin-top: var(--block-padding);
}

.media-with-text .subheading-block + .heading-block,
.media-with-text .heading-block + .subheading-block {
    margin-top: var(--block-padding-s);
}

.left-media .button-block + .button-block,
.left-media .right .button-block + .button-wrap + .button-block,
.right-media .right .button-block,
.left-media .block-icon + .block-icon,
.right-media .right .block-icon  {
    margin-inline-start: var(--buttons-gap);
    margin-inline-end: 0;
}

.right-media .button-block,
.left-media .left .button-block,
.right-media .block-icon,
.left-media .left .block-icon {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}

.media-with-text__content .center .button-block,
.media-with-text__content .center .block-icon {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}

@media (hover: hover) {
    a.media-with-text__card:hover .media-with-text__media-wrapper img, 
    a.media-with-text__card:hover .media-with-text__media-wrapper .placeholder-svg,
    a.media-with-text__card:hover .media-with-text__media-wrapper video {
        transform: scale(1.03);
    }
}
@media screen and (min-width: 769px) {
    .media-with-text__image--mobile:not(:only-child) {
        display: none;
    }
    .media-with-text__content-wrapper.sticky-content {
        position: sticky;
        bottom: var(--sticky-offset);
        height: fit-content;
    }
    .media-with-text__content-wrapper.sticky-content.sticky-content--top {
        top: var(--sticky-offset);
        bottom: auto;
    }

    .media-with-text__content-wrapper.sticky-content.sticky-content--center {
        top: var(--sticky-offset);
    }

    .media-with-text:has( .media-with-text__content-wrapper.sticky-content) .section-radius {
        overflow: visible;
    }
    .section--full-width .media-with-text__media--right-media .media-with-text__media-wrapper {
        border-start-end-radius: 0px;
        -webkit-border-start-end-radius: 0px;
        border-end-end-radius: 0px;
        -webkit-border-end-end-radius: 0px;
    }
    .section--full-width .media-with-text__media--left-media .media-with-text__media-wrapper {
        border-start-start-radius: 0px;
        -webkit-border-start-start-radius: 0px;
        border-end-start-radius: 0px;
        -webkit-border-end-start-radius: 0px;
    }
}
@media screen and (max-width: 768px) {
    .media-with-text {
        --buttons-gap: 12px;
    }

    .media-with-text__card.grid {
        column-gap: 0;
        row-gap: var(--block-padding);
    }

    .media-with-text__content.elem-padding-m,
    .media-with-text__content.elem-padding-l {
        padding-top: 0;
    }

    .media-with-text__media {
        order: -1;
    }

    .section--full-width .media-with-text__content {
        padding-inline-end: var(--inner-section-padding);
        padding-inline-start: var(--inner-section-padding);
        padding-bottom: var(--inner-section-padding);
    }

    .media-with-text__content-wrapper.narrow,
    .media-with-text__content-wrapper.regular {
        max-width: 100%;
    }

    .media-with-text__content-wrapper.right > * {
        margin-inline-start: 0;
    }

    .media-with-text__content-wrapper.right {
        text-align: start;
    }

    .lazy-image.media-with-text__image--desktop:not(:only-child),
    .media-with-text__media-wrapper > .media-with-text__image--desktop:not(:only-child),
    .media-with-text__media--only_desktop,
    .media-with-text__media:has(video ~ .media-with-text__image--mobile) video,
    .media-with-text__media:has(.lazy-video ~ .media-with-text__image--mobile) .lazy-video {
        display: none;
    }
    
    .section--full-width .media-with-text__media-wrapper {
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
}

/* Multicolumn */
.multicolumn__item  {
    height: fit-content;
}

.multicolumn__media + .multicolumn__info {
    margin-top: var(--block-padding-s);
    margin-bottom: var(--block-padding-s);
}

.multicolumn__item--full-width .multicolumn__info,
.multicolumn__items-without-gaps .multicolumn__info,
.multicolumn__item-wrapper.with-color .multicolumn__info {
    margin: var(--block-padding-s);
}

.multicolumn__items-without-gaps .multicolumn__info {
    margin-bottom: calc(var(--block-padding-s) * 2);
}

.multicolumn__info {
    gap: var(--block-padding-s); 
}

.section-multicolumn cascading-grid {
    overflow-y: clip;
}

.multicolumn__media {
    display: flex;
    border-radius: var(--media-radius);
    -webkit-border-radius: var(--media-radius);
    overflow: clip;
    max-width: 100%;

    .grid.disable-grid-gaps & {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

.multicolumn__item-wrapper {
    width: 100%;
}

.multicolumn__item-wrapper.with-color .multicolumn__media {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.multicolumn__item-wrapper.with-color {
    border-radius: var(--media-radius);
    -webkit-border-radius: var(--media-radius);
    overflow: hidden;

    .grid.disable-grid-gaps & {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

.multicolumn__item-link {
    display: block;
}

.multicolumn__media:empty {
    display: none;
}

.multicolumn__item:has(.multicolumn__media:empty:only-child) {
    display: none;
}

.multicolumn__item--video .multicolumn__media {
    position: relative;
}

.multicolumn__item-link img,
.multicolumn__item-link video {
    transform: scale(1);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .multicolumn__item-link:hover img,
    .multicolumn__item-link:hover video {
        transform: scale(1.03);
    }
}

/* Newsletter */
.section-newsletter__subheading[autofocus] {
    outline: none;
}

.section-newsletter__subscribe {
    width: 100%;
}

.section-newsletter__form {
    display: block;
}

.section-newsletter__subheading + .section-newsletter__subheading,
.section-newsletter__subheading + .email-no-valid + .fields-wrapper,
.section-newsletter__caption,
.section-newsletter__subheading + .email-no-valid:not(.visually-hidden) {
    margin-top: var(--block-padding-s);
}

.section-newsletter .fields-wrapper .field:not(:last-child) {
    margin-bottom: var(--block-padding-s);
}

.section-newsletter__wrapper {
    max-width: 480px;
    min-width: 480px;
}

.section-newsletter__wrapper.fill-content {
    max-width: 720px;
    min-width: 720px;
}

.section-newsletter__form .input {
    width: 100%;
    background: transparent;
}

.section-newsletter .field__wrapper {
    align-items: stretch;
}

@media screen and (max-width: 768px) {
    .section-newsletter__wrapper,
    .section-newsletter__wrapper.fill-content {
        max-width: 720px;
        min-width: 420px;
    }
}

@media screen and (max-width: 500px)  {
    .section-newsletter__wrapper,
    .section-newsletter__wrapper.fill-content {
        min-width: auto;
    }
}

/* Rich text */
.rich-text {
    --buttons-gap: 16px;
    font-size: 0;
}

.rich-text > .line-container + *:not(.button-block),
.rich-text > .spacer + *:not(.button-block) {
    margin-top: 0px;
}

.rich-text .subheading-block + .heading-block,
.rich-text .heading-block + .subheading-block {
    margin-top: var(--block-padding-s);
}

.rich-text.center > *,
.center .rich-text > * {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.rich-text .button-block,
.rich-text .block-icon {
    margin-inline-end: var(--buttons-gap);
    margin-inline-start: 0;
}

.rich-text.center .button-block,
.center .rich-text .button-block,
.rich-text.center .block-icon,
.center .rich-text .block-icon {
    margin-inline-start: calc(var(--buttons-gap) / 2);
    margin-inline-end: calc(var(--buttons-gap) / 2);
}

@media screen and (max-width: 768px)  {
    .rich-text {
        --buttons-gap: 12px;
    }
}

/* Slideshow */
.slideshow {
    transition: background-color var(--transition-duration) var(--transition-timing-function);
}

.slideshow:has(.section-container:not(.section-container-framing)) {
    background-color: rgb(var(--layout-bg-color));
    background: var(--bg-gradient);
}

.slideshow .section-container.section-container-framing .disable-section-framing {
    background-color: rgb(var(--layout-bg-color));
}

.disable-margins.slideshow {
    background-color: rgb(var(--layout-bg-color));
}

.image-banner__media-block.slideshow__media {
    flex: 0 0 100%;
}

slideshow-js .swiper {
    width: 100%;
}

.slideshow__media--mobile {
    display: none;
}

.slideshow .banner__content-wrapper .heading-block + .richtext {
    margin-top: var(--block-padding);
}

.slideshow .banner__content-wrapper  .button-block {
    margin-top: var(--block-padding);
}

.slideshow .swiper-pagination-bullets {
    --swiper-pagination-bottom: 12px;
    background-color: transparent;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    width: max-content;
    max-width: calc(100% - 20px);
}

.slideshow .swiper-pagination-bullet {
    position: relative;
    height: 20px;
    width: var(--bullets-size);
    background-color: transparent;
    overflow: clip;
    box-shadow: none;
    opacity: 1;
}

.slideshow .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: rgba(var(--layout-text-color), 0.3);
    top: calc(50% - 1px);
    inset-inline-start: 0;
}

.slideshow .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    box-shadow: none;
    width: 0%;
    height: 4px;
    top: calc(50% - 2px);
    inset-inline-start: 0;
    background-color: transparent;
    border-radius: 3px;
    transition: none;
}

.slideshow .swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    box-shadow: none;
    width: 100%;
    background-color: rgb(var(--layout-text-color));
    transition: width var(--transition-duration), background-color var(--transition-duration);
}
.add-padding-for-bullet.elem-padding-l {
    padding-bottom: 105px;
}

.slideshow .swiper-button.visually-hidden {
    display: none;
}

@media screen and (min-width: 769px) {
    .slideshow .swiper-slide:not(.desktop-content-below) .banner__container-content--left_center {
        justify-content: center;
        align-items: flex-start;
    }
    
    .slideshow .swiper-slide:not(.desktop-content-below) .banner__container-content--left_center .banner__content {
        inset-inline-start: 25%;
        transform: translateX(-50%);
    }
    
    .slideshow .swiper-slide:not(.desktop-content-below) .banner__container-content--right_center {
        justify-content: center;
        align-items: flex-start;
    }
    
    .slideshow .swiper-slide:not(.desktop-content-below) .banner__container-content--right_center .banner__content {
        inset-inline-start: 75%;
        inset-inline-end: auto;
        transform: translateX(-50%);
        width: fit-content;
    }
    .slideshow .swiper-slide:not(.desktop-content-below) .banner__container-content--left_center .banner__content,
    .slideshow .swiper-slide:not(.desktop-content-below) .banner__container-content--right_center .banner__content {
        max-width: 50%;
        padding: calc(var(--inner-section-padding) / 2);
    }
    .swiper:has(.swiper-slide.desktop-content-below:not(:only-child)) {
        padding-bottom: 60px;
    }
}

.slideshow .swiper-slide {
    position: relative;
    height: 100%;
}

.slideshow .swiper-slide .banner__content-wrapper {
    transition: opacity var(--transition-duration);
    opacity: 1;
    will-change: opacity;
}

.slideshow .banner__media::after {		
	will-change: opacity;		
}

@media screen and (min-width: 769px) {
    .slideshow .swiper-slide:not(.desktop-content-below ) .banner__container-content {
        transition: opacity var(--transition-duration);
    }
    .desktop-content-below.banner__wrapper {
        min-height: auto;
        height: auto;
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .desktop-content-below .banner__content-wrapper {
        padding: var(--inner-section-padding);
        width: 100%;
        border-radius: 0!important;
        -webkit-border-radius: 0!important;
    }
    .banner__wrapper.desktop-content-below .banner__media {
        position: relative;
    }
    .section-overlap--enable .desktop-content-below .banner__container-content,
    .section-overlap--disable .desktop-content-below .banner__container-content {
        margin-top: 0;
    }

    .section-overlap--disable .desktop-content-below .banner__media::after {
        display: none;
    }

    .desktop-content-below .banner__content {
        padding: 0px;
        width: 100%;
        align-self: center;
        justify-content: center;
        background-color: rgb(var(--layout-bg-color));
    }
    .desktop-content-below.banner__wrapper .banner__media {
        height: var(--height);
        position: static;
    }
    .section-overlap--enable .desktop-content-below.banner__wrapper .banner__media,
    .section-overlap--desktop .desktop-content-below.banner__wrapper .banner__media {
        position: relative;
    }
    .slideshow .desktop-content-below.banner__wrapper {
        min-height: auto;
        height: auto;
        gap: 0;
    }
    .desktop-content-below.banner__wrapper  .banner__container-content  {
        min-height: auto;
        height: auto;
    }
    .side-margins:not(.disable-margins) .desktop-content-below .banner__media {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
        overflow: clip;
    }
    .side-margins:not(.disable-margins) .swiper-slide--padding.desktop-content-below .banner__media {
        border-end-end-radius: 0;
        border-end-start-radius: 0;
    }
    .side-margins:not(.disable-margins) .swiper-wrapper .desktop-content-below.banner__wrapper {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
    }
    .section-radius .desktop-content-below .banner__media,
    .side-margins:not(.disable-margins) .section-container .section-radius .desktop-content-below .banner__media,
    .shopify-section:first-child .section-overlap--mobile .desktop-content-below .banner__media,
    .section-overlap--enable .desktop-content-below .banner__media,
    .section-overlap--desktop .desktop-content-below .banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .swiper:has(.swiper-slide.desktop-content-below) .banner__container-content {
        flex: 1 1 auto;
    }
}
.slideshow .swiper {
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
}

.slideshow.disable-margins .swiper {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.shopify-section:first-child .slideshow.section-overlap--enable .swiper {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.slideshow .swiper-button {
    padding: 11px;
}

@media screen and (max-width: 1024px) {
    .slideshow .swiper-button {
        display: none;
    }
    .slideshow .video-controls.video-controls--above,
    .slideshow:has(.video-controls.video-controls--above) .autoplay-progress {
        padding-bottom: max(var(--inner-section-padding), calc(20px + 12px));
    }
}

@media screen and (min-width: 769px) {
    .shopify-section:first-child .slideshow.section-overlap--desktop .swiper {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 768px) {  
    .side-margins:not(.disable-margins) .mobile-content-below.banner__wrapper {
        border-radius: var(--images-and-sections-radius);
        -webkit-border-radius: var(--images-and-sections-radius);
    }
    .shopify-section:first-child .slideshow.section-overlap--mobile .swiper {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    .banner__container-content--right_center,
    .banner__container-content--left_center {
        justify-content: center;
    }  
    .banner__container-content--right_center .add-padding-for-bullet.elem-padding-l,
    .banner__container-content--left_center .add-padding-for-bullet.elem-padding-l {
        padding-bottom: 0;
    }
    .slideshow__media--mobile {
        display: flex;
    }
    .slideshow__media--desktop {
        display: none;
    }
    .swiper-slideshow:has(.swiper-pagination-bullet:nth-child(10)) .add-padding-for-bullet.elem-padding-l {
        padding-bottom: 80px;
    }
    .add-padding-for-bullet.elem-padding-l {
        padding-bottom: 67px;
    }
    .swiper:has(.swiper-slide.mobile-content-below:not(:only-child)) {
        padding-bottom: 60px;
    }

    .swiper:has(.swiper-slide.mobile-content-below) .banner__container-content {
        flex: 1 1 auto;
    }
    .swiper-slide--padding .banner__container-content {
        padding: var(--block-padding-s) var(--block-padding-s);
    }

    .side-margins:not(.disable-margins) .swiper-slide--padding.mobile-content-below .banner__media {
        border-end-end-radius: 0;
        border-end-start-radius: 0;
    }
    .slideshow .swiper-slide--padding.mobile-content-below {
        border-radius: var(--images-and-sections-radius);
    }
    .slideshow .mobile-content-below.banner__wrapper {
        gap: 0;
    }
    .mobile-content-below .banner__content {
        background-color: rgb(var(--layout-bg-color));
    }
    .slideshow .mobile-content-below .banner__content-wrapper {
        padding: var(--inner-section-padding) !important;
        width: 100%;
        border-radius: 0!important;
        -webkit-border-radius: 0!important;
    }
}

/* Split banner */
.split-banner, .split-banner__wrapper {
    display: flex;
    width: 100%;
}

.split-banner .section-radius {
    width: 100%;
}

.split-banner__block {
    flex: 0 0 50%;
    justify-content: var(--vertical-position);
    align-items: var(--horizontal-position);
}

.split-banner__block:only-child {
    flex: 0 0 100%;
}

.banner__wrapper.split-banner__block {
    height: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
}

a.split-banner__block:focus-visible::after {
    content: '';
    position: absolute;
    inset: 0;
    outline: -webkit-focus-ring-color auto 1px;
    outline-offset: -1px;
    z-index: 3;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
}

.split-banner__block .banner__content-wrapper .button-block {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.banner__image.split-banner__media--mobile {
    display: none;
}

@media screen and (min-width: 769px) {
    .split-banner__block.has-sticky-content:has( + .split-banner__block) .banner__media {
        border-start-end-radius: 0px;
        -webkit-border-start-end-radius: 0px;
        border-end-end-radius: 0px;
        -webkit-border-end-end-radius: 0px;
    }
    .split-banner__block.has-sticky-content + .split-banner__block .banner__media {
        border-start-start-radius: 0px;
        -webkit-border-start-start-radius: 0px;
        border-end-start-radius: 0px;
        -webkit-border-end-start-radius: 0px;
    }
    .section-split-banner .section-overlap--enable .banner__media.image-banner__media,
    .section-split-banner .section-overlap--desktop .banner__media.image-banner__media {
        border-radius: 0;
        -webkit-border-radius: 0;
    }
}

@media screen and (max-width: 768px) {
    .split-banner,
    .split-banner__wrapper {
        flex-direction: column;
    }
    .banner__image.split-banner__media--desktop {
        display: none;
    }
    .banner__image.split-banner__media--mobile {
        display: flex;
    }
}

/* Sticky collection grid */
.sticky-collection-grid__info-wrapper.sticky-content {
    position: sticky;
    top: var(--top-sticky-content);
}

.section-sticky-collection-grid .section-radius {
    overflow: visible;
}

.section-sticky-collection-grid .card-collection {
    height: fit-content;
}

.section-sticky-collection-grid .card-collection__icon {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px)  {
    .sticky-collection-grid {
        column-gap: 0px;
    }
}

/* Tabs */
.section-tabs .section-heading + .component-tabs,
.section-tabs .subheading-font + .component-tabs,
.section-tabs .richtext + .page__content {
    margin-top: var(--block-padding-s);
}
.section-tabs__content-wrapper {
    position: relative;
}

.center .component-tabs__wrapper {
    margin-inline-start: auto;
    margin-inline-end: auto;
}

/* Testimonials */
body.hidden .testimonials .slider__viewport .slider__grid {
    overflow-x: clip;
}

.testimonials__button {
    margin-top: var(--template-header-padding);
}

.testimonials__button.link-button {
    display: inline-flex;
}

.testimonials_card {
    gap: var(--block-padding-s);
}

.testimonials__avatar {
    gap: var(--block-padding-xs);
    align-items: center;
}

.testimonials__image-container {
    border-radius: var(--image-radius);
    -webkit-border-radius: var(--image-radius);
    overflow: clip;
    width: 80px;
    display: flex;
}

.testimonials__rating {
    display: block;
    max-width: 100%;
}

.testimonials_card .drawer {
    padding-bottom: 0;
}

.testimonials .section-header.custom-heading {
    display: block;
}

/* Video section */
.section-video__media {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
}

.disable-margins .section-video__media {
    border-radius: 0;
    -webkit-border-radius: 0;
}

.section-video__poster {
    display: flex;
    width: 100%;
    height: 100%;
    inset-inline: 0;
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 1s var(--transition-timing-function);
    outline-offset: -1px;
}

.section-video__media .template-video,
.section-video__media iframe,
.section-video__media[loaded] .section-video__poster {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s var(--transition-timing-function);
}

.section-video__media[loaded] .section-video__poster {
    z-index: 0;
}

.section-video__media[loaded] .template-video, .section-video__media[loaded] iframe,
.section-video__media[loaded] video-section {
    display: block;
    inset-inline: 0;
    opacity: 1;
    position: relative;
    z-index: 2;
    transition: opacity 1s var(--transition-timing-function);
}

.section-video__image--mobile {
    display: none;
}

.deferred-media__poster-button.solid-button {
    background-color: rgba(var(--button-bg-color), var(--disabled-button));
}

@media (hover: hover) {
    .deferred-media__poster-button.solid-button:not([disabled]):hover {
        background-color: rgb(var(--button-hover-color));
    }
}

@media screen and (max-width: 768px) {
    .section-video__image--desktop,
    .section-video .placeholder-svg {
        display: none;
    }
    .section-video__image--desktop.section-video__image--all,
    .section-video__image--mobile,
    .section-video__view-placeholder .placeholder-svg {
        display: flex;
    }
}

/* Social grid */
.section-social-grid .banner__wrapper {
    border-radius: 0px;
    -webkit-border-radius: 0px;
}

.section-social-grid .banner__content-wrapper {
    max-width: none;
}

.section-social-grid .banner__container-content.side-margins {
    padding: var(--inner-section-padding) var(--side-margin)!important;
}

.section-social-grid .grid-item {
    height: fit-content;
}

.section-social-grid .grid-item.info-card {
    height: 100%;
}

.social-grid__item {
    display: flex;
    border-radius: var(--images-and-sections-radius);
    -webkit-border-radius: var(--images-and-sections-radius);
    overflow: clip;
    position: relative;
}

a.social-grid__item img,
a.social-grid__item video {
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.social-grid__icon-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: clip;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset-inline-end: 16px;
    bottom: -4px;
    background-color: rgb(var(--layout-text-color));
    transition: bottom var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
    opacity: 0!important;
    pointer-events: none;
}
.social-grid__icon-wrapper svg {
    fill: rgb(var(--layout-bg-color));
}

@media (hover: hover) {
    a.social-grid__item:hover img,
    a.social-grid__item:hover video {
        transform: scale(1.03);
    }
    a.social-grid__item:hover .social-grid__icon-wrapper {
        opacity: 1!important;
        pointer-events: auto;
        bottom: 16px;
    }
}

@media screen and (max-width: 1024px) {
    a.social-grid__item .social-grid__icon-wrapper {
        opacity: 1!important;
        pointer-events: auto;
        bottom: 16px;
    }
    .section-social-grid .banner__content {
        max-width: none!important;
        width: 100%;
    }
    .section-social-grid .banner__content-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .section-social-grid .content-below .banner__content-wrapper {
        padding: 0!important;
    }
}

/* Store selector drawer */
.section-store-selector-drawer .drawer .button-wrapper {
  position: absolute;
  z-index: 100;
}

.section-store-selector-drawer .modal {
  --height-pinned-block: 0px;
}

.store-selector-drawer__main {
  position: relative;
  min-width: 480px;
  max-width: 640px;
  width: calc(100vw / 3);
  padding: 0 24px;
  padding-bottom: calc(20px + var(--icon-scale) + var(--main-button-vertical-padding) + var(--main-button-vertical-padding) + var(--border-thickness) + var(--border-thickness) + 32px + 16px);
}

.section-store-selector-drawer .drawer .scroll-area {
  overflow-x: clip;
}

.store-selector-drawer__header {
  display: flex;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline-end: 52px;
  min-height: max(40px, calc(32px + 22px + 20px + var(--icon-scale)));
}

.store-selector-drawer__footer {
  position: fixed;
  z-index: 60;
  bottom: 0;
  inset-inline-end: 0;
  width: calc(100vw / 3);
  max-width: 640px;
  min-width: 480px;
  padding: 16px 24px;
  background-color: rgb(var(--layout-bg-color));
}

.modal--border .store-selector-drawer__footer {
  width: calc((100vw / 3) - var(--line-thickness));
  max-width: calc(640px - var(--line-thickness));
  min-width: calc(480px - var(--line-thickness));
}

.section-store-selector-drawer .drawer--left .store-selector-drawer__footer {
  inset-inline-start: 0;
  inset-inline-end: unset;
  border-end-end-radius: var(--drawers-radius);
}

.drawer--right .store-selector-drawer__footer {
  border-end-start-radius: var(--drawers-radius);
}

.change-store-button {
  position: relative;
  width: 100%;
} 

.change-store-button__loader {
  display: flex;
  visibility: visible;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.solid-button .change-store-button__loader:not(.hidden) .spinner .path {
  stroke: rgb(var(--button-label-color));
  animation: dash 1.8s ease-in-out infinite;
}

@keyframes dash {
  0% { stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 20.8;
    transform:rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform:rotate(450deg);
  }
 }

.change-store-button__loader.hidden {
  visibility: hidden;
}

.change-store-button__loader:not(.hidden) + .change-store-button__text {
  display: none;
}

.store-accordion .summary__title {
  gap: 8px;
  align-items: flex-start;
}

.store-accordion .summary__title-name {
  align-items: flex-start;
  gap: 16px;
  flex-grow: 1;
  cursor: pointer;
}

.store-accordion__title {
  display: flex;
  gap: 16px;
}

.store-accordion__image {
  width: 120px;
  aspect-ratio: 3/2;
  object-position: center;

  @media screen and (max-width: 640px) {
    width: 72px;
  }
}

.store-accordion__title-info {
  display: flex;
  flex-direction: column;
  gap: 8px;

  .store-accordion__heading {
    line-height: 1;
  }
}

.store-accordion__address {
  opacity: 0.5;
  font-style: normal;
}

.store-accordion .accordion__panel:not(:has(.accordion__content)) {
  display: none;
}

.store-accordion .accordion__content {
  position: relative;
  padding-bottom: 0;
}  

.store-accordion:not(:has(.accordion__content)) .icon-accordion {
  visibility: hidden;
}

.store-accordion .accordion__summary {
  position: relative;
  cursor: default;
}

.summary__title:has(.store-accordion__heading.caption-font)   {
  --heading-height: var(--caption-font-size);
} 

.summary__title:has(.store-accordion__heading.body-font)   {
  --heading-height: var(--body-font-size);
} 

.summary__title:has(.store-accordion__heading.subheading-font),
.summary__title:has(.store-accordion__heading.subheading-heading-font)  {
  --heading-height: var(--subheadings-font-size);
} 

.summary__title:has(.store-accordion__heading.secondary-heading)   {
  --heading-height: var(--secondary-headings-font-size);
} 

.summary__title:has(.store-accordion__heading.section-heading) {
  --heading-height: var(--section-headings-font-size);
} 

.store-accordion__checkbox[type="checkbox"] {
  width: 16px;
  height: 16px;
  margin-top: calc(var(--heading-height, 16px) / 2 - 16px / 2);

  &::after {
    top: 0;
    inset-inline-start: 0;
  }
}

.store-accordion .icon-accordion {
  margin-top: calc(var(--heading-height, 20px) / 2 - (20px + var(--icon-scale)) / 2);
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .store-selector-drawer__main > *:not(:first-child):not(.line-container) {
    padding-top: calc(var(--block-padding-s) * var(--mobile-spacing));
  }
  .store-selector-drawer__main > div.full-bottom-line,
  .store-selector-drawer__main > div.store-selector-drawer__footer {
    padding-bottom: calc(var(--block-padding-s) * var(--mobile-spacing));
  }
  .store-selector-drawer__main .button--main.button-with-icon {
    min-height: 40px;
  }
}

@media screen and (max-width: 640px) {
  .drawer,
  .store-selector-drawer__main {
    width: 100vw;
    max-width: 100vw;
    min-width: 100dvw;
  }
  .section-store-selector-drawer .drawer .store-selector-drawer__footer {
    border-radius: 0;
  }
  .store-selector-drawer__footer {
    width: 100vw;
    max-width: 100vw;
    min-width: 100vw;
  }
  .modal--border .store-selector-drawer__footer {
    width: calc(100vw - var(--line-thickness));
    max-width: calc(100vw - var(--line-thickness));
    min-width: calc(100vw - var(--line-thickness));
  }
}

/* Stories slideshow */
.section-stories-slideshow .section-radius.elem-padding-l {
    padding-left: 0;
    padding-right: 0;
}

.section-stories-slideshow .section-radius.elem-padding-l .section-header,
.section-stories-slideshow .section-radius.elem-padding-l .stories-slideshow__thumbnails {
    padding-left: var(--inner-section-padding);
    padding-right: var(--inner-section-padding);
}

.section-stories-slideshow .section.side-margins:not(.disable-margins) .section-header,
.section-stories-slideshow .section.side-margins:not(.disable-margins) .stories-slideshow__thumbnails,
.stories-slideshow--full-width .stories-slideshow__thumbnails {
    padding-left: var(--side-margin);
    padding-right: var(--side-margin);
}

.stories-slideshow__thumbnails-wrapper {
    display: flex;
    justify-content: center;
}

stories-slideshow {
    display: block;
}

.stories-slideshow__thumbnails  {
    align-items: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.stories-slideshow__thumbnail {
    width: var(--thumbnail-width);
    color: rgb(var(--layout-text-color));
}

.stories-slideshow__thumbnail.events-none {
    pointer-events: none;
}

.stories-slideshow__circle {
    display: flex;
    position: relative;
    width: calc(var(--thumbnail-width) - 4px);
    border-radius: var(--thumbnails-image-radius);
    -webkit-border-radius: var(--thumbnails-image-radius);
    border: 2px solid rgb(var(--layout-bg-color));
    z-index: 1;
    background-color: rgb(var(--layout-bg-color));
}

.stories-slideshow__circle-wrapper {
    width: var(--thumbnail-width);
    border-radius: var(--thumbnails-image-radius);
    overflow: clip;
    position: relative;
    padding: 2px;
}

.stories-slideshow__circle-wrapper::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    right: -50%;
    background: var(--thumbnail-border-gradient);
    border-radius: inherit;
}

.visible .stories-slideshow__circle-wrapper::before {
    animation: gradientShift 2s linear infinite;
}

@keyframes gradientShift {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.section-stories-slideshow .swiper-wrapper {
    align-items: center;
}

.stories-slideshow__title {
    margin-top: 8px;
}

.section-stories-slideshow .stories-slider-content {
    position: relative;
    aspect-ratio: 9/16;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: clip;
    z-index: 1;
}

.stories-slider-conten__button {
    position: absolute;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    z-index: 5;
    max-width: calc(((100dvh - 80px) * (9/16)) - 16px);
}

span.stories-slider-conten__button {
    cursor: default;
}

.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories-slider-conten__button {
    max-width: calc(((100dvh - 188px) * (9/16)) - 16px);
    min-width: max-content;
}

.swiper.swiper-stories {
    width: 100%;
    height: 100dvh;
    overflow: visible; 
}

.stories-slider.stories-slider-in .swiper .swiper .swiper-slide {
    border-radius: 0px;
}

.stories-slider.stories-slider-in .swiper-backface-hidden .swiper-slide {
    transform: none;
}

.stories-slider.stories-slider-in {
    visibility: hidden;
    display: block;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: calc(0px + 40px);
    left: 0;
    width: 100vw;
    height: 100dvh;
    background-color: transparent;
    pointer-events: none;
    padding: 0;
}

.stories-slider .stories-slider-button {
    height: 100%;
    z-index: 3;
}

.stories-slider.stories-slider-in {
    display: block;
    visibility: visible;
    z-index: 50;
    opacity: 1;
    pointer-events: all;
    padding: 0;
    animation: popupOpen var(--animation-duration) var(--transition-timing-function) forwards;
}

.stories-slider.stories-slider-in .swiper:not(.swiper-story-inner) {
    width: 100%;
    height: 100dvh;
    padding-top: 24px;
}

.swiper-slide:not(.swiper-slide-active) .stories-slider-button-next,
.swiper-slide:not(.swiper-slide-active) .stories-slider-button-prev {
    pointer-events: none;
}

.nav-temporarily-disabled {
    pointer-events: none!important;
}

.stories-slider .stories-slider-button-next,
.stories-slider .stories-slider-button-prev {
    width: 50%;
}

.swiper.swiper-story-inner  {
    background: transparent;
    border-start-start-radius: 12px;
    border-start-end-radius: 12px;
    -webkit-border-start-start-radius: 12px;
    -webkit-border-start-end-radius: 12px;
}

.swiper-slide:not(.swiper-slide-active) > .swiper.swiper-story-inner {
    cursor: pointer;
}

.stories-slider .swiper-slide {
    display: flex;
    justify-content: center;
    width: auto;
}

.stories-slider .swiper-stories > .swiper-wrapper > .swiper-slide {
    transition: transform var(--animation-duration) var(--transition-timing-function), height var(--animation-duration) var(--transition-timing-function);
}

.stories-slider .swiper-stories > .swiper-wrapper > .swiper-slide {
    width: calc((100dvh - 80px) * (9/16));
    height: calc(100dvh - 24px);
    width: calc((100dvh - 80px) * (9/16));
    height: calc(100dvh - 24px);
}

.stories-slider > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-visible,.swiper-slide-active) {
    opacity: 1;
}

.stories-slide__swiper-slide-wrapper {
    position: relative;
    height: fit-content;
    background-color: rgb(var(--layout-text-color));
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: clip;
    transition: transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.swiper-story-inner.products-open .swiper-slide__wrapper {
    pointer-events: none;
    transform: scale(0.96);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider-pagination {
    transform: scale(0.96);
    top: calc((((100dvh - 24px) - ((100dvh - 24px) * 0.96)) / 2) + 6px)!important;
    transition: top var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider__user {
    transform: scale(0.96);
    top: calc((((100dvh - 24px) - ((100dvh - 24px) * 0.96)) / 2) + 16px)!important;
    transition: top var(--animation-duration) var(--transition-timing-function), transform var(--animation-duration) var(--transition-timing-function);
}

.swiper-slide.stories-slides:not(.swiper-slide-active) .swiper-slide__wrapper,
.swiper-slide.stories-slides:not(.swiper-slide-active) .stories-slider__user,
.swiper-slide.stories-slides:not(.swiper-slide-active) .stories-slider-pagination {
    transition: none;
}

.swiper.swiper-story-inner .swiper-slide__wrapper {
    width: 100%;
}

.stories-slider .swiper .swiper .swiper-slide__wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: clip;
    background: linear-gradient(180deg, rgba(var(--layout-bg-color), 0.4) 0%, rgba(var(--layout-bg-color), 0) 10%, rgba(var(--layout-bg-color), 0) 90%, rgba(var(--layout-bg-color), 0.4) 100%);
}

.stories-slider > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide .swiper::after {
    content: "";
    position: absolute;
    inset: 0;
    bottom: unset;
    height: calc(100dvh - 24px);
    z-index: -1;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: clip;
    background-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function), height var(--animation-duration) var(--transition-timing-function);
}

.stories-slider > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper::after {
    height: 100%;
    z-index: 7;
    background-color: rgba(var(--layout-text-color), 0.4);
}

.stories-slider .swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
    height: fit-content;
}
.stories-slide__swiper-slide-wrapper::after,
.stories-slider-pagination::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.swiper-story-inner.products-open .swiper-slide__wrapper::after {
    z-index: 7;
    background-color: rgba(var(--layout-bg-color), 0.4);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider-pagination::after {
    z-index: 7;
    background-color: rgba(var(--layout-text-color), 0.1);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .swiper-pagination-bullet-active:before {
    background-color: rgba(var(--layout-text-color), 0.5);
}

.stories-slider__user {
    gap: 8px;
    position: absolute;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    left: 0;
    right: 0;
    top: 18px;
    z-index: 10;
    align-items: center;
    pointer-events: none;
    will-change: transform;
    background: transparent;
    transition: top var(--animation-duration) var(--transition-timing-function) var(--animation-duration), transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.stories-slider__user-avatar {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: clip;
    position: relative;
}

.stories-slider__user-avatar::after {
    content: '';
    display: flex;
    position: absolute;
    inset: 0;
    background-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.stories-slider__user-name.stories-slider__user-name-absolut {
    position: absolute;
    inset: 0;
    background-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-color var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.swiper-story-inner.products-open .stories-slider__user .stories-slider__user-avatar::after,
.swiper-story-inner.products-open .stories-slider__user .stories-slider__user-name-absolute {
    background-color: rgba(var(--layout-bg-color), 0.4);
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}

.swiper-story-inner.products-open .stories-slider__user .stories-slider__user-name {
    color: rgba(var(--layout-text-color), .5);
}

.stories-slider__user-name {
    color: rgb(var(--layout-text-color));
    position: relative;
}

.stories-slider .stories-slider-actions {
    position: fixed;
    right: 8px;
    top: 8px;
    background-color: transparent;
}

.stories-slider .stories-slider-actions .button-close {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    background-color: rgba(var(--layout-text-color));
    border-radius: var(--button-border-radius);
    -webkit-border-radius: var(--button-border-radius);
    aspect-ratio: 1/1;
    padding: 11px;
    border: none;
    cursor: pointer;
}

.stories-slider-actions .button-close svg {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
    fill: rgb(var(--layout-bg-color));
}

.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
    padding-bottom: 24px;
}

.swiper-stories .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper-slide {
    width: 100%!important;
}

.swiper-stories .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories-slider-pagination {
    visibility: hidden;
    transition: none;
}

.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper-wrapper,
.swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .swiper-slide {
    height: fit-content;
}

.stories-slider-pagination {
    bottom: unset!important;
    top: 8px!important;
    margin-left: auto;
    margin-right: auto;
    gap: 4px;
    width: calc(((100dvh - 80px) * (9/16)) - 16px)!important;
    background-color: transparent;
    overflow: clip;
    visibility: visible;
    transition: top var(--animation-duration) var(--transition-timing-function) var(--animation-duration), transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration),  visibility 0s var(--transition-timing-function) var(--animation-duration);
}

.section-stories-slideshow .swiper-horizontal>.swiper-pagination-bullets, 
.section-stories-slideshow .swiper-pagination-bullets.swiper-pagination-horizontal {
    left: 8px;
}

.stories-slider.stories-slider-in .swiper .swiper .swiper-slide {
    background-color: transparent;
}

.section-stories-slideshow .swiper-pagination-bullet {
    width: calc((100% - ((var(--total-slides) - 1) * 4px)) / var(--total-slides));
}

.section-stories-slideshow .swiper-pagination-bullet {
    background-color: rgba(var(--layout-text-color), 0.3);
    opacity: 1;
}

.section-stories-slideshow .swiper-slide-active .swiper-pagination-bullet:has( ~ .swiper-pagination-bullet-active) {
    background-color: rgb(var(--layout-text-color));
}
 
.section-stories-slideshow .swiper-pagination-bullet-active {
    background-color: rgba(var(--layout-text-color), 0.3);
    position: relative;
}

.section-stories-slideshow .swiper-pagination-bullet-active::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgb(var(--layout-text-color));
    transform: scaleX(0);
    transform-origin: left center;
    animation: fillBullet var(--active-slide-duration) linear forwards;
}

.section-stories-slideshow .swiper-pagination-bullet-active.paused::before {
    animation-play-state: paused;
}

.section-stories-slideshow .swiper-pagination-bullet:only-child {
    display: block!important;
}

@keyframes fillBullet {
    0% {
      transform: scaleX(0);
    }
    100% {
      transform: scaleX(1);
    }
  }

@media (hover: hover) {
    .stories-slider-actions .button-close:hover svg {
        opacity: 0.7;
    }
}

.stories__products {
    display: block;
    visibility: visible;
    position: absolute;
    top: unset;
    pointer-events: all;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom);
    max-width: 100%;
    background-color: rgb(var(--layout-bg-color));
    border-top-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    overflow: clip;
    transform: translateY(calc(100% - 48px));
    z-index: 10;
    max-height: calc(100dvh - 116px);
    transition: transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration), visibility 0s var(--transition-timing-function) var(--animation-duration);
}

.stories-slider-in .swiper-stories > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories__products {
    visibility: hidden;
    pointer-events: none;
    transition: none;
    transform: translateY(calc(100%));
}

.stories-slider:not(.stories-slider-in) .stories__products {
    visibility: hidden;
}

.swiper-story-inner .swiper-slide:not(.swiper-slide-active) .stories__products {
    transform: translateY(100%);
}

.stories__products.open {
    transform: translateY(0px);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.stories__products-wrapper {
    height: 100%;
}

.stories__products-scroll {
    max-height: calc(100dvh - 156px);
    padding: 28px 40px;
    overflow-y: auto;
}

.stories__products-title {
    min-height: 48px;
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}

.stories__products-title .icon--large {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-55%);
}

.stories__products.open .icon--large {
    transform: translateY(-50%);
}

.stories__products .icon--large svg {
    transition: transform var(--animation-duration) var(--transition-timing-function) var(--animation-duration);
}

.stories__products.open .icon--large svg {
    transform: rotate(180deg);
    transition: transform var(--animation-duration) var(--transition-timing-function);
}

.stories__products-container {
    gap: 24px 28px;
}

.swiper-story-inner.products-open .swiper-slide__wrapper .stories-slider-button {
    pointer-events: none;
}

.stories-slider-content > img {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    overflow: clip;
 }

 .swiper-wrapper-stories:has(.swiper-slide-active .products-open) .swiper-slide:not(.swiper-slide-active) {
    pointer-events: none;
 }

@media (hover: hover) {
    .swiper.swiper-story-inner:hover::after {
        background-color: transparent!important;
    }
}

@media (max-width: 768px) {
    .swiper-stories {
      width: 100vw;
    }
  
    .swiper-stories .swiper-slide {
      width: 100vw !important;
      height: 100dvh!important;
      transition: opacity .15s var(--transition-timing-function);
    }

    .swiper-stories .swiper-slide.stories-slides:not(.swiper-slide-active) {
        opacity: 0 !important;
        transition: opacity .15s var(--transition-timing-function);
    }

    .swiper-story-inner.products-open .swiper-slide__wrapper {
        transform: scale(1);
    }

    .stories-slider > .swiper.swiper-stories > .swiper-wrapper > .swiper-slide .swiper::after {
        content: none;
    }

    .stories-slide__swiper-slide-wrapper {
        max-height: calc(100dvh - 56px);
        height: 100dvh;
        aspect-ratio: 9/16;
        top: 8px;
        width: auto!important;
        max-width: calc(100% - 32px);
    }
    
    .swiper-story-inner.products-open .stories-slider-pagination {
        transform: scale(1);
        /* top: 8px!important; */
    }

    .swiper-story-inner.products-open .stories-slider__user {
        transform: scale(1);
        /* top: 18px!important; */
    }

    .stories-slider.stories-slider-in .swiper:not(.swiper-story-inner) {
        padding-top: 0px;
    }

    .stories__products-scroll {
        padding: 14px 20px;
        max-height: calc(100dvh - 106px);
    }

    .stories__products-container {
        gap: 12px 14px;
    }

    .stories__products {
        max-height: calc(100dvh - 58px);
    }

    .stories-slider-pagination  {
        width: calc(100vw - 16px)!important;
    }
    .stories-slider-in .swiper-stories .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .stories-slider-pagination {
        visibility: visible;
    }
    .stories-slider-pagination {
        top: 16px !important;
    }
    .stories-slider__user {
        top: 26px;
    }
    .swiper-story-inner.products-open .stories-slider__user {
        top: 26px !important;
    }
    .swiper-story-inner.products-open .stories-slider-pagination {
        top: 16px !important;
    }
  }

/* Search */
.collection__grid-container.page-grid:not(.disable-max-width) {
    max-width: calc(var(--page-grid-width) + (var(--side-margin) * 2));
}
.collection__grid-container.secondary-grid:not(.disable-max-width) {
    max-width: calc(var(--second-grid-width) + (var(--side-margin) * 2));
}
.collection__grid-container.alternative-grid:not(.disable-max-width) {
    max-width: calc(var(--alt-grid-width) + (var(--side-margin) * 2));
}

.product__grid-container,
.product__grid-container-wrapper {
    width: 100%;
}

.template-search__header {
    gap: var(--block-padding);
}

.template-search__search {
    width: 100%;
}

.template-search__search .search-modal__form {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-inline-end: 0;
}

.template-search__search .search-field {
    max-width: 570px;
    width: 100%;
    transition: none;
}

.template-search__search .search__input {
    min-height: calc(var(--body-font-size) * var(--body-line-height) + 20px - (var(--border-thickness) * 2));
    padding-block: calc(10px - var(--border-thickness));
    padding-inline: calc(14px - var(--border-thickness)) calc(14px - var(--border-thickness) + 8px + 20px + var(--icon-scale));
}

.template-search__search .search-field:not(.search-field--filled):not(.search-field--outlined) .search__input {
    padding-inline-start: 0;
    padding-inline-end: calc(8px + 20px + var(--icon-scale));
}

.template-search__search .search__icon {
    margin-inline-end: 0;
}

.template-search__search .search-field__icon {
    pointer-events: all!important;
    inset-inline-start: auto;
    inset-inline-end: calc(14px - var(--border-thickness));
    cursor: pointer;
}

.template-search__search .search-field:not(.search-field--filled):not(.search-field--outlined) .search-field__icon {
    inset-inline-start: auto;
    inset-inline-end: 0;
}

.product__grid-container li.grid-item {
    width: 100%;
    max-width: 100%;
}

.card-container--page {
    position: relative;
    height: fit-content;
}

.card-media--page {
    background-color: rgba(var(--layout-text-color), 0.12);
    overflow: clip;
    border-radius: var(--cards-radius);
    -webkit-border-radius: var(--cards-radius);
}

.card-container--page .page-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    padding: max(calc(var(--inner-section-padding) / 2), 24px);
}

.page-link {
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .page-link:hover {
        opacity: var(--hover-opacity);
    }
}

@media screen and (min-width: 769px) {
    .vertical-filter .product__grid-container-wrapper {
        width: calc(100% - 300px - var(--block-padding));
        min-width: calc(100% - 300px - var(--block-padding));
    }
}

@media screen and (max-width: 1440px) and (min-width: 769px) {
    .vertical-filter .product__grid-container-wrapper {
        width: calc(100% - max(200px, 30%));
        min-width: calc(100% - max(200px, 30%));
    }
}