/** Shopify CDN: Minification failed

Line 476:148 Expected identifier but found whitespace
Line 887:31 Expected identifier but found whitespace
Line 959:39 Expected identifier but found whitespace
Line 1575:11 Expected identifier but found whitespace
Line 1575:12 Unexpected "has("
Line 3363:48 Expected identifier but found whitespace
Line 3395:48 Expected identifier but found whitespace

**/
@media only screen and (min-width: 640px) {
    [class][data-mq=small],
    [data-mq=small],
    [data-mq=small][data-container] {
        display: none
    }
}

@container (min-width: 640px) {
    [class][data-cq=small],
    [data-cq=small],
    [data-cq=small][data-container] {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    [class][data-mq=small-medium],
    [data-mq=small-medium],
    [data-mq=small-medium][data-container] {
        display: none
    }
}

@container (min-width: 1024px) {
    [class][data-cq=small-medium],
    [data-cq=small-medium],
    [data-cq=small-medium][data-container] {
        display: none
    }
}

@media only screen and (max-width: 639px) {
    [class][data-mq=medium],
    [data-mq=medium],
    [data-mq=medium][data-container] {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    [class][data-mq=medium],
    [data-mq=medium],
    [data-mq=medium][data-container] {
        display: none
    }
}

@container (max-width: 639px) {
    [class][data-cq=medium],
    [data-cq=medium],
    [data-cq=medium][data-container] {
        display: none
    }
}

@container (min-width: 1024px) {
    [class][data-cq=medium],
    [data-cq=medium],
    [data-cq=medium][data-container] {
        display: none
    }
}

@media only screen and (max-width: 639px) {
    [class][data-mq=medium-large],
    [data-mq=medium-large],
    [data-mq=medium-large][data-container] {
        display: none
    }
}

@container (max-width: 639px) {
    [class][data-cq=medium-large],
    [data-cq=medium-large],
    [data-cq=medium-large][data-container] {
        display: none
    }
}

@media only screen and (max-width: 639px) {
    [class][data-mq=large],
    [data-mq=large],
    [data-mq=large][data-container] {
        display: none
    }
}

@media only screen and (min-width: 640px)and (max-width: 1023px) {
    [class][data-mq=large],
    [data-mq=large],
    [data-mq=large][data-container] {
        display: none
    }
}

@container (max-width: 639px) {
    [class][data-cq=large],
    [data-cq=large],
    [data-cq=large][data-container] {
        display: none
    }
}

@container (min-width: 640px) and (max-width: 1023px) {
    [class][data-cq=large],
    [data-cq=large],
    [data-cq=large][data-container] {
        display: none
    }
}

[class][data-mq=none],
[data-mq=none],
[data-mq=none][data-container] {
    display: none
}

:root {
    --transition--standard: cubic-bezier(0.45, 0.05, 0.55, 0.95);
    --transition--ease-out: cubic-bezier(0.19, 1, 0.22, 1);
    --transition--snap-back: cubic-bezier(0.68, -0.55, 0.27, 1.55);
    --transition--duration: 0.4s;
    --transition--delay: 0s;
    --transition--additional: border-spacing 0s
}

[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=fade-in] {
    --transition--duration: 0.7s;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, visibility
}

[data-transition-container][data-transition-type=fade-in] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=fade-in]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: visible;
    opacity: 1
}

[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=fade-out] {
    visibility: visible;
    opacity: 1;
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, visibility
}

[data-transition-container][data-transition-type=fade-out] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=fade-out]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: hidden;
    opacity: 0
}

[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=scale-in] {
    --transition--duration: 0.2s;
    visibility: hidden;
    opacity: 0;
    scale: .9;
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), scale var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, scale, visibility
}

[data-transition-container][data-transition-type=scale-in] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=scale-in]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: visible;
    opacity: 1;
    scale: 1
}

[data-transition-container][data-transition-type=scale-out] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=scale-out] {
    --transition--duration: 0.2s;
    visibility: visible;
    opacity: 1;
    scale: 1;
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), scale var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, scale, visibility
}

[data-transition-container][data-transition-type=scale-out] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=scale-out]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: hidden;
    opacity: 0;
    scale: .9
}

[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=grow] {
    --transition--duration: 0.2s;
    scale: 1;
    transition: scale var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: scale
}

[data-transition-container][data-transition-type=grow] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=grow]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    scale: 1.5
}

[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=slide-out] {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), transform var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-out] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=slide-out]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -16px, 0)
}

[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=slide-in] {
    --transition--duration: 0.7s;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 16px, 0);
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), transform var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-in] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=slide-in]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=slide-down] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=slide-down] {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -32px, 0);
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), transform var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-down] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=slide-down]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=slide-up] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=slide-up] {
    --transition--duration: 0.7s;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 32px, 0);
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), transform var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-up] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=slide-up]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=slide-right] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=slide-right] {
    visibility: hidden;
    opacity: 0;
    transform: translate3d(-16px, 0, 0);
    transition: opacity var(--transition--duration) var(--transition--standard) var(--transition--delay), transform var(--transition--duration) var(--transition--standard) var(--transition--delay), visibility var(--transition--duration) var(--transition--standard) var(--transition--delay), var(--transition--additional);
    will-change: opacity, transform, visibility
}

[data-transition-container][data-transition-type=slide-right] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]),
[data-transition-container] [data-transition-item][data-transition-type=slide-right]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=mask] {
    --transition--duration: 0.8s;
    overflow: hidden;
    will-change: transform
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])>*,
[data-transition-container] [data-transition-item][data-transition-type=mask]>* {
    margin: 0;
    line-height: initial;
    transform: translate3d(0, 100%, 0);
    transition: transform var(--transition--duration) cubic-bezier(0, 0, 0.25, 1) var(--transition--delay), var(--transition--additional)
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-finished=true],
[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-finished=true] {
    overflow: unset
}

[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-trigger=hover]>*:hover,
[data-transition-container][data-transition-type=mask] [data-transition-item]:not([data-transition-type])[data-transition-active=true]>*,
[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-trigger=hover]>*:hover,
[data-transition-container] [data-transition-item][data-transition-type=mask][data-transition-active=true]>* {
    transform: translate3d(0, 0, 0)
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=zoom-out] {
    --transition--duration: 8s;
    overflow: hidden;
    --zoom-scale: 1.2;
    will-change: transform
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type])>*,
[data-transition-container] [data-transition-item][data-transition-type=zoom-out]>* {
    margin: 0;
    line-height: initial;
    scale: var(--zoom-scale);
    transition: scale var(--transition--duration) cubic-bezier(0.25, 0.46, 0.45, 0.94) var(--transition--delay), var(--transition--additional)
}

[data-transition-container][data-transition-type=zoom-out] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true])>*,
[data-transition-container] [data-transition-item][data-transition-type=zoom-out]:is([data-transition-trigger=hover]:hover, [data-transition-active=true])>* {
    --zoom-scale: 1.01
}

[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type]),
[data-transition-container] [data-transition-item][data-transition-type=stroke] {
    --transition--duration: 1.5s;
    will-change: animation
}

[data-transition-container][data-transition-type=stroke] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]:hover, [data-transition-active=true]) path,
[data-transition-container] [data-transition-item][data-transition-type=stroke]:is([data-transition-trigger=hover]:hover, [data-transition-active=true]) path {
    animation: svg var(--transition--duration) cubic-bezier(0.8, 0, 0.85, 0.6) 0s forwards
}

@keyframes svg {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes shine {
    to {
        left: 100%
    }
}

@keyframes scrolling-content {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(-100% - var(--scrolling-content--gap, var(--spacing--block))))
    }
}

@keyframes scrolling-content-mobile {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(-100% - var(--scrolling-content--mobile-gap, var(--spacing--item))))
    }
}

@keyframes ping {
    75%,
    100% {
        transform: scale(2.3);
        opacity: 0
    }
}

@media(hover: hover) {
    [data-button-transitions=true] [data-item*=button] {
        --transition--additional: color 0.3s var(--transition--standard), background-color 0.3s var(--transition--standard)
    }
    [data-button-transitions=true] [data-item*=button]:not([data-transition-item]) {
        transition: var(--transition--additional)
    }
    [data-button-transitions=true] [data-item*=button-1]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-1);
        --button--bg-color: var(--button--bg-color--hover-1)
    }
}

@media only screen and (hover: hover)and (max-width: 639px) {
    [data-button-transitions=true] [data-item*=button][data-mobile-item=button-1]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-1);
        --button--bg-color: var(--button--bg-color--hover-1)
    }
}

@media(hover: hover) {
    [data-button-transitions=true] [data-item*=button-2]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-2);
        --button--bg-color: var(--button--bg-color--hover-2)
    }
}

@media only screen and (hover: hover)and (max-width: 639px) {
    [data-button-transitions=true] [data-item*=button][data-mobile-item=button-2]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-2);
        --button--bg-color: var(--button--bg-color--hover-2)
    }
}

@media(hover: hover) {
    [data-button-transitions=true] [data-item*=button-3]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-3);
        --button--bg-color: var(--button--bg-color--hover-3)
    }
}

@media only screen and (hover: hover)and (max-width: 639px) {
    [data-button-transitions=true] [data-item*=button][data-mobile-item=button-3]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-3);
        --button--bg-color: var(--button--bg-color--hover-3)
    }
}

@media(hover: hover) {
    [data-button-transitions=true] [data-item*=button-4]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-4);
        --button--bg-color: var(--button--bg-color--hover-4)
    }
}

@media only screen and (hover: hover)and (max-width: 639px) {
    [data-button-transitions=true] [data-item*=button][data-mobile-item=button-4]:not([disabled]):not([aria-busy=true]):hover {
        --button--color: var(--button--color--hover-4);
        --button--bg-color: var(--button--bg-color--hover-4)
    }
}

@media(hover: hover) {
    [data-item=block-link]:hover>*:before {
        animation: draw-line .4s var(--transition--standard) forwards
    }
    [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type]),
    [data-transition-container] [data-transition-item][data-transition-type=zoom-in] {
        overflow: hidden;
        --zoom-scale: 1.01;
        will-change: transform
    }
    [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type])>*,
    [data-transition-container] [data-transition-item][data-transition-type=zoom-in]>* {
        margin: 0;
        line-height: initial;
        scale: var(--zoom-scale);
        transition: scale 8s cubic-bezier(0.25, 0.46, 0.45, 0.94) var(--transition--delay)
    }
}

@media only screen and (hover: hover)and (min-width: 640px) {
    [data-transition-container][data-transition-type=zoom-in] [data-transition-item]:not([data-transition-type]):is([data-transition-trigger=hover]: hover, [data-transition-active=true])>*, [data-transition-container] [data-transition-item][data-transition-type=zoom-in]:is([data-transition-trigger=hover]:hover, [data-transition-active=true])>* {
        --zoom-scale: 1.2
    }
}

@keyframes draw-line {
    from {
        width: 0%
    }
    to {
        width: 100%
    }
}

@keyframes pagination-timer {
    0% {
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

*,
*:before,
*:after {
    box-sizing: border-box
}

html {
    margin: 0;
    padding: 0
}

html:has(#preview-bar-iframe) {
    padding: 0 !important
}

html:has(.layout--viewport[data-modal-status*=open]),
html:has(.layout--viewport[data-drawer-status*=open]) {
    overflow: hidden
}

body {
    padding: 0;
    color: var(--color--body);
    background: var(--bg-color--body)
}

.layout--viewport {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    top: 0;
    position: relative
}

.layout--template {
    position: relative
}

.layout--close {
    --cross-size: var(--spacing--4);
    --cross-thickness: var(--border--thickness);
    width: var(--cross-size);
    height: var(--cross-size);
    cursor: pointer;
    padding: 0;
    position: relative;
    flex-shrink: 0
}

.layout--close[aria-hidden=true] {
    display: none
}

.layout--close[aria-hidden=false] {
    display: inline-flex
}

@media(hover: hover) {
    .layout--close:hover:before {
        transform: rotate(135deg)
    }
    .layout--close:hover:after {
        transform: rotate(45deg)
    }
}

.layout--close:before,
.layout--close:after {
    content: " ";
    top: calc((var(--cross-size) - var(--cross-thickness))/2);
    position: absolute;
    background-color: #fff;
    left: 0px;
    right: 0px;
    height: var(--cross-thickness);
    border-radius: var(--cross-thickness);
    transition: transform .2s var(--transition--standard)
}

.layout--close:before {
    transform: rotate(45deg)
}

.layout--close:after {
    transform: rotate(-45deg)
}

.layout--navigation>.layout--close {
    position: fixed;
    z-index: 101;
    transition: opacity .2s var(--transition--standard)
}

.layout--expand {
    --cross-size: var(--font--size);
    --cross-color: var(--color--body);
    position: relative;
    display: inline-flex;
    width: var(--cross-size);
    height: var(--cross-size);
    flex-shrink: 0;
    pointer-events: none
}

.layout--expand:before,
.layout--expand:after {
    content: "";
    position: absolute;
    width: var(--cross-size);
    height: 0;
    border-top: var(--border--thickness) solid var(--cross-color);
    top: calc((var(--cross-size) - var(--border--thickness))/2);
    left: 0;
    transition: transform .2s var(--transition--standard), opacity .2s var(--transition--standard)
}

.layout--expand:before {
    transform: rotate(90deg)
}

.layout--expand:after {
    opacity: 1;
    transform: rotate(0deg)
}

:is([aria-expanded=true], [data-state=opened])>.layout--expand:before,
details:is([open], [data-state=opened])>summary>.layout--expand:before {
    transform: rotate(180deg)
}

:is([aria-expanded=true], [data-state=opened])>.layout--expand:after,
details:is([open], [data-state=opened])>summary>.layout--expand:after {
    opacity: 0;
    transform: rotate(90deg)
}

.layout--bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    pointer-events: none;
    z-index: -1
}

.layout--previous,
.layout--next {
    background-color: rgba(0, 0, 0, 0);
    z-index: 1001;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 30px;
    color: #fff;
    padding: 10px;
    opacity: .8;
    border: none;
    height: -moz-fit-content;
    height: fit-content;
    transform: scale(1);
    transition: transform .4s var(--transition--ease-out)
}

.layout--previous:focus-visible,
.layout--previous:hover,
.layout--next:focus-visible,
.layout--next:hover {
    transform: scale(1.06);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0)
}

.layout--previous:active,
.layout--next:active {
    transform: scale(1)
}

.layout--previous {
    left: var(--spacing--block)
}

.layout--previous[aria-hidden=true] {
    display: none
}

.layout--next {
    right: var(--spacing--block)
}

.layout--next[aria-hidden=true] {
    display: none
}

.layout--footer-group {
    margin-top: auto;
    /* background-color: #edede6; */
}

.shopify-section:empty {
    display: none
}

.shopify-challenge__container {
    padding: var(--spacing--section)
}

@media only screen and (max-width: 639px) {
    .shopify-challenge__container {
        padding: var(--spacing--section--mobile)
    }
}

.shopify-challenge__container .shopify-challenge__message,
.shopify-challenge__container .g-recaptcha {
    padding-bottom: var(--spacing--block)
}

.shopify-challenge__container input[type=submit] {
    width: 300px
}

.h-captcha[data-size=invisible] {
    display: none
}

@media only screen and (min-width: 640px) {
    .layout--main-content {
        display: grid;
        grid-template-columns: var(--header--sidebar-width) calc(100% - var(--header--sidebar-width))
    }
}

.layout--sidebar {
    --top-offset: calc(var(--announcement--sticky) * var(--announcement--height));
    position: relative;
    align-self: start;
    top: var(--top-offset);
    left: 0;
    width: var(--header--sidebar-width);
    z-index: 2;
    height: calc(100vh - var(--top-offset));
    overflow: scroll;
    scrollbar-width: none
}

.layout--viewport:has(.header--root[data-sticky-enabled=true]) .layout--sidebar {
    position: sticky
}

.layout--sidebar-wrapper[data-container=section] {
    --grid-row-gap: var(--spacing--section--y);
    justify-content: stretch;
    grid-template-columns: minmax(0, 1fr);
    padding: var(--spacing--block);
    opacity: 1;
    transition: opacity .3s var(--transition--ease-out)
}

.layout--sidebar-wrapper[data-container=section][aria-hidden=true] {
    opacity: 0
}

.layout--sidebar-wrapper[data-container=section] [data-item=nav-text] {
    line-height: 1
}

@media only screen and (min-width: 640px) {
    .layout--viewport:has(.layout--sidebar-wrapper[data-container=section]) .layout--template {
        padding-top: var(--header--sidebar-height)
    }
}

.layout--sidebar-menu {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--0)
}

@media(hover: hover) {
    .layout--sidebar-menu[data-hover-disabled=false] :is(.header--account, .header--search, .header--cart):hover {
        font-weight: 700
    }
}

.layout--sidebar-link a {
    display: inline-block;
    width: 100%
}

:root {
    --spacing--0: 4px;
    --spacing--1: 8px;
    --spacing--2: 12px;
    --spacing--3: 16px;
    --spacing--4: 24px;
    --spacing--5: 32px;
    --spacing--6: 48px;
    --spacing--7: 64px;
    --spacing--8: 72px;
    --spacing--9: 96px;
    --spacing--neg-0: -4px;
    --spacing--neg-1: -8px;
    --spacing--neg-2: -12px;
    --spacing--neg-3: -16px;
    --spacing--neg-4: -24px;
    --spacing--neg-5: -32px;
    --spacing--neg-6: -48px;
    --spacing--neg-7: -64px;
    --spacing--neg-8: -72px;
    --spacing--neg-9: -96px;
    --spacing--item: var(--spacing--3);
    --spacing--neg-item: var(--spacing--neg-3);
    --spacing--item--mobile: var(--spacing--2);
    --spacing--neg-item--mobile: var(--spacing--neg-2);
    --spacing--block: var(--spacing--5);
    --spacing--neg-block: var(--spacing--neg-5);
    --spacing--block--mobile: var(--spacing--3);
    --spacing--neg-block--mobile: var(--spacing--neg-3);
    --spacing--section--x: var(--spacing--6);
    --spacing--neg-section--x: var(--spacing--neg-6);
    --spacing--section--y: var(--spacing--8);
    --spacing--neg-section--y: var(--spacing--neg-8);
    --spacing--section: var(--spacing--section--y) var(--spacing--section--x);
    --spacing--section--mobile--x: var(--spacing--3);
    --spacing--section--mobile--y: var(--spacing--5);
    --spacing--section--mobile: var(--spacing--section--mobile--y) var(--spacing--section--mobile--x);
    --max-width--x-large: 1400px;
    --max-width--large: 1200px;
    --max-width--medium: 1000px;
    --max-width--small: 800px;
    --max-width--x-small: 650px;
    --height--x-large: 750px;
    --height--large: 650px;
    --height--medium: 550px;
    --height--small: 450px;
    --height--x-small: 350px;
    --mobile-height--x-large: 600px;
    --mobile-height--large: 520px;
    --mobile-height--medium: 440px;
    --mobile-height--small: 360px;
    --mobile-height--x-small: 280px
}

[data-container=section] {
    --grid-row-gap: var(--spacing--block);
    display: grid;
    align-items: start;
    grid-row-gap: var(--grid-row-gap)
}

@media only screen and (max-width: 639px) {
    [data-container=section] {
        --grid-row-gap: var(--spacing--item)
    }
}

[data-container=sticky-section] {
    display: grid;
    grid-row-gap: var(--spacing--block);
    position: sticky;
    top: var(--sticky-section-offset, var(--sticky-offset))
}

*:has(>[data-container=sticky-section]) {
    height: 350vh
}

@media only screen and (max-width: 639px) {
    [data-container=sticky-section] {
        grid-row-gap: var(--spacing--item)
    }
    *:has(>[data-container=sticky-section]) {
        height: 200vh;
        height: 200dvh
    }
}

[data-container=nav] {
    display: flex;
    gap: var(--spacing--1);
    width: 100%;
    text-align: var(--text-alignment)
}

@media only screen and (min-width: 640px) {
    [data-container=nav]:has(>: first-child:empty+.carousel-nav-arrow[data-mq=small]) {
        display:none
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container-width="6"] [data-container=nav] {
        padding: 0 var(--spacing--section--x)
    }
    [data-container=nav][data-x-alignment=center] {
        position: relative
    }
    [data-container=nav][data-x-alignment=center] [data-container=block] {
        margin: 0 var(--spacing--8)
    }
    [data-container=nav][data-x-alignment=center] .carousel-nav-arrow {
        position: absolute;
        right: 0;
        bottom: 0
    }
    [data-container-width="6"] [data-container=nav][data-x-alignment=center] .carousel-nav-arrow {
        right: var(--spacing--section--x)
    }
    [data-container=nav]:not([data-x-alignment=center]) {
        justify-content: space-between;
        align-items: flex-end
    }
    [data-container=nav][data-x-alignment=right]>[data-container=block] {
        order: 1
    }
}

@media only screen and (max-width: 639px) {
    [data-container=nav][data-mobile-x-alignment=center] {
        flex-direction: column;
        align-items: center
    }
    [data-container=nav]:not([data-mobile-x-alignment=center]) {
        justify-content: space-between;
        align-items: flex-end
    }
    [data-container=nav][data-mobile-x-alignment=right]>[data-container=block] {
        order: 1
    }
    [data-mobile-full-width=true] [data-container=nav][data-mobile-x-alignment=left] .carousel-nav-arrow {
        padding-right: var(--spacing--item)
    }
    [data-mobile-full-width=true] [data-container=nav][data-mobile-x-alignment=right] .carousel-nav-arrow {
        padding-left: var(--spacing--item)
    }
}

[data-container=nav]>[data-container=block] {
    width: 100%
}

[data-container=split] {
    --grid-columns: minmax(auto, 1fr);
    --grid-column-gap: var(--spacing--block);
    --grid-row-gap: var(--spacing--block);
    display: grid;
    align-items: start;
    justify-content: center;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: var(--grid-columns)
}

@media only screen and (max-width: 639px) {
    [data-container=split] {
        --grid-columns: minmax(0, 1fr)
    }
}

@media only screen and (min-width: 640px) {
    [data-container=split]:not(:has(>*: only-child)) {
        --grid-columns: repeat(2, minmax(0, 1fr))
    }
    [data-container=split][data-reverse-layout=true]>*:first-child {
        order: 1
    }
}

[data-container=panel] {
    --grid-columns: minmax(auto, 1fr);
    --grid-column-gap: var(--spacing--block);
    --grid-row-gap: var(--spacing--block);
    display: grid;
    align-items: start;
    justify-content: center;
    grid-auto-flow: row dense;
    grid-column-gap: var(--grid-column-gap);
    grid-row-gap: var(--grid-row-gap);
    grid-template-columns: var(--grid-columns)
}

[data-container=panel]>[data-item=blank] {
    height: 100%;
    background-color: var(--bg-color)
}

@media only screen and (max-width: 639px) {
    [data-container=panel][data-mobile-block-spacing=false] {
        --grid-column-gap: 0;
        --grid-row-gap: 0
    }
    [data-container=panel][data-mobile-columns="1"] {
        --grid-columns: repeat(1, minmax(0, 1fr))
    }
    [data-container=panel][data-mobile-columns="2"] {
        --grid-columns: repeat(2, minmax(0, 1fr));
        --grid-column-gap: 2px;
        --grid-row-gap: 22px;
    }
    [data-container=panel][data-mobile-columns="3"] {
        --grid-columns: repeat(3, minmax(0, 1fr));
    }
    .related-products--grid[data-container=panel][data-mobile-columns="3"], .recent-products--grid[data-container=panel][data-mobile-columns="3"] {
        /* --grid-column-gap: 2px;
        --grid-row-gap: 12px;
        margin-left: -12px;
        margin-right: -12px; */
        --grid-column-gap: 1px;
        --grid-row-gap: 12px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .related-products--grid[data-container=panel][data-mobile-columns="3"] .product-card--details, .recent-products--grid[data-container=panel][data-mobile-columns="3"] .product-card--details {
        margin-left: 1px;
        margin-right: 1px;
    }
    [data-container=panel][data-mobile-columns="4"] {
        --grid-columns: repeat(4, minmax(0, 1fr))
    }
    [data-container=panel]>[data-item=blank] {
        display: none
    }
    [data-container=panel][data-mobile-columns="2"]>:not([data-item=blank])+[data-item=blank]:nth-child(even) {
        display: block
    }
}

@media only screen and (min-width: 640px) {
    [data-container=panel][data-block-spacing=false] {
        --grid-column-gap: 0;
        --grid-row-gap: 0
    }
    [data-container=panel][data-columns="1"] {
        --grid-columns: repeat(1, minmax(0, 1fr))
    }
    [data-container=panel][data-columns="2"] {
        --grid-columns: repeat(2, minmax(0, 1fr))
    }
    [data-container=panel][data-columns="3"] {
        --grid-columns: repeat(3, minmax(0, 1fr))
    }
    [data-container=panel][data-columns="4"] {
        --grid-columns: repeat(4, minmax(0, 1fr));
        --grid-column-gap: 2px;
        --grid-row-gap: 22px;
    }
    [data-container=panel][data-columns="5"] {
        --grid-columns: repeat(5, minmax(0, 1fr))
    }
    [data-container=panel][data-columns="6"] {
        --grid-columns: repeat(6, minmax(0, 1fr));
        --grid-column-gap: 2px;
    }
    [data-container=panel][data-columns="2"][data-reverse-layout=true]>*:first-child {
        order: 1
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="3"][data-fixed-columns=true][data-x-alignment=center] {
        --grid-columns: repeat(var(--blocks, 3), 1fr);
        width: calc(100%*var(--blocks, 3)/3);
        margin: 0 auto
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="3"][data-fixed-columns=true][data-x-alignment=center]:has(>*:nth-child(2):last-child) {
        --blocks: 2
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="3"][data-fixed-columns=true][data-x-alignment=center]:has(>*:only-child) {
        --blocks: 1
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="4"][data-fixed-columns=true][data-x-alignment=center] {
        --grid-columns: repeat(var(--blocks, 4), 1fr);
        width: calc(100%*var(--blocks, 4)/4);
        margin: 0 auto
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="4"][data-fixed-columns=true][data-x-alignment=center]:has(>*:nth-child(3):last-child) {
        --blocks: 3
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="4"][data-fixed-columns=true][data-x-alignment=center]:has(>*:nth-child(2):last-child) {
        --blocks: 2
    }
    .layout--viewport:not([data-header-layout=sidebar]) [data-container=panel][data-columns="4"][data-fixed-columns=true][data-x-alignment=center]:has(>*:only-child) {
        --blocks: 1
    }
}

@media only screen and (min-width: 1000px) {
    .template--collection .main-collection--root [data-container=panel][data-columns="2"] {
        --grid-columns: repeat(3, minmax(0, 1fr))
    }
    .template--collection .main-collection--root [data-container=panel][data-columns="4"] {
        --grid-columns: repeat(5, minmax(0, 1fr));
    }
}


[data-container=sticky-block] {
    display: grid
}

@media only screen and (min-width: 640px) {
    [data-container=sticky-block]:not(:only-child) {
        --top-position: calc(var(--sticky-offset) + var(--spacing--block));
        position: sticky;
        top: var(--top-position);
        transition: top .2s var(--transition--standard)
    }
    [data-container=sticky-block]:not(:only-child)[data-vertical-alignment=center] {
        align-items: center;
        min-height: calc(100vh - var(--sticky-offset) - 2*var(--spacing--block))
    }
    [data-container=sticky-block]:not(:only-child):has(>:is(.image--root, .placeholder--root)[data-display-type=fit-screen]) {
        --top-position: var(--sticky-offset)
    }
}

[data-container=sticky-block]>* {
    grid-area: 1/-1
}

[data-container=block] {
    --block-gap: var(--spacing--item);
    display: flex;
    flex-wrap: wrap;
    /* gap: var(--block-gap); */
    gap: 10px;
    flex-direction: column
}

@media only screen and (max-width: 639px) {
    [data-container=block] {
        justify-content: center
    }
}

[data-container=inline] {
    --block-gap: var(--spacing--item);
    display: flex;
    flex-wrap: wrap;
    gap: var(--block-gap);
    align-items: flex-end
}

:root {
    --spacing--section--x: var(--spacing--block);
    --spacing--neg-section--x: var(--spacing--neg-block)
}

[data-container=section] {
    --grid-row-gap: var(--spacing--item)
}

[data-container=masonry],
[data-container=panel] {
    --grid-column-gap: var(--spacing--1)
}

.card-carousel--wrapper {
    --grid-row-gap: var(--spacing--block);
    --grid-column-gap: var(--spacing--1)
}

html {
    -webkit-text-size-adjust: 100%
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)
}

[data-item=rte-content] div:empty {
    display: none
}

[data-item=rte-content] img {
    max-width: 100%;
    width: revert-layer
}

[data-item=rte-content]:not([data-container=block])>*:not(blockquote):not(:last-child) {
    padding-bottom: var(--spacing--item)
}

p {
    margin: 0
}

b,
strong {
    font-weight: bolder
}

a:not([data-item*=button]),
a:not([data-item*=button]):is(:link, :visited) {
    --color: var(--color--body);
    color: var(--color);
    text-decoration: none
}

[data-item=rte-content] a:not([data-item*=button]),
[data-item=rte-content] a:not([data-item*=button]):is(:link, :visited) {
    text-decoration: underline
}

a:hover {
    --color: var(--color--body)
}

[data-item=rte-content] a:hover {
    --color: var(--color--body--light)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

[data-item=rte-content] blockquote {
    font-style: italic;
    padding: var(--spacing--item) 0 var(--spacing--item) var(--spacing--item);
    border-left: 2px solid var(--border--color-dark);
    margin: 0 0 var(--spacing--block);
    max-width: 600px
}

@media only screen and (max-width: 639px) {
    [data-item=rte-content] blockquote {
        margin: 0 0 var(--spacing--item--mobile);
        padding: var(--spacing--item--mobile) 0 var(--spacing--item--mobile) var(--spacing--item--mobile)
    }
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

[data-item=rte-content] ul {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.7em
}

[data-item=rte-content] ul:not(:only-child) {
    padding-left: var(--spacing--block)
}

[data-item=rte-content] ul ul {
    list-style-type: circle
}

ol {
    margin: 0;
    padding: 0;
    line-height: 1.7em;
    list-style-type: none
}

[data-item=rte-content] ol {
    list-style-type: item;
    list-style-position: inside;
    counter-reset: item;
    padding-left: var(--spacing--block)
}

@media only screen and (max-width: 639px) {
    [data-item=rte-content] ol {
        padding-left: var(--spacing--block--mobile)
    }
}

li {
    display: block
}

[data-item=rte-content] li {
    display: list-item
}

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

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

[data-item=rte-content] table {
    border: 0;
    margin: calc(var(--spacing--neg-item)/2)
}

@media only screen and (max-width: 639px) {
    [data-item=rte-content] table {
        width: auto;
        margin: calc(var(spacing--neg-item--mobile)/2)
    }
}

tr:not(:last-child) {
    padding-bottom: var(--spacing--item)
}

td {
    padding: calc(var(--spacing--item)/2)
}

@media only screen and (max-width: 639px) {
    td {
        margin: calc(var(--spacing--item--mobile)/2)
    }
}

address {
    font-style: unset
}

mark {
    background-color: unset;
    color: var(--color--body)
}

iframe {
    max-width: 100%
}

*::-moz-placeholder {
    color: var(--input--color);
    font: inherit
}

*::placeholder {
    color: var(--input--color);
    font: inherit
}

label {
    padding-bottom: var(--spacing--1);
    display: block
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input--bg-color);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNy43cHgiIGhlaWdodD0iNC4zcHgiIHZpZXdCb3g9IjAgMCA3LjcgNC4zIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3LjcgNC4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik03LjEsMC4xQzYuNywwLjUsMy45LDMuMiwzLjksMy4yUzEsMC41LDAuNiwwLjFTMCwwLjcsMCwwLjdsMy45LDMuNmwzLjgtMy42QzcuNywwLjcsNy41LTAuMyw3LjEsMC4xeiIvPg0KPC9zdmc+DQo=");
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-radius: 2px;
    border: 1px solid var(--border--color-dark);
    color: var(--input--color);
    cursor: pointer;
    font-size: 14px;
    margin: 0 0 var(--spacing--3);
    max-width: 100%;
    padding: 9px 28px 9px 15px;
    text-indent: .01px;
    text-overflow: "";
    width: 100%;
    height: var(--input--height)
}

select:focus-visible {
    outline: none;
    color: var(--input--color);
    background-color: var(--input--bg-color)
}

[data-text-color=white] select {
    border: 1px solid var(--border--color-light)
}

[data-text-color=white] [data-text-color=body] select {
    border: 1px solid var(--border--color-dark)
}

input,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--input--bg-color);
    border-radius: var(--input--radius);
    border: 1px solid var(--border--color-dark);
    box-shadow: none;
    color: var(--input--color);
    caret-color: var(--input--color);
    margin: 0 0 var(--spacing--3);
    max-width: 100%;
    overflow: auto;
    padding: var(--input--padding);
    text-transform: none;
    width: 100%;
    display: block
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--input--color)
}

input::placeholder,
textarea::placeholder {
    color: var(--input--color)
}

input:focus-visible,
textarea:focus-visible {
    outline: none
}

[data-text-color=white] input,
[data-text-color=white] textarea {
    border: 1px solid var(--border--color-light)
}

[data-text-color=white] [data-text-color=body] input,
[data-text-color=white] [data-text-color=body] textarea {
    border: 1px solid var(--border--color-dark)
}

input {
    height: var(--input--height)
}

input:is([type=text],
[type=password],
[type=email],
[type=search],
[type=url],
[type=tel]) {
    --font--transform: none
}

textarea[name] {
    --font--transform: none
}

button,
input:is([type=button],
[type=reset],
[type=submit]) {
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

input[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    box-sizing: border-box;
    height: auto;
    height: auto;
    margin: 0 var(--spacing--1) 0 0;
    padding: 0;
    width: auto;
    accent-color: var(--input--color)
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    box-sizing: border-box;
    height: auto;
    width: auto;
    margin: 0 var(--spacing--1) 0 0;
    padding: 0;
    min-width: var(--spacing--2);
    accent-color: var(--input--color)
}

summary {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

summary:hover {
    cursor: pointer
}

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

[tabindex="0"]:hover {
    cursor: pointer
}

[data-text-style=eclipse-shadow] {
    position: relative
}

*:has(>*>[data-text-style=eclipse-shadow]) {
    overflow: hidden
}

[data-text-style=eclipse-shadow]:before {
    background: radial-gradient(rgba(0, 0, 0, var(--content--shadow-opacity)), 50%, transparent 70%);
    content: "";
    margin: -50px -100px;
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none
}

@media only screen and (max-width: 639px) {
    [data-mobile-overlay=false] [data-text-style=eclipse-shadow]:before {
        display: none
    }
}

[data-text-style=text-shadow] [data-item*=heading] {
    text-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

@media only screen and (max-width: 639px) {
    [data-mobile-overlay=false] [data-text-style=text-shadow] [data-item*=heading] {
        text-shadow: unset
    }
}

[data-text-style=text-shadow] :is([data-item=overline],
[data-item=nav-text],
[data-item=paragraph]),
[data-text-style=text-shadow] :is([data-item*=paragraph],
[data-item=rte-content],
[data-item=block-link])>* {
    text-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

@media only screen and (max-width: 639px) {
    [data-mobile-overlay=false] [data-text-style=text-shadow] :is([data-item=overline],
    [data-item=nav-text],
    [data-item=paragraph]),
    [data-mobile-overlay=false] [data-text-style=text-shadow] :is([data-item*=paragraph],
    [data-item=rte-content],
    [data-item=block-link])>* {
        text-shadow: unset
    }
}

[data-text-style=text-shadow] :is([data-item*=button],
button:has(.nav-arrow)) {
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

@media only screen and (max-width: 639px) {
    [data-mobile-overlay=false] [data-text-style=text-shadow] :is([data-item*=button],
    button: has(.nav-arrow)) {
        box-shadow:unset
    }
}

[data-item~=banner-heading] {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    line-break: auto;
    word-break: break-word;
    --font--size: var(--font--banner--size)
}

@media only screen and (max-width: 639px) {
    [data-item~=banner-heading] {
        --font--size: var(--font--banner--mobile-size)
    }
}

[data-item~=featured-heading],
[data-item=rte-content] h1 {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    line-break: auto;
    word-break: break-word;
    --font--size: var(--font--featured--size)
}

@media only screen and (max-width: 639px) {
    [data-item~=featured-heading],
    [data-item=rte-content] h1 {
        /* --font--size: var(--font--featured--mobile-size); */
        --font--size: 14px;
    }
}

[data-item~=section-heading],
[data-item=rte-content] h2 {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    letter-spacing: var(--font--heading--spacing);
    line-height: var(--font--line-height);
    font-size: var(--font--size);
    margin: 0;
    line-break: auto;
    word-break: break-word;
    --font--size: var(--font--section--size)
}

@media only screen and (max-width: 639px) {
    [data-item~=section-heading],
    [data-item=rte-content] h2 {
        /* --font--size: var(--font--section--mobile-size); */
        --font--size: 14px;
    }
}

[data-item~=block-heading],
[data-item=rte-content] :is(h3,
h4,
h5,
h6) {
    font-family: var(--font--heading--family);
    font-weight: var(--font--heading--weight);
    font-style: var(--font--heading--style);
    text-transform: var(--font--heading--uppercase);
    /* letter-spacing: var(--font--heading--spacing); */
    letter-spacing: 1.2px;
    line-height: var(--font--line-height);
    /* font-size: var(--font--size); */
    font-size: 14px;
    margin: 0;
    line-break: auto;
    word-break: break-word;
    --font--size: var(--font--block--size)
}

@media only screen and (max-width: 639px) {
    [data-item~=block-heading],
    [data-item=rte-content] :is(h3,
    h4,
    h5,
    h6) {
        /* --font--size: var(--font--block--mobile-size); */
        --font--size: 14px;
    }
}

.shopify-payment-button__more-options,
[data-item=nav-text],
label:not([data-item]),
input,
textarea {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    --font--transform: var(--font--nav--uppercase);
    --font--size: var(--font--nav--size)
}

@media only screen and (max-width: 639px) {
    .shopify-payment-button__more-options,
    [data-item=nav-text],
    label:not([data-item]),
    input,
    textarea {
        --font--size: var(--font--nav--mobile-size)
    }
}

[data-item=sub-nav-text] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    --font--transform: var(--font--sub-nav--uppercase);
    --font--size: var(--font--sub-nav--size)
}

@media only screen and (max-width: 639px) {
    [data-item=sub-nav-text] {
        --font--size: var(--font--sub-nav--mobile-size)
    }
}

input:is([type=text],
[type=password],
[type=date],
[type=datetime],
[type=datetime-local],
[type=month],
[type=week],
[type=email],
[type=number],
[type=search],
[type=tel],
[type=time],
[type=url]),
select,
textarea,
textarea[data-item] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size)
}

@supports(-webkit-touch-callout: none) {
    @media only screen and (max-width: 639px) {
        input:is([type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url]), select, textarea, textarea[data-item] {
            --font--size: 16px
        }
    }
}

[data-item=paragraph],
[data-item=rte-content],
body {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: var(--font--paragraph--style);
    text-transform: var(--font--paragraph--uppercase);
    /* font-size: var(--font--size); */
    font-size: 12px;
    /* line-height: 1.5em; */
    line-height: 1.2em;
    letter-spacing: var(--font--paragraph--spacing);
    margin: 0;
    --font--size: var(--font--paragraph--size)
}

@media only screen and (max-width: 639px) {
    [data-item=paragraph],
    [data-item=rte-content],
    body {
        --font--size: var(--font--paragraph--mobile-size)
    }
}

[data-item=featured-paragraph] {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: var(--font--paragraph--style);
    text-transform: var(--font--paragraph--uppercase);
    font-size: var(--font--size);
    line-height: 1.5em;
    letter-spacing: var(--font--paragraph--spacing);
    margin: 0;
    --font--size: var(--font--featured-paragraph--size)
}

@media only screen and (max-width: 639px) {
    [data-item=featured-paragraph] {
        --font--size: var(--font--featured-paragraph--mobile-size)
    }
}

body {
    margin: 0
}

[data-item=caption] {
    font-family: var(--font--paragraph--family);
    font-weight: var(--font--paragraph--weight);
    font-style: italic;
    font-size: var(--font--nav--size)
}

@media only screen and (max-width: 639px) {
    [data-item=caption] {
        font-size: var(--font--nav--mobile-size)
    }
}

[data-item=overline] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    --font--letter-spacing: 0px;
    --font--size: var(--font--overline--size);
    --font--transform: var(--font--overline--uppercase)
}

[data-item=block-link] {
    flex-basis: auto;
    pointer-events: all
}

[data-item=block-link]>* {
    --font--size: var(--font--button--size);
    --font--transform: var(--font--button--uppercase);
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    position: relative;
    display: inline-flex;
    margin-bottom: 2px;
}

[data-item=small-text] {
    font-size: 12px
}

[data-text-width] {
    max-width: calc(var(--text-width) + var(--text-padding-left, var(--text-padding-x, 0px)) + var(--text-padding-right, var(--text-padding-x, 0px)))
}

[data-y-alignment=top] {
    --y-alignment: flex-start
}

[data-y-alignment=center] {
    --y-alignment: center
}

[data-y-alignment=bottom] {
    --y-alignment: flex-end
}

[data-x-alignment] {
    text-align: var(--text-alignment)
}

[data-x-alignment]>*:only-child,
[data-x-alignment][data-container=block]>* {
    align-self: var(--x-alignment)
}

[data-x-alignment=left] {
    --text-alignment: left;
    --x-alignment: flex-start
}

[data-x-alignment=center] {
    --text-alignment: center;
    --x-alignment: center
}

[data-x-alignment=right] {
    --text-alignment: right;
    --x-alignment: flex-end
}

@media only screen and (max-width: 639px) {
    [data-mobile-y-alignment=top] {
        --y-alignment: flex-start
    }
    [data-mobile-y-alignment=center] {
        --y-alignment: center
    }
    [data-mobile-y-alignment=bottom] {
        --y-alignment: flex-end
    }
    [data-mobile-x-alignment] {
        text-align: var(--text-alignment)
    }
    [data-mobile-x-alignment]>*:only-child,
    [data-mobile-x-alignment][data-container=block]>* {
        align-self: var(--x-alignment)
    }
    [data-mobile-x-alignment=left] {
        --text-alignment: left;
        --x-alignment: flex-start
    }
    [data-mobile-x-alignment=center] {
        --text-alignment: center;
        --x-alignment: center
    }
    [data-mobile-x-alignment=right] {
        --text-alignment: right;
        --x-alignment: flex-end
    }
}

[data-text-color=white] {
    --color: white;
    color: #fff
}

[data-text-color=white] button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
[data-text-color=white] a:not([data-item*=button]),
[data-text-color=white] a:is(:link,
:visited,
:focus-visible,
:hover):not([data-item*=button]) {
    --color: white;
    color: #fff
}

[data-text-color] [data-text-color=white] button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
[data-text-color] [data-text-color=white] a:not([data-item*=button]),
[data-text-color] [data-text-color=white] a:is(:link,
:visited,
:focus-visible,
:hover):not([data-item*=button]) {
    --color: white;
    color: #fff
}

[data-text-color=body] {
    --color: var(--color--body);
    color: var(--color--body)
}

[data-text-color=body] button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
[data-text-color=body] a:not([data-item*=button]),
[data-text-color=body] a:is(:link,
:visited,
:focus-visible,
:hover):not([data-item*=button]) {
    --color: var(--color--body);
    color: var(--color--body)
}

[data-text-color=alert] {
    --color: var(--color--alert);
    color: var(--color--alert)
}

[data-text-color=alert] button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
[data-text-color=alert] a:not([data-item*=button]),
[data-text-color=alert] a:is(:link,
:visited,
:focus-visible,
:hover):not([data-item*=button]) {
    --color: var(--color--alert);
    color: var(--color--alert)
}

[data-text-color=gray] {
    --color: var(--color--gray);
    color: var(--color--gray);
    text-transform: initial;
}

[data-text-color=gray] button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
[data-text-color=gray] a:not([data-item*=button]),
[data-text-color=gray] a:is(:link,
:visited,
:focus-visible,
:hover):not([data-item*=button]) {
    --color: var(--color--gray);
    color: var(--color--gray)
}

@media only screen and (max-width: 639px) {
    [data-mobile-text-color=white]:not([data-text-color=white]) {
        --color: white;
        color: #fff
    }
    [data-mobile-text-color=white]:not([data-text-color=white]) button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
    [data-mobile-text-color=white]:not([data-text-color=white]) a:not([data-item*=button]),
    [data-mobile-text-color=white]:not([data-text-color=white]) a:is(:link,
    :visited,
    :focus-visible,
    :hover):not([data-item*=button]) {
        --color: white;
        color: #fff
    }
    [data-mobile-text-color=body]:not([data-text-color=body]) {
        --color: var(--color--body);
        color: var(--color--body)
    }
    [data-mobile-text-color=body]:not([data-text-color=body]) button:not([data-item*=button]):not(.shopify-payment-button__button--unbranded),
    [data-mobile-text-color=body]:not([data-text-color=body]) a:not([data-item*=button]),
    [data-mobile-text-color=body]:not([data-text-color=body]) a:is(:link,
    :visited,
    :focus-visible,
    :hover):not([data-item*=button]) {
        --color: var(--color--body);
        color: var(--color--body)
    }
}

[data-text-highlight=rotating] {
    display: inline-grid;
    position: relative;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(transparent, black 15%, black 85%, transparent);
    mask-image: linear-gradient(transparent, black 15%, black 85%, transparent)
}

[data-text-highlight=rotating] .rotating-item {
    opacity: var(--opacity);
    grid-area: 1/-1;
    transition: transform .4s cubic-bezier(0, 0, 0.2, 1);
    transform: translate3d(0px, var(--vertical-transform), 0px)
}

[data-text-highlight=rotating] .rotating-item[data-state=previous] {
    --opacity: 1;
    --vertical-transform: -100%
}

[data-text-highlight=rotating] .rotating-item[data-state=current] {
    --opacity: 1;
    --vertical-transform: 0px
}

[data-text-highlight=rotating] .rotating-item[data-state=next] {
    --opacity: 0;
    --vertical-transform: 100%
}

[data-text-highlight=color][data-text-highlight-active] {
    transition: color .4s var(--transition--standard)
}

[data-text-highlight=color]:not([data-text-highlight-active]),
[data-text-highlight=color][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text)
}

[data-text-highlight=italic][data-text-highlight-active] {
    transition: color .4s var(--transition--standard), transform .4s var(--transition--standard)
}

[data-text-highlight=italic]:not([data-text-highlight-active]),
[data-text-highlight=italic][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    display: inline-block;
    transform: skew(-10deg)
}

[data-text-highlight=bold][data-text-highlight-active] {
    text-shadow: 0;
    transition: color .4s var(--transition--standard), text-shadow .4s var(--transition--standard)
}

[data-text-highlight=bold]:not([data-text-highlight-active]),
[data-text-highlight=bold][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    text-shadow: -0.5px -0.5px 0 var(--highlight-text), .5px -0.5px 0 var(--highlight-text), -0.5px .5px 0 var(--highlight-text), .5px .5px 0 var(--highlight-text)
}

[data-text-highlight=bold-italic][data-text-highlight-active] {
    text-shadow: 0;
    transition: color .4s var(--transition--standard), transform .4s var(--transition--standard), text-shadow .4s var(--transition--standard)
}

[data-text-highlight=bold-italic]:not([data-text-highlight-active]),
[data-text-highlight=bold-italic][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    display: inline-block;
    transform: skew(-10deg);
    text-shadow: -0.5px -0.5px 0 var(--highlight-text), .5px -0.5px 0 var(--highlight-text), -0.5px .5px 0 var(--highlight-text), .5px .5px 0 var(--highlight-text)
}

[data-text-highlight=outlined][data-text-highlight-active] {
    transition: color .4s var(--transition--standard)
}

[data-text-highlight=outlined]:not([data-text-highlight-active]),
[data-text-highlight=outlined][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-text-stroke: 2px
}

[data-text-highlight=highlight][data-text-highlight-active] {
    transition: color .4s var(--transition--standard)
}

[data-text-highlight=highlight][data-text-highlight-active]:before {
    content: "";
    transition: right .4s var(--transition--standard);
    right: 100%
}

[data-text-highlight=highlight]:not([data-text-highlight-active]),
[data-text-highlight=highlight][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    display: inline-block;
    position: relative;
    padding: 0 .15em;
    margin: 0 -0.15em;
    z-index: 1
}

[data-text-highlight=highlight]:not([data-text-highlight-active]):before,
[data-text-highlight=highlight][data-transition-active=true][data-text-highlight-active=true]:before {
    content: "";
    position: absolute;
    background-color: var(--highlight-color);
    opacity: .93;
    inset: 0;
    z-index: -1
}

[data-text-highlight=half-highlight][data-text-highlight-active] {
    transition: color .4s var(--transition--standard)
}

[data-text-highlight=half-highlight][data-text-highlight-active]:before {
    content: "";
    transition: right .4s var(--transition--standard);
    right: 100%
}

[data-text-highlight=half-highlight]:not([data-text-highlight-active]),
[data-text-highlight=half-highlight][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    display: inline-block;
    position: relative;
    z-index: 1
}

[data-text-highlight=half-highlight]:not([data-text-highlight-active]):before,
[data-text-highlight=half-highlight][data-transition-active=true][data-text-highlight-active=true]:before {
    content: "";
    position: absolute;
    background-color: var(--highlight-color);
    opacity: .93;
    right: 0%;
    left: 0%;
    top: 50%;
    bottom: 0%;
    z-index: -1
}

[data-text-highlight=glow][data-text-highlight-active]:before {
    content: "";
    opacity: 0;
    transition: opacity .2s var(--transition--standard)
}

[data-text-highlight=glow]:not([data-text-highlight-active]),
[data-text-highlight=glow][data-transition-active=true][data-text-highlight-active=true] {
    display: inline-block;
    position: relative;
    text-shadow: none
}

[data-text-highlight=glow]:not([data-text-highlight-active]):before,
[data-text-highlight=glow][data-transition-active=true][data-text-highlight-active=true]:before {
    content: attr(data-text);
    opacity: 1;
    position: absolute;
    pointer-events: none;
    color: #fffaf6;
    background: linear-gradient(0deg, #dfe5ee 0%, #fffaf6 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    filter: url(#glow-text);
    -moz-filter: url(#glow-text);
    -webkit-filter: url(#glow-text)
}

[data-text-highlight=underline][data-text-highlight-active] {
    transition: color .4s var(--transition--standard)
}

[data-text-highlight=underline][data-text-highlight-active]:before {
    content: "";
    transition: right .4s var(--transition--standard);
    right: 100%
}

[data-text-highlight=underline]:not([data-text-highlight-active]),
[data-text-highlight=underline][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text);
    display: inline-block;
    position: relative;
    z-index: 1
}

[data-text-highlight=underline]:not([data-text-highlight-active]):before,
[data-text-highlight=underline][data-transition-active=true][data-text-highlight-active=true]:before {
    content: "";
    position: absolute;
    background-color: var(--highlight-color);
    height: 4px;
    opacity: .93;
    right: 0%;
    left: 0%;
    bottom: 0%;
    z-index: -1
}

[data-text-highlight=reverse-opacity][data-text-highlight-active] {
    opacity: 1;
    transition: opacity .2s var(--transition--standard), color .4s var(--transition--standard)
}

[data-text-highlight=reverse-opacity]:not([data-text-highlight-active]),
[data-text-highlight=reverse-opacity][data-transition-active=true][data-text-highlight-active=true] {
    color: var(--highlight-text)
}

*:has(>[data-text-highlight=reverse-opacity]:not([data-text-highlight-active]),
>[data-text-highlight=reverse-opacity][data-transition-active=true][data-text-highlight-active=true])>:not([data-text-highlight=reverse-opacity]:not([data-text-highlight-active]),
[data-text-highlight=reverse-opacity][data-transition-active=true][data-text-highlight-active=true]) {
    opacity: .5
}

[data-text-highlight=underline-reveal] {
    --progress: 1;
    --animate-letters: 3;
    color: var(--highlight-text);
    position: relative;
    overflow: hidden;
    display: inline-flex
}

[data-text-highlight=underline-reveal]:after {
    content: "";
    top: calc(100% - .2em);
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: var(--bg-color--body);
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent);
    mask-image: linear-gradient(to top, black 0%, transparent)
}

[data-text-highlight=underline-reveal]:before {
    content: "";
    position: absolute;
    background-color: var(--highlight-text);
    height: var(--height);
    left: 0%;
    right: calc(100%*(1 - max(0, (var(--progress) - 2/var(--letters))/(1 - 2/var(--letters)))));
    bottom: 0px;
    z-index: 1;
    -webkit-mask-image: linear-gradient(to right, black calc(100% * var(--progress)), transparent);
    mask-image: linear-gradient(to right, black calc(100% * var(--progress)), transparent);
    transition: right 150ms ease
}

[data-item=banner-heading] [data-text-highlight=underline-reveal]:before {
    --height: 4px
}

[data-item=featured-heading] [data-text-highlight=underline-reveal]:before {
    --height: 3px
}

[data-item=section-heading] [data-text-highlight=underline-reveal]:before {
    --height: 2px
}

[data-item=block-heading] [data-text-highlight=underline-reveal]:before {
    --height: 1px
}

[data-text-highlight=underline-reveal]>span {
    display: inline-block;
    transition: transform 150ms ease;
    transform: translate3D(0, calc(1em * clamp(0, 1 - (var(--progress) * (var(--letters) + 1) - (var(--index) - (var(--animate-letters) - 1))) / var(--animate-letters), 1)), 0)
}

[data-text-highlight=opacity-fill] {
    display: inline-block;
    position: relative
}

[data-text-highlight=opacity-fill] span {
    display: inline-block;
    opacity: .2;
    filter: blur(1px)
}

[data-text-highlight=opacity-fill] div {
    color: var(--highlight-text);
    position: absolute;
    inset: 0;
    clip-path: inset(0 calc(100% * (1 - var(--progress))) 0 0)
}

[data-item=block-link]>* {
    line-height: 1
}

[data-item=block-link]>*:before {
    position: absolute;
    bottom: -2px;
    border-bottom: 1px solid var(--color);
    content: "";
    display: block;
    width: 100%
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded,
[data-item=radio-input],
[data-item*=button] {
    --font--transform: var(--font--button--uppercase);
    --font--size: var(--font--button--size);
    --font--letter-spacing: var(--font--button--spacing);
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    position: relative;
    text-align: center;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    text-wrap: nowrap;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--button--radius);
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--button--height);
    min-width: var(--button--height);
    padding: var(--button--padding);
    width: -moz-fit-content;
    width: fit-content;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--button--color);
    background: var(--button--bg-color)
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:before,
[data-item=radio-input]:before,
[data-item*=button]:before {
    content: "";
    position: absolute;
    inset: 0px;
    border: var(--button--border-width) solid var(--button--border-color);
    border-radius: var(--button--radius);
    pointer-events: none;
    z-index: 1
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:is(:link,
:visited),
[data-item=radio-input]:is(:link,
:visited),
[data-item*=button]:is(:link,
:visited) {
    color: var(--button--color)
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:not([href])>*,
[data-item=radio-input]:not([href])>*,
[data-item*=button]:not([href])>* {
    pointer-events: none
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:has(>:nth-child(2):not(input)),
[data-item=radio-input]:has(>:nth-child(2):not(input)),
[data-item*=button]:has(>:nth-child(2):not(input)) {
    display: grid;
    place-items: center
}

.product-buy-buttons--smart .shopify-payment-button__button--unbranded:has(>:nth-child(2):not(input))>*,
[data-item=radio-input]:has(>:nth-child(2):not(input))>*,
[data-item*=button]:has(>:nth-child(2):not(input))>* {
    grid-area: 1/-1
}

[data-item*=inline-button] {
    --button--height: var(--spacing--4);
    --button--padding: 0 var(--spacing--block);
    --font--size: min(var(--font--button--size), 12px)
}

[data-item=radio-input] {
    --button--border-color: var(--color--gray);
    --button--bg-color: transparent;
    --button--color: var(--color--body);
    --button--padding: var(--spacing--1) var(--spacing--3);
    --button--height: 45px
}

[data-item=radio-input]:has(>input:checked),
[data-item=radio-input]:hover {
    --button--border-color: var(--color--body)
}

[data-item=radio-input]:has(>input:checked) {
    background: #222;
    color: #fff;
}

[data-item=radio-input]:has(input:not(:checked)):not(:hover):before {
    opacity: .4
}

[data-item=radio-input]:has(>input:focus-visible) {
    outline: -webkit-focus-ring-color auto 2px;
    outline-offset: 3px
}

[data-item=radio-input][data-unavailable=true] {
    background: linear-gradient(to left top, transparent calc(50% - var(--border--thickness) / 2), var(--color--gray), transparent calc(50% + var(--border--thickness) / 2))
}

[data-item*=button-1] {
    --button--color: var(--button--color-1);
    --button--bg-color: var(--button--bg-color-1);
    --button--border-color: var(--button--border-color-1)
}

@media only screen and (max-width: 639px) {
    [data-item*=button][data-mobile-item=button-1] {
        --button--color: var(--button--color-1);
        --button--bg-color: var(--button--bg-color-1);
        --button--border-color: var(--button--border-color-1)
    }
}

[data-item*=button-2] {
    --button--color: var(--button--color-2);
    --button--bg-color: var(--button--bg-color-2);
    --button--border-color: var(--button--border-color-2)
}

@media only screen and (max-width: 639px) {
    [data-item*=button][data-mobile-item=button-2] {
        --button--color: var(--button--color-2);
        --button--bg-color: var(--button--bg-color-2);
        --button--border-color: var(--button--border-color-2)
    }
}

[data-item*=button-3] {
    --button--color: var(--button--color-3);
    --button--bg-color: var(--button--bg-color-3);
    --button--border-color: var(--button--border-color-3);
    letter-spacing: 1.2px;
}

@media only screen and (max-width: 639px) {
    [data-item*=button][data-mobile-item=button-3] {
        --button--color: var(--button--color-3);
        --button--bg-color: var(--button--bg-color-3);
        --button--border-color: var(--button--border-color-3)
    }
}

[data-item*=button-4] {
    --button--color: var(--button--color-4);
    --button--bg-color: var(--button--bg-color-4);
    --button--border-color: var(--button--border-color-4)
}

@media only screen and (max-width: 639px) {
    [data-item*=button][data-mobile-item=button-4] {
        --button--color: var(--button--color-4);
        --button--bg-color: var(--button--bg-color-4);
        --button--border-color: var(--button--border-color-4)
    }
}

[data-item=a11y-button],
input[type=submit] {
    --button--color: var(--button--color-1);
    --button--bg-color: var(--button--bg-color-1);
    --button--border-color: var(--button--border-color-1)
}

[data-item=a11y-button],
[data-item=hidden-text] {
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

[data-item=a11y-button]:focus-visible {
    position: fixed;
    top: calc(var(--spacing--item)/2);
    left: calc(var(--spacing--item)/2);
    padding: 0 calc(var(--spacing--item)/2);
    width: auto;
    height: 30px;
    line-height: 30px;
    z-index: 99;
    clip: unset
}

[data-item=a11y-button][aria-hidden=true] {
    display: none
}

[data-item=hotspot] {
    --hotspot-size: 300%;
    --hotspot-animation: none;
    --hotspot-color: var(--button--bg-color-2);
    --hotspot-default-animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    background-color: var(--hotspot-color);
    border-radius: 50%;
    pointer-events: none
}

[data-item=hotspot]:after {
    content: "";
    position: absolute;
    width: var(--hotspot-size);
    height: var(--hotspot-size);
    animation: var(--hotspot-animation);
    border-radius: 50%;
    opacity: .8;
    background-color: var(--hotspot-color)
}

[data-item=tag] {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 1.1em;
    position: relative;
    isolation: isolate;
    padding: min(.5em, var(--spacing--0)) min(1em, var(--spacing--item));
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

[data-item=tag]>* {
    pointer-events: none;
    z-index: 1
}

[data-item=tag]>span {
    transform: translateZ(0);
    backface-visibility: hidden
}

[data-item=tag]:active {
    transform: scale(0.97)
}

[data-item=tag]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: var(--tag--bg-color);
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    transition: opacity .4s var(--transition--ease-out)
}

[data-item=tag][data-tag-shape=round]:before {
    border-radius: min(1em, var(--spacing--item))
}

[data-item=tag] .icon--root {
    --tag-icon--duration: 0.25s;
    --tag-icon--max-width: 0;
    --tag-icon--opacity: 0;
    --tag-icon--padding: 0;
    overflow: hidden;
    max-width: var(--tag-icon--max-width);
    opacity: var(--tag-icon--opacity);
    padding-left: var(--tag-icon--padding);
    height: auto;
    width: 100%;
    will-change: max-width, opacity, padding-left;
    transition: max-width var(--tag-icon--duration) var(--transition--ease-out), opacity var(--tag-icon--duration) var(--transition--ease-out), padding-left var(--tag-icon--duration) var(--transition--ease-out)
}

@media(hover: hover) {
    [data-item=tag]:hover {
        cursor: pointer;
        color: var(--tag--color)
    }
    [data-item=tag]:hover:before {
        opacity: .7
    }
}

input:focus-visible~[data-item=tag] {
    color: var(--tag--color)
}

input:focus-visible~[data-item=tag]:before {
    opacity: .7
}

[data-item=tag]:is(button),
input:checked~[data-item=tag] {
    color: var(--tag--color)
}

[data-item=tag]:is(button):before,
input:checked~[data-item=tag]:before {
    opacity: 1
}

[data-item=tag]:is(button) .icon--root,
input:checked~[data-item=tag] .icon--root {
    --tag-icon--max-width: min(calc(var(--font--size) + var(--tag-icon--padding) - 4px), 24px);
    --tag-icon--opacity: 1;
    --tag-icon--padding: 0.5em
}

@media(hover: hover) {
    [data-item=tag]:is(button):hover:before,
    input:checked~[data-item=tag]:hover:before {
        opacity: .7
    }
}

[data-item=pagination-dot] {
    --padding: 6px;
    z-index: 3;
    padding: calc(var(--padding)*2) var(--padding);
    margin: calc(var(--padding)*-2) calc(var(--padding)*-1);
    transform: scale(1);
    transition: transform .2s var(--transition--standard)
}

[data-item=pagination-dot] div {
    height: var(--dot-height, 4px);
    width: var(--dot-width, 20px);
    pointer-events: none;
    background-color: var(--bg-color--body);
    border: 1px solid var(--color--body);
    overflow: hidden
}

[data-item=pagination-dot] div:before {
    content: "";
    transform: translate3d(-100%, 0, 0);
    display: block;
    height: 100%;
    background-color: var(--color--body)
}

[data-item=pagination-dot][aria-current=true] div:before {
    transition: transform .2s var(--transition--standard);
    transform: translate3d(0, 0, 0)
}

[data-section-id][data-auto-rotate=true] [data-item=pagination-dot][aria-current=true] div:before {
    animation: pagination-timer var(--rotate-frequency) linear forwards;
    animation-play-state: var(--animation-play-state)
}

@media only screen and (max-width: 639px) {
    [data-item=pagination-dot]:is([data-position=trailing-1],
    [data-position=leading-1]) {
        transform: scale(0.66)
    }
    [data-item=pagination-dot]:is([data-position=hidden],
    [data-position=trailing-2],
    [data-position=leading-2]) {
        transform: scale(0.33)
    }
}

[data-section-id] {
    position: relative;
    display: flex;
    padding: var(--section--padding-top, 0px) var(--section--padding-right, 0px) var(--section--padding-bottom, 0px) var(--section--padding-left, 0px)
}

@media only screen and (min-width: 640px) {
    [data-section-id][data-container-height] {
        min-height: calc(var(--section--height) + var(--section--padding-top) + var(--section--padding-bottom))
    }
}

[data-section-id][data-container-height=x-small] {
    --section--height: var(--height--x-small)
}

[data-section-id][data-container-height=small] {
    --section--height: var(--height--small)
}

[data-section-id][data-container-height=medium] {
    --section--height: var(--height--medium)
}

[data-section-id][data-container-height=large] {
    --section--height: var(--height--large)
}

[data-section-id][data-container-height=x-large] {
    --section--height: var(--height--x-large)
}

[data-section-id][data-container-height=fit-screen] {
    --section--height: 100dvh
}

[data-section-id]>*:not(.layout--shape) {
    width: 100%
}

@media only screen and (max-width: 639px) {
    [data-section-id] {
        --section--padding-left: var(--spacing--item);
        --section--padding-right: var(--spacing--item);
        /* --section--padding-left: 10px;
        --section--padding-right: 10px; */
    }
    [data-section-id][data-mobile-spacing-above=none] {
        --section--padding-top: 0px
    }
    [data-section-id][data-mobile-spacing-above=small] {
        --section--padding-top: var(--layout--mobile-spacing-small)
    }
    [data-section-id][data-mobile-spacing-above=medium] {
        --section--padding-top: var(--layout--mobile-spacing-medium)
    }
    [data-section-id][data-mobile-spacing-above=large] {
        --section--padding-top: var(--layout--mobile-spacing-large)
    }
    [data-section-id][data-mobile-spacing-below=none] {
        --section--padding-bottom: 0px
    }
    [data-section-id][data-mobile-spacing-below=small] {
        --section--padding-bottom: var(--layout--mobile-spacing-small)
    }
    [data-section-id][data-mobile-spacing-below=medium] {
        --section--padding-bottom: var(--layout--mobile-spacing-medium)
    }
    [data-section-id][data-mobile-spacing-below=large] {
        --section--padding-bottom: var(--layout--mobile-spacing-large)
    }
    [data-section-id][data-mobile-full-width=true]:not([data-outer-background=false]) {
        --section--padding-left: 0;
        --section--padding-right: 0
    }
    [data-section-id][data-mobile-full-width=true]:not([data-outer-background=false]) [data-container=block] {
        padding-left: var(--spacing--item);
        padding-right: var(--spacing--item)
    }
}

@media only screen and (min-width: 640px) {
    [data-section-id] {
        --section--padding-left: var(--spacing--section--x);
        --section--padding-right: var(--spacing--section--x);
        justify-content: var(--section--alignment, center)
    }
    [data-section-id][data-spacing-above=none] {
        --section--padding-top: 0px
    }
    [data-section-id][data-spacing-above=small] {
        --section--padding-top: var(--layout--spacing-small)
    }
    [data-section-id][data-spacing-above=medium] {
        --section--padding-top: var(--layout--spacing-medium)
    }
    [data-section-id][data-spacing-above=large] {
        --section--padding-top: var(--layout--spacing-large)
    }
    [data-section-id][data-spacing-below=none] {
        --section--padding-bottom: 0px
    }
    [data-section-id][data-spacing-below=small] {
        --section--padding-bottom: var(--layout--spacing-small)
    }
    [data-section-id][data-spacing-below=medium] {
        --section--padding-bottom: var(--layout--spacing-medium)
    }
    .template--collection .main-collection--root[data-section-id][data-spacing-below=medium] {
        padding-left: 0;
        padding-right: 0;
    }
    [data-section-id][data-spacing-below=large] {
        --section--padding-bottom: var(--layout--spacing-large)
    }
    [data-section-id][data-container-width="1"]>*:not(.layout--shape) {
        max-width: var(--max-width--x-small)
    }
    [data-section-id][data-container-width="2"]>*:not(.layout--shape) {
        max-width: var(--max-width--small)
    }
    [data-section-id][data-container-width="3"]>*:not(.layout--shape) {
        max-width: var(--max-width--medium)
    }
    [data-section-id][data-container-width="4"]>*:not(.layout--shape) {
        max-width: var(--max-width--large)
    }
    [data-section-id][data-container-width="5"]>*:not(.layout--shape) {
        max-width: 100%
    }
    [data-section-id][data-container-width="6"] {
        --section--padding-left: 0;
        --section--padding-right: 0
    }
}

@media only screen and (min-width: 1000px) {
.template--collection .main-collection--root[data-section-id][data-spacing-below=medium] {
        padding-left: 0;
        padding-right: 0;
}
}

[data-border=top],
[data-border=both],
[data-background-color=border] {
    position: relative
}

[data-border=top]:before,
[data-border=both]:before,
[data-background-color=border]:before {
    content: "";
    height: var(--border--thickness);
    background-color: var(--border--color-dark);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none
}

[data-border=bottom],
[data-border=both],
[data-background-color=border] {
    position: relative
}

[data-border=bottom]:after,
[data-border=both]:after,
[data-background-color=border]:after {
    content: "";
    height: var(--border--thickness);
    background-color: var(--border--color-dark);
    position: absolute;
    bottom: calc(-1*var(--border--thickness));
    left: 0;
    right: 0;
    z-index: 1;
    pointer-events: none
}

[data-background-color=transparent] {
    --bg-color: transparent
}

[data-background-color=none] {
    --bg-color: var(--bg-color--body)
}

[data-background-color=none][data-translucent=true] {
    --bg-color: var(--bg-color--body-translucent)
}

[data-background-color=light] {
    --bg-color: var(--bg-color--light)
}

[data-background-color=light][data-translucent=true] {
    --bg-color: var(--bg-color--light-translucent)
}

[data-background-color=dark] {
    --bg-color: var(--bg-color--dark)
}

[data-background-color=dark][data-translucent=true] {
    --bg-color: var(--bg-color--dark-translucent)
}

[data-background-color=accent-1] {
    --bg-color: var(--color--accent-1)
}

[data-background-color=accent-1][data-translucent=true] {
    --bg-color: var(--color--accent-1-translucent)
}

[data-background-color=accent-2] {
    --bg-color: var(--color--accent-2)
}

[data-background-color=accent-2][data-translucent=true] {
    --bg-color: var(--color--accent-2-translucent)
}

[data-background-color=accent-3] {
    --bg-color: var(--color--accent-3)
}

[data-background-color=accent-3][data-translucent=true] {
    --bg-color: var(--color--accent-3-translucent)
}

[data-background-color][data-translucent=true]:not([data-background-color=transparent]) {
    backdrop-filter: blur(3px)
}

[data-background-color]:not([data-outer-background=false]):not([data-background-color=border]) {
    background-color: var(--bg-color)
}

.layout--footer-group [data-background-color]:not([data-outer-background=false]):not([data-background-color=border]) {
    background-color: #edede6;
}

[data-background-color][data-outer-background=false] {
    background-color: var(--bg-color--body)
}

[data-background-color][data-outer-background=false]>*:not(.layout--shape) {
    --x-spacing: var(--spacing--block);
    --y-spacing: var(--spacing--block);
    overflow: hidden;
    position: relative;
    padding: var(--y-spacing) var(--x-spacing);
    border-radius: var(--image--radius);
    background-color: var(--bg-color)
}

@media only screen and (max-width: 639px) {
    [data-background-color][data-outer-background=false]>*:not(.layout--shape) {
        --x-spacing: var(--spacing--item)
    }
}

@media only screen and (min-width: 640px) {
    [data-background-color][data-outer-background=false]>*:not(.layout--shape)[data-reverse-layout=false] [data-item=image] {
        --image--radius-top-right: 0px;
        --image--radius-bottom-right: 0px;
        margin-left: calc(-1*var(--x-spacing))
    }
    [data-background-color][data-outer-background=false]>*:not(.layout--shape)[data-reverse-layout=true] [data-item=image] {
        --image--radius-top-left: 0px;
        --image--radius-bottom-left: 0px;
        margin-right: calc(-1*var(--x-spacing))
    }
}

[data-background-color][data-outer-background=false]>*:not(.layout--shape) [data-item=image] {
    margin-top: calc(-1*var(--y-spacing))
}

@media only screen and (max-width: 639px) {
    [data-background-color][data-outer-background=false]>*:not(.layout--shape) [data-item=image] {
        --image--radius-bottom-right: 0px;
        --image--radius-bottom-left: 0px;
        margin-left: calc(-1*var(--x-spacing));
        margin-right: calc(-1*var(--x-spacing))
    }
}

@media only screen and (min-width: 640px) {
    [data-background-color][data-outer-background=false]>*:not(.layout--shape) [data-item=image] {
        margin-bottom: calc(-1*var(--y-spacing))
    }
}

[data-section-id] {
    --section--alignment: center;
    --section--text-alignment: center
}

.layout--viewport[data-header-layout=sidebar] .layout--main-content [data-section-id][data-background-color=none]:not([data-outer-background=false]) {
    --section--alignment: flex-start;
    --section--text-alignment: left
}

@media only screen and (max-width: 639px) {
    [data-section-id][data-mobile-spacing-above=x-large] {
        --section--padding-top: var(--layout--mobile-spacing-x-large)
    }
    [data-section-id][data-mobile-spacing-below=x-large] {
        --section--padding-bottom: var(--layout--mobile-spacing-x-large)
    }
}

@media only screen and (min-width: 640px) {
    .layout--viewport[data-header-layout=sidebar] .layout--main-content [data-section-id][data-background-color=none]:not([data-outer-background=false]) {
        --section--padding-left: 0
    }
    [data-section-id][data-spacing-above=x-large] {
        --section--padding-top: var(--layout--spacing-x-large)
    }
    [data-section-id][data-spacing-below=x-large] {
        --section--padding-bottom: var(--layout--spacing-x-large)
    }
}

.section--announcement {
    z-index: 5
}

.section--announcement:has(.announcement--root[data-sticky-enabled=true]) {
    position: sticky;
    top: 0
}

.announcement--wrapper {
    display: flex;
    align-items: center
}

@media only screen and (min-width: 1024px) {
    .announcement--wrapper {
        gap: var(--spacing--block)
    }
}

@media only screen and (min-width: 640px)and (max-width: 1023px) {
    .announcement--wrapper {
        gap: var(--spacing--item)
    }
}

.announcement--wrapper .countdown-timer--root {
    flex-shrink: 0
}

.announcement--left,
.announcement--right {
    flex: 2 0 0
}

.announcement--left>*,
.announcement--right>* {
    height: -moz-fit-content;
    height: fit-content
}

.announcement--left {
    display: flex
}

@media only screen and (min-width: 640px) {
    .announcement--left .social-media--root {
        min-width: 100px
    }
}

.announcement--right {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing--block)
}

.announcement--right>form {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing--item);
    flex-wrap: nowrap
}

.announcement--center {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing--item);
    z-index: 1;
    --image--radius: 0
}

@media only screen and (max-width: 639px) {
    .announcement--center {
        max-width: 100%
    }
}

.announcement--previous,
.announcement--next {
    padding: var(--spacing--1);
    margin: var(--spacing--neg-1);
    transition: opacity 1s var(--transition--ease-out)
}

.announcement--previous:hover,
.announcement--next:hover {
    cursor: pointer
}

.announcement--previous[aria-hidden=false],
.announcement--next[aria-hidden=false] {
    opacity: 1
}

.announcement--previous[aria-hidden=true],
.announcement--next[aria-hidden=true] {
    opacity: 0;
    visibility: hidden
}

.announcement--previous>.icon--root,
.announcement--next>.icon--root {
    margin: 0;
    height: 12px
}

.announcement--blocks {
    text-align: center;
    display: grid;
    overflow: hidden
}

@media only screen and (max-width: 639px) {
    .announcement--root[data-scroll-text=true] .announcement--blocks {
        -webkit-mask-image: linear-gradient(to left, #000 95%, transparent);
        mask-image: linear-gradient(to left, #000 95%, transparent)
    }
}

.announcement--blocks>* {
    grid-area: 1/-1
}

.announcement--block {
    display: flex;
    align-items: center;
    justify-content: center
}

@media only screen and (min-width: 1024px) {
    .announcement--block {
        max-width: 800px
    }
}

@media only screen and (min-width: 640px)and (max-width: 1023px) {
    .announcement--block {
        max-width: 500px
    }
}

@media only screen and (max-width: 639px) {
    .announcement--block {
        gap: var(--spacing--block);
        max-width: 100%
    }
    .announcement--root[data-scroll-text=true] .announcement--block {
        overflow: hidden;
        -webkit-mask-image: linear-gradient(to right, #000 95%, transparent);
        mask-image: linear-gradient(to right, #000 95%, transparent)
    }
}

.announcement--block-wrapper {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    -moz-column-gap: var(--spacing--block);
    /* column-gap: var(--spacing--block); */
    column-gap: 8px;
    row-gap: var(--spacing--0);
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%
}

@media only screen and (min-width: 640px) {
    .announcement--block-wrapper:not(:first-child) {
        display: none
    }
}

@media only screen and (max-width: 639px) {
    .announcement--root[data-scroll-text=true] .announcement--block-wrapper {
        max-width: unset;
        transform: translateZ(0);
        backface-visibility: hidden
    }
    .announcement--root[data-scroll-text=true] .announcement--block[aria-hidden=false] .announcement--block-wrapper {
        --animation-speed: calc( ((10 - var(--announcement--animation-speed)) * (20 - 5) / (10 - 1) + 5) * 1s);
        animation-play-state: running;
        animation: scrolling-content var(--animation-speed) linear infinite
    }
}

.announcement--icon {
    flex-shrink: 0;
    line-height: 1
}

.announcement--icon :is(img,
svg) {
    height: 25px;
    width: auto
}

@media only screen and (max-width: 639px) {
    .announcement--icon {
        display: none
    }
}

.announcement--root {
    padding-top: var(--spacing--0);
    padding-bottom: var(--spacing--0);
    background: linear-gradient(to right, #b19175, #e1d7ce);
    color: white;
}

body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]):has(.header--root[data-transparent-enabled=true]) .section--header~.shopify-section-group-header-group:not(.section--sidebar) {
    display: none
}

.section--header {
    z-index: 5
}

.section--header:has(.header--root[data-sticky-enabled=true]) {
    position: sticky;
    top: 0
}

.section--header:has(.header--root[data-scroll-hide=true][data-sticky-enabled=true][data-transparent-enabled=false]) {
    transform: translate3d(0, 0, 0);
    will-change: transform;
    transition: transform .2s var(--transition--standard)
}

.section--header:has(.header--root[data-scroll-hide=true][data-sticky-enabled=true][data-transparent-enabled=false][aria-hidden=true]) {
    transform: translate3d(0, -100%, 0);
    pointer-events: none
}

.header--root {
    --header--color: var(--color--body);
    --header--alt-color: var(--bg-color--body);
    --header--border-color: var(--border--color-dark);
    flex-direction: column;
    color: var(--header--color);
    z-index: 4;
    top: 0;
    transition: opacity .2s var(--transition--standard), background-color .2s var(--transition--standard), color .2s var(--transition--standard), box-shadow .2s var(--transition--standard), transform .2s var(--transition--standard)
}

.layout--viewport[data-drop-shadows=true] .header--root[data-sticky=true][aria-hidden=false]:not([data-layout=sidebar]) {
    box-shadow: var(--box-shadow--bottom);
    --header-bg-color: rgb(255 255 255 / 0.9);
    background-color: var(--header-bg-color);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.layout--viewport[data-drop-shadows=true]:has(.section--header~.section--announcement>.announcement--root[data-sticky=true]) .header--root {
    box-shadow: none
}

.header--root[data-transparent-enabled=true] {
    opacity: 0
}

.header--root[data-transparent-enabled=true][data-loaded=true] {
    opacity: 1
}

.header--root[data-transparent-enabled=true][data-scroll-hide=true][data-sticky-enabled=true] {
    transform: translate3d(0, 0, 0);
    will-change: transform
}

.header--root[data-transparent-enabled=true][data-scroll-hide=true][data-sticky-enabled=true][aria-hidden=true] {
    transform: translate3d(0, -100%, 0);
    pointer-events: none
}

.header--root[data-border=bottom]:after {
    z-index: 4;
    background-color: var(--header--border-color)
}

.header--root[data-text-color=white] {
    --header--border-color: var(--border--color-light)
}

body:not(:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible])) .header--root[data-text-color=white],
.header--root[data-text-color=white][data-transparent-enabled=false] {
    --header--color: white;
    --header--alt-color: var(--color--body);
    --header--border-color: var(--border--color-light)
}

body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-border=bottom] {
    margin-block-end: calc(-1*(1px + var(--header--height, 0px)))
}

body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true]:not([data-border=bottom]) {
    margin-block-end: calc(-1*var(--header--height, 0px))
}

body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-text-color=white][data-sticky=true] {
    --header--color: white;
    --header--alt-color: var(--color--body);
    --header--border-color: var(--border--color-light)
}

@media only screen and (max-width: 639px) {
    body:has(.layout--template .shopify-section: first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] {
        --bg-color: transparent;
        --header--border-color: rgba(0, 0, 0, 0)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id][data-border=bottom]:after {
        display: none
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id][data-transparent-text-color=white] {
        --header--color: white;
        --header--alt-color: var(--color--body)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] .header--root[data-icons=true] .header--cart:not([data-cart-count="0"]):after {
        background-color: var(--header--color);
        color: var(--header--alt-color)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] button,
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] a,
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] a:is(:link,
    :visited,
    :focus-visible,
    :hover) {
        color: var(--header--color)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] .header--primary-logo:not(:only-child) {
        display: none
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false][data-section-id] .header--secondary-logo {
        display: block
    }
}

@media only screen and (min-width: 640px) {
    body:has(.layout--template .shopify-section: first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-text-color=white]:is(:hover, :has(:focus-visible)) {
        --header--color: white;
        --header--alt-color: var(--color--body);
        --header--border-color: var(--border--color-light)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) {
        --bg-color: transparent;
        --header--border-color: rgba(0, 0, 0, 0)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible))[data-transparent-text-color=white] {
        --header--color: white;
        --header--alt-color: var(--color--body)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible))[data-border=bottom]:after {
        display: none
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .header--root[data-icons=true] .header--cart:not([data-cart-count="0"]):after {
        background-color: var(--header--color);
        color: var(--header--alt-color)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .x-menu--level-1--link[data-highlight=true]>:is(a,
    modal-trigger) {
        --color: var(--header--color);
        background-color: var(--highlight-color);
        border-radius: var(--button--radius);
        padding: 0 var(--spacing--1);
        height: 28px;
        min-height: 28px;
        margin: var(--spacing--neg-1)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) button,
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) a,
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) a:is(:link,
    :visited,
    :focus-visible,
    :hover) {
        color: var(--header--color)
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .header--primary-logo:not(:only-child) {
        display: none
    }
    body:has(.layout--template .shopify-section:first-child>[data-header-overlap-compatible]) .header--root[data-transparent-enabled=true][data-sticky=false]:not(:hover):not(:has(:focus-visible)) .header--secondary-logo {
        display: block
    }
}

.header--root:is(:hover,
[data-sticky=true],
[data-transparent-enabled=false]) .x-menu--level-1--link[data-highlight=true]>:is(a,
modal-trigger) {
    color: var(--color)
}

.header--root:is(:hover,
[data-sticky=true],
[data-transparent-enabled=false]) .x-menu--level-1--link[data-highlight=true]>:is(a,
modal-trigger) .icon--root {
    color: var(--highlight-color)
}

@media only screen and (min-width: 640px) {
    .header--root:is([data-layout=drawer],
    [aria-expanded=true][data-overlap-behavior=drawer]) .x-menu {
        display: none
    }
}

.header--wrapper {
    position: relative;
    display: grid;
    -moz-column-gap: var(--spacing--block);
    column-gap: var(--spacing--block);
    align-items: stretch;
    grid: var(--header-layout)
}

.header--root[data-layout=sidebar] .header--wrapper {
    --header-layout: "logo primary-nav secondary-nav" / auto minmax(0, 1fr) auto
}

.header--root[data-layout=left-left] .header--wrapper {
    --header-layout: "logo primary-nav secondary-nav" / auto minmax(0, 1fr) auto
}

.header--root[data-layout=left-center] .header--wrapper {
    --header-layout: "logo primary-nav secondary-nav" / minmax(max-content, 1fr) auto minmax(max-content, 1fr)
}

.header--root:is([data-layout=drawer],
[data-layout=center-left]) .header--wrapper {
    --header-layout: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr)
}

.header--root[data-layout=center-below] .header--wrapper {
    --header-layout: ". logo secondary-nav" "primary-nav primary-nav primary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
    row-gap: var(--spacing--block);
    /* row-gap: 12px; */
    /* row-gap: 20px; */
    row-gap: 16px;
}

@media only screen and (min-width: 640px) {
    .header--root[data-reduce-height=false] .header--wrapper {
        /* padding: var(--spacing--block) var(--spacing--section--x); */
        padding: 12px var(--spacing--section--x)
    }
    .header--root[data-reduce-height=true] .header--wrapper {
        /* padding: var(--spacing--item) var(--spacing--section--x); */
        /* padding: 10px 32px; */
        padding: 14px 32px;
    }
}

@media only screen and (max-width: 639px) {
    .header--root[data-layout] .header--wrapper {
        --header-layout: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
        gap: var(--spacing--item);
        /* padding: var(--spacing--item) 0; */
        /* padding: 5px 0; */
        padding: 10px 0;
    }
}

.header--primary-logo {
    display: flex;
    align-items: center
}

.header--logo {
    grid-area: logo;
    margin: 0;
    display: inline-flex;
    line-height: 1
}

.header--logo .header--secondary-logo {
    display: none
}

.header--primary-nav {
    grid-area: primary-nav;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: var(--spacing--item);
    opacity: 1;
    transition: opacity .2s var(--transition--standard)
}

@media only screen and (min-width: 640px) {
    .header--primary-nav[aria-hidden=true] {
        visibility: hidden;
        opacity: 0
    }
    .header--root[data-layout=center-below] .header--primary-nav {
        justify-self: center
    }
}

.header--search {
    padding: 0
}

.header--search svg {
    color: var(--header--color)
}

@media(pointer: coarse) {
    .header--search {
        transform: translateZ(0)
    }
}

@media only screen and (min-width: 640px) {
    .header--root:is([data-layout=drawer],
    [data-layout=center-below]) .header--secondary-nav .header--search,
    .header--root:not([data-layout=drawer]) .header--primary-nav .header--search {
        display: none
    }
}

@media only screen and (max-width: 639px) {
    .header--root[data-icons=true] .header--secondary-nav .header--search,
    .header--root[data-icons=false] .header--search {
        display: none
    }
}

@media(hover: hover) {
    .header--root[data-hover-disabled=false][data-icons=false] .header--search:hover {
        position: relative
    }
    .header--root[data-hover-disabled=false][data-icons=false] .header--search:hover:before {
        position: absolute;
        top: calc(50% + var(--font--size));
        border-bottom: 1px solid var(--color);
        content: "";
        display: block;
        width: 100%
    }
}

.header--search-container {
    display: none
}

@media only screen and (min-width: 640px) {
    .header--root[data-layout=center-below] .header--search-container {
        display: flex;
        align-items: center
    }
}

.header--drawer-toggle {
    padding: 0
}

@media only screen and (max-width: 639px) {
    .header--drawer-toggle {
        display: flex
    }
}

.header--root[data-icons=false] .header--drawer-toggle {
    color: var(--header--color)
}

@media(hover: hover) {
    .header--root[data-hover-disabled=false][data-icons=false] .header--drawer-toggle:hover {
        position: relative
    }
    .header--root[data-hover-disabled=false][data-icons=false] .header--drawer-toggle:hover:before {
        position: absolute;
        top: calc(50% + var(--font--size));
        border-bottom: 1px solid var(--color);
        content: "";
        display: block;
        width: 100%
    }
}

.header--root[data-icons=true] .header--drawer-toggle {
    flex-direction: column;
    gap: 5px
}

.header--root[data-icons=true] .header--drawer-toggle span {
    display: block;
    background-color: var(--header--color)
}

@media only screen and (min-width: 640px) {
    .header--drawer-toggle {
        display: none
    }
    .header--root:is([data-layout=drawer],
    [aria-expanded=true][data-overlap-behavior=drawer]) .header--drawer-toggle {
        display: flex
    }
}

.header--secondary-nav {
    display: flex;
    align-items: center;
    grid-area: secondary-nav;
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
    gap: var(--spacing--item)
}

.header--account:empty {
    display: none
}

@media(pointer: coarse) {
    .header--account {
        transform: translateZ(0)
    }
}

@media(hover: hover) {
    .header--root[data-hover-disabled=false][data-icons=false] .header--account:hover {
        position: relative
    }
    .header--root[data-hover-disabled=false][data-icons=false] .header--account:hover:before {
        position: absolute;
        top: calc(50% + var(--font--size));
        border-bottom: 1px solid var(--color);
        content: "";
        display: block;
        width: 100%
    }
}

@media only screen and (max-width: 639px) {
    .header--root[data-icons=false] .header--account {
        display: none
    }
}

.header--cart {
    --cart-count-size: 18px;
    display: inline-flex;
    align-items: center;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media(pointer: coarse) {
    .header--cart {
        transform: translateZ(0)
    }
}

.header--root[data-icons=false] .header--cart:not([data-cart-count="0"]),
.layout--sidebar-menu .header--cart:not([data-cart-count="0"]) {
    gap: var(--spacing--0)
}

.header--root[data-icons=false] .header--cart:not([data-cart-count="0"]):after,
.layout--sidebar-menu .header--cart:not([data-cart-count="0"]):after {
    content: "(" attr(data-cart-count) ")"
}

.header--root[data-icons=true] .header--cart:not([data-cart-count="0"]):after {
    content: attr(data-cart-count);
    color: var(--header--alt-color);
    background-color: var(--header--color);
    width: var(--cart-count-size);
    height: var(--cart-count-size);
    line-height: var(--cart-count-size);
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .9;
    position: absolute;
    top: -4px;
    left: 14px
}

@media(hover: hover) {
    .header--root[data-hover-disabled=false][data-icons=false] .header--cart:hover:before {
        position: absolute;
        top: calc(50% + var(--font--size));
        border-bottom: 1px solid var(--color);
        content: "";
        display: block;
        width: 100%
    }
}

@media only screen and (min-width: 640px) {
    .header--modal {
        padding: var(--spacing--section)
    }
}

@media only screen and (max-width: 639px) {
    .header--modal {
        padding: var(--spacing--section--mobile)
    }
}

animated-details {
    display: contents
}

animated-details>details>:not(summary) {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 200ms var(--transition--standard)
}

animated-details>details>:not(summary)>* {
    overflow: hidden;
    min-height: 0;
    opacity: 0;
    transition: opacity 150ms var(--transition--standard)
}

animated-details>details[data-state=opened]>:not(summary) {
    grid-template-rows: 1fr
}

animated-details>details[data-state=opened]>:not(summary)>* {
    opacity: 1;
    transition: opacity 200ms var(--transition--standard) 150ms
}

@media only screen and (min-width: 640px) {
    .layout--viewport[data-header-layout=sidebar] .cart--root[data-view=desktop] {
        --section--padding-top: 0
    }
}

@media only screen and (max-width: 639px) {
    .cart--root[data-view=desktop] {
        display: none
    }
}

@media only screen and (min-width: 640px) {
    .cart--root[data-view=mobile] {
        display: none
    }
}

.cart--root[data-view=drawer] {
    --summary-height: 0px;
    display: flex;
    justify-content: center
}

.cart--root[data-view=drawer] .cart--form {
    width: 100%;
    position: relative;
    height: 100vh;
    height: 100dvh;
    overflow: auto;
    scrollbar-width: none
}

.cart--root[data-view=drawer] .cart--form::-webkit-scrollbar {
    display: none
}

.cart--wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing--item)
}

.cart--root[data-view=drawer] .cart--wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: var(--spacing--item) var(--spacing--item) calc(var(--spacing--block) + var(--summary-height))
}

.layout--viewport[data-cart-empty=true] .cart--wrapper>*:not(.cart--header,
.cart--empty) {
    display: none
}

.cart--shipping {
    width: 100%
}

.cart--root[data-view=desktop] .cart--shipping {
    max-width: calc(var(--max-width--small)/2)
}

.cart--shipping-message {
    padding-bottom: var(--spacing--1)
}

.cart--shipping-bar {
    height: 8px;
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.cart--shipping-bar:before {
    position: absolute;
    content: "";
    inset: 0;
    background: var(--color--gray);
    opacity: .4
}

.cart--shipping-bar:after {
    content: "";
    display: block;
    height: 100%;
    background: var(--progress-bar);
    border-radius: 5px;
    width: 0px;
    transition: width .4s var(--transition--standard)
}

.cart--shipping-bar:not([data-transition-item]):after,
.cart--shipping-bar[data-transition-item][data-transition-active=true]:after {
    width: var(--progress-percent)
}

.cart--body {
    display: table;
    width: 100%;
    table-layout: auto
}

.cart--root:not([data-view=desktop]) .cart--body {
    border-top: var(--border--dark)
}

.cart--headings {
    display: table-row;
    width: 100%;
    border-bottom: var(--border--dark)
}

.cart--headings>* {
    display: table-cell;
    padding: calc(var(--spacing--block)/2);
    border-bottom: var(--border--dark)
}

.cart--heading--total {
    text-align: right
}

.cart--item {
    width: 100%
}

.cart--root:not([data-view=desktop]) .cart--item {
    display: flex;
    gap: var(--spacing--2);
    border-bottom: var(--border--dark);
    align-items: flex-start;
    flex-wrap: wrap;
    padding: var(--spacing--block--mobile) 0
}

.cart--root[data-view=desktop] .cart--item {
    display: table-row
}

.cart--root[data-view=desktop] .cart--item>* {
    display: table-cell;
    vertical-align: middle;
    padding: calc(var(--spacing--block)/2);
    border-bottom: var(--border--dark)
}

.cart--item--image {
    width: 150px
}

.cart--root:not([data-view=desktop]) .cart--item--image {
    display: block;
    /* width: 35%; */
    width: 25%;
    align-self: center;
    padding-left: 0
}

.cart--root:not([data-view=desktop]) .cart--item--info {
    flex-grow: 1;
    text-align: right;
    max-width: calc(65% - var(--spacing--2))
}

.cart--root:not([data-view=desktop]) .cart--item--info>* {
    text-align: left
}

.cart--root:not([data-view=desktop]) .cart--error {
    width: 100%
}

.cart--error[aria-hidden=true] {
    display: none
}

.cart--root:not([data-view=desktop]) .cart--item--details {
    width: 100%
}

.cart--item--title {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing--0)
}

.cart--item--price {
    padding-bottom: var(--spacing--item--mobile)
}

.cart--item--total {
    text-align: right
}

.cart--root:not([data-view=desktop]) .cart--item--total {
    text-align: left
}

.cart--footer {
    width: 100%;
    display: flex;
    gap: var(--spacing--block)
}

.cart--root[data-view=desktop] .cart--footer {
    padding: var(--spacing--item) 0 0
}

.cart--root:not([data-view=desktop]) .cart--footer {
    flex-direction: column
}

.cart--notes {
    flex-grow: 1;
    max-width: 400px
}

.cart--root:not([data-view=desktop]) .cart--notes {
    max-width: 100%
}

.cart--notes--textarea {
    height: 96px;
    margin: 0;
    padding: calc(var(--spacing--item)/2)
}

.cart--root:not([data-view=desktop]) .cart--notes--textarea {
    height: 80px
}

.cart--summary {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing--1)
}

.cart--root[data-view=mobile] .cart--summary {
    padding-top: var(--spacing--item)
}

.cart--root[data-view=desktop] .cart--summary {
    align-items: flex-end
}

.cart--root[data-view=drawer] .cart--summary {
    padding: var(--spacing--item);
    z-index: 4;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--bg-color--body-translucent);
    backdrop-filter: blur(3px)
}

.layout--viewport[data-drop-shadows=true] .cart--root[data-view=drawer] .cart--summary {
    box-shadow: var(--box-shadow--top)
}

.layout--viewport[data-drop-shadows=false] .cart--root[data-view=drawer] .cart--summary {
    border-top: var(--border--dark)
}

.layout--viewport[data-cart-empty=true] .cart--summary {
    display: none
}

.cart--total {
    display: flex;
    align-items: end;
    gap: var(--spacing--item)
}

.cart--root:not([data-view=desktop]) .cart--total {
    justify-content: center
}

.cart--root[data-view=desktop] .cart--total {
    justify-content: flex-end
}

.cart--discounts,
.cart--totals {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.cart--root[data-view=desktop] .cart--discounts,
.cart--root[data-view=desktop] .cart--totals {
    align-items: flex-end
}

.cart--totals {
    gap: var(--spacing--1)
}

.cart--discount {
    display: flex;
    gap: var(--spacing--1)
}

.cart--root:not([data-view=desktop]) .cart--discount {
    justify-content: center
}

.cart--total-price {
    font-size: 20px;
    align-self: center
}

@media only screen and (max-width: 639px) {
    .cart--total-price {
        font-size: 16px
    }
}

.cart--nav {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.cart--root:not([data-view=desktop]) .cart--nav {
    flex-wrap: wrap
}

.cart--button {
    min-width: 240px
}

.cart--root:not([data-view=desktop]) .cart--button {
    width: 100%
}

.cart--button[aria-busy=true] .cart--button-text,
.cart--button[disabled] .cart--button-text {
    opacity: 0
}

.cart--button[aria-busy=true] .cart--button-spinner,
.cart--button[disabled] .cart--button-spinner {
    opacity: 1
}

.cart--button-spinner {
    opacity: 0
}

.layout--viewport[data-cart-empty=false] .cart--empty {
    display: none
}

.card-carousel--root {
    --slide-pos: 0px;
    --slide-gap: 0px;
    --overlap-spacing: 0px;
    --x-spacing: 0px;
    --animation-play-state: running;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    container-type: inline-size;
    display: block
}

@media only screen and (min-width: 640px) {
    .layout--template [data-section-id]:has(.card-carousel--root[data-next-visible=false]) {
        overflow: clip
    }
    .card-carousel--root[data-mobile-only=true] {
        container-type: normal
    }
}

@container (min-width: 640px) {
    .card-carousel--root[data-next-visible=false] {
        overflow: hidden
    }
    .card-carousel--root[data-spacing-around-blocks=false] .card-carousel--prev {
        left: var(--spacing--1)
    }
    .card-carousel--root[data-spacing-around-blocks=false] .card-carousel--next {
        right: var(--spacing--1)
    }
    .card-carousel--root:not([data-mobile-only=true]):has(:hover) * {
        cursor: grab
    }
    .card-carousel--root:not([data-mobile-only=true]):has(:hover) :is(a,
    button),
    .card-carousel--root:not([data-mobile-only=true]):has(:hover) :is(a,
    button) * {
        cursor: pointer
    }
    .card-carousel--root[data-dragging=true]:not([data-mobile-only=true]):has(:hover) * {
        cursor: grabbing
    }
}

@container (max-width: 639px) {
    .card-carousel--root[data-mobile-next-visible=false] {
        overflow: hidden
    }
    .card-carousel--root[data-mobile-spacing-around-blocks=false] .card-carousel--prev {
        left: var(--spacing--1)
    }
    .card-carousel--root[data-mobile-spacing-around-blocks=false] .card-carousel--next {
        right: var(--spacing--1)
    }
    .card-carousel--root:has(:hover) * {
        cursor: grab
    }
    .card-carousel--root:has(:hover) :is(a,
    button),
    .card-carousel--root:has(:hover) :is(a,
    button) * {
        cursor: pointer
    }
    .card-carousel--root[data-dragging=true]:has(:hover) * {
        cursor: grabbing
    }
}

.card-carousel--wrapper {
    overflow: hidden;
    position: relative;
    transition: opacity .4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    display: flex;
    flex-direction: column
}

@container (min-width: 640px) {
    .card-carousel--root[data-spacing-around-blocks=true] .card-carousel--wrapper {
        --slide-gap: var(--grid-column-gap)
    }
    .card-carousel--root[data-spacing-around-blocks=true]:not([data-mobile-only=true]) .card-carousel--wrapper {
        width: calc(100% + 2*var(--spacing--section--x));
        margin-left: var(--spacing--neg-section--x)
    }
}

@container (max-width: 639px) {
    .card-carousel--root[data-mobile-spacing-around-blocks=true] .card-carousel--wrapper {
        --slide-gap: var(--grid-column-gap);
        width: calc(100% + 2*var(--spacing--item));
        margin-left: var(--spacing--neg-item)
    }
}

.card-carousel--container {
    will-change: transform
}

.card-carousel--container[data-transition-state=forwards] {
    transition: transform 1s var(--transition--ease-out), height .4s var(--transition--ease-out)
}

.card-carousel--container[data-transition-state=backwards] {
    transition: transform .4s var(--transition--snap-back), height .4s var(--transition--ease-out)
}

.card-carousel--container * {
    -webkit-user-drag: none
}

@media only screen and (min-width: 640px) {
    .card-carousel--root[data-mobile-only=true] .card-carousel--container {
        display: grid;
        grid-template-columns: repeat(var(--blocks-per-slide, 1), 1fr)
    }
    .card-carousel--root[data-spacing-around-blocks=true][data-mobile-only=true] .card-carousel--container {
        row-gap: var(--grid-row-gap);
        -moz-column-gap: var(--grid-column-gap);
        /* column-gap: var(--grid-column-gap); */
        column-gap: 2px;
    }
}

@container (min-width: 640px) {
    .card-carousel--root:not([data-mobile-only=true]) .card-carousel--container {
        display: flex;
        align-items: flex-start;
        overflow: hidden;
        position: relative;
        height: var(--slide-height);
        transform: translateX(var(--slide-pos));
        width: calc(100%*var(--total-slides) - var(--overlap-spacing) - 2*var(--x-spacing))
    }
    .card-carousel--root:not([data-mobile-only=true]) .card-carousel--container>* {
        width: calc(100%/var(--total-spaces, 1))
    }
    .card-carousel--root[data-spacing-around-blocks=true]:not([data-mobile-only=true]) .card-carousel--container>* {
        /* padding: 0 calc(var(--slide-gap)/2); */
        padding: 0 1px;
        left: var(--x-spacing)
    }
    .card-carousel--root[data-spacing-around-blocks=true] .card-carousel--container {
        --x-spacing: calc(var(--spacing--section--x) - (var(--slide-gap) / 2));
        left: var(--x-spacing)
    }
}

@container (min-width: 1000px) {
    .card-carousel--root:not([data-mobile-only=true]) .card-carousel--container>* {
        width: 10%;
    }
}

@container (max-width: 639px) {
    .card-carousel--container {
        display: flex;
        align-items: flex-start;
        overflow: hidden;
        position: relative;
        height: var(--slide-height);
        transform: translateX(var(--slide-pos))
    }
    .card-carousel--container>* {
        width: calc(100%/var(--total-spaces-mobile, 1))
    }
    .card-carousel--root[data-mobile-next-visible=false] .card-carousel--container {
        width: calc(100%*var(--total-slides-mobile) - var(--total-slides-mobile)*2*var(--x-spacing))
    }
    .card-carousel--root:not([data-mobile-next-visible=false]) .card-carousel--container {
        width: calc(100%*var(--total-slides-mobile) - var(--overlap-spacing) - 2*var(--x-spacing))
    }
    .card-carousel--root[data-mobile-spacing-around-blocks=true] .card-carousel--container {
        --x-spacing: calc(var(--spacing--item) - (var(--slide-gap) / 2));
        left: var(--x-spacing)
    }
    .card-carousel--root[data-mobile-spacing-around-blocks=true] .card-carousel--container>* {
        /* padding: 0 calc(var(--slide-gap)/2); */
        padding: 0 1px;
    }
    .card-carousel--root[data-mobile-spacing-around-blocks=true][data-first-slide=true][data-last-slide=true]:not([data-mobile-next-visible=false]) .card-carousel--container {
        width: calc(100%*var(--total-slides-mobile) - var(--overlap-spacing) - var(--x-spacing))
    }
}

.card-carousel--block {
    height: -moz-fit-content;
    height: fit-content
}

@container (max-width: 639px) {
    .card-carousel--root[data-mobile-spacing-around-blocks=true][data-first-slide=true][data-last-slide=true]:not([data-mobile-next-visible=false]) .card-carousel--block {
        padding-right: 0
    }
}

.card-carousel--prev {
    top: calc(var(--left-image-height, 100%)/2 - var(--spacing--item));
    left: var(--spacing--block)
}

.card-carousel--next {
    top: calc(var(--right-image-height, 100%)/2 - var(--spacing--item));
    right: var(--spacing--block)
}

.card-carousel--prev,
.card-carousel--next {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 2;
    opacity: 1
}

.card-carousel--prev[aria-disabled=true],
.card-carousel--next[aria-disabled=true] {
    opacity: 0;
    cursor: default
}

@media only screen and (min-width: 640px) {
    .card-carousel--root[data-mobile-only=true] .card-carousel--prev,
    .card-carousel--root[data-mobile-only=true] .card-carousel--next {
        display: none
    }
}

@container (min-width: 640px) {
    [data-container-width="6"] .card-carousel--root:not([data-mobile-only=true]) .card-carousel--container {
        --x-spacing: calc(var(--slide-gap) / -2)
    }
}

@container (min-width: 640px) {
    [data-container-width="6"] .card-carousel--root[data-spacing-around-blocks=true]:not([data-mobile-only=true]) .card-carousel--wrapper {
        margin-left: 0;
        width: 100%
    }
    .card-carousel--root[data-spacing-around-blocks=true] .card-carousel--wrapper {
        --overlap-spacing: calc( (2 * var(--spacing--section--x) - var(--slide-gap)) * (var(--total-slides) - 1))
    }
    [data-container-width="6"] .card-carousel--root[data-spacing-around-blocks=true] .card-carousel--wrapper {
        --overlap-spacing: calc((2 * 56px + var(--slide-gap)) * (var(--total-slides) - 1))
    }
}

@container (max-width: 639px) {
    .card-carousel--root[data-mobile-spacing-around-blocks=true] .card-carousel--wrapper {
        --overlap-spacing: calc( (2 * var(--spacing--item) - var(--slide-gap)) * (var(--total-slides-mobile) - 1))
    }
}

.carousel-nav-arrow {
    display: flex;
    align-items: center
}

.carousel-nav-arrow--prev,
.carousel-nav-arrow--next {
    opacity: 1;
    transition: opacity .2s var(--transition--standard);
    will-change: opacity
}

.carousel-nav-arrow--prev[aria-disabled=true],
.carousel-nav-arrow--next[aria-disabled=true] {
    opacity: .4;
    cursor: default;
    pointer-events: none
}

.carousel-nav-arrow--current:after {
    font-variant-numeric: tabular-nums;
    content: attr(data-value)
}

.carousel-nav-arrow--total:after {
    font-variant-numeric: tabular-nums
}

@media only screen and (min-width: 640px) {
    .carousel-nav-arrow--total:after {
        content: "/" attr(data-value)
    }
}

@media only screen and (max-width: 639px) {
    .carousel-nav-arrow--total:after {
        content: "/" attr(data-mobile-value)
    }
}

.carousel-nav-arrow svg {
    height: 12px
}

.carousel-nav-arrow--prev,
.carousel-nav-arrow--next {
    padding: var(--spacing--0) var(--spacing--2)
}

.carousel-nav-arrow--prev {
    margin-left: var(--spacing--neg-2)
}

.carousel-nav-arrow--next {
    margin-right: var(--spacing--neg-2)
}

.customer--wrapper h1 {
    text-align: center;
    padding-bottom: var(--spacing--5)
}

.customer--wrapper h2 {
    padding-bottom: var(--spacing--item)
}

.customer--wrapper h4 {
    padding-bottom: var(--spacing--item)
}

.customer--wrapper thead th,
.customer--wrapper tbody td {
    padding: var(--spacing--item)
}

.customer--login,
.customer--register,
.account--recover-password,
.account--reset-password,
.account--activate {
    margin: 0 auto;
    max-width: 400px
}

.address--email {
    padding-bottom: var(--spacing--item)
}

.address--full {
    padding-bottom: var(--spacing--block)
}

.address--view {
    padding-bottom: var(--spacing--block)
}

.address--view p {
    margin: 0
}

.address--view p:last-of-type {
    padding-bottom: var(--spacing--item)
}

.address--actions-edit {
    padding-right: var(--spacing--1)
}

.address--pagination {
    text-align: center
}

.order--table,
.account--orders-table {
    margin: 0 auto;
    width: 100%
}

.order--table thead th,
.account--orders-table thead th {
    border-bottom: solid 1px #eaeaea;
    font-weight: normal
}

.order--table td a,
.account--orders-table td a {
    text-decoration: underline
}

@media only screen and (max-width: 639px) {
    .order--table tbody tr,
    .account--orders-table tbody tr {
        padding: 0
    }
    .order--table td:empty,
    .account--orders-table td:empty {
        display: none
    }
}

.order--heading--total {
    min-width: 150px
}

@media only screen and (min-width: 640px) {
    .order--heading--total {
        text-align: right
    }
}

@media only screen and (min-width: 640px) {
    .order--item--price,
    .order--item--quantity {
        text-align: center
    }
}

@media only screen and (min-width: 640px) {
    .order--item--total,
    .order--discount {
        text-align: right
    }
}

.order--item--unit-price-container {
    text-transform: lowercase;
    font-size: 12px
}

@media only screen and (min-width: 640px) {
    .order--item--unit-price-container {
        text-align: center
    }
}

.address--actions {
    padding-bottom: var(--spacing--item);
    margin: 0
}

.address--edit {
    padding-bottom: var(--spacing--block)
}

.address--customer-table {
    border: 0;
    margin: var(--spacing--item) auto
}

.address--customer-table :is(label,
input,
select) {
    margin-bottom: 0
}

@media only screen and (max-width: 639px) {
    .address--customer-table tr td:first-child {
        padding: var(--spacing--item) 0
    }
    .address--customer-table tr td:last-child {
        padding-right: 0
    }
}

.address--button-container {
    display: flex;
    align-items: center
}

.address--button-container span {
    margin-left: var(--spacing--2)
}

.customer--root tbody td.address--checkbox-container {
    display: flex;
    align-items: center;
    padding-top: 0
}

.customer--root tbody td.address--checkbox-container input[type=checkbox] {
    margin: 0 var(--spacing--1) 0 0
}

.account--reset {
    display: none;
    text-align: center;
    margin-bottom: var(--spacing--block);
    padding: var(--spacing--1);
    background-color: #e6f9ee;
    color: #01c753;
    border: 1px solid #01c753;
    border-radius: 2px
}

.account--button-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 639px) {
    .account--button-container {
        flex-direction: column
    }
}

.account--button-container input {
    margin-bottom: 0
}

.account--activate--create-password {
    padding-bottom: var(--spacing--item)
}

.account--activate--button-container {
    display: flex;
    align-items: center
}

@media only screen and (max-width: 639px) {
    .account--activate--button-container {
        flex-direction: column
    }
}

.account--activate--button-container .account--activate--button {
    margin-bottom: 0
}

@media only screen and (max-width: 639px) {
    .account--activate--button-container .account--activate--button {
        width: 100%
    }
}

.account--activate--button-container a {
    margin-left: var(--spacing--item)
}

@media only screen and (max-width: 639px) {
    .account--activate--button-container a {
        padding: var(--spacing--item);
        margin: 0
    }
}

@media only screen and (max-width: 639px) {
    .account--orders-table tbody {
        padding-bottom: var(--spacing--block)
    }
}

@media only screen and (min-width: 640px) {
    .account--orders-table tbody {
        text-align: center
    }
}

.account--breadcrumb-container {
    text-align: center
}

.account--breadcrumb-container .breadcrumbs--root {
    padding: 0 0 var(--spacing--block)
}

.account--reset-instructions,
.account--forgot-password {
    padding-bottom: var(--spacing--5)
}

.account--cancel {
    padding-left: var(--spacing--3)
}

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

.account--sign-in {
    width: 100%
}

@media only screen and (min-width: 640px) {
    .account--sign-in {
        width: auto
    }
}

@media only screen and (max-width: 639px) {
    .account--sign-in button {
        width: 100%
    }
}

a.account--register {
    margin: var(--spacing--item--mobile) 0 0;
    width: 100%
}

@media only screen and (min-width: 640px) {
    a.account--register {
        margin: 0 0 0 var(--spacing--item);
        width: auto
    }
}

a.account--register div {
    width: 100%
}

.account--create {
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 640px) {
    .account--create {
        width: auto
    }
}

@media only screen and (max-width: 639px) {
    .account--create button {
        width: 100%
    }
}

a.account--login {
    margin: var(--spacing--item--mobile) 0 0;
    width: 100%;
    text-align: center;
    height: auto
}

@media only screen and (min-width: 640px) {
    a.account--login {
        margin: 0 0 0 var(--spacing--item);
        width: auto
    }
}

a.account--login div {
    width: 100%
}

body.template--customers--register input[type=password] {
    margin-bottom: var(--spacing--block)
}

.account--orders {
    padding-bottom: var(--spacing--block)
}

.account--orders h4 {
    padding-bottom: var(--spacing--block)
}

@media only screen and (max-width: 639px) {
    .account--orders {
        padding-bottom: var(--spacing--block--mobile)
    }
    .account--orders h4 {
        padding-bottom: var(--spacing--block--mobile)
    }
}

.account--pagination {
    text-align: center
}

.customer--login input,
.customer--register input,
.page-create-account input,
.account--recover-password input,
.account--reset-password input {
    margin-bottom: var(--spacing--item)
}

:root {
    --drawer--max-width: 400px
}

.drawer--root {
    position: fixed;
    inset: 0;
    z-index: 99;
    display: block
}

.layout--viewport[data-drawer-status=closed] .drawer--root {
    display: none
}

.drawer--overlay {
    cursor: pointer;
    position: fixed;
    inset: 0;
    z-index: 98;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background-color: rgba(0, 0, 0, .3)
}

.drawer--overlay[aria-hidden=true] {
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s var(--transition--ease-out)
}

.drawer--overlay[aria-hidden=false] {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s var(--transition--standard)
}

[data-drawer-open] {
    cursor: pointer
}

[data-drawer-open]>* {
    pointer-events: none
}

.layout--viewport:is([data-drawer-side=right],
[data-drawer-side=left]) .layout--navigation>.layout--close {
    top: var(--spacing--2)
}

.layout--viewport[data-drawer-side=right] .layout--navigation>.layout--close {
    right: calc(var(--drawer--max-width) + var(--spacing--item))
}

@media only screen and (max-width: 500px) {
    .layout--viewport[data-drawer-side=right] .layout--navigation>.layout--close {
        right: calc(80% + var(--spacing--item))
    }
}

.layout--viewport[data-drawer-side=left] .layout--navigation>.layout--close {
    left: calc(var(--drawer--max-width) + var(--spacing--item))
}

@media only screen and (max-width: 500px) {
    .layout--viewport[data-drawer-side=left] .layout--navigation>.layout--close {
        left: calc(80% + var(--spacing--item))
    }
}

.drawer--side {
    background-color: var(--bg-color--body);
    z-index: 99;
    overflow-y: scroll;
    scrollbar-width: none;
    transition: all .2s var(--transition--standard)
}

.drawer--side::-webkit-scrollbar {
    display: none
}

.drawer--side[aria-expanded=true] {
    will-change: transform;
    transition: all .4s var(--transition--ease-out)
}

.drawer--side[data-side=top] {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    max-height: 100vh;
    max-height: 100dvh;
    opacity: 0;
    transform: translate3d(0, -50%, 0)
}

.drawer--side[data-side=top][aria-expanded=true] {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.layout--viewport[data-drop-shadows=true] .drawer--side[data-side=top][aria-expanded=true] {
    box-shadow: var(--box-shadow--bottom)
}

.layout--viewport[data-drop-shadows=false] .drawer--side[data-side=top][aria-expanded=true] {
    border-bottom: var(--border--dark)
}

.drawer--side:is([data-side=right],
[data-side=left]) {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 80%;
    max-width: var(--drawer--max-width);
    height: 100vh;
    height: 100dvh
}

.drawer--side[data-side=left] {
    transform: translate3d(-100%, 0, 0)
}

.drawer--side[data-side=left][aria-expanded=true] {
    transform: translate3d(0, 0, 0)
}

.layout--viewport[data-drop-shadows=true] .drawer--side[data-side=left][aria-expanded=true] {
    box-shadow: var(--box-shadow--right)
}

.layout--viewport[data-drop-shadows=false] .drawer--side[data-side=left][aria-expanded=true] {
    border-right: var(--border--dark)
}

.drawer--side[data-side=right] {
    left: 100%;
    transform: translate3d(0, 0, 0)
}

.drawer--side[data-side=right][aria-expanded=true] {
    transform: translate3d(-100%, 0, 0)
}

.layout--viewport[data-drop-shadows=true] .drawer--side[data-side=right][aria-expanded=true] {
    box-shadow: var(--box-shadow--left)
}

.layout--viewport[data-drop-shadows=false] .drawer--side[data-side=right][aria-expanded=true] {
    border-left: var(--border--dark)
}

.layout--viewport[data-drawer-view=search] .drawer--container[data-view=search] {
    display: block
}

.layout--viewport[data-drawer-view=y-menu] .drawer--container[data-view=y-menu] {
    display: block
}

.layout--viewport[data-drawer-view=pickup] .drawer--container[data-view=pickup] {
    display: block
}

.layout--viewport[data-drawer-view=filter] .drawer--container[data-view=filter] {
    display: block
}

.layout--viewport[data-drawer-view=cart-drawer] .drawer--container[data-view=cart-drawer] {
    display: block
}

.layout--viewport[data-drawer-view=product-form] .drawer--container[data-view=product-form] {
    display: block
}

.drawer--side .drawer--container {
    display: none
}

@media only screen and (min-width: 640px) {
    .featured-grid--root[data-block-spacing=false] .card-carousel--container {
        --grid-column-gap: 0
    }
    .featured-grid--root[data-container-width="6"] {
        --image--radius: 0
    }
    .layout--viewport:not([data-header-layout=sidebar]) .featured-grid--root[data-container-width="6"][data-text-position=bottom] .featured-grid--item--text:not(:only-child) {
        padding-left: var(--spacing--section--x)
    }
    .featured-grid--root[data-text-position=bottom] .featured-grid--body:has(.featured-grid--item--text:only-child) {
        --grid-column-gap: var(--spacing--block)
    }
}

@media only screen and (min-width: 640px) {
    .featured-grid--body {
        grid-auto-rows: minmax(var(--row-height), auto)
    }
    .featured-grid--root[data-text-position=center] .featured-grid--body:not([data-block-spacing=false]) {
        --grid-row-gap: var(--grid-column-gap)
    }
}

@media only screen and (max-width: 639px) {
    .featured-grid--body .placeholder--container {
        height: 100%
    }
    .featured-grid--root[data-text-position=center] .featured-grid--body:not([data-mobile-block-spacing=false]) {
        --grid-row-gap: var(--grid-column-gap)
    }
}

.featured-grid--item {
    position: relative
}

[data-section-id][data-aspect-ratio=natural] .featured-grid--item,
.featured-grid--root[data-text-position=center] .featured-grid--item {
    height: 100%
}

@media only screen and (max-width: 639px) {
    .featured-grid--body[data-mobile-columns="2"] .featured-grid--item:nth-child(2n+1):last-child {
        grid-column: 1/span 2;
        width: calc((100% - var(--spacing--3))/2);
        justify-self: center
    }
}

@media only screen and (min-width: 640px) {
    .featured-grid--item {
        grid-column: span var(--x-blocks);
        grid-row: span var(--y-blocks)
    }
}

.featured-grid--item--link-wrapper {
    display: block;
    width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--link-wrapper {
    height: 100%
}

.featured-grid--item--container {
    position: relative;
    width: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--container {
    display: grid;
    align-items: center;
    height: 100%
}

.featured-grid--root[data-text-position=center] .featured-grid--item--container>* {
    grid-area: 1/-1
}

@media only screen and (max-width: 639px) {
    .card-carousel--root .featured-grid--item--container,
    .featured-grid--body[data-mobile-block-spacing=true] .featured-grid--item--container[data-background-color] {
        border-radius: var(--image--radius)
    }
    .featured-grid--root[data-mobile-overlay=false] .featured-grid--item--container {
        height: 100%;
        display: flex;
        flex-direction: column
    }
    .featured-grid--body[data-mobile-columns="1"] .featured-grid--item--container[data-background-color] {
        min-height: 200px
    }
}

@media only screen and (min-width: 640px) {
    [data-block-spacing=true]:not([data-container-width="6"]) .featured-grid--item--container[data-background-color] {
        border-radius: var(--image--radius)
    }
}

.featured-grid--item--media {
    width: 100%;
    display: block
}

@media only screen and (min-width: 640px) {
    [data-block-spacing=true]:not([data-container-width="6"]) .featured-grid--item--media:not([data-item=icon]) {
        border-radius: var(--image--radius);
        overflow: hidden
    }
}

@media only screen and (max-width: 639px) {
    .card-carousel--root .featured-grid--item--media:not([data-item=icon]),
    .featured-grid--body[data-mobile-block-spacing=true] .featured-grid--item--media:not([data-item=icon]) {
        border-radius: var(--image--radius);
        overflow: hidden
    }
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media {
    display: flex;
    align-items: center;
    position: relative;
    max-width: var(--width);
    align-self: var(--x-alignment);
}

.section--icons-row .featured-grid--root[data-text-position=bottom] .featured-grid--item--media {
    --width: 32px !important;
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media:only-child {
    align-self: center
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--media>:is(img,
.placeholder--root,
svg) {
    width: 100%;
    height: 100%;
    /* width: 26px;
    height: 26px; */
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--container .featured-grid--item--media>:is(svg) {
    width: 26px;
    height: 26px;
}

.featured-grid--root[data-text-position=center]:not([data-aspect-ratio=natural]) .featured-grid--item--media,
.featured-grid--item--media :is(.video--root,
.video--wrapper) {
    height: 100%
}

@media only screen and (min-width: 640px) {
    [data-block-spacing=false] .featured-grid--item--media {
        --image--radius: 0
    }
}

@media only screen and (max-width: 639px) {
    .featured-grid--body[data-mobile-block-spacing=false] .featured-grid--item--media {
        --image--radius: 0
    }
}

.featured-grid--item--text {
    display: flex;
    justify-self: var(--x-alignment);
    justify-content: var(--x-alignment)
}

.featured-grid--root[data-text-position=bottom] .featured-grid--item--text {
    width: 100%
}

.featured-grid--item--text-wrapper {
    align-items: var(--x-alignment);
    text-align: var(--text-alignment)
}

@media only screen and (max-width: 639px) {
    .featured-grid--root[data-text-position=bottom] .featured-grid--item--text-wrapper {
        padding: 0
    }
}

.featured-grid--root[data-text-position=center] .stacked-text--root {
    z-index: 1;
    opacity: 0;
    transition: opacity .25s linear
}

@media only screen and (max-width: 639px) {
    .featured-grid--root[data-text-position=center] .stacked-text--root {
        opacity: 1
    }
}

@media only screen and (min-width: 640px) {
    .featured-grid--root[data-hover-enabled=false] .stacked-text--root,
    .featured-grid--root[data-hover-enabled=true] .featured-grid--item--container:hover .stacked-text--root {
        opacity: 1
    }
}

@media only screen and (min-width: 640px) {
    .featured-grid--root[data-hover-enabled=true] .video--header {
        transition: opacity .25s linear;
        opacity: 0
    }
    .featured-grid--root[data-hover-enabled=true] .featured-grid--item--container:hover .video--header {
        opacity: 1
    }
}

.featured-grid--item--title {
    width: 100%;
    word-break: break-word
}

.icon--root {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.icon--root.icon--defs {
    width: 1px;
    height: 1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.icon--flag {
    --image--radius: 3px;
    border: 1px solid rgba(0, 0, 0, .1);
    height: -moz-fit-content;
    height: fit-content;
    width: 26px
}

.icon--spinner.icon--root {
    height: 40px;
    width: 40px
}

:is(.header--search,
.header--account,
.header--cart):has(>svg) {
    height: 22px;
    width: 22px
}

:is(.icon--search,
.icon--cart,
.icon--account,
.icon--bag) {
    height: 22px;
    width: 22px;
    display: block
}

.header--drawer-toggle span {
    width: 22px;
    height: 1px;
    border-radius: 1px
}

img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: var(--image--height);
    border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
    overflow: hidden;
    transition: filter .25s linear;
    width: 100%
}

[data-aspect-ratio=landscape] img,
[data-aspect-ratio=landscape] .image--root:is([data-display-type=aspect-ratio],
[data-display-type=original]) img {
    aspect-ratio: 1.3333333333
}

[data-aspect-ratio=square] img,
[data-aspect-ratio=square] .image--root:is([data-display-type=aspect-ratio],
[data-display-type=original]) img {
    aspect-ratio: 1
}

[data-aspect-ratio=portrait] img,
[data-aspect-ratio=portrait] .image--root:is([data-display-type=aspect-ratio],
[data-display-type=original]) img {
    aspect-ratio: .8
}

[data-aspect-ratio=tall-portrait] img,
[data-aspect-ratio=tall-portrait] .image--root:is([data-display-type=aspect-ratio],
[data-display-type=original]) img {
    aspect-ratio: .6666666667
}

@media only screen and (min-width: 640px) {
    .image--root:is([data-display-type=fill-available],
    [data-display-type=aspect-ratio],
    [data-display-type=original]):not([data-parallax=true]):not([data-background=true]) img {
        position: absolute;
        inset: 0
    }
    [data-aspect-ratio] .image--root:is([data-display-type=fill-available],
    [data-display-type=aspect-ratio],
    [data-display-type=original]):not([data-parallax=true]):not([data-background=true]) img {
        position: relative
    }
}

@media only screen and (max-width: 639px) {
    .image--root:is([data-mobile-display-type=fill-available],
    [data-mobile-display-type=aspect-ratio],
    [data-mobile-display-type=original]):not([data-parallax=true]):not([data-background=true]) img {
        position: absolute;
        inset: 0
    }
    [data-aspect-ratio] .image--root:is([data-mobile-display-type=fill-available],
    [data-mobile-display-type=aspect-ratio],
    [data-mobile-display-type=original]):not([data-parallax=true]):not([data-background=true]) img {
        position: relative
    }
}

.image--root {
    height: var(--image--height)
}

.image--root[data-parallax=true][data-background=true] {
    padding-top: 0
}

@media only screen and (min-width: 640px) {
    .image--root[data-parallax=true][data-background=false]:is([data-display-type=aspect-ratio],
    [data-display-type=original]) {
        --image--height: calc(100% / var(--aspect-ratio))
    }
    .image--root[data-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 100%
    }
    .image--root:is([data-display-type=aspect-ratio],
    [data-display-type=original]):not([data-background=true]):not([data-parallax=true])::before {
        content: "";
        display: block;
        padding-top: calc(100%/var(--aspect-ratio))
    }
    [data-aspect-ratio] .image--root:is([data-display-type=aspect-ratio],
    [data-display-type=original]):not([data-background=true]):not([data-parallax=true])::before {
        display: none
    }
}

@media only screen and (max-width: 639px) {
    .image--root[data-parallax=true][data-background=false]:is([data-mobile-display-type=aspect-ratio],
    [data-mobile-display-type=original]) {
        --image--height: calc(100% / var(--mobile-aspect-ratio))
    }
    .image--root[data-mobile-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 100%
    }
    .image--root:is([data-mobile-display-type=aspect-ratio],
    [data-mobile-display-type=original]):not([data-background=true]):not([data-parallax=true])::before {
        content: "";
        display: block;
        padding-top: calc(100%/var(--mobile-aspect-ratio))
    }
    [data-aspect-ratio] .image--root:is([data-mobile-display-type=aspect-ratio],
    [data-mobile-display-type=original]):not([data-background=true]):not([data-parallax=true])::before {
        display: none
    }
    [data-aspect-ratio] .image--root {
        --image-height: fit-content
    }
}

.placeholder--root {
    height: 100%
}

@media only screen and (min-width: 640px) {
    .placeholder--root:is([data-display-type=aspect-ratio],
    [data-display-type=original]) {
        --image--height: calc(100% / var(--aspect-ratio))
    }
    .placeholder--root[data-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 0
    }
}

@media only screen and (max-width: 639px) {
    .placeholder--root[data-mobile-display-type=original] {
        --image--height: 100%
    }
    .placeholder--root[data-mobile-display-type=aspect-ratio] {
        --image--height: calc(100% / var(--mobile-aspect-ratio))
    }
    .placeholder--root[data-mobile-display-type=fill-available]:not([data-parallax=true]) {
        --image--height: 0
    }
}

.placeholder--root .placeholder--container svg {
    display: block;
    position: absolute;
    height: 100%;
    max-height: 100%;
    fill: rgba(0, 0, 0, 0);
    background: var(--background)
}

.placeholder--root .placeholder--container svg path {
    stroke: var(--stroke)
}

.placeholder--root[data-type=lifestyle] .placeholder--container svg {
    min-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.placeholder--root:not([data-type=lifestyle]) .placeholder--container svg {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%
}

.placeholder--root[data-color=default] .placeholder--container svg {
    --background: #ececec
}

.placeholder--root[data-color=default] .placeholder--container svg path {
    --stroke: #aaa
}

.placeholder--root[data-color=dark] .placeholder--container svg {
    --background: radial-gradient(#222, #777)
}

.placeholder--root[data-color=dark] .placeholder--container svg path {
    --stroke: #888
}

.placeholder--container {
    max-width: 100%;
    min-height: 100%;
    position: relative;
    width: 100%;
    padding-top: var(--image--height);
    transition: filter .25s linear
}

[data-aspect-ratio=landscape] .placeholder--container {
    --image--height: 75%
}

[data-aspect-ratio=square] .placeholder--container {
    --image--height: 100%
}

[data-aspect-ratio=portrait] .placeholder--container {
    --image--height: 125%
}

[data-aspect-ratio=tall-portrait] .placeholder--container {
    --image--height: 150%
}

.placeholder--root[data-background=true][data-display-type] .placeholder--container {
    --image--height: 0
}

.placeholder--root[data-display-type=fill-available]:not([data-parallax=true]) .placeholder--container {
    height: 100%
}

@media only screen and (min-width: 640px) {
    .placeholder--root[data-display-type=fill-available]:not([data-parallax=true]) .placeholder--container {
        height: 100%
    }
}

@media only screen and (max-width: 639px) {
    .placeholder--root[data-mobile-display-type=fill-available]:not([data-parallax=true]) .placeholder--container {
        height: 100%
    }
}

:is(.image--root,
.placeholder--root) {
    --image--height: 100%;
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius))
}

:is(.image--root,
.placeholder--root)[data-background=true][data-display-type] {
    position: absolute;
    inset: 0
}

:is(.image--root,
.placeholder--root)[data-background=true] {
    --image--radius: 0px
}

:is(.image--root,
.placeholder--root)[data-parallax=true] {
    --progress-scale: 1.5
}

:is(.image--root,
.placeholder--root)[data-parallax=true] :is(.placeholder--container,
img) {
    height: calc(var(--image--height)*var(--progress-scale));
    min-height: calc(100%*var(--progress-scale));
    position: absolute;
    top: 50%;
    left: 0;
    backface-visibility: hidden;
    will-change: transform;
    transition: transform 150ms linear;
    transform: translate3d(0, calc(-50% * var(--progress, 1)), 0)
}

@media only screen and (min-width: 640px) {
    :is(.image--root,
    .placeholder--root)[data-full-width=true] {
        --image--radius: 0px
    }
    :is(.image--root,
    .placeholder--root)[data-parallax=true]:not([data-display-type=fill-available]):not([data-background=true]) {
        height: 100%;
        padding-top: var(--image--height)
    }
    :is(.image--root,
    .placeholder--root)[data-overlay-style=darken]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: rgba(0, 0, 0, calc(var(--content--image-opacity) / 3.25))
    }
    :is(.image--root,
    .placeholder--root)[data-overlay-style=darken-top]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
    }
    :is(.image--root,
    .placeholder--root)[data-overlay-style=darken-bottom]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
    }
    :is(.image--root,
    .placeholder--root)[data-display-type=x-small] {
        --image--height: var(--height--x-small)
    }
    :is(.image--root,
    .placeholder--root)[data-display-type=small] {
        --image--height: var(--height--small)
    }
    :is(.image--root,
    .placeholder--root)[data-display-type=medium] {
        --image--height: var(--height--medium)
    }
    :is(.image--root,
    .placeholder--root)[data-display-type=large] {
        --image--height: var(--height--large)
    }
    :is(.image--root,
    .placeholder--root)[data-display-type=x-large] {
        --image--height: var(--height--x-large)
    }
    :is(.image--root,
    .placeholder--root)[data-display-type=fit-screen] {
        --vh: 100vh;
        --offset: 0px;
        --image--height: calc(var(--vh) - var(--offset))
    }
    body:has(.header--root[data-sticky-enabled=true][aria-hidden=false]) .layout--template :is(.image--root,
    .placeholder--root)[data-display-type=fit-screen] {
        --offset: var(--header--height)
    }
    .layout--template .shopify-section:first-child>:not([data-header-overlap-compatible]) :is(.image--root,
    .placeholder--root)[data-display-type=fit-screen],
    body:has(.header--root[data-transparent-enabled=false]) .layout--template .shopify-section:first-child :is(.image--root,
    .placeholder--root)[data-display-type=fit-screen] {
        --offset: calc( var(--header--height) + var(--announcement--height) + var(--split-announcement--height))
    }
    body:has(.header--root[data-transparent-enabled=true]) .layout--template .shopify-section:first-child>[data-header-overlap-compatible] :is(.image--root,
    .placeholder--root)[data-display-type=fit-screen] {
        --offset: calc(var(--announcement--height) + var(--split-announcement--height))
    }
}

@media only screen and (max-width: 639px) {
    :is(.image--root,
    .placeholder--root)[data-mobile-full-width=true] {
        --image--radius: 0px
    }
    :is(.image--root,
    .placeholder--root)[data-parallax=true]:not([data-mobile-display-type=fill-available]):not([data-background=true]) {
        height: 100%;
        padding-top: var(--image--height)
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-overlay-style=darken]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: rgba(0, 0, 0, calc(var(--content--image-opacity) / 3.25))
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-overlay-style=darken-top]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-overlay-style=darken-bottom]:after {
        position: absolute;
        content: "";
        inset: 0;
        border-radius: var(--image--radius-top-left, var(--image--radius)) var(--image--radius-top-right, var(--image--radius)) var(--image--radius-bottom-right, var(--image--radius)) var(--image--radius-bottom-left, var(--image--radius));
        background: linear-gradient(rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-display-type=x-small] {
        --image--height: var(--mobile-height--x-small)
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-display-type=small] {
        --image--height: var(--mobile-height--small)
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-display-type=medium] {
        --image--height: var(--mobile-height--medium)
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-display-type=large] {
        --image--height: var(--mobile-height--large)
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-display-type=x-large] {
        --image--height: var(--mobile-height--x-large)
    }
    :is(.image--root,
    .placeholder--root)[data-mobile-display-type=fit-screen] {
        --vh: 100vh;
        --vh: 100svh;
        --offset: 0px;
        --image--height: calc(var(--vh) - var(--offset))
    }
    body:has(.header--root[data-sticky-enabled=true][aria-hidden=false]) :is(.image--root,
    .placeholder--root)[data-mobile-display-type=fit-screen] {
        --offset: var(--sticky-offset)
    }
    .layout--template .shopify-section:first-child>:not([data-header-overlap-compatible]) :is(.image--root,
    .placeholder--root)[data-mobile-display-type=fit-screen],
    body:has(.header--root[data-transparent-enabled=false]) .layout--template .shopify-section:first-child :is(.image--root,
    .placeholder--root)[data-mobile-display-type=fit-screen] {
        --offset: calc( var(--header--height) + var(--announcement--height) + var(--split-announcement--height))
    }
    body:has(.header--root[data-transparent-enabled=true]) .layout--template .shopify-section:first-child>[data-header-overlap-compatible] :is(.image--root,
    .placeholder--root)[data-mobile-display-type=fit-screen] {
        --offset: calc(var(--announcement--height) + var(--split-announcement--height))
    }
}

:is(.image--scroll-progress,
.placeholder--scroll-progress):has(>[data-background=true]) {
    display: contents
}

table {
    border-top: var(--border--dark);
    border-bottom: var(--border--dark);
    border-collapse: separate
}

.template--page table,
.collapsible-row--root table {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-collapse: collapse;
    border: var(--border--dark);
    color: #000
}

.template--page table td,
.template--page th,
.collapsible-row--root table td,
.collapsible-row--root th {
    border: var(--border--dark);
    padding: 8px
}

@media only screen and (max-width: 639px) {
    table.responsive {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: left;
        border: 0
    }
    table.responsive :is(thead,
    tbody,
    th,
    td,
    tr) {
        display: block;
        width: 100%;
        box-sizing: border-box;
        float: left;
        clear: left
    }
    table.responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    table.responsive tr {
        border: var(--border--dark);
        padding: var(--spacing--2)
    }
    table.responsive td {
        padding: 0;
        line-height: 1.6;
        border: none;
        border-bottom: 0;
        position: relative;
        padding: var(--spacing--1) 0
    }
    table.responsive td:empty {
        padding: 0
    }
    table.responsive td:before {
        display: block;
        word-wrap: break-word;
        max-width: 100%
    }
    table.responsive td:before {
        content: attr(data-label)
    }
}

.modal--root {
    display: grid;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    inset: 0;
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    z-index: 1000;
    transform: translate3d(0, 0, 0);
    padding: var(--spacing--9)
}

@media only screen and (max-width: 639px) {
    .modal--root {
        padding: var(--spacing--section--mobile)
    }
}

.modal--root[aria-hidden=true] {
    display: none
}

.modal--root>* {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-area: 1/-1;
    gap: var(--spacing--item)
}

.modal--view {
    border-radius: var(--image--radius)
}

.modal--view img {
    max-width: 100%;
    width: unset
}

.modal--button-container {
    display: flex;
    gap: var(--spacing--item)
}

.layout--viewport[data-modal-status=opened] .layout--navigation>.layout--close {
    top: 26px;
    right: 26px;
    z-index: 1001
}

@media only screen and (max-width: 639px) {
    .layout--viewport[data-modal-status=opened] .layout--navigation>.layout--close {
        top: 13px;
        right: 13px
    }
}

.nav-arrow {
    background: var(--bg-color--body);
    border-radius: 50%;
    border: var(--border--dark);
    display: block;
    padding: var(--spacing--item);
    position: relative;
    height: 10px;
    width: 10px;
    opacity: .85;
    transition: opacity 1s var(--transition--ease-out), transform .4s var(--transition--ease-out)
}

.nav-arrow div {
    background: var(--color--body);
    height: 2px;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    transform-origin: center;
    width: 7px
}

.nav-arrow:hover {
    opacity: 1;
    cursor: pointer
}

.layout--viewport[data-drop-shadows=true] .nav-arrow:hover {
    box-shadow: var(--box-shadow--center)
}

button:has(>.nav-arrow) {
    border-radius: 50%;
    padding: 0;
    transition: transform .4s var(--transition--ease-out), opacity .4s var(--transition--ease-out);
    will-change: transform
}

button:has(>.nav-arrow):active {
    transform: scale(0.92)
}

@media(hover: hover) {
    button:has(>.nav-arrow):hover {
        transform: scale(1.06)
    }
    button:has(>.nav-arrow):active {
        transform: scale(1)
    }
}

.nav-arrow[data-direction=left] div {
    right: 3px
}

.nav-arrow[data-direction=left] div:first-child {
    transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.nav-arrow[data-direction=left] div:nth-child(2) {
    transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.nav-arrow[data-direction=left] div:last-child {
    width: 10px;
    transform: rotate3d(0, 1, 0, 90deg) scale(0.9);
    opacity: 0
}

.nav-arrow[data-direction=left]:hover div:first-child {
    transform: translate3d(-2px, 2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.nav-arrow[data-direction=left]:hover div:nth-child(2) {
    transform: translate3d(-2px, -2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.nav-arrow[data-direction=left]:hover div:last-child {
    transform: translate3d(1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(0.9);
    opacity: 1
}

.nav-arrow[data-direction=right] div {
    right: 0
}

.nav-arrow[data-direction=right] div:first-child {
    transform: translate3d(0, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.nav-arrow[data-direction=right] div:nth-child(2) {
    transform: translate3d(0, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.nav-arrow[data-direction=right] div:last-child {
    width: 10px;
    transform: rotate3d(0, 1, 0, 90deg) scale(0.9);
    opacity: 0
}

.nav-arrow[data-direction=right]:hover div:first-child {
    transform: translate3d(2px, 2px, 0) rotate3d(0, 0, 1, -45deg) scale(0.9)
}

.nav-arrow[data-direction=right]:hover div:nth-child(2) {
    transform: translate3d(2px, -2px, 0) rotate3d(0, 0, 1, 45deg) scale(0.9)
}

.nav-arrow[data-direction=right]:hover div:last-child {
    transform: translate3d(-1px, 0, 0) rotate3d(0, 0, 0, 0deg) scale(0.9);
    opacity: 1
}

.nav-arrow svg.icon--root[class*=icon--arrow] {
    color: var(--color--body)
}

div.shopify-policy__container {
    background-color: var(--bg-color--body);
    padding: var(--spacing--section);
    max-width: unset
}

div.shopify-policy__container>* {
    max-width: var(--max-width--x-small);
    margin: 0 auto
}

@media only screen and (max-width: 639px) {
    div.shopify-policy__container {
        padding: var(--spacing--section--mobile)
    }
}

.shopify-policy__title {
    padding-bottom: var(--spacing--block)
}

.shopify-policy__title h1 {
    margin: 0
}

.slideshow-pagination {
    --dot-width: 20px;
    --dot-height: 4px;
    --dot-gap: var(--spacing--1);
    --offset: var(--spacing--block)
}

@media only screen and (max-width: 639px) {
    .slideshow-pagination {
        --offset: var(--spacing--item);
        width: -moz-fit-content;
        width: fit-content;
        overflow: hidden;
        z-index: 3;
        position: absolute;
        bottom: var(--offset);
        align-self: center;
        max-width: calc(var(--dot-width)*5 + var(--dot-gap)*4)
    }
}

.slideshow-pagination--wrapper {
    display: flex;
    align-items: center;
    gap: var(--dot-gap)
}

@media only screen and (min-width: 640px) {
    .slideshow-pagination--wrapper {
        z-index: 3;
        position: absolute;
        bottom: var(--offset);
        right: var(--offset)
    }
}

@media only screen and (max-width: 639px) {
    .slideshow-pagination--wrapper {
        transition: transform .4s var(--transition--ease-out);
        transform: translateX(var(--dot-pos))
    }
}

.video--root:not([data-section-id]) {
    display: block
}

.video--root[data-autoplay=true] .section-blocks--block[data-block-type=play-button] {
    display: none
}

[data-aspect-ratio] .video--root {
    height: 100%
}

.video--wrapper {
    position: relative;
    display: flex;
    overflow: hidden
}

@media only screen and (max-width: 639px) {
    .video--root[data-mobile-full-width=false] .video--wrapper {
        border-radius: var(--image--radius)
    }
    .video--root[data-mobile-display-type=aspect-ratio] .video--wrapper:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--video-mobile-aspect-ratio))
    }
    .video--root[data-mobile-display-type=original] .video--wrapper:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--natural-aspect-ratio))
    }
    .video--root[data-mobile-display-type=x-small] .video--wrapper {
        height: var(--mobile-height--x-small)
    }
    .video--root[data-mobile-display-type=small] .video--wrapper {
        height: var(--mobile-height--small)
    }
    .video--root[data-mobile-display-type=medium] .video--wrapper {
        height: var(--mobile-height--medium)
    }
    .video--root[data-mobile-display-type=large] .video--wrapper {
        height: var(--mobile-height--large)
    }
    .video--root[data-mobile-display-type=x-large] .video--wrapper {
        height: var(--mobile-height--x-large)
    }
    .video--root[data-mobile-display-type=fit-screen] .video--wrapper {
        --vh: 100vh;
        --vh: 100svh;
        --offset: 0px;
        height: calc(var(--vh) - var(--offset))
    }
    body:has(.header--root[data-sticky-enabled=true][aria-hidden=false]) .video--root[data-mobile-display-type=fit-screen] .video--wrapper {
        --offset: var(--sticky-offset)
    }
    .layout--template .shopify-section:first-child>:not([data-header-overlap-compatible]) .video--root[data-mobile-display-type=fit-screen] .video--wrapper,
    body:has(.header--root[data-transparent-enabled=false]) .layout--template .shopify-section:first-child .video--root[data-mobile-display-type=fit-screen] .video--wrapper {
        --offset: calc( var(--header--height) + var(--announcement--height) + var(--split-announcement--height))
    }
    body:has(.header--root[data-transparent-enabled=true]) .layout--template .shopify-section:first-child>[data-header-overlap-compatible] .video--root[data-mobile-display-type=fit-screen] .video--wrapper {
        --offset: calc(var(--announcement--height) + var(--split-announcement--height))
    }
}

@media only screen and (min-width: 640px) {
    .video--root[data-full-width=false] .video--wrapper {
        border-radius: var(--image--radius)
    }
    .video--root[data-display-type=aspect-ratio] .video--wrapper:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--video-aspect-ratio))
    }
    .video--root[data-display-type=original] .video--wrapper:before {
        content: "";
        width: 0;
        height: 0;
        padding-top: calc(100%/var(--natural-aspect-ratio))
    }
    .video--root[data-display-type=x-small] .video--wrapper {
        height: var(--height--x-small)
    }
    .video--root[data-display-type=small] .video--wrapper {
        height: var(--height--small)
    }
    .video--root[data-display-type=medium] .video--wrapper {
        height: var(--height--medium)
    }
    .video--root[data-display-type=large] .video--wrapper {
        height: var(--height--large)
    }
    .video--root[data-display-type=x-large] .video--wrapper {
        height: var(--height--x-large)
    }
    .video--root[data-display-type=fit-screen] .video--wrapper {
        --vh: 100vh;
        --offset: 0px;
        height: calc(var(--vh) - var(--offset))
    }
    body:has(.header--root[data-sticky-enabled=true][aria-hidden=false]) .layout--template .video--root[data-display-type=fit-screen] .video--wrapper {
        --offset: var(--header--height)
    }
    .layout--template .shopify-section:first-child>:not([data-header-overlap-compatible]) .video--root[data-display-type=fit-screen] .video--wrapper,
    body:has(.header--root[data-transparent-enabled=false]) .layout--template .shopify-section:first-child .video--root[data-display-type=fit-screen] .video--wrapper {
        --offset: calc( var(--header--height) + var(--announcement--height) + var(--split-announcement--height))
    }
    body:has(.header--root[data-transparent-enabled=true]) .layout--template .shopify-section:first-child>[data-header-overlap-compatible] .video--root[data-display-type=fit-screen] .video--wrapper {
        --offset: calc(var(--announcement--height) + var(--split-announcement--height))
    }
    .video--root[data-display-type=fill-available] .video--wrapper {
        height: 100%
    }
}

[data-aspect-ratio] .video--root[data-display-type][data-mobile-display-type] .video--wrapper {
    height: 100%
}

[data-aspect-ratio] .video--root[data-display-type][data-mobile-display-type] .video--wrapper:before {
    content: "";
    width: 0;
    height: 0
}

[data-aspect-ratio=natural] .video--root[data-display-type][data-mobile-display-type] .video--wrapper:before {
    padding-top: calc(100%/var(--natural-aspect-ratio))
}

[data-aspect-ratio=square] .video--root[data-display-type][data-mobile-display-type] .video--wrapper:before {
    padding-top: 100%
}

[data-aspect-ratio=landscape] .video--root[data-display-type][data-mobile-display-type] .video--wrapper:before {
    padding-top: 75%
}

[data-aspect-ratio=portrait] .video--root[data-display-type][data-mobile-display-type] .video--wrapper:before {
    padding-top: 125%
}

[data-aspect-ratio=tall-portrait] .video--root[data-display-type][data-mobile-display-type] .video--wrapper:before {
    padding-top: 150%
}

.video--overlay {
    display: grid;
    position: absolute;
    inset: 0;
    z-index: 1;
    justify-content: var(--x-alignment);
    align-items: var(--y-alignment)
}

.video--root[data-autoplay=false] .video--overlay {
    clip-path: inset(0 0 0 0);
    transition: clip-path 450ms cubic-bezier(0.99, 0.01, 0.5, 0.94)
}

.video--root[data-autoplay=false][data-loaded=true] .video--overlay {
    clip-path: inset(0 0 0 100%)
}

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

[data-aspect-ratio] .video--container {
    height: 100%
}

.video--root[data-overlay-style*=darken] .video--container:after {
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: var(--video--overlay)
}

.video--root[data-overlay-style=darken] .video--container:after {
    --video--overlay: rgba(0, 0, 0, calc(var(--content--image-opacity) / 3.25))
}

.video--root[data-overlay-style=darken-top] .video--container:after {
    --video--overlay: linear-gradient( rgba(0, 0, 0, var(--content--image-opacity)), 30%, rgba(0, 0, 0, 0))
}

.video--root[data-overlay-style=darken-bottom] .video--container:after {
    --video--overlay: linear-gradient( rgba(0, 0, 0, 0), 70%, rgba(0, 0, 0, var(--content--image-opacity)))
}

.video--root[data-autoplay=true] .video--container {
    pointer-events: none
}

.video--root[data-autoplay=false] .video--container :is(.plyr,
.plyr video,
.plyr__video-wrapper) {
    height: 100%
}

@media only screen and (min-width: 640px) {
    .video--root[data-overlay-style=hover]:hover .video--container {
        filter: opacity(0.3);
        background-color: var(--bg-color--body)
    }
}

.video--container>* {
    position: absolute;
    max-width: unset
}

.video--root[data-autoplay=false] .video--container>* {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.video--root[data-autoplay=true] .video--container>* {
    --left-min-pos: 0px;
    top: -250px;
    height: calc(100% + 500px);
    left: min(var(--left-min-pos), 50% - var(--video-width)/2);
    width: max(100%, var(--video-width))
}

[data-aspect-ratio=natural] .video--root[data-display-type][data-mobile-display-type] .video--container>* {
    --video-width: 100%
}

[data-aspect-ratio=square] .video--root[data-display-type][data-mobile-display-type] .video--container>* {
    --video-width: calc(100% * var(--natural-aspect-ratio))
}

[data-aspect-ratio=landscape] .video--root[data-display-type][data-mobile-display-type] .video--container>* {
    --video-width: calc(100% * var(--natural-aspect-ratio) * 3 / 4)
}

[data-aspect-ratio=portrait] .video--root[data-display-type][data-mobile-display-type] .video--container>* {
    --video-width: calc(100% * var(--natural-aspect-ratio) * 5 / 4)
}

[data-aspect-ratio=tall-portrait] .video--root[data-display-type][data-mobile-display-type] .video--container>* {
    --video-width: calc(100% * var(--natural-aspect-ratio) * 3 / 2)
}

@media only screen and (min-width: 640px) {
    .video--root[data-autoplay=true]:is([data-display-type=fill-available],
    [data-display-type=aspect-ratio]) .video--container>* {
        --video-width: calc(100% * var(--natural-aspect-ratio) / var(--video-aspect-ratio))
    }
    .video--root[data-autoplay=true][data-display-type=original] .video--container>* {
        --video-width: 100%
    }
    .video--root[data-autoplay=true][data-display-type=x-small] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--x-small))
    }
    .video--root[data-autoplay=true][data-display-type=small] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--small))
    }
    .video--root[data-autoplay=true][data-display-type=medium] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--medium))
    }
    .video--root[data-autoplay=true][data-display-type=large] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--large))
    }
    .video--root[data-autoplay=true][data-display-type=x-large] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--height--x-large))
    }
    .video--root[data-autoplay=true][data-display-type=fit-screen] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * 100vh)
    }
}

@media only screen and (max-width: 639px) {
    .video--root[data-autoplay=true]:is([data-mobile-display-type=fill-available],
    [data-mobile-display-type=aspect-ratio]) .video--container>* {
        --video-width: calc(100% * var(--natural-aspect-ratio) / var(--video-mobile-aspect-ratio))
    }
    .video--root[data-autoplay=true][data-mobile-display-type=original] .video--container>* {
        --video-width: 100%
    }
    .video--root[data-autoplay=true][data-mobile-display-type=x-small] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--x-small))
    }
    .video--root[data-autoplay=true][data-mobile-display-type=small] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--small))
    }
    .video--root[data-autoplay=true][data-mobile-display-type=medium] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--medium))
    }
    .video--root[data-autoplay=true][data-mobile-display-type=large] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--large))
    }
    .video--root[data-autoplay=true][data-mobile-display-type=x-large] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * var(--mobile-height--x-large))
    }
    .video--root[data-autoplay=true][data-mobile-display-type=fit-screen] .video--container>* {
        --video-width: calc(var(--natural-aspect-ratio) * 100vh)
    }
}

.video--container>div svg>* {
    color: var(--color--body)
}

.video--container>div>iframe {
    width: 100%;
    height: 100%
}

.video--thumbnail {
    grid-area: 1/-1;
    height: 100%;
    width: 100%
}

.video--thumbnail img {
    background-color: var(--bg-color--body)
}

.x-menu--level-1--container {
    /* gap: 30px !important; */
    /* gap: 34px !important; */
    gap: 24px !important;
}
.product-card--root {
    gap: 6px !important;
}
.template--collection .swatches--container {
    --swatch-size: 16px !important;
    --swatch-inset: 1px !important;
    margin-bottom: 6px;
}
.product--price {
    --font--paragraph--weight: initial !important;
}
.collection-header--heading-wrapper p {
    margin-top: 8px;
    line-height: 14px;
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
::-webkit-scrollbar-thumb {
    background-color: #3e3736;
    border-radius: 5px;
    background-clip: content-box;
    transition: background-color .2s;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(62, 55, 54, 0.7) !important;
}
::selection {
    /* background: #d8f7f1; */
    text-shadow: none;
}
.product-form--block[data-block-type] {
    margin-top: 12px !important;
}
@media only screen and (min-width: 1000px) {
    .product-form--block[data-block-type=heading] {
    margin-top: 8px !important;
   }
   .product-form .breadcrumbs--root {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    .main-product--wrapper[data-container=split] {
        --grid-columns: minmax(0, 1fr) minmax(0, 500px) !important;
    }
}
@media only screen and (min-width: 1300px) {
    .main-product--wrapper[data-container=split] {
        --grid-columns: minmax(0, 1fr) minmax(0, 620px) !important;
    }
}
@media only screen and (max-width: 639px) {
    .product-form--block[data-block-type] {
    margin-top: 10px !important;
   }
}
@media (max-width: 767px) {
    .main-product--wrapper[data-container=split] {
        --grid-row-gap: 4px !important;
    }
}
.product--compare-price, .product-price--compare {
    color: #961c1c !important;
}
.footer--menu [data-item=sub-nav-text] {
    --font--size: 12px;
}
.footer--menu [data-item=sub-nav-text]:hover {
    --font--size: 12px;
    text-decoration: underline;
}
.collapsible-row--root[data-view=large] .layout--expand {
    --cross-scale: 1.5 !important;
}
.footer--about-text p:nth-last-child(2) {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 4px !important;
}
.footer--about-text p:last-child {
    font-size: 10px;
    line-height: 11px;
    color: grey;
}
.footer--block--heading-img {
    /* width: 120px; */
    width: 95px;
}
#insta-feed h2, .instafeed-shopify h2 {
    margin-bottom: 22px !important;
}
.product--label[data-label-shape=square] {
    padding: var(--spacing--1) 10px;
    /* background: rgba(249, 248, 249, 0.8) !important; */
    background: rgba(249, 248, 249, 0.65) !important;
    border-radius: 3px;
    color: rgb(34, 29, 29);
    /* left: 0.667rem; */
    padding: 3px 0.334rem 2px !important;
    /* position: absolute; */
    /* top: 11px; */
    width: unset;
    z-index: 1;
    position: relative;
    top: -2px;
    left: -2px;
    font-family: var(--font--heading--family);
    letter-spacing: -0.2px;
}
.product-card--details {
    gap: 4px !important;
}
[data-item=swatch] {
    height: 14px !important;
    width: 14px !important;
    min-width: 14px !important;
}
.product-form [data-item=swatch] {
    height: 18px !important;
    width: 18px !important;
    min-width: 18px !important;
}
.swatches--container {
    column-gap: 6px !important;
}
.product-form .swatches--container {
    column-gap: 8px !important;
}
.product-card--details-wrapper {
    gap: 0 !important;
}
.product-options--option [data-item=radio-input] {
    --button--height: 22px;
}
.header--root[data-hover-disabled=false] :is([aria-expanded=true],:hover,:focus-visible)>.x-menu--level-1--text:before {
    top: calc(50% + 10px) !important;
    border-bottom: 1px solid var(--header--color) !important;
    text-shadow: none;
}
.product--label:is([data-background-color=none],[data-background-color=light]) {
    border: var(--border--dark);
    background: rgba(249, 248, 249, 0.65) !important;
    border-radius: 3px !important;
    color: rgb(34, 29, 29);
    /* left: 0.667rem; */
    padding: 3px 0.334rem 2px !important;
    /* position: absolute; */
    /* top: 11px; */
    /* width: unset; */
    z-index: 1;
    position: relative;
    top: -2px;
    left: -2px;
    font-family: var(--font--heading--family);
    letter-spacing: -0.2px;
}
.x-menu--level-1--text {
    /* letter-spacing: 1.2px; */
    letter-spacing: 0.8px;
}
.product--breadcrumbs {
    position: relative;
    display: flex;
    padding: var(--section--padding-top, 0px) var(--section--padding-right, 0px) var(--section--padding-bottom, 0px) var(--section--padding-left, 0px);
    --section--padding-left: var(--spacing--section--x);
    --section--padding-right: var(--spacing--section--x);
}
.product-form .product--breadcrumbs {
    display: none;
}
@media (min-width: 768px) {
.layout--viewport:not([data-header-layout="sidebar"]) .main-product--root[data-spacing-above="none"] .product-form {
    padding-top: 20px !important;
}
}
.main-product--mobile[data-container=block] {
    gap: 2px;
}
product-recommendations-element.complementary-products--root {
    display: block;
    border: 1px solid #e2e2e2;
    padding: 20px;
    position: relative;
    margin-bottom: 15px;
    margin-top: 20px;
}
.complementary-products--heading {
    padding-bottom: var(--spacing--item);
    /* text-align: center; */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    background: #fff;
    padding: 0 20px !important;
    font-size: .8125rem;
    /* text-transform: uppercase; */
    font-weight: 500;
}
.filter--menu [data-item=tag] {
    padding: 5px 0;
}
.filter--toggle {
    font-size: 15px;
}
.navigation--layout-button {
    height: 28px !important;
}
@media (min-width: 768px) {
    .navigation--root .disclosure--toggle, .navigation--filter {
        height: 28px !important;
    }
}
.navigation--root .disclosure--toggle, .navigation--filter {
    font-size: 12px;
    line-height: 12px;
}
.image_placeholder, .image_placeholder:after {
  background-color: #eeeff0;
  background-image: url(/cdn/shop/files/kp_grey1.png);
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  color: transparent;
  display: block;
  height: 100%;
  background-size: 50%;
  width: 100%;
}
.image_placeholder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
#gallery .image_placeholder, #gallery .image_placeholder:after {
  background-color: transparent;
}
.image_placeholder.lazyloaded, 
.image_placeholder.lazyloaded:after {
  background-image: none;
}
.image-no-placeholder:after {
  background-color: #FFF;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  color: transparent;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
}
.product-card--placeholder-wrapper {
  background-color: #eeeff0;
  background-image: url(/cdn/shop/files/kp_grey1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50%;
}
.product-card--placeholder-wrapper > .product-card--image,
.product-card--placeholder-wrapper > .product-card--hover-image {
  background-color: transparent;
}
.collapsible-row--root .layout--expand {
    --cross-size: 15px !important;
}
.collapsible-row--toggle {
    padding: 12px 16px !important;
}
.collapsible-row--heading {
    text-shadow: .5px 0px 0px currentColor;
}
.social-media--items {
    column-gap: 12px !important;
}
.social-media--root svg {
    height: 12px !important;
    width: 12px !important;
}
.social-media--items span {
    font-family: var(--font--nav--family);
    font-weight: var(--font--nav--weight);
    font-style: var(--font--nav--style);
    text-transform: var(--font--transform);
    letter-spacing: var(--font--letter-spacing, 0px);
    font-size: var(--font--size);
    --font--transform: var(--font--nav--uppercase);
    --font--size: var(--font--nav--size);
}
.product-buy-buttons--drawer [data-item*=button]:has(>:nth-child(2):not(input)) {
    --button--color: #fff;
    --button--bg-color: #222;
    height: 38px;
}
.product-buy-buttons--drawer [data-item=paragraph] {
    font-family: var(--font--heading--family);
}