/** Shopify CDN: Minification failed

Line 4425:0 Unexpected "}"

**/
@charset "UTF-8";

.row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.grid-bs {
    --grid-gap: 2rem;
    display: grid;
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    gap: var(--bs-gap, var(--grid-gap));
}

.grid-bs .g-col-1 {
    grid-column: auto/span 1;
}

.grid-bs .g-col-2 {
    grid-column: auto/span 2;
}

.grid-bs .g-col-3 {
    grid-column: auto/span 3;
}

.grid-bs .g-col-4 {
    grid-column: auto/span 4;
}

.grid-bs .g-col-5 {
    grid-column: auto/span 5;
}

.grid-bs .g-col-6 {
    grid-column: auto/span 6;
}

.grid-bs .g-col-7 {
    grid-column: auto/span 7;
}

.grid-bs .g-col-8 {
    grid-column: auto/span 8;
}

.grid-bs .g-col-9 {
    grid-column: auto/span 9;
}

.grid-bs .g-col-10 {
    grid-column: auto/span 10;
}

.grid-bs .g-col-11 {
    grid-column: auto/span 11;
}

.grid-bs .g-col-12 {
    grid-column: auto/span 12;
}

.grid-bs .g-start-1 {
    grid-column-start: 1;
}

.grid-bs .g-start-2 {
    grid-column-start: 2;
}

.grid-bs .g-start-3 {
    grid-column-start: 3;
}

.grid-bs .g-start-4 {
    grid-column-start: 4;
}

.grid-bs .g-start-5 {
    grid-column-start: 5;
}

.grid-bs .g-start-6 {
    grid-column-start: 6;
}

.grid-bs .g-start-7 {
    grid-column-start: 7;
}

.grid-bs .g-start-8 {
    grid-column-start: 8;
}

.grid-bs .g-start-9 {
    grid-column-start: 9;
}

.grid-bs .g-start-10 {
    grid-column-start: 10;
}

.grid-bs .g-start-11 {
    grid-column-start: 11;
}

@media (min-width: 577px) {
    .grid-bs .g-col-sm-1 {
        grid-column: auto/span 1;
    }

    .grid-bs .g-col-sm-2 {
        grid-column: auto/span 2;
    }

    .grid-bs .g-col-sm-3 {
        grid-column: auto/span 3;
    }

    .grid-bs .g-col-sm-4 {
        grid-column: auto/span 4;
    }

    .grid-bs .g-col-sm-5 {
        grid-column: auto/span 5;
    }

    .grid-bs .g-col-sm-6 {
        grid-column: auto/span 6;
    }

    .grid-bs .g-col-sm-7 {
        grid-column: auto/span 7;
    }

    .grid-bs .g-col-sm-8 {
        grid-column: auto/span 8;
    }

    .grid-bs .g-col-sm-9 {
        grid-column: auto/span 9;
    }

    .grid-bs .g-col-sm-10 {
        grid-column: auto/span 10;
    }

    .grid-bs .g-col-sm-11 {
        grid-column: auto/span 11;
    }

    .grid-bs .g-col-sm-12 {
        grid-column: auto/span 12;
    }

    .grid-bs .g-start-sm-1 {
        grid-column-start: 1;
    }

    .grid-bs .g-start-sm-2 {
        grid-column-start: 2;
    }

    .grid-bs .g-start-sm-3 {
        grid-column-start: 3;
    }

    .grid-bs .g-start-sm-4 {
        grid-column-start: 4;
    }

    .grid-bs .g-start-sm-5 {
        grid-column-start: 5;
    }

    .grid-bs .g-start-sm-6 {
        grid-column-start: 6;
    }

    .grid-bs .g-start-sm-7 {
        grid-column-start: 7;
    }

    .grid-bs .g-start-sm-8 {
        grid-column-start: 8;
    }

    .grid-bs .g-start-sm-9 {
        grid-column-start: 9;
    }

    .grid-bs .g-start-sm-10 {
        grid-column-start: 10;
    }

    .grid-bs .g-start-sm-11 {
        grid-column-start: 11;
    }
}

@media (min-width: 1025px) {
    .grid-bs .g-col-md-1 {
        grid-column: auto/span 1;
    }

    .grid-bs .g-col-md-2 {
        grid-column: auto/span 2;
    }

    .grid-bs .g-col-md-3 {
        grid-column: auto/span 3;
    }

    .grid-bs .g-col-md-4 {
        grid-column: auto/span 4;
    }

    .grid-bs .g-col-md-5 {
        grid-column: auto/span 5;
    }

    .grid-bs .g-col-md-6 {
        grid-column: auto/span 6;
    }

    .grid-bs .g-col-md-7 {
        grid-column: auto/span 7;
    }

    .grid-bs .g-col-md-8 {
        grid-column: auto/span 8;
    }

    .grid-bs .g-col-md-9 {
        grid-column: auto/span 9;
    }

    .grid-bs .g-col-md-10 {
        grid-column: auto/span 10;
    }

    .grid-bs .g-col-md-11 {
        grid-column: auto/span 11;
    }

    .grid-bs .g-col-md-12 {
        grid-column: auto/span 12;
    }

    .grid-bs .g-start-md-1 {
        grid-column-start: 1;
    }

    .grid-bs .g-start-md-2 {
        grid-column-start: 2;
    }

    .grid-bs .g-start-md-3 {
        grid-column-start: 3;
    }

    .grid-bs .g-start-md-4 {
        grid-column-start: 4;
    }

    .grid-bs .g-start-md-5 {
        grid-column-start: 5;
    }

    .grid-bs .g-start-md-6 {
        grid-column-start: 6;
    }

    .grid-bs .g-start-md-7 {
        grid-column-start: 7;
    }

    .grid-bs .g-start-md-8 {
        grid-column-start: 8;
    }

    .grid-bs .g-start-md-9 {
        grid-column-start: 9;
    }

    .grid-bs .g-start-md-10 {
        grid-column-start: 10;
    }

    .grid-bs .g-start-md-11 {
        grid-column-start: 11;
    }
}

.col {
    flex: 1 0 0%;
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.col-3 {
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}

.col-9 {
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem;
}

@media (min-width: 577px) {
    .col-sm {
        flex: 1 0 0%;
    }

    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }

    .g-sm-0,
.gx-sm-0 {
        --bs-gutter-x: 0;
    }

    .g-sm-0,
.gy-sm-0 {
        --bs-gutter-y: 0;
    }

    .g-sm-1,
.gx-sm-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-sm-1,
.gy-sm-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-sm-2,
.gx-sm-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-sm-2,
.gy-sm-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-sm-3,
.gx-sm-3 {
        --bs-gutter-x: 1rem;
    }

    .g-sm-3,
.gy-sm-3 {
        --bs-gutter-y: 1rem;
    }

    .g-sm-4,
.gx-sm-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-sm-4,
.gy-sm-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-sm-5,
.gx-sm-5 {
        --bs-gutter-x: 3rem;
    }

    .g-sm-5,
.gy-sm-5 {
        --bs-gutter-y: 3rem;
    }
}

@media (min-width: 1025px) {
    .col-md {
        flex: 1 0 0%;
    }

    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }

    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }

    .g-md-0,
.gx-md-0 {
        --bs-gutter-x: 0;
    }

    .g-md-0,
.gy-md-0 {
        --bs-gutter-y: 0;
    }

    .g-md-1,
.gx-md-1 {
        --bs-gutter-x: 0.25rem;
    }

    .g-md-1,
.gy-md-1 {
        --bs-gutter-y: 0.25rem;
    }

    .g-md-2,
.gx-md-2 {
        --bs-gutter-x: 0.5rem;
    }

    .g-md-2,
.gy-md-2 {
        --bs-gutter-y: 0.5rem;
    }

    .g-md-3,
.gx-md-3 {
        --bs-gutter-x: 1rem;
    }

    .g-md-3,
.gy-md-3 {
        --bs-gutter-y: 1rem;
    }

    .g-md-4,
.gx-md-4 {
        --bs-gutter-x: 1.5rem;
    }

    .g-md-4,
.gy-md-4 {
        --bs-gutter-y: 1.5rem;
    }

    .g-md-5,
.gx-md-5 {
        --bs-gutter-x: 3rem;
    }

    .g-md-5,
.gy-md-5 {
        --bs-gutter-y: 3rem;
    }
}

@media screen and (min-width: 1025px) {
    .grid-bs-10 {
        grid-template-columns: repeat(5, 1fr);
    }

    .grid-bs-10 .g-col-md-2 {
        grid-column: initial;
    }
}

.d-block {
    display: block;
}

.header-sections-wrapper {
    display: flex;
    flex-direction: column;
}

.button,
.color-background .button {
    --color-button: var(--clr-button-primary);
    --color-button-text: var(--clr-button-primary-text);
    --color-button-background: var(--color-button);
    --color-button-border: var(--color-button);
    --alpha-button-background: 1;
    --alpha-button-border: 1;
}

.button[data-status=preorder] {
    --color-button: var(--clr-preorder);
    --color-button-text: var(--clr-preorder-text);
}

.color-accent .button--secondary {
    --color-button: var(--clr-theme-background);
}

.button--secondary,
.color-background .button--secondary {
    --color-button: var(--clr-button-secondary);
    --color-button-text: var(--color-button);
    --color-button-background: var(--clr-theme-background);
    --color-button-border: var(--color-button);
    --alpha-button-background: 0;
}

.button--buy-it-now,
.color-background .button--buy-it-now,
.shopify-payment-button__button--unbranded {
    --color-button: var(--clr-button-buy-it-now);
    --color-button-text: var(--clr-button-buy-it-now-text);
    --color-button-background: var(--color-button);
    --color-button-border: var(--color-button);
    --alpha-button-background: 1;
}

.button--product-cart,
.color-background .button--product-cart {
    --color-button: var(--clr-button-product-cart);
    --color-button-text: var(--clr-button-product-cart-text);
    --color-button-background: var(--color-button);
    --color-button-border: var(--color-button);
    --alpha-button-background: 1;
    --alpha-button-border: var(--alpha-button-background);
    --color-button-icon: var(--clr-button-product-cart-icon);
}

.button--product-cart:not([disabled]):not([aria-disabled=true]):hover,
.button--product-cart:not([disabled]):not([aria-disabled=true]):hover {
    --color-button: var(--clr-button-product-cart-hover);
    --color-button-text: var(--clr-button-product-cart-hover-text);
    --color-button-icon: var(--clr-button-product-cart-hover-text);
}

.button--product-cart-below,
.color-background .button--product-cart-below {
    --color-button: var(--clr-button-product-cart-below);
    --color-button-text: var(--clr-button-product-cart-below-text);
    --color-button-background: var(--color-button);
    --color-button-border: var(--color-button);
    --alpha-button-background: 1;
    --alpha-button-border: var(--alpha-button-background);
    --color-button-icon: var(--clr-button-product-cart-below-icon);
}

.button--product-cart-below:not([disabled]):not([aria-disabled=true]):not([data-status=preorder]):hover {
    --color-button: var(--clr-button-product-cart-below-hover);
    --color-button-text: var(--clr-button-product-cart-below-hover-text);
    --color-button-icon: var(--clr-button-product-cart-below-hover-text);
}

.button--quick-view,
.color-background .button--quick-view {
    --color-button: var(--clr-button-quick-view);
    --color-button-text: var(--clr-button-quick-view-text);
    --color-button-background: var(--color-button);
    --color-button-border: var(--color-button);
    --alpha-button-background: 1;
    --alpha-button-border: var(--alpha-button-background);
    --color-button-icon: var(--clr-button-quick-view-icon);
}

.button--quick-view:not([disabled]):not([aria-disabled=true]):hover,
.color-background .button--quick-view:not([disabled]):not([aria-disabled=true]):hover {
    --color-button: var(--clr-button-quick-view-hover);
    --color-button-text: var(--clr-button-quick-view-hover-text);
    --color-button-icon: var(--clr-button-quick-view-hover-text);
}

:is(.button--product-cart, .button--product-cart-below, .button--quick-view)::before {
    border: none !important;
}

:is(.button--product-cart, .button--product-cart-below, .button--quick-view) .button__icon .icon {
    color: rgb(var(--color-button-icon));
}

@media screen and (min-width: 1025px) {
    .button--desktop-transparent {
        --alpha-button-background: 0;
    }
}

@media screen and (max-width: 576px) {
    .color-small-background {
        --color-foreground: var(--clr-body);
        --color-background: var(--clr-theme-background);
        --color-button-background: var(--clr-theme-accent);
        --color-button-text: var(--clr-button-link-style);
        --alpha-button-background: 0;
        --alpha-button-border: 1;
        --color-button-border: var(--color-button-background);
        --color-badge-background: var(--color-background);
        --color-badge-border: var(--color-foreground);
    }

    .color-small-background .button--secondary {
        --color-button-background: var(--color-foreground);
        --color-button-text: var(--color-background);
        --alpha-button-background: 1;
        --color-button-border: var(--color-button-background);
    }
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
    .color-medium-background {
        --color-foreground: var(--clr-body);
        --color-background: var(--clr-theme-background);
        --color-button-background: var(--clr-theme-accent);
        --color-button-text: var(--clr-button-link-style);
        --alpha-button-background: 0;
        --alpha-button-border: 1;
        --color-button-border: var(--color-button-background);
        --color-badge-background: var(--color-background);
        --color-badge-border: var(--color-foreground);
    }

    .color-medium-background .button--secondary {
        --color-button-background: var(--color-foreground);
        --color-button-text: var(--color-background);
        --alpha-button-background: 1;
        --color-button-border: var(--color-button-background);
    }
}

.no-js:not(html),
.no-js-inline,
html.no-js .no-js-hidden,
html.js .js-hidden {
    display: none !important;
}

html.no-js .no-js:not(html) {
    display: block !important;
}

html.no-js .no-js-inline {
    display: inline-block !important;
}

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

.page-width {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 var(--page-offset-x);
}

.page-width-desktop {
    padding: 0;
    margin: 0 auto;
}

@media screen and (max-width: 1024px) {
    .page-width-medium {
        max-width: var(--page-width);
        margin: 0 auto;
        padding: 0 2rem;
    }
}

@media screen and (min-width: 577px) {
    .page-width {
        --page-offset-x: 3rem;
    }

    .page-width-desktop {
        --page-offset-x: 0;
    }

    .page-width-tablet {
        --page-offset-x: 4rem;
    }
}

@media screen and (min-width: 1025px) {
    .page-width {
        --page-offset-x: 4rem;
    }

    .page-width--narrow {
        --page-offset-x: 0;
        --page-width: 67rem;
    }

    .page-width-desktop {
        --page-offset-x: 4rem;
        max-width: var(--page-width);
    }
}

.page-width--wide {
    --page-offset-x: 0;
    width: 100%;
}

.m-0 {
    margin: 0 !important;
}

.spaced-section--full-width + .spaced-section--full-width {
    margin-top: 0;
}

.spaced-section--full-width:first-child {
    margin-top: 0;
}

.spaced-section--full-width:last-child {
    margin-bottom: 0;
}

.grid-auto-flow {
    display: grid;
    grid-auto-flow: column;
}

.page-margin,
.shopify-challenge__container {
    margin: 7rem auto;
}

.rte-width {
    max-width: 82rem;
    margin: 0 auto 2rem;
}

.list-unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hidden {
    display: none !important;
}

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

.visually-hidden--inline {
    margin: 0;
    height: 1em;
}

.overflow-hidden {
    overflow: hidden;
}

.full-width-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

::selection {
    background-color: rgb(var(--clr-emphasized-background));
    color: rgb(var(--clr-emphasized-text));
}

.reset-button {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    outline: none;
    color: currentColor;
    cursor: pointer;
}

.link-unstyled {
    text-decoration: none;
    color: currentColor;
}

.link {
    text-decoration: underline;
    text-underline-offset: 0.5rem;
    text-decoration-color: rgba(var(--color-link), 0.15);
    font-size: var(--font-body-medium-size);
    line-height: var(--font-body-medium-line-height);
}

.link--text {
    color: rgb(var(--color-foreground));
}

.link-with-icon {
    display: inline-flex;
    font-size: var(--font-body-medium-size);
    font-weight: 600;
    letter-spacing: calc(0.1em + 0.05em * (var(--font-body-letter-spacing-scale) - 1));
    text-decoration: none;
    margin-bottom: 4.5rem;
    white-space: nowrap;
}

.link-with-icon .icon {
    width: 1.5rem;
    margin-left: 1rem;
}

.link[role=link]:not([href]) {
    cursor: not-allowed;
}

.text-body,
.text-small {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
}

.text-body {
    font-size: var(--font-body-normal-size);
    line-height: var(--font-body-normal-line-height);
    letter-spacing: calc(0em + 0.05em * (var(--font-body-letter-spacing-scale) - 1));
}

.caption-with-letter-spacing,
.text-small {
    font-size: var(--font-body-medium-size);
    line-height: var(--font-body-medium-line-height);
    letter-spacing: calc(0em + 0.05em * (var(--font-body-letter-spacing-scale) - 1));
}

small,
.text-extral-small {
    font-size: var(--font-body-small-size);
    line-height: var(--font-body-small-line-height);
}

b,
strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
blockquote p {
    --color-button: var(--clr-headings);
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(0em + 0.05em * (var(--font-heading-letter-spacing-scale) - 1));
    color: rgb(var(--clr-headings));
    margin: 2rem 0;
}

a[href^=tel] {
    text-decoration: none;
}

.h0,
h1,
.h1 {
    font-size: var(--font-h1-size);
    line-height: var(--font-h1-line-height);
}

h2,
.h2 {
    font-size: var(--font-h2-size);
    line-height: var(--font-h2-line-height);
}

h3,
.h3 {
    font-size: var(--font-h3-size);
    line-height: var(--font-h3-line-height);
}

h4,
.h4 {
    font-size: var(--font-h4-size);
    line-height: var(--font-h4-line-height);
}

h5,
.h5 {
    font-size: var(--font-h5-size);
    line-height: var(--font-h5-line-height);
}

h6,
.h6,
blockquote p {
    font-size: var(--font-h6-size);
    line-height: var(--font-h6-line-height);
}

@media screen and (max-width: 576px) {
    .small-h1 {
        font-size: var(--font-h1-size);
        line-height: var(--font-h1-line-height);
    }

    .small-h2 {
        font-size: var(--font-h2-size);
        line-height: var(--font-h2-line-height);
    }

    .small-h3 {
        font-size: var(--font-h3-size);
        line-height: var(--font-h3-line-height);
    }

    .small-h4 {
        font-size: var(--font-h4-size);
        line-height: var(--font-h4-line-height);
    }

    .small-h5 {
        font-size: var(--font-h5-size);
        line-height: var(--font-h5-line-height);
    }

    .small-h6 {
        font-size: var(--font-h6-size);
        line-height: var(--font-h6-line-height);
    }
}

.heading-case,
.heading-tag-case :is(h1, h2, h3, h4, h5, h6) {
    text-transform: var(--headings-case);
}

blockquote {
    margin: 0;
    padding: 4rem;
    background-color: rgba(var(--color-foreground), 0.03);
}

blockquote p {
    margin: 0;
    text-transform: var(--headings-case);
}

blockquote site {
    display: block;
    font-style: italic;
    margin-top: 1rem;
}

.caption {
    font-size: var(--font-body-small-size);
    line-height: var(--font-body-small-line-height);
}

.caption-with-letter-spacing {
    font-weight: var(--font-heading-weight);
    font-family: var(--font-heading-family);
    text-transform: var(--headings-case);
}

input::-webkit-search-decoration {
    -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) and (hover: none) and (pointer: coarse) {
    select:focus,
textarea:focus,
input:focus {
        font-size: 16px;
    }
}

.theme-form input:not([type=submit]),
.field__input,
.form__label,
.select__select,
.disclosure__button,
.theme-select__dropdown {
    font-size: var(--font-body-medium-size);
    line-height: var(--font-body-medium-line-height);
    font-weight: var(--font-input-weight);
    letter-spacing: calc(0em + 0.05em * (var(--font-body-letter-spacing-scale) - 1));
}

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

table:not([class]) {
    table-layout: fixed;
    border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
}

table:not([class]) td,
table:not([class]) th {
    padding: 1em;
    border: 0.1rem solid rgba(var(--clr-line), var(--clr-line-alpha));
}

@media screen and (max-width: 576px) {
    .small-hide {
        display: none !important;
    }
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
    .medium-hide {
        display: none !important;
    }
}

@media screen and (min-width: 1025px) {
    .large-up-hide {
        display: none !important;
    }
}

.center {
    text-align: center;
}

@media screen and (max-width: 576px) {
    .mobile-center {
        text-align: center;
    }
}

@media screen and (min-width: 577px) {
    .desktop-center {
        text-align: center;
    }
}

.right {
    text-align: right;
}

.uppercase,
.heading-uppercase :is(h1,
h2,
h3,
h4,
h5,
h6,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6) {
    text-transform: var(--headings-case);
}

.icon-checkmark,
.icon-caret {
    --icons-size: 1.2rem;
}

.icon-arrow-left,
.icon-arrow-right {
    --icons-size: 0.35rem;
    height: 0.6rem;
}

.icon-arrow-up,
.icon-arrow-down {
    --icons-size: 0.6rem;
    height: 0.35rem;
}

.icon-arrow-left-small,
.icon-arrow-right-small {
    --icons-size: 1rem;
}

a:empty,
ul:empty,
dl:empty,
div:empty,
section:empty,
article:empty,
p:empty,
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
    display: none;
}

.color-accent .link-button {
    --color-button: var(--clr-theme-background);
}

.link-button {
    border-radius: var(--buttons-border-radius);
}

body .shopify-cleanslate .paypalLight,
body .shopify-cleanslate .paypalDark,
.shopify-payment-button__button {
    border-radius: var(--buttons-border-radius) !important;
}

button.link-button {
    padding-left: 0;
    padding-right: 0;
}

.link,
.banner__text a,
.link-button,
.link-button-wrapper,
.color-background .link-button {
    --color-button: var(--clr-button-link-style);
    display: inline-block;
    border: none;
    box-shadow: none;
    color: rgb(var(--color-button));
    background-color: transparent;
    cursor: pointer;
}

.link-button,
.link-underlined {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.link-button,
.link-underlined {
    display: inline-flex;
}

.link-button .icon {
    margin-right: 1rem;
}

.link-button::before,
.link-button::after,
.link-underlined::after {
    content: "";
    display: block;
    height: 0.0625rem;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}

.link-button::before,
.link-underlined::before {
    width: 100%;
    background-color: rgba(var(--color-button), 0.15);
}

.link-button::after,
.link-underlined::after {
    width: 0;
    background-color: rgb(var(--color-button));
    height: 0.1rem;
}

.link-underlined::after {
    background-color: currentColor;
}

.link-underlined--optional-false::after {
    display: none !important;
}

.link-button-trigger {
    cursor: pointer;
}

@media screen and (max-width: 1024px) {
    .link-button:not([aria-disabled=true])::after {
        width: 100%;
    }
}

.link-button--hovered::after {
    width: 100%;
}

.circle-divider::after {
    content: "•";
    margin: 0 1.3rem 0 1.5rem;
}

.circle-divider:last-of-type::after {
    display: none;
}

hr {
    border: none;
    height: 0.1rem;
    background-color: rgba(var(--clr-line), var(--clr-line-alpha));
    display: block;
    margin: 5rem 0;
}

@media screen and (min-width: 577px) {
    hr {
        margin: 7rem 0;
    }
}

.full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block;
}

.placeholder {
    color: rgba(var(--color-foreground), 0.55);
    fill: rgba(var(--color-foreground), 0.55);
    border-radius: var(--images-border-radius);
    overflow: hidden;
}

.placeholder,
.placeholder.media {
    background-color: rgba(var(--color-foreground), 0.03);
}

.placeholder .media {
    background-color: transparent;
}

.placeholder .media,
.placeholder.media {
    animation: none !important;
}

details > * {
    box-sizing: border-box;
}

.break {
    word-break: break-word;
}

.visibility-hidden {
    visibility: hidden;
}

.dividing-line {
    display: block !important;
    border-top: 0.1rem solid rgba(var(--clr-line), var(--clr-line-alpha));
    margin: 0;
}

:root {
    --duration-short: 100ms;
    --duration-default: 200ms;
    --duration-long: 400ms;
}

.underlined-link {
    color: rgba(var(--color-link), var(--alpha-link));
    text-underline-offset: 0.3rem;
    text-decoration-thickness: 0.1rem;
}

h3 .icon-arrow,
.h3 .icon-arrow {
    width: calc(var(--font-heading-scale) * 1.5rem);
}

.animate-arrow .icon-arrow path {
    transition: transform var(--duration-short) ease;
}

summary {
    cursor: pointer;
    list-style: none;
    position: relative;
}

:is(summary, .header__text-menu-item) .icon-caret {
    position: absolute;
    right: 3rem;
    top: calc(50% - 0.6rem);
    color: rgb(var(--clr-icon));
}

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

.disclosure-has-popup {
    position: relative;
}

*:focus {
    outline: 0;
    box-shadow: none;
}

.focused {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: 0.3rem;
    box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3);
}

.focus-inset:focus-visible {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: -0.2rem;
    box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focused.focus-inset {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: -0.2rem;
    box-shadow: 0 0 0.2rem 0 rgba(var(--color-foreground), 0.3);
}

.focus-none {
    box-shadow: none !important;
    outline: 0 !important;
}

.focus-offset:focus-visible {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: 1rem;
    box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.focus-offset.focused {
    outline: 0.2rem solid rgba(var(--color-foreground), 0.5);
    outline-offset: 1rem;
    box-shadow: 0 0 0 1rem rgb(var(--color-background)), 0 0 0.2rem 1.2rem rgba(var(--color-foreground), 0.3);
}

.heading-wrapper {
    position: relative;
}

.heading-wrapper .title {
    margin: 0;
}

@media screen and (min-width: 1025px) {
    .g-col-md-12 > .heading-wrapper:not(.heading-wrapper--layout-slider-top-center).center {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

.grid__item--in-grid-heading .heading-wrapper {
    margin-bottom: 0;
}

.heading-wrapper > *:first-child {
    margin-top: 0;
}

.heading-wrapper__heading:only-child {
    margin-bottom: 0;
}

.heading-wrapper__text ul {
    padding-left: 2rem;
}

.heading-wrapper__text ol {
    padding-left: 2.5rem;
}

.heading-wrapper__text > * {
    margin: 2rem 0;
}

.heading-wrapper__text > *:first-child {
    margin-top: 0;
}

.heading-wrapper__text > *:last-child {
    margin-bottom: 0;
}

.heading-wrapper > * + .heading-wrapper__buttons {
    margin-top: 3rem;
}

:is(.heading-wrapper__text, .faq__answer) a {
    color: rgb(var(--clr-link));
}

:is(.heading-wrapper__text, .faq__answer) :is(a:hover, a:focus) {
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .heading-wrapper--mobile-left {
        text-align: left;
    }

    .heading-wrapper--mobile-center {
        text-align: center;
    }
}

.heading-wrapper--inline-button {
    display: flex;
    align-items: flex-start;
}

.heading-wrapper--inline-button .heading-wrapper__buttons {
    margin-top: 0;
    margin-left: auto;
}

.heading-wrapper--inline-button .heading-wrapper__buttons .button {
    text-wrap: nowrap;
}

@media screen and (min-width: 1025px) {
    .heading-wrapper--inline-button.center .heading-wrapper__buttons {
        position: absolute;
        top: 0;
        right: 0;
    }

    .heading-wrapper--inline-button.center .heading-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1024px) {
    .heading-wrapper--inline-button.center {
        gap: 2rem;
    }

    .heading-wrapper--inline-button.center .heading-wrapper {
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
    .heading-wrapper--inline-button.center .heading-wrapper {
        width: 75%;
    }
}

.heading-wrapper__collections {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}

@media screen and (max-width: 1024px) {
    .heading-wrapper__collections {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
}

.section-layout-heading-on-top-center .heading-wrapper__collections {
    justify-content: center;
}

@media screen and (max-width: 1024px) {
    .heading-wrapper--mobile-left .heading-wrapper__collections {
        justify-content: flex-start;
    }

    .heading-wrapper--mobile-center .heading-wrapper__collections {
        justify-content: center;
    }
}

.heading-wrapper__collections > * {
    margin-top: 0;
}

.heading-wrapper__collections label {
    cursor: pointer;
    opacity: 0.4;
}

.heading-wrapper__collections label:hover {
    opacity: 0.5;
}

.featured-collection-button:nth-child(1):checked ~ * .heading-wrapper__collections > *:nth-child(1) label,
.featured-collection-button:nth-child(2):checked ~ * .heading-wrapper__collections > *:nth-child(2) label,
.featured-collection-button:nth-child(3):checked ~ * .heading-wrapper__collections > *:nth-child(3) label,
.featured-collection-button:nth-child(4):checked ~ * .heading-wrapper__collections > *:nth-child(4) label,
.featured-collection-button:nth-child(5):checked ~ * .heading-wrapper__collections > *:nth-child(5) label,
.featured-collection-button:nth-child(6):checked ~ * .heading-wrapper__collections > *:nth-child(6) label {
    opacity: 1;
}

.featured-collection-button:nth-child(1):checked ~ * .featured-collection:not(:nth-child(1)),
.featured-collection-button:nth-child(2):checked ~ * .featured-collection:not(:nth-child(2)),
.featured-collection-button:nth-child(3):checked ~ * .featured-collection:not(:nth-child(3)),
.featured-collection-button:nth-child(4):checked ~ * .featured-collection:not(:nth-child(4)),
.featured-collection-button:nth-child(5):checked ~ * .featured-collection:not(:nth-child(5)),
.featured-collection-button:nth-child(6):checked ~ * .featured-collection:not(:nth-child(6)),
.featured-collection-button:nth-child(1):checked ~ * .section-buttons a:not(:nth-child(1)),
.featured-collection-button:nth-child(2):checked ~ * .section-buttons a:not(:nth-child(2)),
.featured-collection-button:nth-child(3):checked ~ * .section-buttons a:not(:nth-child(3)),
.featured-collection-button:nth-child(4):checked ~ * .section-buttons a:not(:nth-child(4)),
.featured-collection-button:nth-child(5):checked ~ * .section-buttons a:not(:nth-child(5)),
.featured-collection-button:nth-child(6):checked ~ * .section-buttons a:not(:nth-child(6)) {
    display: none;
}

.buttons-grid-small-up {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
}

@media screen and (min-width: 577px) {
    .buttons-grid-small-up {
        flex-direction: row;
        align-items: center;
    }

    .buttons-grid-small-up.center {
        justify-content: center;
    }
}

.title,
.title-wrapper-with-link {
    margin: 6rem 0 2rem;
}

.title-wrapper-with-link .title {
    margin: 0;
}

.title {
    text-transform: var(--headings-case);
}

.title .link {
    font-size: inherit;
}

.title-wrapper {
    margin-bottom: 3rem;
}

.title-wrapper-with-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.title--primary {
    margin: 4rem 0;
}

.title-wrapper--self-padded-tablet-down,
.heading-wrapper .title-wrapper--self-padded-tablet-down ~ *,
.title-wrapper--self-padded-mobile {
    padding-left: 2rem;
    padding-right: 2rem;
}

@media screen and (min-width: 577px) {
    .title-wrapper--self-padded-mobile {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 1025px) {
    .title,
.title-wrapper-with-link {
        margin: 8rem 0 2rem;
    }

    .title--primary {
        margin: 2rem 0;
    }

    .title-wrapper-with-link {
        align-items: center;
    }

    .title-wrapper-with-link .title {
        margin-bottom: 0;
    }

    .title-wrapper--self-padded-tablet-down,
.heading-wrapper .title-wrapper--self-padded-tablet-down ~ * {
        padding-left: 0;
        padding-right: 0;
    }
}

.title-wrapper-with-link .link-with-icon {
    margin: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.title-wrapper-with-link .link-with-icon svg {
    width: 1.5rem;
}

.title-wrapper-with-link a {
    margin-top: 0;
    flex-shrink: 0;
}

.title-wrapper-with-link.title-wrapper-with-link--no-heading {
    display: none;
}

.subtitle {
    font-size: var(--font-h5-size);
    line-height: var(--font-h5-line-height);
    letter-spacing: calc(0.05em + 0.05em * (var(--font-body-letter-spacing-scale) - 1));
    color: rgba(var(--color-foreground), 0.7);
}

img {
    height: auto;
    text-indent: -9999px;
}

img[src*="data:image/gif;base64"]:not([srcset]) {
    opacity: 0;
}

:is(.media:not(.media--loaded), rvideo-component) {
    animation: blink 1.3s linear infinite;
}

@keyframes blink {
    0% {
        background: rgba(0, 0, 0, 0.01);
    }

    50% {
        background: rgba(0, 0, 0, 0.03);
    }

    100% {
        background: rgba(0, 0, 0, 0.01);
    }
}

.media {
    display: block;
    background-color: rgb(var(--color-background));
    position: relative;
    overflow: hidden;
}

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

    100% {
        transform: rotate(270deg);
    }
}

.media--transparent {
    background-color: transparent;
}

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

.media > img {
    object-fit: cover;
    object-position: center center;
    transition: var(--images-opacity-transition);
}

.media--square {
    padding-bottom: 100%;
}

.media--portrait {
    padding-bottom: 125%;
}

.media--9-16 {
    padding-bottom: 177.84%;
}

.media--landscape {
    padding-bottom: 66.6%;
}

.media--cropped {
    padding-bottom: 56%;
}

.media--16-9 {
    padding-bottom: 56.25%;
}

.media--circle {
    padding-bottom: 100%;
    border-radius: 50% !important;
    overflow: hidden;
}

.media-border-radius:not(.media--circle) {
    overflow: hidden;
    border-radius: var(--images-border-radius);
}

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

.media--hover-effect {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

@media screen and (min-width: 1025px) {
    .media--cropped {
        padding-bottom: 63%;
    }
}

deferred-media {
    display: block;
}

rvideo-component {
    position: relative;
    display: block;
}

rvideo-component :is(video, iframe) {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    background-position: center;
    object-fit: cover;
    object-position: 50% 50%;
    transform: translate3d(-50%, -50%, 0);
}

rvideo-component .rvideo-component__play {
    display: none;
    z-index: 4;
    cursor: pointer;
    outline: none;
    border: none;
}

.rvideo-component__play::after {
    content: "";
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.rvideo-component--paused .rvideo-component__play {
    display: flex;
}

rvideo-component.deferred-media:not([loaded]) template + button.rvideo-component__play {
    display: block;
}

.rvideo-component__poster,
.rvideo-component__video,
.rvideo-component__video-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.rvideo-component__poster img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rvideo-component__poster ~ a {
    display: none !important;
}

.button,
.shopify-payment-button__button--unbranded,
.shopify-challenge__button {
    position: relative;
    cursor: pointer;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font: inherit;
    text-decoration: none;
    border: none;
    background-color: transparent;
    border-radius: var(--buttons-border-radius);
    color: rgb(var(--color-button-text));
    min-width: var(--buttons-min-width);
    min-height: var(--buttons-min-height);
    padding: var(--buttons-paddings-y) var(--buttons-paddings-x);
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
    word-break: break-word;
}

.button:not([disabled]):not([aria-disabled=true]):hover::before,
.shopify-payment-button__button:hover::before,
.shopify-challenge__button:hover::before {
    content: "";
    z-index: -1;
    border-radius: calc(var(--buttons-border-radius));
    position: absolute;
}

.announcement-bar,
.button--dynamic {
    --button-icon-position-factor: -1;
    padding: 0;
    min-width: auto;
    min-height: auto;
}

.button--icon-start.button--dynamic {
    --button-icon-position-factor: 1;
}

.button__clip,
.announcement-bar__clip {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.button__clip {
    padding: var(--buttons-paddings-y) var(--buttons-paddings-x);
    min-width: var(--buttons-min-width);
    min-height: var(--buttons-min-height);
    border-radius: var(--buttons-border-radius);
}

.button__text {
    position: relative;
}

.announcement-bar__icon svg {
    color: rgb(var(--announcement-icon));
}

.announcement-bar__icon,
.button__icon {
    position: relative;
    width: var(--icons-size);
    height: var(--icons-size);
    margin-top: -0.3rem;
}

.button:not(.button--dynamic) > .icon:first-child {
    margin-left: 0.8rem;
}

.button:not(.button--dynamic) > .icon:not(:first-child) {
    margin-right: 0.8rem;
}

.button:not(.button--dynamic).button--icon-start > .icon {
    margin-left: 0;
    margin-right: 0.8rem;
}

.announcement-bar__icon,
.button:not(.button--icon-start) .button__icon {
    order: 1;
}

@media screen and (max-width: 1024px) {
    .announcement-bar__icon,
.button:not(.button--icon-start) .button__icon {
        margin-left: 0.8rem;
    }

    .button--icon-start .button__icon {
        margin-right: 0.8rem;
    }
}

@media screen and (min-width: 1025px) {
    .announcement-bar__icon,
.button__icon {
        transform: translateX(calc((100% + var(--buttons-paddings-x) - var(--icons-size)) * -1 * var(--button-icon-position-factor)));
        opacity: 0;
    }

    .announcement-bar__icon,
.button:not(.button--icon-start) .button__icon {
        margin-right: calc(var(--icons-size) * -1);
    }

    .button--icon-start .button__icon {
        margin-left: calc(var(--icons-size) * -1);
    }

    .button__icon svg {
        margin: 0;
    }
}

.button--icon-only {
    --buttons-min-width: 5rem;
    --buttons-paddings-x: 1rem;
    --buttons-text-hover-distance: 0;
}

.button--icon-only .button__icon {
    margin: 0 !important;
    opacity: 1;
    transform: none;
}

.button--icon-only .button__text {
    display: none;
}

.announcement-bar__icon svg.icon-arrow-button-right,
.button__icon svg.icon-arrow-button-right {
    margin-top: 0.1rem;
}

@media screen and (max-width: 576px) {
    .button--only-icon-mobile {
        font-size: 0;
    }

    .button--only-icon-mobile .button__text {
        display: none;
    }

    .button--only-icon-mobile .button__icon {
        margin: 0;
        transform: none !important;
        opacity: 1;
    }

    .button--only-icon-mobile::before {
        display: none !important;
    }
}

.button--circle-icon {
    --buttons-min-width: var(--circle-buttons-icon-size);
    --buttons-min-height: var(--buttons-min-width);
    --buttons-paddings-x: 0;
    --buttons-paddings-y: var(--buttons-paddings-x);
    --buttons-border-radius: 50%;
}

.button--circle-icon .icon {
    margin: 0 !important;
}

.button__loading {
    position: absolute;
    width: var(--icons-size);
    height: var(--icons-size);
    left: var(--icons-center);
    top: calc((var(--icons-size) + var(--buttons-scale)) * -1);
    order: 2;
}

.button__loading > * {
    margin: 0;
    --color-foreground: var(--color-button-icon);
}

@media screen and (max-width: 1024px) {
    .button,
.shopify-payment-button__button--unbranded,
.shopify-challenge__button {
        background-color: rgba(var(--color-button-background), var(--alpha-button-background));
        border: var(--buttons-border-width) solid rgba(var(--color-button-border), var(--alpha-button-border));
    }
}

@media screen and (min-width: 1025px) {
    .button::before,
.shopify-payment-button__button--unbranded::before,
.shopify-challenge__button::before {
        content: "" !important;
        display: block !important;
        z-index: -1;
        border-radius: var(--buttons-border-radius);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(var(--color-button-background), var(--alpha-button-background));
        border: var(--buttons-border-width) solid rgba(var(--color-button-border), var(--alpha-button-border));
    }

    .button:focus-visible,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button__button--unbranded:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .button:focus-visible::before,
.shopify-payment-button__button--unbranded:focus-visible::before,
.shopify-payment-button__button--unbranded:focus::before {
        display: none;
    }
}

.button:focus-visible,
.shopify-payment-button__button--unbranded:focus-visible,
.shopify-payment-button__button--unbranded:focus {
    background-color: rgba(var(--color-button-background), var(--alpha-button-background)) !important;
    box-shadow: 0 0 0 var(--buttons-border-width) rgba(var(--color-button-border), var(--alpha-button-border)), 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3) !important;
}

.button::selection,
.shopify-payment-button__button--unbranded::selection,
.shopify-challenge__button::selection {
    background-color: rgba(var(--color-button-text), 0.3);
    transform: scale(1.5);
}

.button,
.shopify-payment-button__button--unbranded,
.button-label,
.shopify-challenge__button,
.pagination__item:not(.pagination__item-arrow),
.link-button,
.link-button-wrapper {
    font-size: var(--font-button-size);
    line-height: var(--font-button-line-height);
    font-family: var(--font-button-family);
    font-style: var(--font-button-style);
    font-weight: var(--font-button-weight);
    letter-spacing: calc(0em + 0.05em * (var(--font-button-letter-spacing-scale) - 1));
    text-transform: var(--buttons-case);
}

[disabled] > .button,
.button:disabled:not(.loading),
.button[aria-disabled=true]:not(.loading),
.button.disabled:not(.loading),
.link-button[aria-disabled=true] {
    opacity: 0.5;
}

[disabled] > .button,
.button:disabled,
.button[aria-disabled=true],
.button.disabled,
.link-button[aria-disabled=true] {
    cursor: not-allowed;
}

.link-button-wrapper {
    padding: 0;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.link-button-wrapper > .icon:first-child,
.link-button-wrapper > .link-button:first-child {
    margin-right: 0.8rem;
}

.button--full-width {
    display: flex;
    width: 100%;
}

@media screen and (max-width: 576px) {
    .button--small-full-width {
        display: flex;
        width: 100%;
    }
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
    .button--medium-full-width {
        display: flex;
        width: 100%;
    }
}

.share-button {
    display: block;
    position: relative;
}

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

.share-button__fallback {
    display: flex;
    align-items: center;
    position: absolute;
    top: 3rem;
    left: 0.1rem;
    z-index: 3;
    width: 100%;
    min-width: max-content;
}

.share-button__fallback button {
    width: 5rem;
    height: 5rem;
    padding: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-button__close:not(.hidden) + .share-button__copy {
    display: none;
}

.share-button__close,
.share-button__copy {
    background-color: transparent;
    color: rgb(var(--color-foreground));
}

.share-button__copy {
    position: absolute;
    right: 0;
    top: 0;
}

.share-button__fallback .field__input {
    box-shadow: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.share-button__fallback .icon {
    width: 2rem;
    height: 2rem;
    color: rgba(var(--clr-theme-accent));
}

.share-button__message:not(:empty) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding: 0.8rem 0 0.8rem 1.5rem;
}

.share-button__message:not(:empty):not(.hidden) ~ * {
    display: none;
}

.input-box-wrapper {
    display: flex;
    align-items: center;
    font-size: var(--font-body-medium-size);
    line-height: var(--font-body-medium-line-height);
}

.checkbox,
.radio {
    display: inline-block;
    margin-right: 0.7rem;
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    display: none;
}

.checkbox span,
.radio span,
.radio input:checked + span {
    cursor: pointer;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.2rem;
    height: 2.2rem;
    background-color: rgba(var(--color-foreground), 0.03);
    border: 0.1rem solid rgba(var(--clr-line), var(--clr-line-alpha));
}

.checkbox .icon-checkmark,
.radio .icon-checkmark {
    display: none;
    position: absolute;
    color: rgb(var(--clr-theme-background));
}

.checkbox span {
    border-radius: var(--buttons-border-radius);
}

.radio span {
    border-radius: 50%;
}

.checkbox input:checked + span svg {
    display: inline;
}

.checkbox input:checked + span {
    background-color: rgb(var(--color-foreground));
    border: none;
}

.radio input:checked + span::before {
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    background-color: rgb(var(--color-foreground));
    border-radius: 50%;
}

.styled-checkbox {
    flex-grow: 1;
    position: relative;
    font-size: var(--font-body-medium-size);
    line-height: var(--font-body-medium-line-height);
    display: flex;
    align-items: center;
    word-break: break-word;
}

.styled-checkbox--disabled {
    opacity: 0.3;
    cursor: not-allowed !important;
}

.styled-checkbox input[type=checkbox] {
    display: none;
}

.styled-checkbox__checkmark,
.styled-checkbox__checkmark::before,
.styled-checkbox__checkmark::after {
    display: block;
    width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    border-radius: var(--buttons-border-radius);
    color: rgb(var(--clr-input-text));
}

.styled-checkbox__checkmark {
    position: relative;
    margin-right: 0.7rem;
    cursor: pointer;
}

.styled-checkbox__checkmark::before,
.styled-checkbox__checkmark::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

.styled-checkbox__checkmark::before {
    background-color: rgba(var(--clr-input-background), var(--clr-input-background-alpha));
    border: 0.1rem solid rgba(var(--clr-input-line), var(--clr-input-line-alpha));
}

.styled-checkbox__checkmark::after {
    transform: scale3d(0, 0, 0);
    background-color: rgb(var(--clr-theme-base));
    border: 0.1rem solid rgb(var(--clr-theme-base));
}

.styled-checkbox__checkmark svg {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 1;
    opacity: 0;
    transform: scale3d(0, 0, 0);
}

.styled-checkbox > input[type=checkbox]:checked ~ .styled-checkbox__checkmark,
input[type=checkbox]:checked + .styled-checkbox .styled-checkbox__checkmark {
    color: rgb(var(--clr-theme-background));
}

.styled-checkbox > input[type=checkbox]:checked ~ .styled-checkbox__checkmark::before,
input[type=checkbox]:checked + .styled-checkbox .styled-checkbox__checkmark::before {
    transform: scale3d(0, 0, 0);
}

.styled-checkbox > input[type=checkbox]:checked ~ .styled-checkbox__checkmark::after,
input[type=checkbox]:checked + .styled-checkbox .styled-checkbox__checkmark::after {
    transform: scale3d(1, 1, 1);
}

.styled-checkbox > input[type=checkbox]:checked ~ .styled-checkbox__checkmark svg,
input[type=checkbox]:checked + .styled-checkbox .styled-checkbox__checkmark svg {
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.field__input,
.select__select,
.disclosure__button,
.theme-form input:not([type=submit]) {
    box-sizing: border-box;
    width: 100%;
    height: 5rem;
    font-size: var(--font-body-medium-size);
    border-radius: var(--buttons-border-radius);
    background-color: rgba(var(--clr-input-background), var(--clr-input-background-alpha));
    border: 0.1rem solid rgba(var(--clr-input-line), var(--clr-input-line-alpha));
    color: rgb(var(--clr-input-text));
    transition: border-color var(--duration-short) ease, background-color var(--duration-short) ease;
    -webkit-appearance: none;
    appearance: none;
}

.disclosure__button {
    height: auto;
    min-height: 5rem;
}

.field__input.error {
    border: 0.1rem solid rgb(var(--clr-discount)) !important;
}

.select__select,
.disclosure__button {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    font-size: var(--font-body-medium-size);
}

.field__input:focus,
.select__select:focus,
.theme-form input:not([type=submit]):focus,
.localization-form__select:focus {
    background-color: rgba(var(--clr-input-hover-background), var(--clr-input-hover-background-alpha));
    border: 0.1rem solid rgb(var(--clr-input-hover-line));
    color: rgb(var(--clr-input-hover-text));
    outline: transparent;
}

.field__input:focus:focus-visible,
.select__select:focus:focus-visible,
.theme-form input:not([type=submit]):focus:focus-visible,
.localization-form__select:focus:focus-visible {
    outline: none;
    box-shadow: none;
}

.text-area,
.select,
.disclosure {
    display: inline-block;
    position: relative;
    width: 100%;
}

.select .icon-caret {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.6rem);
    right: 2rem;
}

.select__select,
.disclosure__button {
    cursor: pointer;
    line-height: var(--font-body-medium-line-height);
    padding: 0 5rem 0 2rem;
}

.animated-dropdown {
    display: block;
}

.animated-dropdown__button {
    margin: 0;
    padding: 2rem 0;
    text-transform: var(--headings-case);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.animated-dropdown .animated-dropdown__dropdown {
    display: none;
}

.animated-dropdown .animated-dropdown__dropdown > * {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: var(--dropdown-transition-timing);
    transition-duration: var(--dropdown-transition-duration);
}

.animated-dropdown--visible .animated-dropdown__dropdown {
    display: block;
}

.animated-dropdown li > span::after {
    left: 0;
    top: 1.2857142857em;
}

.animated-dropdown--active .animated-dropdown__dropdown > * {
    opacity: 1;
}

.animated-dropdown__button .icon-caret {
    position: static;
    top: 0;
    right: 0;
    margin-right: 1rem;
    color: rgb(var(--clr-icon));
    transition-property: transform;
    transition-timing-function: var(--dropdown-transition-timing);
    transition-duration: var(--dropdown-transition-duration);
}

@media screen and (min-width: 1025px) {
    .animated-dropdown:not(.animated-dropdown--active) .icon-caret {
        transform: rotate(-90deg);
    }
}

@media screen and (min-width: 1025px) {
    theme-select {
        position: relative;
    }

    .theme-select__dropdown {
        --clr-input-line-alpha: var(--clr-line-alpha);
        position: absolute;
        background: red;
        left: 0;
        top: 100%;
        width: 100%;
        font-weight: var(--font-body-weight);
        background-color: rgb(var(--color-background));
        border-radius: var(--buttons-border-radius);
        color: rgb(var(--clr-input-text));
        box-shadow: 0 var(--shadow-offset-y) 1rem rgba(var(--shadow-color), var(--shadow-transparency));
        overflow: hidden;
    }

    .theme-select__dropdown::before {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: var(--buttons-border-radius);
        background-color: rgba(var(--substrate-color), var(--substrate-transparency));
    }

    .theme-select__dropdown.list-menu > *:first-child {
        padding-top: 1.6rem;
    }

    .theme-select__dropdown.list-menu > *:last-child {
        padding-bottom: 1.6rem;
    }

    .theme-select__dropdown li {
        --link-color: var(--color-foreground);
        position: relative;
        padding: 0.4rem 3.5rem 0.4rem 2rem;
        color: rgb(var(--link-color));
        cursor: pointer;
    }

    .theme-select__dropdown li.selected,
.theme-select__dropdown li:hover {
        --link-color: var(--clr-theme-accent);
    }
}

.field {
    position: relative;
    width: 100%;
    display: flex;
}

.field--with-error {
    flex-wrap: wrap;
}

.field__input,
.theme-form input:not([type=submit]) {
    flex-grow: 1;
    text-align: left;
    padding: 1.6rem 2rem;
}

@media all and (min-width: 1025px) {
    .field__select {
        padding: 2.1rem 5rem 0.9rem 2rem;
        font-weight: var(--font-input-weight);
    }
}

.field__select ~ .icon {
    color: rgb(var(--clr-icon));
}

.field__label {
    font-size: var(--font-body-medium-size);
    line-height: var(--font-body-medium-line-height);
    left: 2rem;
    top: 1.68rem;
    margin-bottom: 0;
    pointer-events: none;
    position: absolute;
    transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
    color: rgb(var(--clr-input-text));
    letter-spacing: calc(0em + 0.05em * (var(--font-body-letter-spacing-scale) - 1));
}

.field--start .field__label {
    left: 5rem;
}

@media all and (max-width: 1024px) {
    .field__select ~ .field__label {
        display: none;
    }
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.field__select ~ .field__label,
.theme-form input:not([type=submit]):focus ~ label,
.theme-form input:not([type=submit]):not(:placeholder-shown) ~ label,
.theme-form input:not([type=submit]):-webkit-autofill ~ label {
    font-size: 1.1rem;
    line-height: calc(1 + 0.2727272727 / var(--font-body-scale));
    top: 0.363636em;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.theme-form input:not([type=submit]):focus ~ label,
.theme-form input:not([type=submit]):not(:placeholder-shown) ~ label,
.theme-form input:not([type=submit]):-webkit-autofill ~ label {
    color: rgb(var(--clr-input-hover-text));
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.theme-form input:not([type=submit]):focus,
.theme-form input:not([type=submit]):not(:placeholder-shown),
.theme-form input:not([type=submit]):-webkit-autofill {
    padding: 2.6rem 2rem 1rem;
}

.field__input::-webkit-search-cancel-button,
.theme-form input:not([type=submit])::-webkit-search-cancel-button {
    display: none;
}

.field__input::placeholder,
.theme-form input:not([type=submit])::placeholder {
    opacity: 0;
}

.field--with-icon .field__input {
    padding-right: 5.5rem;
    padding-left: 5rem;
}

.field--with-icon .field__label {
    left: 5rem;
}

.field--with-icon .field__input:focus,
.field--with-icon .field__input:not(:placeholder-shown),
.field--with-icon .field__input:-webkit-autofill {
    padding: 2.6rem 2rem 1rem 5rem;
}

.field--start .field__input {
    padding-left: 5rem;
}

.field__button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-top-right-radius: var(--buttons-border-radius);
    border-bottom-right-radius: var(--buttons-border-radius);
    color: rgb(var(--clr-icon));
    cursor: pointer;
    display: flex;
    height: 5rem;
    justify-content: end;
    overflow: hidden;
    padding: 0 2rem 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 5rem;
    color: rgb(var(--clr-icon));
}

.field--start .field__button:not(.reset__button) {
    left: 0;
    right: auto;
    padding-left: 2rem;
    padding-right: 0;
    justify-content: start;
    border-radius: 0;
    border-top-left-radius: var(--buttons-border-radius);
    border-bottom-left-radius: var(--buttons-border-radius);
}

.field__icon {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-top-left-radius: var(--buttons-border-radius);
    border-bottom-left-radius: var(--buttons-border-radius);
    color: rgb(var(--clr-input-icon));
    cursor: pointer;
    display: flex;
    height: 5rem;
    overflow: hidden;
    padding: 0 0 0 2rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 5rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.theme-form input:not([type=submit]):-webkit-autofill ~ label {
    color: black;
}

.text-area {
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    min-height: 15rem;
    resize: none;
}

.text-area--resize-vertical {
    resize: vertical;
}

input[type=checkbox] {
    display: inline-block;
    width: auto;
    margin-right: 0.5rem;
}

.form__label {
    display: flex;
    width: 100%;
    margin-bottom: 0.6rem;
}

.form__label-button {
    margin-left: auto;
}

.form__message {
    align-items: center;
    display: flex;
    font-size: var(--font-body-medium-size);
    line-height: 1;
    margin-top: 1rem;
}

.form__message--large {
    font-size: var(--font-body-normal-size);
    line-height: var(--font-body-normal-line-height);
}

.customer .field .form__message {
    font-size: var(--font-body-medium-size);
    text-align: left;
}

.form__message .icon,
.customer .form__message svg {
    flex-shrink: 0;
    height: 1.3rem;
    margin-right: 0.5rem;
    width: 1.3rem;
    color: var(--clr-theme-accent);
}

.form__message--large .icon,
.customer .form__message svg {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 1rem;
}

.customer .field .form__message svg {
    align-self: start;
}

.form-status {
    margin: 0;
    font-size: var(--font-body-normal-size);
    line-height: var(--font-body-normal-line-height);
}

.form-status-list {
    padding: 0;
    margin: 2rem 0 4rem;
}

.form-status-list li {
    list-style-position: inside;
}

.form-status-list .link::first-letter {
    text-transform: capitalize;
}

.cart-count-bubble:empty {
    display: none;
}

.cart-count-bubble {
    --header-cart-count-bubble-background: var(--clr-theme-accent);
    --header-cart-count-bubble-color: var(--clr-theme-accent-contrast);
    --hover-scale: 0rem;
    --hover-bottom-distance: 0rem;
    position: absolute;
    background-color: rgb(var(--header-cart-count-bubble-background));
    color: rgb(var(--header-cart-count-bubble-color));
    height: calc(2rem + var(--hover-scale));
    width: calc(2rem + var(--hover-scale));
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-body-medium-size);
    bottom: calc(1.9rem + var(--hover-bottom-distance));
    left: calc(2.2rem - var(--hover-scale) / 2);
    line-height: var(--font-body-medium-line-height);
    font-family: var(--font-heading-family);
}

body:not(.design-mode):not(.body-menu-opening):not(.modal-dialog-opened) .header-sections-wrapper {
    position: relative;
    z-index: 10;
}

.body-menu-opening header-drawer {
    opacity: 0;
    pointer-events: none;
}

.header-wrapper {
    display: block;
}

.header {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .header--bottom-padding {
        display: block;
        padding-bottom: 2rem;
    }
}

.header__line-separator {
    display: block !important;
    border-top: 0.1rem solid rgba(var(--clr-line), var(--clr-line-alpha));
}

.header__first-line {
    position: relative;
    display: grid;
    grid-template-areas: "left-icon heading icons";
    grid-template-columns: 3.4rem auto 3.4rem;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    min-height: 6rem;
}

@media screen and (min-width: 1025px) {
    .header__first-line {
        padding-top: 1.3rem;
        padding-bottom: 1.2rem;
        min-height: 7rem;
    }

    .header__second-line {
        padding-top: 2rem;
    }
}

@media screen and (min-width: 1025px) {
    .header__first-line--has-menu:not(.header__first-line--one-line-logo-left):not(.header__first-line--one-line-logo-center):not(.header__first-line--one-line-logo-n-menu-left):not(.header__first-line--two-lines-logo-left):not(.header__first-line--two-lines-logo-center) {
        padding-bottom: 0;
    }

    .header__first-line--two-lines-logo-left,
.header__first-line--two-lines-logo-center {
        padding-bottom: 1.2rem;
    }

    .header__first-line--two-lines-logo-left,
.header__first-line--one-line-logo-left:not(.header__first-line--has-menu),
.header__first-line--one-line-logo-n-menu-left:not(.header__first-line--has-menu) {
        grid-template-areas: "heading icons" "navigation navigation";
        grid-template-columns: 1fr auto;
    }

    .header__first-line--one-line-logo-left,
.header__first-line--one-line-logo-n-menu-left {
        grid-template-areas: "heading navigation icons";
        grid-template-columns: auto minmax(auto, 100fr) 1fr;
        column-gap: 2rem;
    }

    .header__first-line--one-line-logo-center {
        grid-template-areas: "navigation heading icons";
        grid-template-columns: 1fr auto 1fr;
        column-gap: 2rem;
    }

    .header__first-line--two-lines-logo-center {
        grid-template-areas: "left-icon heading icons" "navigation navigation navigation";
    }
}

.header *[tabindex="-1"]:focus {
    outline: none;
}

.header__heading {
    margin: 0;
    line-height: 0;
}

.header > .header__heading-link {
    line-height: 0;
}

.header__heading-link--text {
    width: auto !important;
}

.header__heading,
.header__heading-link {
    grid-area: heading;
    justify-self: center;
}

.header__heading-link {
    display: inline-block;
    padding: 0.75rem;
    text-decoration: none;
    word-break: break-word;
}

.header__heading-svg {
    display: flex;
    transition: transform var(--duration-default) ease;
}

.header__heading-svg,
.header__heading-svg svg {
    width: 100%;
}

.header__heading-svg svg {
    height: auto;
}

.header__heading-link svg {
    color: rgb(var(--color-foreground));
}

.header__heading-link .h2 {
    line-height: 1;
}

.header__heading-logo {
    height: auto;
    width: 100%;
}

img.header__heading-logo {
    max-width: 100%;
}

@media screen and (max-width: 1024px) {
    .header__heading,
.header__heading-link {
        text-align: center;
    }
}

@media screen and (min-width: 1025px) {
    .header__first-line:not(.header__first-line--one-line-logo-center) .header__heading-link {
        margin-left: -0.75rem;
    }

    .header__first-line--one-line-logo-n-menu-left .header__heading-link {
        margin-right: -0.75rem;
    }

    .header__heading,
.header__heading-link {
        justify-self: start;
    }

    .header__first-line--two-lines-logo-center .header__heading-link,
.header__first-line--two-lines-logo-center .header__heading {
        justify-self: center;
        text-align: center;
    }

    .header__first-line--two-lines-logo-left .header__heading-link,
.header__first-line--two-lines-logo-center .header__heading-link {
        padding-bottom: 0;
    }
}

.header__contact {
    --outer-offset: 1.7rem;
    display: flex;
}

@media screen and (min-width: 1025px) {
    .header__contact + *,
.header__contact + *.large-up-hide + * {
        margin-left: 1.3rem;
    }
}

.header__contact a {
    color: currentColor;
    text-decoration: none;
}

.header__contact-content {
    position: relative;
}

.header__contact-btn {
    padding: 0 var(--outer-offset);
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    align-items: center;
    text-wrap: nowrap;
    white-space: nowrap;
    cursor: pointer;
}

.header__contact-btn-head,
.header__contact-btn-head > * {
    margin: 0;
}

:is(.header__contact-btn-icon,
.header-contact__icon) svg {
    position: relative;
    top: 0.2rem;
    width: var(--icons-size);
    color: rgb(var(--clr-theme-accent));
}

:is(.header__contact-btn-icon,
.header-contact__icon) .icon {
    height: var(--icons-size);
}

.header__contact-popup,
.header__contact-bg {
    display: none;
}

.header-contact {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.header-contact__section {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.header-contact__section--first {
    align-items: center;
}

.header-contact__section--first + .header-contact__section {
    margin-top: -1.5rem;
}

.header-contact__section--first + .header-contact__section .header-contact__icon {
    visibility: hidden;
}

.header-contact__section--first + .header-contact__section .header-contact__text-head {
    display: none !important;
}

.header-contact__text > * {
    display: block;
    margin: 0;
}

.header-contact__text > p {
    font-size: var(--font-body-small-size);
    line-height: var(--font-body-small-line-height);
}

.header-contact__text-head > *:first-child {
    margin-top: 0;
}

.header-contact__text-head > *:last-child {
    margin-bottom: 0;
}

.header-contact__text-head a {
    color: currentColor;
}

body:not(.design-mode):not(.header-contact-visible) :is(.header__contact-popup, .header__contact-bg) {
    visibility: hidden;
}

body:not(.design-mode):not(.header-contact-visible) .header__contact-btn {
    cursor: default;
}

.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
    align-items: center;
}

.header__icon:not(.header__icon--summary),
.header__icon > span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__icon {
    --header-icons-color: var(--clr-icon);
    height: 4rem;
    width: 4rem;
    color: rgb(var(--header-icons-color));
    border-radius: 50%;
    cursor: pointer;
}

.header__icon .tooltip {
    --offset: -1rem;
}

.header__icon::after {
    content: none;
}

.header__icon svg {
    vertical-align: middle;
}

.header__icon--cart {
    position: relative;
    margin-right: -1rem;
}

@media screen and (max-width: 1024px) {
    menu-drawer ~ .header__icons .header__icon--account {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .header__icon:focus-visible,
.header__icon:focus {
        outline: none;
        box-shadow: inset 0 0 0 2rem rgba(var(--clr-theme-base), 0.03);
    }

    .header__icon:focus-visible .cart-count-bubble,
.header__icon:focus .cart-count-bubble {
        box-shadow: 0 0 0 1rem rgba(var(--clr-theme-base), 0.03);
    }
}

menu-drawer + .header__search {
    display: none;
}

.header > .header__search {
    grid-area: left-icon;
    justify-self: start;
}

.header__first-line:not(.header__first-line--has-menu) * > .header__search {
    display: none;
}

.header__search {
    display: inline-flex;
    line-height: 0;
}

.header__first-line--two-lines-logo-center > .header__search {
    display: none;
    margin-left: -1rem;
}

.header__first-line--two-lines-logo-center * > .header__search {
    display: inline-flex;
}

@media screen and (min-width: 1025px) {
    .header__first-line:not(.header__first-line--two-lines-logo-center) * > .header__search,
.header__first-line--two-lines-logo-center > .header__search {
        display: inline-flex;
    }

    .header__first-line:not(.header__first-line--two-lines-logo-center) > .header__search,
.header__first-line--two-lines-logo-center * > .header__search {
        display: none;
    }
}

.header__icons-menu > .list-menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.header__icons-menu > .list-menu > li {
    width: 100%;
}

.header__icons-menu details-disclosure details,
.header__icons-menu > .list-menu > li > a {
    height: 100%;
}

.header__icons-menu-item,
.menu-drawer__icons-menu-item,
.popup-menu-wrapper {
    --icons-menu-border: var(--color-foreground);
    --icons-menu-border-width: 0;
    --icons-menu-color: var(--color-foreground);
    --icons-menu-icon-color: var(--clr-icon);
    --icons-menu-hover-background: var(--color-foreground);
    --icons-menu-hover-border: var(--icons-menu-border);
    --icons-menu-hover-color: var(--color-background);
}

.header__icons-menu-item,
.header__icons-menu-item-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.header__icons-menu-item {
    min-width: 1.1rem;
    min-height: 11.1rem;
    padding: 2rem;
    text-align: center;
    border-radius: var(--icons-menu-border-radius);
    color: rgb(var(--icons-menu-color));
    border: var(--icons-menu-border-width) solid rgb(var(--icons-menu-border));
    font-family: var(--font-menu-family);
    font-style: var(--font-menu-style);
    font-size: var(--font-menu-size);
    line-height: var(--font-menu-line-height);
    font-weight: var(--font-menu-weight);
    letter-spacing: calc(0em + 0.05em * (var(--font-menu-letter-spacing-scale) - 1));
    text-transform: var(--menu-case);
}

.header__icons-menu-item-inner {
    color: currentColor;
}

.header__icons-menu > ul {
    gap: 1rem;
}

:is(.header__icons-menu-item, .header__icons-menu-item-inner) > span:last-child {
    word-wrap: break-word;
    max-width: 100%;
}

.header__icons-menu-item {
    --item-gap: 1rem;
}

.header__icons-menu-item * + *:not(.badge) {
    margin-top: var(--item-gap);
}

.header__icons-menu-item-text {
    position: relative;
}

.header__icons-menu-item-text > .icon {
    position: absolute;
    top: calc(100% + 0.6rem);
    left: 50%;
    margin-left: -0.3rem;
}

.menu-button-active.header__icons-menu-item,
.header__icons-menu-item:hover {
    background: rgb(var(--icons-menu-hover-background));
    border-color: rgb(var(--icons-menu-hover-border));
}

.header__icons-menu-item-icon {
    display: flex;
    align-items: center;
}

.header__icons-menu-item-icon :is(svg, .media) {
    --icons-size: 4rem;
    width: var(--icons-size);
    color: rgb(var(--icons-menu-icon-color));
}

.header__icons-menu-item-icon .media {
    background-color: transparent;
}

.menu-button-active.header__icons-menu-item,
.menu-button-active.header__icons-menu-item svg,
.header__icons-menu-item:hover,
.header__icons-menu-item:hover svg {
    color: rgb(var(--icons-menu-hover-color));
}

.header__icons-menu-item {
    position: relative;
}

.header__icons-menu-item .badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.menu-button-active.header__icons-menu-item .badge,
.header__icons-menu-item:hover .badge {
    background-color: rgb(var(--icons-menu-hover-color));
    color: rgb(var(--icons-menu-hover-background));
}

@media screen and (min-width: 1025px) {
    .header__icons-menu--limit-lg-8 > .list-menu {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }

    .header__icons-menu--limit-lg-12 > .list-menu {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .header__icons-menu--limit-md-8 > .list-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: initial;
        row-gap: 1rem;
        margin: 0 -0.5rem;
        width: calc(100% + 1rem);
    }

    .header__icons-menu--limit-md-8 > .list-menu > li {
        padding: 0 0.5rem;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1439px) {
    .header__icons-menu--limit-md-8 > .list-menu {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }
}

.header__menu-search-row {
    display: flex;
    gap: 2rem;
}

.header__menu-search-row .menu-popup-wrapper {
    flex-shrink: 0;
}

.search-inline {
    width: 100%;
    position: relative;
}

.search-inline__content {
    width: 100%;
}

.search-inline__form {
    display: flex;
    width: 100%;
}

.search-inline__select {
    min-width: 14.5rem;
    flex-shrink: 0;
    margin-right: -0.1rem;
}

.search-inline__form--select {
    --clr-input-line-separator: var(--clr-input-line);
}

.search-inline__select .select__select {
    width: 100%;
    padding-right: 4rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: rgba(var(--clr-input-line-separator), var(--clr-input-line-alpha));
}

.search-inline__field {
    width: 100%;
}

@media screen and (min-width: 1025px) {
    .search-inline__form--select .search__input {
        border-left-color: rgba(var(--clr-input-line-separator), var(--clr-input-line-alpha));
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

predictive-search[open=true] .search-inline__select .select__select {
    border-bottom-left-radius: 0;
}

predictive-search[open=true] .search-inline__field .search__input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.search-inline__bg {
    display: none;
}

.header__icon--navigation {
    justify-self: start;
    margin-left: -1rem;
}

.menu-drawer-container {
    display: flex;
}

.list-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-menu--inline {
    display: inline-flex;
    flex-wrap: wrap;
}

summary.list-menu__item,
.header__text-menu-item--has-arrow {
    padding-right: 2.7rem;
}

a .header__icons-menu-item-text:not(.header__icons-menu-item-text--has-arrow) .icon-arrow-down,
a.header__text-menu-item:not(.header__text-menu-item--has-arrow) .icon-caret {
    display: none !important;
}

.list-menu__item {
    display: flex;
    align-items: center;
    line-height: var(--font-body-medium-line-height);
}

.list-menu__item--link {
    text-decoration: none;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

@media screen and (min-width: 577px) {
    .list-menu__item--link {
        padding-bottom: 0.8rem;
        padding-top: 0.8rem;
    }
}

details > .header__submenu {
    display: none;
    z-index: 3;
}

details > .header__submenu > * {
    opacity: 0;
}

.dropdown-menu--visible > li > details > .header__submenu {
    display: block;
}

.dropdown-menu--active details > .header__submenu > * {
    opacity: 1;
}

.header {
    --inline-menu-color: var(--color-foreground);
    --inline-menu-hover-color: var(--clr-theme-accent);
}

.header__inline-menu {
    margin-left: -1rem;
    grid-area: navigation;
    display: none;
    color: rgb(var(--inline-menu-color));
    font-family: var(--font-menu-family);
    font-style: var(--font-menu-style);
    font-size: var(--font-menu-size);
    line-height: var(--font-menu-line-height);
    font-weight: var(--font-menu-weight);
    letter-spacing: calc(0em + 0.05em * (var(--font-menu-letter-spacing-scale) - 1));
    text-transform: var(--menu-case);
}

.header__first-line--one-line-logo-n-menu-left .header__inline-menu {
    margin-left: 1rem;
}

.header__first-line--two-lines-logo-left .header__inline-menu,
.header__first-line--two-lines-logo-center .header__inline-menu {
    margin-top: 1.2rem;
}

.header__inline-menu .header__menu-item {
    --link-color: var(--inline-menu-color);
    color: rgb(var(--link-color));
}

.header__first-line--two-lines-logo-center .header__inline-menu,
.header__first-line--two-lines-logo-center .header__heading-link {
    margin-left: 0;
}

.header__first-line--two-lines-logo-left .header__inline-menu {
    margin-right: -1rem;
}

@media screen and (min-width: 1025px) {
    .header__inline-menu {
        display: flex;
    }

    .header__first-line:not(.header__first-line--one-line-logo-center):not(.header__first-line--one-line-logo-n-menu-left):not(.header__first-line--two-lines-logo-left) .header__inline-menu,
.header__first-line:not(.header__first-line--one-line-logo-center):not(.header__first-line--one-line-logo-n-menu-left):not(.header__first-line--two-lines-logo-left) .header__inline-menu ul {
        justify-content: flex-end;
    }

    .header__first-line--two-lines-logo-center .header__inline-menu {
        justify-self: center;
    }

    .header__first-line--two-lines-logo-center .header__inline-menu > .list-menu--inline {
        justify-content: center;
    }

    .header__first-line--one-line-logo-left .header__inline-menu {
        margin-left: 0;
    }

    .header__text-menu-item {
        justify-content: center;
    }

    .header__text-menu-item,
.mega-menu__menu-item,
.footer-block__details-content .list-menu__item {
        text-decoration: none;
    }

    .header__text-menu-item,
.header__text-menu-item > span:first-child,
.mega-menu__menu-item > span,
.header__submenu .list-menu__item > span:first-child,
.footer-block__details-content .list-menu__item,
.popup-menu__submenu-item-title > span,
.popup-menu-list-item__link > a > span,
.theme-select__dropdown span,
.popup-menu-list-item__link-title a span {
        position: relative;
    }

    .header__text-menu-item > span:first-child::after,
.header__submenu .list-menu__item > span:first-child::after,
.mega-menu__menu-item > span:first-child::after,
.popup-menu__submenu-item-title > span::after,
.popup-menu-list-item__link > a > span::after,
.theme-select__dropdown span::after,
.popup-menu-list-item__link-title a span::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        line-height: var(--font-body-medium-line-height);
        width: 100%;
        border-bottom: solid 0.1rem rgb(var(--link-color));
        transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
        pointer-events: none;
    }

    summary.header__text-menu-item > span:first-child::after {
        width: calc(100% + 1.8rem);
    }

    .header__text-menu-item:not(.menu-button-active):not(:hover) > span:first-child::after,
.header__submenu .list-menu__item:not(:hover) > span:first-child::after,
.mega-menu__menu-item:not(:hover) > span:first-child::after,
.popup-menu__submenu-item:not(.active) .popup-menu__submenu-item-title:not(:hover) > span::after,
.popup-menu-list-item__link:not(:hover) > a > span::after,
.theme-select__dropdown li:not(.selected):not(:hover) span::after,
.popup-menu-list-item__link-title a:not(:hover) span::after {
        width: 0%;
    }

    .header__text-menu-item .badge {
        order: -1;
        margin-top: -1.7rem;
    }

    .header__text-menu-item {
        flex-direction: column;
    }

    .header__submenu .list-menu__item > span > .badge,
.mega-menu__menu-title > span > .badge,
.mega-menu__menu-item > span > .badge {
        margin-left: 0.5rem;
        position: relative;
        top: -0.2rem;
    }
}

.header__menu {
    padding: 0 1rem;
}

.header__menu-item {
    padding: 0.75rem 1rem;
    text-decoration: none;
}

header-section {
    display: block;
}

.navigation-drawer-modal__content,
.navigation-drawer-modal__content-inner {
    height: 100%;
}

details-disclosure > details {
    position: relative;
}

.product-media-dialog #MainContent {
    z-index: 4;
}

@media screen and (forced-colors: active) {
    .icon {
        color: UnicornText;
        fill: UnicornText !important;
    }

    .icon-close-small path {
        stroke: UnicornText;
    }
}

.breadcrumbs a {
    text-decoration: none;
    color: rgb(var(--color-foreground));
}

.count-bubble {
    background-color: rgb(var(--clr-theme-accent));
    color: rgb(var(--color-background));
    height: 3rem;
    width: 3rem;
    margin: 0;
    margin-left: 1rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-menu-wrapper {
    display: none;
}

.popup-menu-button {
    width: 100%;
    max-width: 21rem;
}

body:not(.modal-dialog-opened):not(.design-mode) .menu-popup-wrapper--align .popup-menu-button {
    z-index: 111;
}

.popup-menu-wrapper.active + .popup-menu-button .icon-categories,
:is(.popup-menu-wrapper:not(.active), lazy-template) + .popup-menu-button .icon-close {
    display: none;
}

.list-menu--right {
    right: 0;
}

.list-menu--disclosure {
    position: absolute;
    min-width: 100%;
    width: 21rem;
    background-color: rgb(var(--clr-theme-background));
    box-shadow: 0 var(--shadow-offset-y) 1rem rgba(var(--shadow-color), var(--shadow-transparency));
}

.list-menu--disclosure:focus {
    outline: none;
}

.list-menu__item span {
    word-wrap: break-word;
    max-width: 100%;
}

.list-menu--disclosure.localization-selector {
    max-height: 18rem;
    overflow: auto;
    width: 10rem;
    padding: 0.5rem;
}

.quantity,
.product-form__input {
    visibility: hidden;
}

.time-countdown {
    opacity: 0;
}

.localization-selector.link {
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

:is(.media-section__icon,
.map-section__icon,
.collage-of-images__icon,
.product__icon,
.multicolumn-card__icon,
.ticker__icon) :is(.media, svg) {
    width: var(--icons-large-size);
}

:is(.media-section__icon,
.map-section__icon,
.collage-of-images__icon,
.product__icon,
.multicolumn-card__icon,
.ticker__icon) .icon {
    height: var(--icons-large-size);
}

.heading-wrapper__slider-circle-buttons {
    display: none;
}

.product-option {
    font-size: var(--font-body-small-size);
    line-height: var(--font-body-small-line-height);
    word-break: break-all;
}

.product-option * {
    display: inline;
    margin: 0;
}

.product-option .money {
    display: none;
}

.click-trigger-processed:not(.click-trigger-processed--loaded):is(:scope, a, button) {
    animation: elementPreloading 1.5s linear infinite;
    cursor: progress;
}

.popup-modal {
    display: none;
}

.footer__logo-svg svg {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 1025px) {
    .animated-logo-wrapper {
        order: 10;
    }

    .animated-logo {
        display: block;
        padding-top: 2rem;
        padding-bottom: 4rem;
    }

    .animated-logo__svg {
        display: flex;
    }

    .animated-logo__svg svg {
        width: 100%;
        height: auto;
    }
}

.tooltip {
    display: none !important;
}

.card__media-control-buttons {
    display: none;
}

.content-position {
    --offset-padding: 2rem;
    padding: var(--offset-padding);
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-position--start-start {
    align-items: flex-start;
    justify-content: flex-start;
}

.content-position--start-center {
    align-items: flex-start;
    justify-content: center;
}

.content-position--start-end {
    align-items: flex-start;
    justify-content: flex-end;
}

.content-position--center-start {
    align-items: center;
    justify-content: flex-start;
}

.content-position--center-end {
    align-items: center;
    justify-content: flex-end;
}

.content-position--end-start {
    align-items: flex-end;
    justify-content: flex-start;
}

.content-position--end-center {
    align-items: flex-end;
    justify-content: center;
}

.content-position--end-end {
    align-items: flex-end;
    justify-content: flex-end;
}

@keyframes elementPreloading {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.2;
    }

    85% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.5;
    }
}




}