/** Shopify CDN: Minification failed

Line 2792:0 Unexpected "{"
Line 2792:1 Expected identifier but found "%"
Line 2794:18 Unexpected "{"
Line 2794:27 Expected ":"
Line 2803:18 Unexpected "{"
Line 2803:27 Expected ":"
Line 2807:18 Unexpected "{"
Line 2807:27 Expected ":"
Line 2812:18 Unexpected "{"
Line 2812:27 Expected ":"
... and 6 more hidden warnings

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

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

body {
    overflow-x: hidden;
    word-break: break-word;
    position: relative;
    width: 100vw;
    background-color: rgb(var(--layout-background-color));
}
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background-color: rgb(var(--layout-background-color));
}
body.hidden {
    overflow: clip !important;
    touch-action: none !important;
    -ms-touch-action: none !important;
    overscroll-behavior-y: none;
}
.body-accent-selection ::selection {
    background-color: rgba(var(--accent-button-color), .4);
}
.body.disable-selection:not(.gift-card) {
    user-select: none !important;
    -webkit-user-select: none !important;
}
 
.no-user-select {
    user-select: none;
    -webkit-user-select: none;
}

object {
    overflow: visible !important;
    padding: 0;
    display: block;
    height: fit-content;
}

a {
    color: inherit;
    text-decoration: none;
}
a, button {
    cursor: pointer;
}
a, button, label, dialog, p, a:focus, button:focus, input, input:focus, select, [role="button"] {
    -webkit-tap-highlight-color: transparent!important;
    -webkit-appearance: none;
    appearance: none;
    -webkit-text-fill-color: inherit;
    -moz-appearance: none;
}
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;
}

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

li {
    list-style-type: none;
}

img {
    object-fit: cover;
}

h1, h2, h3, h4, h5, h6 {
    word-break: break-word;
}
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));
}

.theme-content {
    display: flex;
    background-color: rgb(var(--layout-background-color));
    position: relative;
    width: 100vw;
    max-width: 100%;
    z-index: 1;
    min-height: 100vh;
}
.inside-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

[hidden] {
    display: none !important;
}

body.body--contain .inside-content main section:not(.slideshow-section) *:not(.thumbnail-slider *):not(.product__info-container *):not(.rich-text *):not(.media-with-text *):not(.card__content *) {
    contain: layout style;
}
body.body--contain.hidden .inside-content main *,
body.body--contain.quick-view-open .inside-content main * {
    contain: none !important;
}

@media screen and (min-width: 921px) {
    @supports selector(:has(+ *)) {
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .header-section,
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .header-group__sections {
            margin-bottom: -100%;
        }
        .inside-content:has(main .shopify-section:first-child .overlapping-section) .shopify-section-header-hidden:not(.header--static) .header-section {
            transform: translateY(-100%);
        }
    }
    overlap-navigation:not(.loaded) .shopify-section:first-child .overlapping-container-js + div {
        opacity: 0;
    }
    overlap-navigation:not(.loaded) .shopify-section:first-child .overlapping-section .slideshow__controls,
    overlap-navigation:not(.loaded) .shopify-section:first-child .overlapping-section .slideshow__controls-button {
        opacity: 0;
    }
}


.header-group {
    position: relative;
}

.inside-content main {
    flex: 1 1 auto;
    max-width: 100%;
}
.page-width {
    max-width: var(--page-width);
    margin: 0 auto;
}
.grid {
    display: grid;
}

.section-padding--spacious {
    padding-left: 48px;
    padding-right: 48px;
}
.section-padding--compact {
    padding-left: 24px;
    padding-right: 24px;
}

section[id^="shopify-section-"]:first-of-type .ordinal-section {
    padding-top: max(calc(24px + var(--padding-top)), 0px);
}

section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
    padding-bottom: max(calc(160px + var(--padding-bottom)), 0px);
}

section[id^="shopify-section-"]:last-of-type .ordinal-section--compact {
    padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
}

.ordinal-section--spacious {
    --section-padding: 96px;
}
.ordinal-section--spacious.ordinal-section--lines {
    --section-padding: 64px;
}
.ordinal-section--compact {
    --section-padding: 32px
}
.ordinal-section {
    padding-top: max(calc(var(--section-padding) + var(--padding-top)), 0px);
    padding-bottom: max(calc(var(--section-padding) + var(--padding-bottom)), 0px);
}

.app {
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-weight: var(--base-font-weight);
}

input {
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 0;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    transition-delay: 300s;
}
input[type="checkbox"], 
input[type="radio"] {
    border: var(--outline-thickness) solid rgb(var(--accent-button-color));
    background: transparent;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.no-default-color input[type="checkbox"] {
    border-color: rgb(var(--layout-text-color));
}
input[type="checkbox"] {
    border-radius: 3px;
}
input[type="checkbox"]:focus {
    outline-offset: -1px;
}
input[type="checkbox"]:checked {
    background-color: rgb(var(--accent-button-color));
    position: relative;
}
.no-default-color input[type="checkbox"]:checked {
    background-color: rgb(var(--layout-text-color));
}
input[type="checkbox"]:checked::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 5;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 90%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 90%;
    background-color: rgb(var(--layout-background-color));
    -moz-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjcyNDIgMTYuMzUwOEwwLjgzMzI1MiA5LjUxMTY1TDIuMDExNTkgOC4zMzMzM0w3LjY3MjQyIDEzLjk5NDFMMTcuNDk5OSA0LjE2NjY2TDE4LjY3ODMgNS4zNDQ5OUw3LjY3MjQyIDE2LjM1MDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjcyNDIgMTYuMzUwOEwwLjgzMzI1MiA5LjUxMTY1TDIuMDExNTkgOC4zMzMzM0w3LjY3MjQyIDEzLjk5NDFMMTcuNDk5OSA0LjE2NjY2TDE4LjY3ODMgNS4zNDQ5OUw3LjY3MjQyIDE2LjM1MDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjcyNDIgMTYuMzUwOEwwLjgzMzI1MiA5LjUxMTY1TDIuMDExNTkgOC4zMzMzM0w3LjY3MjQyIDEzLjk5NDFMMTcuNDk5OSA0LjE2NjY2TDE4LjY3ODMgNS4zNDQ5OUw3LjY3MjQyIDE2LjM1MDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
input[type="radio"] {
    border-radius: 50%;
}
input[type="radio"]:checked {
    background-image: radial-gradient(rgb(var(--layout-background-color)) 0px, rgb(var(--layout-background-color)) 20%, rgb(var(--accent-button-color)) 20%, rgb(var(--accent-button-color)) 100%);
}
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[disabled="disabled"] {
    cursor: default;
    background-color: rgb(var(--layout-background-color));
    border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.8);
}

textarea {
    background-color: transparent;
    border-radius: var(--textarea-radius);
    color: rgb(var(--layout-text-color));
}

.select {
    position: relative;
}
select {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    background: transparent;
    padding: 0 32px 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    min-height: 44px;
}
.select svg {
    fill: rgb(var(--layout-text-color));
}
.select select {
    -webkit-appearance: none;
    appearance: none;
    -webkit-text-fill-color: rgb(var(--layout-text-color));
    -moz-appearance: none;
    line-height: calc(44px - var(--outline-thickness));
}
.select-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    display: flex;
    align-items: center;
    z-index: 3;
    pointer-events: none;
}
.select-icon svg {
    width: auto;
    height: 100%;
}

.solid-button, 
.outlined-button,
.link-button {
    width: fit-content;
    transition: all var(--animation-duration) var(--transition-timing-function);
}
.solid-button, 
.outlined-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
}
.link-button {
    display: inline;
}
.big-button,
.shopify-challenge__button,
.solid-button,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
body .shopify-pc__prefs__header-actions > button.primary {
    position: relative;
    color: rgb(var(--base-button-color));
    background-color: rgb(var(--accent-button-color));
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
    z-index: 3;
}
shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-block-size: 44px;
    --shopify-accelerated-checkout-button-border-radius: var(--button-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: 42px;
    --shopify-accelerated-checkout-button-inline-size: 54px;
    --shopify-accelerated-checkout-button-border-radius: var(--button-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;
}
.big-button,
.shopify-challenge__button {
    padding: 12px 32px;
    min-height: 64px;
    transition: background-color var(--animation-duration) var(--transition-timing-function);
}
.solid-button,
.outlined-button,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
body .shopify-pc__prefs__header-actions > button {
    padding: 6px 24px;
    min-height: 44px;
}
.outlined-button::after,
.buttons-zoom.elem-hover--outlined:not(.disabled)::after,
.solid-button::after, 
.big-button::after, 
.shopify-challenge__button::after,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept::after,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline::after,
body .shopify-pc__prefs__header-actions > button::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
}
.buttons-zoom.elem-hover--outlined:not(.disabled) a {
    z-index: 1;
}
.outlined-button::after,
.buttons-zoom.elem-hover--outlined:not(.disabled)::after,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline::after,
body .shopify-pc__prefs__header-actions > button:not(.primary)::after  {
    border: var(--outline-thickness) solid rgb(var(--accent-button-color));
    transition: transform var(--animation-duration) var(--transition-timing-function), border var(--animation-duration) var(--transition-timing-function);
}
.buttons-zoom.elem-hover--outlined:not(.disabled) .outlined-button::after {
    display: none;
}
.elem-hover {
    width: fit-content;
}
.solid-button::after, 
.big-button::after, 
.shopify-challenge__button::after,
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:after,
body .shopify-pc__prefs__header-actions > button.primary::after {
    border: var(--outline-thickness) solid transparent;
}
.no-default-color .big-button, 
.no-default-color .solid-button, 
.no-default-color .shopify-challenge__button {
    color: rgb(var(--layout-background-color));
    background-color: rgb(var(--layout-text-color));
    will-change: opacity;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.no-default-color .big-button[disabled], 
.no-default-color .solid-button[disabled], 
.no-default-color .shopify-challenge__button[disabled] {
    color: rgb(var(--layout-background-color));
    background-color: rgba(var(--layout-text-color), 0.8);
}
.big-button svg
.solid-button svg {
    fill: rgb(var(--base-button-color));
}
.big-button[disabled] svg
.solid-button[disabled] svg {
    fill: rgba(var(--layout-text-color), 0.8);
}
.buttons-zoom.elem-hover {
    position: relative;
}
.buttons-zoom .solid-button:not([disabled])::before,
.buttons-zoom .big-button:not([disabled])::before,
.buttons-zoom.elem-hover--solid:not(.disabled)::before {
    content: "";
    position: absolute;
    background-color: rgb(var(--accent-button-color));
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--button-radius);
    overflow: hidden;
    transition: transform var(--animation-duration) var(--transition-timing-function), background-color var(--animation-duration) var(--transition-timing-function);
}
.buttons-zoom .solid-button:not([disabled])::before,
.buttons-zoom .big-button:not([disabled])::before {
    z-index: -1;
}
.buttons-zoom.elem-hover--solid:not(.disabled)::before {
    z-index: 0;
}
.no-default-color .buttons-zoom .solid-button:not([disabled])::before,
.no-default-color .buttons-zoom .big-button:not([disabled])::before,
.no-default-color .buttons-zoom.elem-hover--solid:not(.disabled)::before {
    background-color: rgb(var(--layout-text-color));
}

.big-button[disabled],
.solid-button[disabled] {
    color: rgb(var(--layout-background-color));
    background-color: rgba(var(--layout-text-color), 0.8);
}
.big-button[disabled],
.solid-button[disabled],
.outlined-button[disabled],
.link-button[disabled],
button[disabled] {
    cursor: default;
    pointer-events: none;
}
.outlined-button {
    position: relative;
    color: rgb(var(--accent-button-color));
    background-color: transparent;
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
}

.outlined-button svg {
    fill: rgb(var(--accent-button-color));
}
.outlined-button[disabled],
.no-default-color .outlined-button[disabled],
.link-button[disabled] {
    color: rgba(var(--layout-text-color), 0.8);
}
.outlined-button[disabled]::after, 
.no-default-color .outlined-button[disabled]::after {
    border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.8);
}
.outlined-button[disabled] svg {
    fill: rgba(var(--layout-text-color), 0.8);
}
.no-default-color .outlined-button,
.no-default-color .link-button {
    color: rgb(var(--layout-text-color));
}
.no-default-color .outlined-button::after,
.no-default-color .buttons-zoom.elem-hover--outlined:not(.disabled)::after {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
}
.no-default-color .outlined-button svg {
    fill: rgb(var(--layout-background-color));
}
.no-default-color .outlined-button[disabled] svg {
    fill: rgba(var(--layout-background-color), 0.8);
}
.link-button {
    color: rgb(var(--accent-button-color));
    background-color: transparent;
}

@media (hover: hover) {
    .big-button:hover, 
    .solid-button:hover, 
    .shopify-challenge__button:hover,
    body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept:hover,
    body .shopify-pc__prefs__header-actions > button.primary:hover {
        background-color: rgb(var(--hover-button-color));
    }
    .buttons-zoom .big-button:hover::before, 
    .buttons-zoom .solid-button:hover::before,
    .buttons-zoom.elem-hover--solid:hover::before {
        transform: scale3d(1.02,1.1,1);
        background-color: rgb(var(--hover-button-color));
    }
    .no-default-color .big-button:hover,
    .no-default-color .solid-button:hover, 
    .no-default-color .shopify-challenge__button:hover {
        color: rgb(var(--layout-background-color));
        background-color: rgb(var(--layout-text-color));
        opacity: .7;
    }
    .no-default-color .buttons-zoom .big-button:hover::before,
    .no-default-color .buttons-zoom .solid-button:hover::before, 
    .no-default-color .buttons-zoom .elem-hover--solid:hover::before,
    .no-default-color .buttons-zoom.elem-hover--solid:hover::before {
        background-color: rgb(var(--layout-text-color));
    }
    .outlined-button:hover,
    body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover,
    body .shopify-pc__prefs__header-actions > button:not(.primary):hover {
        color: rgb(var(--hover-button-color));
    }
    .outlined-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .outlined-button:hover {
        color: rgb(var(--layout-text-color));
        opacity: .7;
    }
    .outlined-button:hover::after,
    .buttons-zoom .outlined-button:hover::after,
    .buttons-zoom.elem-hover--outlined:hover::after,
    body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline:hover::after,
    body .shopify-pc__prefs__header-actions > button:not(.primary):hover::after {
        border: var(--outline-thickness) solid rgb(var(--hover-button-color));
    }
    .buttons-zoom .outlined-button:hover::after,
    .buttons-zoom.elem-hover--outlined:hover::after {
        transform: scale3d(1.02,1.1,1);
    }
    .no-default-color .outlined-button:hover::after, 
    .no-default-color .buttons-zoom .outlined-button:hover::after, 
    .no-default-color .buttons-zoom.elem-hover--outlined:hover::after {
        border: var(--outline-thickness) solid rgba(var(--layout-text-color), 0.7);
    }
    .link-button:hover {
        color: rgb(var(--hover-button-color));
    }
    .no-default-color .link-button:hover {
        color: rgb(var(--layout-text-color)); 
        opacity: .7;
    }
}

.richtext p:not(:last-child) {
    padding-bottom: 1em;
    display: block;
}
.richtext *:not(p):not(:first-child):not(strong):not(em):not(a):not(.table-block__col):not(li):not(.table-block__col *):not(span) {
    padding-top: 1em;
    display: block;
}
.richtext *:not(p):not(:last-child):not(strong):not(em):not(a):not(.table-block__col):not(:only-child):not(.table-block__col *):not(span) {
    padding-bottom: .5em;
    display: block;
}
.richtext ul {
    display: inline-block;
}
.richtext ul li {
    list-style-type: disc;
}
.richtext ol li {
    list-style-type: auto;
}
.richtext ul, .richtext ol {
    width: fit-content;
}
.center .richtext ul, .center .richtext ol {
    margin-left: auto;
    margin-right: auto;
}
.field--checkbox .richtext ul, .field--checkbox  .richtext ol {
    margin-left: 0;
    margin-right: 0;
}
.richtext ul li, .richtext ol li {
    display: list-item !important;
    list-style-position: inside;
    text-align: start;
    width: fit-content;
}

.richtext:not(.text-block__item) h1 {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: -0.01em;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h2 {
    font-size: 40px;
    line-height: 54px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h3 {
    font-size: 32px;
    line-height: 46px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h4 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h5 {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: normal;
    font-weight: inherit;
}
.richtext:not(.text-block__item) h6 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: normal;
    font-weight: inherit;
}

.richtext.text-block__item h1,
.richtext.text-block__item h2,
.richtext.text-block__item h3,
.richtext.text-block__item h4,
.richtext.text-block__item h5,
.richtext.text-block__item h6 {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
}

/* Animation for links */

.link-animation {
    position: relative;
    will-change: opacity;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
.link-animation--underline span,
.link-animation span,
.menu__list--secondary-sidebar .link-animation--underline span {
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    transition: background-size var(--animation-duration) var(--transition-timing-function);
}
.link--highlighted .link-animation--underline span,
.link--highlighted .link-animation span,
.menu__list--secondary-sidebar .link--highlighted .link-animation--underline span {
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--highlight-color)) 0px,rgb(var(--highlight-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    transition: background-size var(--animation-duration) var(--transition-timing-function);
}
.link-animation--underline span,
.link-animation span {
    background-position: right bottom, right bottom;
    background-size: 0% 1px, 100% 1px;
}
.link-animation--underline.underline-active span,
.link-animation.underline-active span {
    background-size: 100% 1px, 100% 1px;
}
.menu__list--secondary-sidebar .link-animation--underline span,
.menu__list--secondary-sidebar .link-animation span {
    background-position: bottom left, bottom left;
    background-size: 1px 0%, 1px 100%;
}
.menu__item.color-accent .link-animation--underline span,
.menu__item.color-accent .link-animation span {
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
}
.underline-active {
    cursor: default;
}
.link-animation--slide span {
    line-height: 135% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: transform var(--animation-duration) .1s;
    position: relative;
}
.link-animation--slide:not(.underline-active) span::before {
    content: attr(data-hover);
    line-height: 135% !important;
    position: absolute;
    top: 100%;
    display: flex;
    align-items: flex-start;
    overflow-y: hidden;
    transform: translate3d(0, 0, 0);
    will-change: opacity;
    transition: opacity 0.1s var(--transition-timing-function) 0.1s;
}
.secondary-sidebar .link-animation--slide:not(.underline-active) span::before {
    top: 0;
    left: -100%;
}
.transparent-sidebar.invert-sidebar .link-animation--slide:not(.underline-active) span::before {
    content: attr(data-hover);
    background: inherit;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.menu__list--secondary-sidebar .underline-active {
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
}
.underline-active {
    background-position: right bottom, right bottom;
    background-size: 100% 1px, 100% 1px;
}
.menu__list--secondary-sidebar .underline-active {
    background-position: left top, left top;
    background-size: 1px 100%, 1px 100%;
    transition: background-size var(--animation-duration) var(--transition-timing-function);
}
.richtext a,
.link-button,
.icon-button.link-button .icon-button__title,
.shopify-pc__banner__body p a,
.shopify-pc__banner__btn-manage-prefs span {
    color: rgb(var(--accent-button-color));
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 100% 1px, 100% 1px;
    will-change: color;
    transition: color var(--animation-duration) var(--transition-timing-function);
}

.link-button[disabled], 
.icon-button.link-button[disabled] .icon-button__title {
    background-image: linear-gradient(to top,rgba(var(--layout-text-color), 0.8) 0px,rgba(var(--layout-text-color), 0.8) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    color: rgba(var(--layout-text-color), 0.8);
}

.no-default-color .richtext a,
.no-default-color .link-button,
.no-default-color .icon-button.link-button .icon-button__title {
    will-change: opacity;
    color: rgb(var(--layout-text-color));
    background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    transition: color var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.no-default-color .link-button[disabled],
.no-default-color .icon-button.link-button[disabled] .icon-button__title {
    color: rgba(var(--layout-text-color), 0.8);
    background-image: linear-gradient(to top,rgba(var(--layout-text-color), 0.8) 0px,rgba(var(--layout-text-color), 0.8) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
}

.richtext-link--underline a,
.link-button--underline {
    transition: background-size var(--animation-duration) var(--transition-timing-function), color var(--animation-duration) var(--transition-timing-function), background-position var(--animation-duration) var(--transition-timing-function);
}

.icon-button.link-button {
    background-image: none!important;
    background-size: 0 !important;
}

.solid-button.icon-button svg {
    fill: rgb(var(--layout-background-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
.outlined-button.icon-button svg, 
.link-button.icon-button svg {
    fill: rgb(var(--accent-button-color));
    transition: fill var(--animation-duration) var(--transition-timing-function);
}

.no-default-color .outlined-button.icon-button svg,
.no-default-color .link-button.icon-button svg {
    fill: rgb(var(--layout-text-color));
}
.outlined-button[disabled].icon-button svg,
.link-button[disabled].icon-button svg {
    fill: rgba(var(--layout-text-color), 0.8);
}
@media (hover: hover) {
    .outlined-button.icon-button:hover svg,
    .link-button.icon-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .outlined-button.icon-button:hover svg,
    .no-default-color .link-button.icon-button:hover svg {
        fill: rgba(var(--layout-text-color), 0.7);
    }
}

@media (hover: hover) {
    .richtext a:hover,
    .link-button:not(.icon-button):hover,
    .icon-button.link-button:hover .icon-button__title,
    .shopify-pc__banner__body p a:hover,
    .shopify-pc__banner__btn-manage-prefs span:hover {
        color: rgb(var(--hover-button-color));
        opacity: 1;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    .icon-button.link-button:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .no-default-color .richtext a:hover,
    .no-default-color .link-button:not(.icon-button):hover,
    .no-default-color .icon-button.link-button:hover .icon-button__title  {
        color: rgb(var(--layout-text-color));
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
        opacity: .7;
    }
    .no-default-color .richtext-link--underline a:hover,
    .no-default-color .link-button--underline:not(.icon-button):hover,
    .no-default-color .icon-button.link-button--underline:hover .icon-button__title {
        opacity: 1;
        animation: startAnimateUnderlinedLinksNoColor var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinksNoColor var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
    .richtext-link--underline a:hover,
    .link-button--underline:not(.icon-button):hover,
    .icon-button.link-button--underline:hover .icon-button__title  {
        opacity: 1;
        animation: startAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function), endAnimateUnderlinedLinks var(--animation-duration) var(--transition-timing-function)  var(--animation-duration);
    }
}

@keyframes startAnimateUnderlinedLinks {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--accent-button-color)) 0px,rgb(var(--accent-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinks {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--hover-button-color)) 0px,rgb(var(--hover-button-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}

@keyframes startAnimateUnderlinedLinksNoColor {
    0% {
        background-position: right bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    100% {
        background-position: right bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}
@keyframes endAnimateUnderlinedLinksNoColor {
    from {
        background-position: left bottom, left bottom;
        background-size: 0% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
    to {
        background-position: left bottom, right bottom;
        background-size: 100% 1px, 100% 1px;
        background-image: linear-gradient(to top,rgb(var(--layout-text-color)) 0px,rgb(var(--layout-text-color)) 0px),linear-gradient(to top,transparent 0px,transparent 0px);
    }
}



@media (hover: hover) {
    .hover-link:hover .link-animation:not(.underline-active) {
        opacity: .7;
    }
    .hover-link:hover .link-animation--underline:not(.underline-active) span {
        background-position: left bottom, left bottom;
        background-size: 100% 1px, 100% 1px;
    }
    .menu__list--secondary-sidebar .hover-link:hover .link-animation--underline:not(.underline-active) span {
        background-position: top left,top left;
        background-size: 1px 100%, 1px 100%;
    }
    .hover-link:hover .link-animation--slide:not(.underline-active) span {
        transform: translateY(-100%);
    }
    .secondary-sidebar .hover-link:hover .link-animation--slide:not(.underline-active) span {
        transform: translateX(100%);
    }
    .hover-link:hover .link-animation--slide:not(.underline-active) span::before {
        opacity: 0.7;
        background: inherit;
    }
}

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

summary {
    list-style: none;
}

html.no-js .no-js-hidden {
    display: none !important;
}

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

.product__placeholder img {
    width: 100%;
    height: 100%
}

.media {
    display: block;
    position: relative;
    overflow: hidden;
}
  
.media--transparent {
    background-color: transparent;
}

.media > *:not(.zoom):not(.deferred-media__poster-button),
.media model-viewer {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.product--full_width .media > *:not(.zoom):not(.deferred-media__poster-button),
.product--full_width .media model-viewer {
    display: block;
    min-width: 100%;
    width: auto;
    height: 100%;
}

.media--square {
    padding-bottom: 100%;
}
.media--portrait {
    padding-bottom: 125%;
}
.media--landscape {
    padding-bottom: 66.6%;
}

.media.media--hover-effect > img + img {
    opacity: 0;
}

.ratio-original {
    aspect-ratio: auto;
}
.ratio-square {
    aspect-ratio: 1 / 1;
}
.ratio-portrait {
    aspect-ratio: 4 / 5;
}
.ratio-narrow_portrait {
    aspect-ratio: 2 / 3;
}
.ratio-traditional {
    aspect-ratio: 4 / 3;
}
.ratio-landscape {
    aspect-ratio: 3 / 2;
}
.ratio-wide {
    aspect-ratio: 16 / 9;
}
.ratio-super_wide {
    aspect-ratio: 4 / 1;
}

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

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

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

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

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

.unit-price {
    display: flex;
}

deferred-media {
    display: block;
}

@media (hover: hover) {
    .quantity__button:hover {
        opacity: 0.7;
    }
}

.quantity__button[name="minus"] {
    transform: rotate(180deg);
}

.quantity {
    display: flex;
    align-items: center;
    border-radius: var(--field-radius);
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    min-height: 44px;
    width: 168px;
}

.quantity__input {
    text-align: center;
    width: 100%;
    height: 100%;
    color: rgb(var(--layout-text-color));
}

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

.quantity__button {
    flex-shrink: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--layout-text-color));
    padding: 0;
    width: 44px;
    height: 40px;
    will-change: opacity;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}
  
.quantity__button svg {
    pointer-events: none;
    fill: rgb(var(--layout-text-color));
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
    z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
    box-shadow: inherit;
    background-color: inherit;
}

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

.quantity__input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.overlay {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgb(var(--layout-text-color));
    
}

.drawer.active .overlay,
.overlay.open, pickup-availability-drawer[open] .overlay {
    display: block; 
    opacity: 0.5;
    z-index: 30;
    animation: disableOpacity .3s var(--transition-timing-function);
}

@keyframes disableOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}

@keyframes drawerOpen {
    0% {
        right: -40px;
        opacity: 0;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

.loading-overlay__spinner.hidden {
    display: none;
}

.button .loading-overlay__spinner svg circle,
.infinite-scroll.loading[data-trigger="button"] svg circle {
    stroke: rgb(var(--base-button-color)) !important;
}

.button-wrapper {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    position: -webkit-sticky;
    top: 16px;
    background-color: transparent;
    z-index: 15;
}

.button-close {
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    z-index: 3;
    background-color: rgb(var(--layout-text-color));
    border-radius: var(--other-buttons-radius);
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
    will-change: opacity;
}

.button-close::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    cursor: pointer;
    border-radius: var(--other-buttons-radius);
    background-color: rgb(var(--layout-text-color));
    box-shadow: 0px 0px 2px rgba(var(--layout-text-color), var(--close-button-shadow)), 0px 2px 10px rgba(var(--layout-text-color), var(--close-button-shadow));
    transition: transform var(--animation-duration) var(--transition-timing-function), opacity var(--animation-duration) var(--transition-timing-function);
}

.cart-drawer .button-close.fill svg,
.filter-form .button-close.fill svg {
    fill: rgb(var(--popup-background-color));
}
.button-close svg {
    will-change: opacity;
    fill: rgb(var(--layout-background-color));
    transition: transform var(--animation-duration) var(--transition-timing-function), fill var(--animation-duration) var(--transition-timing-function);
}
.button-close.fill svg,
.no-default-color .button-close.fill:not(.close-popup) svg {
    fill: rgb(var(--layout-background-color));
}
.no-default-color .button-close:not(.close-popup),
.no-default-color .button-close:not(.close-popup)::after {
    background-color: rgb(var(--layout-text-color));
}
.no-default-color .button-close:not(.close-popup) svg {
    fill: rgb(var(--layout-background-color));
}
@media (hover: hover) {
    .button-close:hover {
        opacity: .7;
    }
    .button-close:hover svg {
        opacity: .7;
        transform: rotate(180deg);
    }
    .buttons-zoom .button-close:hover::after {
        transform: scale3d(1.1,1.1,1);
    }
}

.label {
    display: block;
    margin-bottom: 4px;
    color: rgb(var(--layout-text-color));
}
.input {
    border: var(--outline-thickness) solid rgb(var(--layout-text-color));
    border-radius: var(--field-radius);
    color: rgb(var(--layout-text-color));
    min-height: 44px;
    padding: 8px 16px;
}
.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.5);
}

.fields-wrapper .field:not(:last-child) {
    margin-bottom: 16px;
}
.field--checkbox {
    display: flex;
    align-items: center;
    position: relative;
}
.field--checkbox input[type="checkbox"] {
    flex-shrink: 0;
}
.field--checkbox .label {
    color: rgb(var(--layout-text-color));
    margin-left: 8px;
    margin-bottom: 0;
}
.field--checkbox, select {
    cursor: pointer;
}
.shopify-challenge__container {
    margin-top: 128px;
    margin-bottom: 128px;
}

.main--spacious .shopify-challenge__container {
    padding-left: 48px;
    padding-right: 48px;
}

.main--compact .shopify-challenge__container {
    padding-left: 24px;
    padding-right: 24px;
}

.shopify-challenge__message {
    color: rgb(var(--layout-text-color));
    margin-bottom: 32px;
    font-family: var(--base-font-family);
    font-style: var(--base-font-style);
    font-weight: var(--base-font-weight);
    text-transform: uppercase; 
    letter-spacing: 0.02em;
    text-align: start;
}

.shopify-challenge__container .shopify-challenge__button {
    margin-top: 32px;
    width: 100%;
    min-height: 64px;
    cursor: pointer;
}

.popup-wrapper {
    display: none;
    opacity: 0;
    top: calc(50% + 40px);
}
.popup-wrapper:not(.filter-form).open {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 65px - 65px);
    width: 720px;
    max-width: calc(100% - 50px - 50px);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    box-shadow: 0px 7px 38px 0px rgba(0, 0, 0, 0.10);
    z-index: 50;
    opacity: 1;
    background-color: rgb(var(--popup-background-color));
    animation: modalAndPopupOpen var(--animation-duration) var(--transition-timing-function);
}
.popup-wrapper.popup-wrapper--page:not(.filter-form).open {
    width: 1024px;
}

@keyframes modalAndPopupOpen {
    0% {
        top: calc(50% + 40px);
        opacity: 0;
    }
    100% {
        top: 50%;
        opacity: 1;
    }
}

.popup-content,
.popup__text.popup-content:last-child {  
    padding: 42px 64px 64px;
}
.popup__text.popup-content {
    padding: 42px 64px 0;
}
.popup-wrapper.open::-webkit-scrollbar { 
    width: 0;
    height: 0;
    display: none;
}
.popup-wrapper.open::-moz-scrollbar { 
    width: 0;
    height: 0;
    display: none;
    scrollbar-width: none;
}

ul:empty, p:empty {
    display: none;
}
.slider-button[disabled="disabled"] svg {
    fill: rgba(var(--layout-text-color), 0.5);
}

.dim {
    opacity: .7;
}

.heading {
    color: rgb(var(--layout-text-color));
}
.heading--accent {
    color: rgb(var(--accent-button-color));
}

.page-width {
    margin-left: auto;
    margin-right: auto;
}
.page-width--1200 {
    max-width: 1200px;
    width: 100%;
}
.page-width--1400 {
    max-width: 1400px;
    width: 100%;
}
.page-width--1700 {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.hover-accent {
    transition: color var(--animation-duration) var(--transition-timing-function);
}
.hover-accent svg {
    transition: fill var(--animation-duration) var(--transition-timing-function);
}
.hover-opacity {
    will-change: opacity;
    transition: opacity var(--animation-duration) var(--transition-timing-function);
}

@media (hover: hover) {
    .hover-accent:hover {
        color: rgb(var(--hover-button-color));
    }
    .hover-accent:hover svg {
        fill: rgb(var(--hover-button-color));
    }
    .hover-opacity:hover {
        opacity: .7;
    }
}

overlap-navigation {
    display: block;
    width: 100%;
}

 .shopify-section-group-additional-header-sections {
    position: relative;
    z-index: 1;
 }

pickup-availability-drawer {
    display: block;
    visibility: hidden;
    position: fixed;
    pointer-events: none;
    top: 0;
    right: 0;
    z-index: 101;
}
pickup-availability-drawer[open] {
    display: block;
    visibility: visible;
    pointer-events: all;
}

/* Recommendation modal */
.recommendation-modal__container {
    background-color: rgb(var(--layout-background-color));
    color: rgb(var(--layout-text-color));
}

.recommendation-modal__close-button {
    width: 44px;
    height: 44px;
}

.recommendation-modal__message--bold {
    font-weight: inherit !important;
}

.recommendation-modal__benefits ul li {
    color: rgb(var(--layout-text-color));
}

.recommendation-modal__backdrop {
    background-color: rgb(var(--layout-text-color));
    opacity: 0.5;
}

.recommendation-modal__form button {
    margin-top: 24px !important;
}

.recommendation-modal__button {
    color: rgb(var(--layout-background-color)) !important;
    background-color: rgb(var(--layout-text-color)) !important;
    height: 64px !important;
    border-radius: var(--button-radius) !important;
}

.recommendation-modal__button--minimal {
    color: rgb(var(--layout-text-color));
    height: 44px !important;
    width: 100% !important;
    border: var(--line-width) solid rgb(var(--layout-text-color));
    text-decoration-line: none !important;
}

.brutalist .recommendation-modal__message,
.brutalist .recommendation-modal__message--align-start,
.brutalist .recommendation-modal__button {
    font: var(--base-body-l-font) !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.duet .recommendation-modal__message,
.duet .recommendation-modal__message--align-start,
.duet .recommendation-modal__button {
    font: var(--accent-body-m-font) !important;
}
.minimal_basic .recommendation-modal__message,
.minimal_basic .recommendation-modal__message--align-start,
.minimal_basic .recommendation-modal__button {
    font: var(--base-body-m-font) !important;
}
.minimal_uppercase .recommendation-modal__message,
.minimal_uppercase .recommendation-modal__message--align-start,
.minimal_uppercase .recommendation-modal__button {
    font: var(--base-body-s-font) !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.minimal_heavy .recommendation-modal__message,
.minimal_heavy .recommendation-modal__message--align-start,
.minimal_heavy .recommendation-modal__button {
    font: var(--base-heading-xs-font) !important;
}
.contrast .recommendation-modal__message,
.classic .recommendation-modal__message,
.contrast .recommendation-modal__message--align-start,
.classic .recommendation-modal__message--align-start,
.contrast .recommendation-modal__button,
.classic .recommendation-modal__button {
    font: var(--accent-body-l-font) !important;
}
.avant_garde .recommendation-modal__message,
.avant_garde .recommendation-modal__message--align-start,
.avant_garde .recommendation-modal__button {
    font: var(--base-body-m-font) !important;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.minimal_uppercase .recommendation-modal__benefits ul li, 
.minimal_basic .recommendation-modal__benefits ul li, 
.classic .recommendation-modal__benefits ul li,
.contrast .recommendation-modal__benefits ul li,
.minimal_uppercase .recommendation-modal__button--minimal, 
.minimal_basic .recommendation-modal__button--minimal, 
.classic .recommendation-modal__button--minimal,
.contrast .recommendation-modal__button--minimal,
.minimal_uppercase .recommendation-modal__content select, 
.minimal_basic .recommendation-modal__content select, 
.classic .recommendation-modal__content select,
.contrast .recommendation-modal__content select {
  font: var(--base-label-font) !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.minimal_heavy .recommendation-modal__benefits ul li,
.minimal_heavy .recommendation-modal__button--minimal,
.minimal_heavy .recommendation-modal__content select {
  font: var(--base-body-l-font) !important;
}
.brutalist .recommendation-modal__benefits ul li,
.brutalist .recommendation-modal__button--minimal,
.brutalist .recommendation-modal__content select {
  font: var(--base-body-l-font) !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.avant_garde .recommendation-modal__benefits ul li,
.avant_garde .recommendation-modal__button--minimal,
.avant_garde .recommendation-modal__content select {
  font: var(--accent-body-m-font) !important;
}
.duet .recommendation-modal__benefits ul li,
.duet .recommendation-modal__button--minimal,
.duet .recommendation-modal__content select {
  font: var(--base-body-m-font) !important;
}

/* Fonts */
.body-secondary-text--minimal_uppercase {
    font: var(--base-body-s-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.label-checkbox--minimal_heavy,
.label-checkbox--duet {
    font: var(--base-body-l-font);
}
.label-checkbox--avant_garde  {
    font: var(--accent-body-m-font);
}
.label-checkbox--minimal_uppercase,
.label-checkbox--minimal_basic,
.label-checkbox--classic,
.label-checkbox--contrast {
    font: var(--base-body-m-font);
}
.label-checkbox--brutalist {
    font: var(--accent-heading-xs-font);
}

.body-secondary-text--minimal_basic,
.body-secondary-text--classic,
.label--minimal_uppercase,
.input--minimal_uppercase, .input--minimal_basic, .input--classic,
.big-button--minimal_uppercase, .big-button--classic,
.button--minimal_uppercase, .button--classic,
.minimal_uppercase .shopify-challenge__button,
.classic .shopify-challenge__button {
    font: var(--base-body-s-font);
}

.body-secondary-text--minimal_heavy,
.body-text--minimal_heavy,
.body-text--duet,
.label--minimal_heavy, .label--brutalist, .input--minimal_heavy, .input--brutalist,
.button--minimal_heavy  {
    font: var(--base-body-l-font);
}

.body-secondary-text--avant_garde,
.input--duet, .input--avant_garde,
.button--avant_garde, .button--contrast {
    font: var(--accent-body-s-font);
}

.body-secondary-text--contrast,
.label--minimal_basic, .label--classic, .label--avant_garde, .label--contrast,
.input--contrast,
.button--minimal_basic {
    font: var(--base-label-font);
}

.body-secondary-text--brutalist {
    font: var(--base-body-l-font);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.body-secondary-text--duet,
.body-text--minimal_uppercase,
.body-text--minimal_basic,
.body-text--classic,
.body-text--contrast,
.label--duet,
.big-button--minimal_basic, .big-button--avant_garde,
.minimal_basic .shopify-challenge__button,
.avant_garde .shopify-challenge__button {
    font: var(--base-body-m-font);
}
.body-text--avant_garde,
.button--duet {
    font: var(--accent-body-m-font);
}

.body-text--brutalist,
.big-button--contrast,
.contrast .shopify-challenge__button {
    font: var(--accent-heading-xs-font);
}

.label--minimal_uppercase, .label--minimal_basic, .label--classic, .label--avant_garde, .label--contrast, .label--brutalist,
.input--minimal_uppercase, .input--brutalist {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.big-button--minimal_heavy, .big-button--brutalist,
.minimal_heavy .shopify-challenge__button,
.brutalist .shopify-challenge__button {
    font: var(--base-heading-xs-font);
}
.big-button--duet, 
.button--brutalist,
.duet .shopify-challenge__button {
    font: var(--accent-body-l-font);
}
.big-button--minimal_uppercase, .big-button--avant_garde, .big-button--brutalist,
.button--minimal_uppercase, .button--minimal_basic,
.minimal_uppercase .shopify-challenge__button,
.avant_garde .shopify-challenge__button,
.brutalist .shopify-challenge__button {
    text-transform: uppercase; 
} 
.big-button--minimal_uppercase, .big-button--avant_garde,
.button--minimal_uppercase, .button--minimal_basic,
.minimal_uppercase .shopify-challenge__button,
.avant_garde .shopify-challenge__button {
    letter-spacing: 0.02em;
}
main.password-main {
    position: relative;
    z-index: 1;
}
body .shopify-pc__prefs__dialog header h2 {
    font: var(--base-heading-s-font);
}
body #shopify-pc__banner__body-title,
body .shopify-pc__prefs__dialog h3,
body .shopify-pc__prefs__dialog label {
    font: var(--base-heading-xs-font);
}
body .shopify-pc__banner__body p,
body .shopify-pc__prefs__dialog p,
body .shopify-pc__prefs__dialog li {
    font: var(--base-body-m-font);
}
body .shopify-pc__banner__btns,
body .shopify-pc__prefs__header-actions {
    font: var(--base-body-s-font);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
body .shopify-pc__banner__btns > button,
body .shopify-pc__prefs__header-actions > button {
    position: relative;
}
body .shopify-pc__banner__body p a,
body .shopify-pc__banner__btn-manage-prefs span {
    text-decoration: none;
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-manage-prefs {
    text-decoration: none;
}
body .shopify-pc__banner__dialog, 
body .shopify-pc__banner__dialog p,
.shopify-pc__banner__body #shopify-pc__banner__body-title,
body .shopify-pc__prefs__dialog header,
body .shopify-pc__prefs__dialog header h2,
body .shopify-pc__prefs__scrollable,
body .shopify-pc__prefs__scrollable * {
    background-color: rgb(var(--popup-background-color))!important;
    color: rgb(var(--layout-text-color))!important;
}
body .shopify-pc__prefs__option:first-child,
body .shopify-pc__prefs__dialog header {
    border-color: rgb(var(--layout-text-color));
}
body .shopify-pc__prefs__option label span svg path {
    fill: rgb(var(--layout-text-color));
}
body .shopify-pc__prefs__option label span svg {
    background-color: rgb(var(--popup-background-color));
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
body .shopify-pc__prefs__header-actions > button:not(.primary) {
    border: none;
    background-color: transparent;
    color: rgb(var(--accent-button-color));
    border-radius: var(--button-radius);
    -webkit-border-radius: var(--button-radius);
    transition: all var(--animation-duration) var(--transition-timing-function);
}
body .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
body .shopify-pc__prefs__header-actions > button.primary {
    border: none;
    transition: all var(--animation-duration) var(--transition-timing-function);
}
@media only screen and (max-width: 750px) {
    body .shopify-pc__prefs__header-actions {
        flex-direction: row;
        flex-wrap: wrap;
    }
    body .shopify-pc__prefs__header-actions > button {
        width: auto;
    }
}
@media screen and (max-width: 550px) {
    body .shopify-pc__banner__btns {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media screen and (max-width: 920px) {
    .section-padding--spacious,
    .main--spacious .shopify-challenge__container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media screen and (min-width: 921px) {
    .main_xs--spacious .inside-content {
        max-width: calc(100% - max(12.5%, 280px))
    }
    .main_xs--compact .inside-content {
        max-width: calc(100% - max(12.5%, 200px))
    }
    .main_xs_with_secondary--spacious .inside-content {
        max-width: calc(100% - max(12.5%, 280px) - 96px)
    }
    .main_xs_with_secondary--compact .inside-content {
        max-width: calc(100% - max(12.5%, 200px) - 96px)
    }
    .main_s--spacious .inside-content {
        max-width: calc(100% - max(18.75%, 280px))
    }
    .main_s--compact .inside-content {
        max-width: calc(100% - max(18.75%, 200px))
    }
    .main_s_with_secondary--spacious .inside-content {
        max-width: calc(100% - max(18.75%, 280px) - 96px)
    }
    .main_s_with_secondary--compact .inside-content {
        max-width: calc(100% - max(18.75%, 200px) - 96px)
    }
    .main_m--spacious .inside-content {
        max-width: calc(100% - max(25%, 280px))
    }
    .main_m--compact .inside-content {
        max-width: calc(100% - max(25%, 200px))
    }
    .main_m_with_secondary--spacious .inside-content {
        max-width: calc(100% - max(25%, 280px) - 96px)
    }
    .main_m_with_secondary--compact .inside-content {
        max-width: calc(100% - max(25%, 200px) - 96px)
    }
    .main_l--spacious .inside-content,
    .main_l--compact .inside-content {
        max-width: 50%;
    }
}

/* Styles for full-width page without sidebars */
/* Laptop */
@media screen and (max-width: 1440px) {
    section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
    }
    .ordinal-section--spacious {
        --section-padding: 80px;
    }
    .ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 48px;
    }
}
/* Max page width 1200px or 1400px */
@media screen and (min-width: 1200px) {
    .page-width.ordinal-section--spacious {
        --section-padding: 80px;
    }
    .page-width.ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 48px;
    }
    section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
        padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
    }
}
/* Tablet */
@media screen and (max-width: 1024px) {
    .shopify-challenge__container {
        margin-top: 96px;
        margin-bottom: 96px;
    }
    section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
    }
}
/* Mobile */
@media screen and (max-width: 768px) {
    .ordinal-section--spacious {
        --section-padding: 64px;
    }
    .ordinal-section--spacious.ordinal-section--lines {
        --section-padding: 32px;
    }
    section[id^="shopify-section-"]:first-of-type .ordinal-section {
        padding-top: max(calc(16px + var(--padding-top)), 0px);
    }
    section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
    }
    .section-padding--spacious,
    .section-padding--compact {
        padding-left: 16px;
        padding-right: 16px;
    } 
    .shopify-challenge__container {
        margin-top: 64px;
        margin-bottom: 64px;
    }
    .main--spacious .shopify-challenge__container,
    .main--compact .shopify-challenge__container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .shopify-challenge__message  {
        margin-bottom: 24px;
    }
    .popup-wrapper:not(.filter-form).open {
        max-height: calc(100% - 32px);
        max-width: calc(100% - 16px);
    }
    .popup-content,
    .popup__text.popup-content:last-child {  
        padding: 42px 24px 48px;
    }
    .popup__text.popup-content {
        padding: 42px 24px 0;
    }
    .solid-button, 
    .outlined-button,
    .shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept,
    .shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
    body .shopify-pc__prefs__header-actions > button {
        min-width: 120px;
        padding: 6px 12px;
        min-height: 36px;
    }
}
/* Mobile-mini */
@media screen and (max-width: 500px) {
    section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
        padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
    }
    section[id^="shopify-section-"]:last-of-type .ordinal-section--compact {
        padding-bottom: max(calc(32px + var(--padding-bottom)), 0px);
    }
    .ordinal-section--spacious {
        --section-padding: 48px;
    }
    .ordinal-section--compact {
        --section-padding: 24px
    }
    .section-padding--spacious, 
    .section-padding--compact {
        padding-left: 16px;
        padding-right: 16px;
    }
    .shopify-challenge__container {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

/* Sidebars: Main XS and white space Spacious */
    /* Laptop */
    @media screen and (max-width: 1720px) and (min-width: 921px) {
        .main_xs--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_xs--spacious .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_xs--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 1480px) {
        .main_xs--spacious .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_xs--spacious .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_xs--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 1304px) and (min-width: 921px) {
        .main_xs--spacious .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_xs--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @media screen and (max-width: 1048px) and (min-width: 921px) {
        .main_xs--spacious .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_xs--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_xs--spacious section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_xs--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_xs--spacious .section-padding--spacious,
        .main_xs--spacious .main--spacious .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_xs--spacious .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_xs--spacious .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_xs--spacious .popup-content,
        .main_xs--spacious .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_xs--spacious .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_xs--spacious .solid-button, 
        .main_xs--spacious .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
/* Sidebars: Main XS and white space Compact */
    /* Tablet */
    @media screen and (max-width: 1224px) and (min-width: 921px) {
        .main_xs--compact .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
    }
    /* Mobile */
    @media screen and (max-width: 968px) and (min-width: 921px) {
        .main_xs--compact [id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_xs--compact .section-padding--compact,
        .main_xs--compact .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_xs--compact .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_xs--compact .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_xs--compact .popup-content,
        .main_xs--compact .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_xs--compact .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_xs--compact .solid-button, 
        .main_xs--compact .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }

/* Sidebars: Main XS with secondary and white space Spacious */
    /* Laptop */
    @media screen and (max-width: 1816px) and (min-width: 921px) {
        .main_xs_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_xs_with_secondary--spacious .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_xs_with_secondary--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 1576px) {
        .main_xs_with_secondary--spacious .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_xs_with_secondary--spacious .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_xs_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 1400px) and (min-width: 921px) {
        .main_xs_with_secondary--spacious .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_xs_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @media screen and (max-width: 1144px) and (min-width: 921px) {
        .main_xs_with_secondary--spacious .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_xs_with_secondary--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_xs_with_secondary--spacious section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_xs_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_xs_with_secondary--spacious .section-padding--spacious,
        .main_xs_with_secondary--spacious .main--spacious .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_xs_with_secondary--spacious .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_xs_with_secondary--spacious .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_xs_with_secondary--spacious .popup-content,
        .main_xs_with_secondary--spacious .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_xs_with_secondary--spacious .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_xs_with_secondary--spacious .solid-button, 
        .main_xs_with_secondary--spacious .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
/* Sidebars: Main XS with secondary and white space Compact */
    /* Tablet */
    @media screen and (max-width: 1320px) and (min-width: 921px) {
        .main_xs_with_secondary--compact .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
    }
    /* Mobile */
    @media screen and (max-width: 1064px) and (min-width: 921px) {
        .main_xs_with_secondary--compact [id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_xs_with_secondary--compact .section-padding--compact,
        .main_xs_with_secondary--compact .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_xs_with_secondary--compact .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_xs_with_secondary--compact .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_xs_with_secondary--compact .popup-content,
        .main_xs_with_secondary--compact .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_xs_with_secondary--compact .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_xs_with_secondary--compact .solid-button, 
        .main_xs_with_secondary--compact .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
/* Sidebars: Main S and white space Spacious */
    /* Laptop */
    @media screen and (max-width: 1772px) and (min-width: 921px) {
        .main_s--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_s--spacious .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_s--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 1480px) {
        .main_s--spacious .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_s--spacious .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_s--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 1304px) and (min-width: 921px) {
        .main_s--spacious .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_s--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @media screen and (max-width: 1048px) and (min-width: 921px) {
        .main_s--spacious .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_s--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_s--spacious section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_s--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_s--spacious .section-padding--spacious,
        .main_s--spacious .main--spacious .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_s--spacious .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_s--spacious .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_s--spacious .popup-content,
        .main_s--spacious .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_s--spacious .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_s--spacious .solid-button, 
        .main_s--spacious .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
/* Sidebars: Main S and white space Compact */
    /* Tablet */
    @media screen and (max-width: 1260px) and (min-width: 921px) {
        .main_s--compact .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
    }
    /* Mobile */
    @media screen and (max-width: 968px) and (min-width: 921px) {
        .main_s--compact [id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_s--compact .section-padding--compact,
        .main_s--compact .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_s--compact .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_s--compact .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_s--compact .popup-content,
        .main_s--compact .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_s--compact .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_s--compact .solid-button, 
        .main_s--compact .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
/* Sidebars: Main S with secondary and white space Spacious */
    /* Laptop */
    @media screen and (max-width: 1890px) and (min-width: 921px) {
        .main_s_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_s_with_secondary--spacious .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_s_with_secondary--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 1595px) {
        .main_s_with_secondary--spacious .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_s_with_secondary--spacious .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_s_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 1400px) and (min-width: 921px) {
        .main_s_with_secondary--spacious .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_s_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @media screen and (max-width: 1144px) and (min-width: 921px) {
        .main_s_with_secondary--spacious .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_s_with_secondary--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_s_with_secondary--spacious section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_s_with_secondary--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_s_with_secondary--spacious .section-padding--spacious,
        .main_s_with_secondary--spacious .main--spacious .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_s_with_secondary--spacious .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_s_with_secondary--spacious .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_s_with_secondary--spacious .popup-content,
        .main_s_with_secondary--spacious .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_s_with_secondary--spacious .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_s_with_secondary--spacious .solid-button, 
        .main_s_with_secondary--spacious .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
/* Sidebars: Main S with secondary and white space Compact */
    /* Tablet */
    @media screen and (max-width: 1378px) and (min-width: 921px) {
        .main_s_with_secondary--compact .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
    }
    /* Mobile */
    @media screen and (max-width: 1064px) and (min-width: 921px) {
        .main_s_with_secondary--compact [id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_s_with_secondary--compact .section-padding--compact,
        .main_s_with_secondary--compact .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_s_with_secondary--compact .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_s_with_secondary--compact .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_s_with_secondary--compact .popup-content,
        .main_s_with_secondary--compact .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_s_with_secondary--compact .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_s_with_secondary--compact .solid-button, 
        .main_s_with_secondary--compact .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
    
/* Sidebars: Main M */
    /* Laptop */
    @media screen and (max-width: 1920px) and (min-width: 921px) {
        .main_m section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_m .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_m .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 1600px) {
        .main_m .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_m .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_m section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 1365px) and (min-width: 921px) {
        .main_m .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_m section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile and white space Spacious */
    @media screen and (max-width: 1048px) and (min-width: 921px) {
        .main_m--spacious .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_m--spacious .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_m--spacious section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_m--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_m--spacious .section-padding--spacious,
        .main_m--spacious .main--spacious .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_m--spacious .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_m--spacious .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_m--spacious .popup-content,
        .main_m--spacious .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_m--spacious .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_m--spacious .solid-button, 
        .main_m--spacious .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
    /* Mobile and white space Compact */
    @media screen and (max-width: 1024px) and (min-width: 921px) {
        .main_m--compact [id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_m--compact .section-padding--compact,
        .main_m--compact .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_m--compact .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_m--compact .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_m--compact .popup-content,
        .main_m--compact .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_m--compact .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_m--compact .solid-button, 
        .main_m--compact .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
    
/* Sidebars: Main M with secondary */
    /* Laptop */
    @media screen and (max-width: 2048px) and (min-width: 921px) {
        .main_m_with_secondary section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_m_with_secondary .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_m_with_secondary .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 1728px) {
        .main_m_with_secondary .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_m_with_secondary .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_m_with_secondary section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 1493px) and (min-width: 921px) {
        .main_m_with_secondary .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_m_with_secondary section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @media screen and (max-width: 1152px) and (min-width: 921px) {
        .main_m_with_secondary .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_m_with_secondary .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_m_with_secondary section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_m_with_secondary section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_m_with_secondary .section-padding--spacious,
        .main_m_with_secondary .section-padding--compact,
        .main_m_with_secondary .main--spacious .shopify-challenge__container,
        .main_m_with_secondary .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        }
        .main_m_with_secondary .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_m_with_secondary .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_m_with_secondary .popup-content,
        .main_m_with_secondary .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_m_with_secondary .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_m_with_secondary .solid-button, 
        .main_m_with_secondary .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
       
    }

/* Sidebars: Main L */
    /* Laptop */ 
    @media screen and (max-width: 2880px) and (min-width: 921px) {
        .main_l section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
        .main_l .ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_l .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
    }
    /* Max page width 1200px or 1400px */
    @media screen and (min-width: 2400px) {
        .main_l .page-width.ordinal-section--spacious {
            --section-padding: 80px;
        }
        .main_l .page-width.ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 48px;
        }
        .main_l section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious.page-width {
            padding-bottom: max(calc(128px + var(--padding-bottom)), 0px);
        }
    }
    /* Tablet */
    @media screen and (max-width: 2048px) and (min-width: 921px) {
        .main_l .shopify-challenge__container {
            margin-top: 96px;
            margin-bottom: 96px;
        }
        .main_l section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(96px + var(--padding-bottom)), 0px);
        }
    }
    /* Mobile */
    @media screen and (max-width: 1536px) and (min-width: 921px) {
        .main_l .ordinal-section--spacious {
            --section-padding: 64px;
        }
        .main_l .ordinal-section--spacious.ordinal-section--lines {
            --section-padding: 32px;
        }
        .main_l section[id^="shopify-section-"]:first-of-type .ordinal-section {
            padding-top: max(calc(16px + var(--padding-top)), 0px);
        }
        .main_l--spacious section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(64px + var(--padding-bottom)), 0px);
        }
        .main_l .section-padding--spacious,
        .main_l .section-padding--compact,
        .main_l .main--spacious .shopify-challenge__container,
        .main_l .main--compact .shopify-challenge__container {
            padding-left: 16px;
            padding-right: 16px;
        } 
        .main_l .shopify-challenge__container {
            margin-top: 64px;
            margin-bottom: 64px;
        }
        .main_l .shopify-challenge__message  {
            margin-bottom: 24px;
        }
        .main_l .popup-content,
        .main_l .popup__text.popup-content:last-child {  
            padding: 45px 24px 24px;
        }
        .main_l .popup__text.popup-content {
            padding: 45px 24px 0;
        }
        .main_l .solid-button, 
        .main_l .outlined-button {
            min-width: 120px;
            padding: 6px 12px;
            min-height: 36px;
        }
    }
    /* Mobile-mini */
    @media screen and (max-width: 1000px) and (min-width: 921px) {
        .main_l section[id^="shopify-section-"]:last-of-type .ordinal-section--spacious {
            padding-bottom: max(calc(48px + var(--padding-bottom)), 0px);
        }
        .main_l section[id^="shopify-section-"]:last-of-type .ordinal-section--compact {
            padding-bottom: max(calc(32px + var(--padding-bottom)), 0px);
        }
        .main_l .ordinal-section--spacious {
            --section-padding: 48px;
        }
        .main_l .ordinal-section--compact.ordinal-section--lines {
            padding-top: max(calc(24px + var(--padding-top)), 0px);
            padding-bottom: max(calc(24px + var(--padding-bottom)), 0px);
        }
        .main_l .section-padding--spacious,
        .main_l .section-padding--compact {
            padding-left: 16px;
            padding-right: 16px;
        }
        .main_l .shopify-challenge__container {
            margin-top: 48px;
            margin-bottom: 48px;
        }
    }
    @media (max-width: 768px) {
  .bdg-hover,
  .bdg-title,
  .bdg-price,
  .bdg-sizes {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .card__content,
  .card__info {
    padding: 0 !important;
    margin: 0 !important;
  }
}

{% style %}
/* ===== MUSEUM OVERLAY GRID ===== */
#shopify-section-{{ section.id }} .museum-overlay .museum-info {
  display: grid !important;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title title"
    "price sizes";
  align-items: end;
  row-gap: 6px;
}
#shopify-section-{{ section.id }} .museum-overlay .museum-title {
  grid-area: title;
  margin: 0;
}
#shopify-section-{{ section.id }} .museum-overlay .museum-price {
  grid-area: price;
  justify-self: start;
  margin: 0;
}
#shopify-section-{{ section.id }} .museum-overlay .museum-price,
#shopify-section-{{ section.id }} .museum-overlay .museum-price * {
  color: #fff !important;
  font-size: 13px;
  line-height: 1.2;
  opacity: 0.95;
}
#shopify-section-{{ section.id }} .museum-overlay .variant-pills {
  grid-area: sizes;
  justify-self: end;
  display: flex;
  gap: 12px;
  margin: 0;
}

/* Hide default card price under overlay to avoid duplicates */
#shopify-section-{{ section.id }} .card-product > .card__price {
  display: none !important;
}

/* ===== HEADER (WHITE BAR ON HOVER) ===== */
#shopify-section-header .header-section {
  position: sticky;
  top: 0;
  z-index: 999;
  --plate-h: 72px;
  --ink: 255,255,255;
}
#shopify-section-header .header,
#shopify-section-header .header__wrapper {
  background: transparent !important;
  position: relative;
  z-index: 1;
}
#shopify-section-header .header-section::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--plate-h);
  background: #fff;
  box-shadow: 0 1px 0 rgba(0,0,0,0.08);
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  z-index: 0;
  transition: transform .25s ease, opacity .25s ease;
  will-change: transform, opacity;
}
#shopify-section-header .header-section:focus-within::before {
  transform: translateY(0);
  opacity: 1;
}
@media (hover: hover) {
  #shopify-section-header .header-section:hover::before {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Ink / color adaptation when plate visible */
#shopify-section-header .header {
  color: rgb(var(--ink));
}
#shopify-section-header .header a,
#shopify-section-header .header button,
#shopify-section-header .header .link,
#shopify-section-header .header .select select {
  color: rgb(var(--ink)) !important;
}
#shopify-section-header .header svg,
#shopify-section-header .header svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}
#shopify-section-header .header .miscellaneous__items img,
#shopify-section-header .header img.icon,
#shopify-section-header .header .icon img {
  filter: brightness(0) invert(1);
  transition: filter .25s ease;
}
@media (hover: hover) {
  #shopify-section-header .header-section:hover {
    --ink: 17,17,17;
  }
  #shopify-section-header .header-section:hover .miscellaneous__items img,
  #shopify-section-header .header-section:hover img.icon {
    filter: none;
  }
}
#shopify-section-header .header-section:focus-within {
  --ink: 17,17,17;
}

/* Burger / search icon inherit ink */
#shopify-section-header .header [class*="burger"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}
#shopify-section-header .header [class*="burger"] .burger-menu__line,
#shopify-section-header .header [class*="burger"] .hamburger-inner,
#shopify-section-header .header [class*="burger"] .hamburger-inner::before,
#shopify-section-header .header [class*="burger"] .hamburger-inner::after,
#shopify-section-header .header [class*="burger"] span.burger,
#shopify-section-header .header [class*="burger"] i.burger {
  background: currentColor !important;
  height: 2px;
  border-radius: 1px;
}
#shopify-section-header .header [aria-label="Search"],
#shopify-section-header .header [class*="search"] {
  color: inherit !important;
  background: transparent !important;
  box-shadow: none !important;
}
#shopify-section-header .header [class*="search"] svg,
#shopify-section-header .header [class*="search"] svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Remove theme’s default header divider / shadow / border */
#shopify-section-header,
#shopify-section-header .header-section,
#shopify-section-header .header,
#shopify-section-header .header__wrapper {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* ===== COLLECTION CARD HOVER / OVERLAYS ===== */
.card,
[class*="product-card"],
[class*="product-item"] {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

/* Overlay gradient and transition */
.bdg-hover {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: 0;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 55%);
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  will-change: opacity, transform;
}

/* Trigger overlay on hover */
.card:hover .bdg-hover,
[class*="product-card"]:hover .bdg-hover,
[class*="product-item"]:hover .bdg-hover {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Inner fade-in animation */
.bdg-pad,
.bdg-title,
.bdg-price,
.bdg-sizes,
.bdg-size {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  will-change: opacity, transform;
}

/* Smoothly reveal inner contents on hover */
.card:hover .bdg-pad,
.card:hover .bdg-title,
.card:hover .bdg-price,
.card:hover .bdg-sizes,
.card:hover .bdg-size,
[class*="product-card"]:hover .bdg-pad,
[class*="product-card"]:hover .bdg-title,
[class*="product-card"]:hover .bdg-price,
[class*="product-card"]:hover .bdg-sizes,
[class*="product-card"]:hover .bdg-size {
  opacity: 1;
  transform: translateY(0);
}

.bdg-pad {
  width: 100%;
  padding: 20px;
}
.bdg-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.bdg-left {
  display: grid;
  gap: 6px;
}
.bdg-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
  max-width: 75%;
}
.bdg-price {
  margin: 0;
  font-size: 14px;
  color: #fff;
  opacity: 0.95;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}
.bdg-sizes {
  display: flex;
  gap: 12px;
  align-items: center;
}
.bdg-size {
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

/* Allow overlay and its content to not intercept pointer events for sparkle detection */
.bdg-hover,
.bdg-hover * {
  pointer-events: none;
}

/* Responsive adjustments */
@media (max-width: 800px) {
  .bdg-hover {
    opacity: 1;
    transform: none;
  }
  .bdg-pad {
    padding: 14px;
  }
  .bdg-title {
    font-size: 14px;
  }
  .bdg-size {
    font-size: 12px;
  }
}

/* Hide built-in card info under overlays */
.card .card__information,
.card .card-information,
.card .product-card__info,
.card .product-item__info,
.card .card__caption,
.card .card__content {
  display: none !important;
}

/* Hide any default price outside overlay */
.collection .card [class*="price"]:not(.bdg-price) {
  display: none !important;
}

/* === COLLECTION GRID OVERRIDES === */

/* Remove bottom-padding / reserved space under images */
.collection .card,
.collection [class*="product-card"],
.collection [class*="product-item"] {
  padding-bottom: 0 !important;
}
.collection .card .card__media,
.collection [class*="product-card"] [class*="image"],
.collection [class*="product-item"] [class*="image"] {
  margin: 0 !important;
  border-bottom: 0 !important;
}

/* Remove leftover info/caption space */
.collection .card .card__information,
.collection .card .card-information,
.collection .card .card__content,
.collection .card .card__caption {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reset product grid spacing */
.template-collection .collection,
.template-collection .collection__grid,
.template-collection .product-grid,
.template-collection .grid,
.template-search .collection__grid {
  row-gap: 32px !important;
}
.template-collection .grid__item,
.template-collection .card,
.template-collection .card-wrapper,
.template-collection [class*="product-card"],
.template-collection [class*="product-item"] {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Ensure cards clip overlays properly */
.template-collection .card,
.template-collection [class*="product-card"],
.template-collection [class*="product-item"] {
  position: relative !important;
  border-radius: 8px;
  overflow: hidden !important;
}
.bdg-hover {
  z-index: 2;
}

/* Compact grid adjustments (Avant v11) */
.product-grid--compact .grid__item,
.product-grid--compact .card-wrapper,
.product-grid--compact .card {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  min-height: 0 !important;
}
.product-grid--compact .card .card__information,
.product-grid--compact .card .card__content,
.product-grid--compact .card .card__caption,
.product-grid--compact .card [class*="price"]:not(.bdg-price) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.product-grid--compact .card .card__media,
.product-grid--compact [class*="product-card"] [class*="image"],
.product-grid--compact [class*="product-item"] [class*="image"] {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.product-grid--compact .card,
.product-grid--compact .card-wrapper {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px;
  background: transparent !important;
}

/* Tightest possible grid */
.product-grid.product-grid--compact {
  gap: 4px !important;
  row-gap: 4px !important;
}
.collection__grid-container,
.collection__grid,
.collection__product-grid,
.product-grid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}

/* Sizes layout tweaks */
.bdg-sizes {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.bdg-size {
  font-size: 12.5px;
  letter-spacing: .06em;
}
.bdg-size.is-oos {
  color: rgba(255, 255, 255, 0.4);
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

/* Remove rounding everywhere */
:is(html[data-template="collection"], body.template-collection, .template-search)
  .card,
  .card__inner,
  .card__media,
  .media,
  .media img,
  [class*="product-card"],
  [class*="product-item"],
  .bdg-hover,
  .bdg-pad {
  border-radius: 0 !important;
  overflow: visible !important;
}
.card__media::before,
.card__media::after,
.product-card__media::before,
.product-card__media::after {
  border-radius: 0 !important;
}

/* Remove hero/header space above grid */
:is(html[data-template="collection"], body.template-collection) {
  .collection-hero,
  .collection-hero--compact,
  .collection-hero__info,
  .collection__banner,
  .collection__header {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .ordinal-section,
  .section-padding--compact,
  .collection,
  .collection-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  main.main--compact {
    padding-top: 0 !important;
  }
}

/* Fix text/content squeeze */
.grid__item .card .card__content,
.grid__item .card .card__information,
.grid__item .card .card__caption {
  width: auto !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}