/*! CSS Used from: Embedded */
:root {
    --spacing-0-5: 0.125rem;
    --spacing-1: 0.25rem;
    --spacing-1-5: 0.375rem;
    --spacing-2: 0.5rem;
    --spacing-2-5: 0.625rem;
    --spacing-3: 0.75rem;
    --spacing-3-5: 0.875rem;
    --spacing-4: 1rem;
    --spacing-4-5: 1.125rem;
    --spacing-5: 1.25rem;
    --spacing-5-5: 1.375rem;
    --spacing-6: 1.5rem;
    --spacing-6-5: 1.625rem;
    --spacing-7: 1.75rem;
    --spacing-7-5: 1.875rem;
    --spacing-8: 2rem;
    --spacing-8-5: 2.125rem;
    --spacing-9: 2.25rem;
    --spacing-9-5: 2.375rem;
    --spacing-10: 2.5rem;
    --spacing-11: 2.75rem;
    --spacing-12: 3rem;
    --spacing-14: 3.5rem;
    --spacing-16: 4rem;
    --spacing-18: 4.5rem;
    --spacing-20: 5rem;
    --spacing-24: 6rem;
    --spacing-28: 7rem;
    --spacing-32: 8rem;
    --spacing-36: 9rem;
    --spacing-40: 10rem;
    --spacing-44: 11rem;
    --spacing-48: 12rem;
    --spacing-52: 13rem;
    --spacing-56: 14rem;
    --spacing-60: 15rem;
    --spacing-64: 16rem;
    --spacing-72: 18rem;
    --spacing-80: 20rem;
    --spacing-96: 24rem;
    --container-max-width: 1440px;
    --container-narrow-max-width: 1190px;
    --container-gutter: var(--spacing-5);
    --section-outer-spacing-block: var(--spacing-10);
    --section-inner-max-spacing-block: var(--spacing-9);
    --section-inner-spacing-inline: var(--container-gutter);
    --section-stack-spacing-block: var(--spacing-8);
    --grid-gutter: var(--spacing-5);
    --product-list-row-gap: var(--spacing-8);
    --product-list-column-gap: var(--grid-gutter);
    --input-gap: var(--spacing-2);
    --input-height: 2.625rem;
    --input-padding-inline: var(--spacing-4);
    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
    --transform-logical-flip: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;
    --heading-font-family: Montserrat, sans-serif;
    --heading-font-weight: 600;
    --heading-font-style: normal;
    --heading-text-transform: normal;
    --heading-letter-spacing: 0.0em;
    --text-font-family: Montserrat, sans-serif;
    --text-font-weight: 400;
    --text-font-style: normal;
    --text-letter-spacing: 0.0em;
    --text-h0: 2.75rem;
    --text-h1: 2rem;
    --text-h2: 1.75rem;
    --text-h3: 1.375rem;
    --text-h4: 1.125rem;
    --text-h5: 1.125rem;
    --text-h6: 1rem;
    --text-xs: 0.6875rem;
    --text-sm: 0.75rem;
    --text-base: 0.875rem;
    --text-lg: 1.125rem;
    --accent: 35 49 75;
    --text-primary: 35 49 75;
    --background-primary: 255 255 255;
    --dialog-background: 255 255 255;
    --border-color: var(--text-color, var(--text-primary)) / 0.12;
    --button-background-primary: 35 49 75;
    --button-text-primary: 255 255 255;
    --button-background-secondary: 198 146 77;
    --button-text-secondary: 255 255 255;
    --success-background: 224 244 232;
    --success-text: 0 163 65;
    --warning-background: 255 246 233;
    --warning-text: 255 183 74;
    --error-background: 254 231 231;
    --error-text: 248 58 58;
    --on-sale-text: 248 58 58;
    --on-sale-badge-background: 248 58 58;
    --on-sale-badge-text: 255 255 255;
    --sold-out-badge-background: 0 0 0;
    --sold-out-badge-text: 255 255 255;
    --primary-badge-background: 30 49 106;
    --primary-badge-text: 255 255 255;
    --star-color: 255 183 74;
    --product-card-background: 255 255 255;
    --product-card-text: 35 49 75;
    --header-background: 255 255 255;
    --header-text: 35 49 75;
    --footer-background: 247 247 247;
    --footer-text: 35 49 75;
    --rounded-xs: 0.25rem;
    --rounded-sm: 0.3125rem;
    --rounded: 0.625rem;
    --rounded-lg: 1.25rem;
    --rounded-full: 9999px;
    --rounded-button: 3.75rem;
    --rounded-input: 0.5rem;
    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.0);
    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.0);
    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.0);
    --shadow-block: 0px 0px 50px rgb(var(--text-primary) / 0.0);
    --cursor-close-svg-url: url(https://polomanor.vn/cdn/shop/t/9/assets/cursor-close.svg?v=147174565022153725511695892049);
    --cursor-zoom-in-svg-url: url(https://polomanor.vn/cdn/shop/t/9/assets/cursor-zoom-in.svg?v=154953035094101115921695892049);
    --cursor-zoom-out-svg-url: url(https://polomanor.vn/cdn/shop/t/9/assets/cursor-zoom-out.svg?v=16155520337305705181695892049);
    --checkmark-svg-url: url(https://polomanor.vn/cdn/shop/t/9/assets/checkmark.svg?v=77552481021870063511695892049);
}

@media screen and (min-width: 700px) {
    :root {
        --text-h0: 3.5rem;
        --text-h1: 2.5rem;
        --text-h2: 2rem;
        --text-h3: 1.625rem;
        --text-h4: 1.375rem;
        --text-h5: 1.125rem;
        --text-h6: 1rem;
        --text-xs: 0.8125rem;
        --text-sm: 0.9375rem;
        --text-base: 1.0625rem;
        --text-lg: 1.3125rem;
        --container-gutter: 2rem;
        --section-outer-spacing-block: var(--spacing-14);
        --section-inner-max-spacing-block: var(--spacing-10);
        --section-inner-spacing-inline: var(--spacing-10);
        --section-stack-spacing-block: var(--spacing-12);
        --grid-gutter: var(--spacing-6);
        --product-list-row-gap: var(--spacing-12);
        --input-gap: 1rem;
        --input-height: 3.125rem;
        --input-padding-inline: var(--spacing-5);
    }
}

@media screen and (min-width: 1000px) {
    :root {
        --container-gutter: var(--spacing-12);
        --section-outer-spacing-block: var(--spacing-16);
        --section-inner-max-spacing-block: var(--spacing-14);
        --section-inner-spacing-inline: var(--spacing-14);
        --section-stack-spacing-block: var(--spacing-12);
    }
}

@media screen and (min-width: 1150px) {
    :root {
        --container-gutter: var(--spacing-12);
        --section-outer-spacing-block: var(--spacing-16);
        --section-inner-max-spacing-block: var(--spacing-14);
        --section-inner-spacing-inline: var(--spacing-14);
        --section-stack-spacing-block: var(--spacing-12);
    }
}

@media screen and (min-width: 1400px) {
    :root {
        --text-h0: 4.5rem;
        --text-h1: 3.5rem;
        --text-h2: 2.75rem;
        --text-h3: 2rem;
        --text-h4: 1.75rem;
        --text-h5: 1.375rem;
        --text-h6: 1.25rem;
        --section-outer-spacing-block: var(--spacing-20);
        --section-inner-max-spacing-block: var(--spacing-16);
        --section-inner-spacing-inline: var(--spacing-16);
    }
}

@media screen and (min-width: 1600px) {
    :root {
        --section-outer-spacing-block: var(--spacing-20);
        --section-inner-max-spacing-block: var(--spacing-18);
        --section-inner-spacing-inline: var(--spacing-18);
    }
}

@media screen and (pointer: fine) {
    .button:not([disabled]):not(.button--outline):hover {
        background-color: transparent !important;
        color: rgb(var(--button-outline-color) / var(--button-background-opacity, 1)) !important;
        box-shadow: inset 0 0 0 2px currentColor !important;
    }
}
/*! CSS Used from: https://polomanor.vn/cdn/shop/t/9/assets/theme.css?v=2252225173173639751704442829 ; media=all */
@media all {
    *, :before, :after {
        box-sizing: border-box;
        border-style: solid;
        border-width: 0;
        border-color: rgb(var(--text-color) / .12);
    }

    html {
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        tab-size: 4;
        scroll-padding-block-start: calc(var(--sticky-area-height) + 20px);
        line-height: 1.5;
    }

    body {
        --background: var(--background-primary);
        --text-color: var(--text-primary);
        background: rgb(var(--background));
        color: rgb(var(--text-color));
        font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family);
        letter-spacing: var(--text-letter-spacing);
        margin: 0;
        position: relative;
    }

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

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

    button {
        text-transform: none;
    }

    button, [type=button], [type=reset], [type=submit] {
        -webkit-appearance: button;
        text-align: inherit;
        background-color: #0000;
        background-image: none;
    }

    button, label, summary, [type=checkbox], [type=radio], [type=submit] {
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        cursor: pointer;
    }

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

    summary {
        -webkit-user-select: none;
        user-select: none;
        list-style-type: none;
    }

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

    p {
        margin: 0;
    }

    fieldset {
        margin: 0;
        padding: 0;
    }

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

    textarea {
        resize: vertical;
    }

        input::placeholder, textarea::placeholder {
            opacity: 1;
            color: #9ca3af;
        }

    :disabled {
        cursor: default;
    }

    img, iframe {
        vertical-align: middle;
        display: block;
    }

    img {
        color: #0000;
        max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%);
        height: auto;
    }

    [hidden] {
        display: none !important;
    }

    select:focus {
        outline: none;
    }

    height-observer {
        display: block;
    }

    @media screen and (min-width: 700px) {
        img {
            max-width: min(var(--image-max-width, 100%),100%);
        }
    }

    .accordion {
        --accordion-spacing: var(--spacing-5);
        box-sizing: content-box;
        border-block-start-width: 1px;
        border-block-end-width: 1px;
    }

    .accordion__toggle {
        gap: var(--spacing-2);
        flex-grow: 1;
        justify-content: space-between;
        align-items: center;
        padding-block-start: var(--accordion-spacing);
        padding-block-end: var(--accordion-spacing);
        display: flex;
    }

    .accordion__content {
        margin-block-end: var(--accordion-spacing);
        padding-inline-end: var(--spacing-6);
        transform: translateY(-4px);
        display: grid;
    }

    .accordion + .accordion {
        border-block-start-width: 0;
    }

    .button {
        --button-background: var(--button-background-primary) / var(--button-background-opacity, 1);
        --button-text-color: var(--button-text-primary);
        --button-outline-color: var(--button-background-primary);
        -webkit-appearance: none;
        appearance: none;
        border-radius: var(--rounded-button);
        background-color: rgb(var(--button-background));
        color: rgb(var(--button-text-color));
        text-align: center;
        font-size: var(--text-sm);
        letter-spacing: var(--text-letter-spacing);
        padding-block-start: var(--spacing-2-5);
        padding-block-end: var(--spacing-2-5);
        padding-inline-start: var(--spacing-5);
        padding-inline-end: var(--spacing-5);
        font-weight: 700;
        line-height: 1.6;
        transition: background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;
        display: inline-block;
        position: relative;
    }

    .button--sm {
        font-size: var(--text-xs);
        padding-block-start: var(--spacing-2);
        padding-block-end: var(--spacing-2);
        line-height: 1.7;
    }

    .button--lg {
        font-size: var(--text-base);
        padding-block-start: .8125rem;
        padding-block-end: .8125rem;
        padding-inline-start: var(--spacing-6);
        padding-inline-end: var(--spacing-6);
    }

    .button--xl {
        font-size: var(--text-base);
        padding-block-start: var(--spacing-4);
        padding-block-end: var(--spacing-4);
        padding-inline-start: var(--spacing-8);
        padding-inline-end: var(--spacing-8);
    }

    .button--secondary {
        --button-background: var(--button-background-secondary) / var(--button-background-opacity, 1);
        --button-text-color: var(--button-text-secondary);
        --button-outline-color: var(--button-background-secondary);
    }

    .button--subdued {
        --button-background: var(--text-color) / .1 !important;
        --button-text-color: var(--text-color) !important;
        --button-outline-color: var(--text-color) !important;
    }

    .button__loader {
        gap: var(--spacing-1-5);
        opacity: 0;
        pointer-events: none;
        justify-content: center;
        align-items: center;
        display: flex;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .button__loader > * {
            width: var(--spacing-1-5);
            height: var(--spacing-1-5);
            border-radius: var(--rounded-full);
            background: currentColor;
        }

    @media screen and (min-width: 700px) {
        .button {
            padding-block-start: var(--spacing-3);
            padding-block-end: var(--spacing-3);
            padding-inline-start: var(--spacing-6);
            padding-inline-end: var(--spacing-6);
        }

        .button--sm {
            padding-block-start: var(--spacing-2);
            padding-block-end: var(--spacing-2);
            padding-inline-start: var(--spacing-5);
            padding-inline-end: var(--spacing-5);
        }

        .button--lg {
            padding-block-start: var(--spacing-3-5);
            padding-block-end: var(--spacing-3-5);
            padding-inline-start: var(--spacing-8);
            padding-inline-end: var(--spacing-8);
        }

        .button--xl {
            padding-block-start: 1.075rem;
            padding-block-end: 1.075rem;
            padding-inline-start: var(--spacing-10);
            padding-inline-end: var(--spacing-10);
        }
    }

    .animated-arrow {
        pointer-events: none;
        place-items: center;
        display: grid;
    }

        .animated-arrow:before, .animated-arrow:after {
            content: "";
            grid-area: 1 / -1;
            transition: all .2s ease-in-out;
        }

        .animated-arrow:before {
            width: .5rem;
            height: .5rem;
            transform: rotate(calc(var(--transform-logical-flip) * 45deg));
            border-color: currentColor;
            border-block-start-width: 2px;
            border-inline-end-width: 2px;
            position: relative;
        }

        .animated-arrow:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
            left: -1px;
        }

        .animated-arrow:after {
            width: var(--spacing-2-5);
            height: var(--spacing-0-5);
            transform-origin: center;
            opacity: 0;
            background: currentColor;
            transform: scaleX(.5);
        }

    @media screen and (pointer: fine) {
        .group:hover .animated-arrow:before {
            transform: translate(calc(var(--transform-logical-flip) * var(--spacing-0-5))) rotate(calc(var(--transform-logical-flip) * 45deg));
        }

        .group:hover .animated-arrow:after {
            opacity: 1;
            transform: scaleX(1);
        }
    }

    .animated-arrow--reverse {
        transform: rotate(180deg);
    }

    .circle-chevron {
        width: var(--spacing-6);
        height: var(--spacing-6);
        border-radius: var(--rounded-full);
        background: rgb(var(--text-color) / .1);
        flex-shrink: 0;
        place-items: center;
        transition: all .2s ease-in-out;
        display: grid;
    }

    @media screen and (pointer: fine) {
        .group:hover .circle-chevron.group-hover\:colors:not([disabled]) {
            background: rgb(var(--text-color));
            color: rgb(var(--background));
        }
    }

    .content-over-media {
        grid-template: 0 1fr 0 / 1fr minmax(0,min(var(--container-max-width),100% - var(--content-over-media-gap, var(--content-over-media-column-gap, var(--container-gutter))) * 2)) 1fr;
        gap: var(--content-over-media-row-gap, var(--content-over-media-gap, var(--container-gutter))) var(--content-over-media-column-gap, var(--content-over-media-gap, var(--container-gutter)));
        place-items: center;
        display: grid;
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
    }

        .content-over-media:before {
            content: "";
            background: rgb(var(--content-over-media-overlay));
            border-radius: inherit;
            z-index: 1;
            pointer-events: none;
            transition: background .2s ease-in-out;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

        .content-over-media > :is(img,video,iframe,svg,video-media) {
            height: var(--content-over-media-height, auto);
            min-height: 100%;
            max-height: 100%;
            width: 100%;
            overflow-wrap: anywhere;
            object-fit: cover;
            object-position: center;
            transform-origin: bottom;
            border-radius: inherit;
            -webkit-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            grid-area: 1 / 1 / span 3 / span 3;
            position: relative;
        }

    .popover {
        --background: var(--dialog-background);
        --text-color: var(--text-primary);
        --popover-title-padding: var(--spacing-5);
        --popover-body-padding: var(--spacing-4) 0;
        --popover-content-max-height: 75vh;
        --popover-content-max-width: none;
        --popover-anchor-block-spacing: var(--spacing-4);
        --popover-anchor-inline-spacing: 0;
        width: 100%;
        visibility: hidden;
        padding: var(--spacing-2);
        z-index: 999;
        display: none;
        position: fixed;
    }

    @media screen and (min-width: 1000px) {
        .popover {
            --popover-content-max-height: 350px;
            --popover-content-max-width: 380px;
            width: auto;
            z-index: 10;
            padding: 0;
            position: absolute;
        }
    }

    .popover-listbox__option {
        justify-content: center;
        align-items: center;
        gap: var(--spacing-2);
        width: 100%;
        padding: var(--spacing-2) var(--spacing-6);
        color: rgb(var(--text-color) / .7);
        transition: color .2s ease-in-out;
        display: flex;
    }

        .popover-listbox__option[aria-selected=true], .popover-listbox__option:hover {
            color: rgb(var(--text-color));
        }

    @media screen and (min-width: 1000px) {
        .popover-listbox__option {
            justify-content: start;
            padding-block-start: var(--spacing-1-5);
            padding-block-end: var(--spacing-1-5);
            padding-inline-end: var(--spacing-10);
        }
    }

    .drawer {
        --container-outer-width: var(--spacing-6);
        --background: var(--dialog-background);
        --text-color: var(--text-primary);
        --drawer-header-padding: var(--spacing-5);
        --drawer-body-padding: var(--spacing-5) var(--spacing-6);
        --drawer-footer-padding: var(--spacing-6);
        --drawer-content-max-height: none;
        width: 100%;
        visibility: hidden;
        padding: var(--spacing-2);
        z-index: 999;
        position: fixed;
        right: 0;
    }

        .drawer > [is=close-button] {
            display: none;
            position: absolute;
            top: 1.5rem;
        }

            .drawer > [is=close-button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
                right: 1.5rem;
            }

    @media screen and (max-width: 699px) {
        .drawer {
            --drawer-content-max-height: 75vh;
        }
    }

    @media screen and (min-width: 700px) {
        .drawer {
            --container-outer-width: var(--spacing-10);
            --drawer-header-padding: var(--spacing-8) var(--spacing-10);
            --drawer-body-padding: var(--spacing-8) var(--spacing-10);
            --drawer-footer-padding: var(--spacing-8) var(--spacing-10);
            height: 100%;
            width: 510px;
            padding: var(--spacing-4);
        }

            .drawer > [is=close-button] {
                display: grid;
                top: 2.25rem;
            }

                .drawer > [is=close-button]:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
                    right: 2.25rem;
                }

        .drawer--lg {
            width: 680px;
        }
    }

    .badge {
        --badge-background: var(--text-color) / .05;
        --badge-color: var(--text-color);
        align-items: center;
        gap: var(--spacing-1-5);
        padding: 3px var(--spacing-2);
        width: max-content;
        background: rgb(var(--badge-background));
        color: rgb(var(--badge-color));
        border-radius: var(--rounded-button);
        font-size: 9px;
        font-weight: 700;
        display: flex;
    }

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

    @media screen and (min-width: 700px) {
        .badge:not(.badge--lg) {
            font-size: var(--text-xs);
            padding-block-start: var(--spacing-0-5);
            padding-block-end: var(--spacing-0-5);
        }
    }

    .count-bubble {
        --size: var(--spacing-4);
        width: var(--size);
        height: var(--size);
        min-width: min-content;
        border-radius: var(--rounded-full);
        background: rgb(var(--button-background-primary));
        color: rgb(var(--button-text-primary));
        place-items: center;
        padding-inline-start: var(--spacing-1);
        padding-inline-end: var(--spacing-1);
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        display: grid;
    }

    .count-bubble--md {
        --size: var(--spacing-5);
        font-size: var(--text-xs);
    }

    @media screen and (min-width: 700px) {
        .count-bubble--md {
            --size: var(--spacing-6);
        }
    }

    .pill-loader {
        width: 2rem;
        height: 1rem;
        background: rgb(var(--background-primary));
        border-radius: var(--rounded-full);
        visibility: hidden;
        display: grid;
    }

        .pill-loader > * {
            grid-area: 1 / -1;
            place-self: center;
        }

    .loader-dots {
        justify-items: center;
        gap: .25rem;
        display: flex;
    }

        .loader-dots > * {
            width: .25rem;
            height: .25rem;
            border-radius: var(--rounded-full);
            background: currentColor;
        }

    .loader-checkmark {
        opacity: 0;
    }

    .textarea {
        width: 100%;
        -webkit-appearance: none;
        appearance: none;
        height: var(--input-height);
        border-radius: var(--rounded-input);
        background: rgb(var(--input-background, transparent));
        color: rgb(var(--input-text-color, var(--text-color)));
        text-align: start;
        border-width: 1px;
        padding-inline-start: var(--input-padding-inline);
        padding-inline-end: var(--input-padding-inline);
    }

        .textarea:focus {
            border-color: currentColor;
            outline: none;
            box-shadow: inset 0 0 0 1px;
        }

    .textarea {
        height: auto;
        vertical-align: top;
        padding-block-start: var(--spacing-4);
        padding-block-end: var(--spacing-4);
    }

        .textarea.is-floating {
            padding-block-start: var(--spacing-6);
            padding-block-end: var(--spacing-2);
        }

    .form-control {
        text-align: start;
        position: relative;
    }

    .floating-label {
        height: calc(var(--input-height) + .625rem);
        top: 0;
        opacity: .5;
        pointer-events: none;
        transform-origin: var(--transform-origin-start);
        grid-auto-flow: column;
        align-items: center;
        column-gap: .5rem;
        margin-inline-start: var(--spacing-4);
        transition: transform .2s ease-in-out;
        display: grid;
        position: absolute;
    }

        .floating-label:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: 1px;
        }

    :is(.input,.textarea):focus ~ .floating-label, :is(.input,.textarea):not(:placeholder-shown) ~ .floating-label {
        transform: scale(.65) translateY(calc(-1 * var(--spacing-4)));
    }

    @media screen and (min-width: 700px) {
        .floating-label {
            margin-inline-start: var(--spacing-5);
        }
    }

    .checkbox-container {
        align-items: baseline;
        display: flex;
    }

    .checkbox {
        -webkit-appearance: none;
        appearance: none;
        width: var(--spacing-4);
        height: var(--spacing-4);
        background: rgb(var(--text-color) / .15) var(--checkmark-svg-url) no-repeat center;
        background-size: 0;
        border-radius: 2px;
        flex-shrink: 0;
        transition: background-color .2s ease-in-out;
        position: relative;
        top: .1875rem;
        box-shadow: inset 1px 1px 2px #0000001a;
    }

        .checkbox:checked {
            background-color: rgb(var(--accent));
            background-size: 10px 8px;
        }

            .checkbox:checked ~ label {
                opacity: 1;
                transition: all .2s ease-in-out;
            }

        .checkbox ~ label {
            opacity: .7;
            padding-inline-start: var(--spacing-3);
        }

        .checkbox:disabled {
            opacity: .5;
        }

            .checkbox:disabled ~ label {
                color: rgb(var(--text-color) / .5);
            }

    .checkbox-list {
        gap: var(--spacing-2);
        display: grid;
    }

    @media screen and (min-width: 700px) {
        .checkbox {
            top: var(--spacing-0-5);
        }
    }

    .switch {
        -webkit-appearance: none;
        appearance: none;
        height: var(--spacing-5);
        width: var(--spacing-10);
        border-radius: var(--rounded-full);
        background: rgb(var(--text-color) / .15);
        padding: 3px;
        transition: background .2s ease-in-out;
        display: grid;
    }

        .switch:after {
            content: "";
            width: var(--spacing-3-5);
            height: var(--spacing-3-5);
            background: rgb(var(--background));
            border-radius: var(--rounded-full);
            transition: transform .2s ease-in-out;
            box-shadow: 0 1px 1px #0003;
        }

        .switch:checked {
            background: rgb(var(--accent));
        }

            .switch:checked:after {
                transform: translate(calc(var(--transform-logical-flip) * var(--spacing-5)));
            }

    .v-stack {
        display: grid;
    }

    .h-stack {
        align-items: center;
        display: flex;
    }

    .container {
        --container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--container-gutter) * 2, var(--container-max-width));
        --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width)) / 2);
        margin-inline-start: max(var(--container-gutter),50% - var(--container-max-width) / 2);
        margin-inline-end: max(var(--container-gutter),50% - var(--container-max-width) / 2);
    }

    .full-bleed {
        margin-inline-start: calc(-1 * var(--container-outer-width));
        margin-inline-end: calc(-1 * var(--container-outer-width));
        display: grid;
    }

    [role=main] .shopify-section {
        --section-is-first: 0;
        --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1));
        --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference));
        --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1));
        background: rgb(var(--background));
        position: relative;
    }

        [role=main] .shopify-section:not(.contents) {
            display: flow-root;
        }

        [role=main] .shopify-section:empty {
            display: none;
        }

        [role=main] .shopify-section:first-child {
            --section-is-first: 1;
        }

    .section {
        --context-section-spacing-block-start: var(--section-outer-spacing-block);
        --context-section-spacing-block-end: var(--section-outer-spacing-block);
        --context-section-spacing-inline: var(--container-gutter);
        --calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)));
        --calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)));
        --calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline));
        --container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width));
        --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2);
        --section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px);
        padding-inline-start: max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2);
        padding-inline-end: max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2);
    }

    .section {
        padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start));
        padding-block-end: var(--calculated-section-spacing-block-end);
    }

    @media screen and (min-width: 700px) {
        .shopify-section:first-child {
            --section-outer-spacing-block-start: 24px;
        }
    }

    .line-item {
        --line-item-image-width: var(--spacing-20);
        align-items: start;
        gap: var(--spacing-5);
        display: flex;
    }

    .line-item__media-wrapper {
        width: var(--line-item-image-width);
        min-width: var(--line-item-image-width);
        position: relative;
    }

        .line-item__media-wrapper > .pill-loader {
            position: absolute;
            top: calc(50% - .5rem);
        }

            .line-item__media-wrapper > .pill-loader:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
                left: calc(50% - 1rem);
            }

    .line-item__info {
        justify-items: start;
        gap: var(--spacing-1);
        display: grid;
    }

        .line-item__info line-item-quantity {
            margin-block-start: var(--spacing-1);
        }

    @media screen and (min-width: 700px) {
        .line-item {
            --line-item-image-width: var(--spacing-24);
            align-items: center;
        }

        .line-item__actions {
            margin-inline-start: auto;
        }
    }

    .quantity-input {
        width: 44px;
        border-radius: var(--rounded-input);
        text-align: center;
        font-size: var(--text-xs);
        -webkit-touch-callout: none;
        -webkit-appearance: none;
        background: none;
        border-width: 1px;
        outline: none;
        padding-block-start: var(--spacing-1);
        padding-block-end: var(--spacing-1);
    }

    @media screen and (min-width: 700px) {
        .quantity-input {
            width: 48px;
            padding-block-start: var(--spacing-2);
            padding-block-end: var(--spacing-2);
        }
    }

    .pagination {
        background: rgb(var(--background));
        border-radius: var(--rounded-button);
        border-width: 1px;
        justify-self: center;
        display: flex;
    }

    .pagination__item {
        place-content: center;
        padding-inline-start: var(--spacing-4);
        padding-inline-end: var(--spacing-4);
        display: grid;
    }

    .pagination__item--disabled {
        opacity: .5;
    }

    .pagination__current {
        padding: var(--spacing-2) var(--spacing-1);
    }

    @media screen and (min-width: 700px) {
        .pagination__item {
            padding-inline-start: var(--spacing-5);
            padding-inline-end: var(--spacing-5);
        }

        .pagination__current {
            padding: var(--spacing-3) var(--spacing-2);
        }
    }

    .range {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        background: none;
    }

    .range-group {
        height: 4px;
        background: linear-gradient(to var(--transform-origin-end),rgb(var(--text-color) / .12) var(--range-min),rgb(var(--text-color)) var(--range-min),rgb(var(--text-color)) var(--range-max),rgb(var(--text-color) / .12) var(--range-max));
        border-radius: 2px;
        position: relative;
    }

        .range-group .range {
            pointer-events: none;
            height: 4px;
            vertical-align: top;
        }

            .range-group .range:last-child {
                position: absolute;
                top: 0;
            }

                .range-group .range:last-child:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
                    left: 0;
                }

    .input-group {
        align-items: center;
        column-gap: 20px;
        display: flex;
    }

    .input-prefix {
        min-width: 0;
        border-radius: min(10px,var(--rounded-button));
        border: 1px solid rgb(var(--text-color) / .12);
        flex: 1 0 0;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        display: flex;
    }

        .input-prefix > .field {
            -webkit-appearance: textfield;
            appearance: textfield;
            min-width: 0;
            width: 100%;
            text-align: end;
            background: none;
            border: none;
            margin-inline-start: 10px;
            padding: 0;
        }

            .input-prefix > .field:focus {
                outline: none;
            }

    .price-range {
        gap: 24px;
        padding-block-start: 4px;
        display: grid;
    }

    @media screen and not (pointer: fine) {
        .price-range {
            row-gap: 18px;
            padding-block-start: 10px;
        }
    }

    .product-list {
        grid: var(--product-list-grid);
        gap: var(--product-list-gap);
        scroll-padding-top: calc(var(--sticky-area-height) + 20px);
        display: grid;
        position: relative;
    }

    .buy-buttons {
        align-items: start;
        gap: var(--spacing-2);
        display: grid;
    }

    .buy-buttons--compact {
        grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
    }

    .product-card {
        --product-card-badge-spacing: var(--spacing-2);
        --product-card-info-padding: var(--spacing-4);
        --product-card-quick-buy-inset: var(--spacing-2);
        border-radius: var(--rounded-sm);
        grid-template-columns: minmax(0,1fr);
        align-content: start;
        display: grid;
        position: relative;
    }

    .product-card__figure {
        display: block;
        position: relative;
    }

    .product-card__badge-list {
        gap: var(--spacing-2);
        pointer-events: none;
        z-index: 5;
        display: grid;
        position: absolute;
        top: var(--product-card-badge-spacing);
    }

        .product-card__badge-list:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: var(--product-card-badge-spacing);
        }

    .product-card__image {
        object-fit: cover;
        object-position: center;
        transition: opacity .2s ease-in-out;
        max-height: 304px;
    }

        .product-card__image:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            border-top-left-radius: var(--rounded-sm);
            border-top-right-radius: var(--rounded-sm);
        }

    .product-card__image--secondary {
        display: none;
    }

    .product-card__title {
        line-height: 1.5;
    }

    .product-card__quick-buy {
        position: absolute;
        bottom: var(--product-card-quick-buy-inset);
    }

        .product-card__quick-buy:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            right: var(--product-card-quick-buy-inset);
        }

    .product-card__mobile-quick-buy-button {
        height: 2.25rem;
        width: 2.25rem;
        background: rgb(var(--background-primary));
        color: rgb(var(--text-primary) / .7);
        border-radius: var(--rounded-button);
        border-width: 1px;
        place-content: center;
        display: grid;
    }

        .product-card__mobile-quick-buy-button > .button__loader {
            gap: var(--spacing-1);
        }

            .product-card__mobile-quick-buy-button > .button__loader > * {
                width: var(--spacing-1);
                height: var(--spacing-1);
            }

    .product-card__info {
        gap: var(--spacing-1);
        padding: var(--product-card-info-padding);
        grid-template-columns: minmax(0,1fr);
        justify-items: start;
        display: grid;
    }

    .product-card--blends .product-card__info {
        padding-block-end: 0;
        padding-inline-start: 0;
        padding-inline-end: 0;
    }

    .product-card__info--center {
        text-align: center;
        justify-content: center;
        justify-items: center;
    }

    .product-card__variant-list {
        display: none;
    }

    @media screen and (min-width: 700px) {
        .product-card {
            --product-card-badge-spacing: var(--spacing-4);
            --product-card-info-padding: var(--spacing-5);
            --product-card-quick-buy-inset: var(--spacing-4);
        }

        .product-card__aside {
            margin-block-start: var(--spacing-1);
        }

        .product-card__variant-list {
            gap: var(--spacing-2);
            flex-wrap: wrap;
            margin-block-start: var(--spacing-2);
            display: flex;
        }
    }

    @media screen and (min-width: 1400px) {
        .product-card__info {
            --product-card-info-padding: var(--spacing-6) var(--spacing-8) var(--spacing-8) var(--spacing-8);
        }
    }

    @media screen and (pointer: fine) {
        .product-card--show-secondary-media .product-card__figure:hover .product-card__image--primary {
            opacity: 0;
        }

        .product-card--show-secondary-media .product-card__figure:hover .product-card__image--secondary {
            opacity: 1;
        }

        .product-card__image--secondary {
            opacity: 0;
            display: block;
        }

        .product-card__quick-buy {
            opacity: 0;
            visibility: hidden;
            transition: opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out;
            transform: translateY(5px);
        }

        .product-card:hover .product-card__quick-buy {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
    }

    .price-list {
        align-items: baseline;
        gap: var(--spacing-0-5) var(--spacing-2);
        flex-wrap: wrap;
        display: flex;
    }

    .quick-buy-drawer {
        --drawer-header-padding: var(--spacing-6);
        --drawer-body-padding: var(--spacing-6);
        --shopify-payment-button-padding: .8125rem var(--spacing-6);
        display: none;
    }

    @media screen and (min-width: 700px) {
        .quick-buy-drawer {
            --drawer-header-padding: var(--spacing-6);
            height: auto;
            width: 560px;
        }
    }

    .prose > :first-child, .prose > :first-child :first-child {
        margin-block-start: 0 !important;
    }

    .prose > :last-child, .prose > :last-child :last-child {
        margin-block-end: 0 !important;
    }

    .link, .prose a:not(.button) {
        text-underline: none;
        background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 100% 1px no-repeat;
        transition: background-size .3s ease-in-out,color .3s ease-in-out;
    }

    @media screen and (pointer: fine) {
        :is(.link,.prose a:not(.button)):hover {
            background-size: 0 1px;
        }

        .text-subdued :is(.link,.prose a:not(.button)):hover {
            color: rgb(var(--text-color));
        }
    }

    .reversed-link {
        text-underline: none;
        background: linear-gradient(to right,currentColor,currentColor) 0 min(100%,1.35em) / 0 1px no-repeat;
        transition: background-size .3s ease-in-out;
    }

    @media screen and (pointer: fine) {
        .group:hover .reversed-link, .reversed-link.hover\:show:hover {
            background-size: 100% 1px;
        }
    }

    .link-faded {
        opacity: .7;
        transition: opacity .2s ease-in-out;
    }

    @media screen and (pointer: fine) {
        .link-faded:hover {
            opacity: 1;
        }
    }

    .link-faded-reverse {
        transition: opacity .2s ease-in-out;
    }

    @media screen and (pointer: fine) {
        .link-faded-reverse:hover {
            opacity: .7;
        }
    }

    .shape-circle {
        --size: var(--spacing-1-5);
        width: var(--size);
        height: var(--size);
        background: currentColor;
        display: block;
    }

    .shape-circle {
        border-radius: var(--rounded-full);
    }

    .shape--sm {
        --size: var(--spacing-1);
    }

    .skeleton {
        background: rgb(var(--text-color) / .15);
        border-radius: 4px;
        flex-shrink: 0;
        animation: 2.5s cubic-bezier(.4,0,.6,1) infinite pulse;
        display: block;
    }

    .skeleton--tab {
        width: 88px;
        height: 20px;
    }

    .skeleton--thumbnail {
        width: 80px;
        height: 80px;
    }

    .skeleton--text {
        height: 12px;
        width: var(--skeleton-text-width, 100%);
    }

    @media screen and (min-width: 700px) {
        .skeleton--tab {
            width: 148px;
            height: 34px;
        }

        .skeleton--thumbnail {
            width: 96px;
            height: 96px;
        }
    }

    .media-swatch {
        --swatch-size: 60px;
        width: var(--swatch-size);
        height: var(--swatch-size);
        border-radius: min(4px,var(--rounded-input));
        display: block;
        position: relative;
    }

        .media-swatch:before {
            content: "";
            border-radius: inherit;
            opacity: 0;
            will-change: transform;
            transition: opacity .2s ease-in-out,transform .2s ease-in-out;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            transform: scale(.95);
            box-shadow: 0 0 0 2px;
        }

        .media-swatch > img {
            height: 100%;
            object-fit: cover;
            border-radius: inherit;
        }

    .media-swatch--sm {
        --swatch-size: 48px;
    }

    .media-swatch__view-more {
        width: var(--spacing-12);
        height: var(--spacing-12);
        border-radius: min(4px,var(--rounded-input));
        border-width: 1px;
        place-items: center;
        display: grid;
    }

    .text-with-icon {
        gap: var(--spacing-3);
        align-items: center;
        display: flex;
    }

        .text-with-icon > svg {
            flex-shrink: 0;
        }

    .social-media {
        gap: var(--spacing-3) var(--spacing-6);
        flex-wrap: wrap;
        display: flex;
    }

    .icon {
        vertical-align: middle;
        display: block;
    }

    .icon-chevron-bottom {
        transition: transform .2s ease-in-out;
    }

    .announcement-bar {
        padding-block-start: var(--spacing-2-5);
        padding-block-end: var(--spacing-2-5);
    }

    .announcement-bar__scrolling-list {
        grid: auto / auto-flow max-content;
        justify-content: center;
        display: grid;
        overflow: hidden;
    }

    .announcement-bar__item {
        grid: auto / auto-flow auto var(--spacing-20);
        place-items: center;
        display: grid;
    }

    @media screen and (min-width: 700px) {
        .announcement-bar {
            padding-block-start: var(--spacing-3-5);
            padding-block-end: var(--spacing-3-5);
        }

        .announcement-bar__item {
            grid-auto-columns: auto var(--spacing-40);
        }
    }

    @media (prefers-reduced-motion: no-preference) {
        .announcement-bar__item {
            animation: translateFull var(--marquee-animation-duration, 0s) linear infinite;
        }
    }

    .cart-drawer {
        --drawer-footer-padding: 1rem 1.5rem 1.5rem 1.5rem;
        --drawer-content-max-height: none;
        height: 100%;
        top: 0;
    }

    .cart-drawer__top {
        gap: var(--spacing-2);
        padding-block-end: var(--spacing-6);
        display: grid;
    }

    .cart-drawer__note {
        width: 100%;
        visibility: hidden;
        transition: visibility .2s ease-in-out;
        position: absolute;
        bottom: calc(100% + 1px);
        overflow: hidden;
    }

        .cart-drawer__note:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: 0;
        }

    .cart-drawer__note-inner {
        padding: var(--spacing-5);
        background: rgb(var(--dialog-background));
        border-block-start-width: 1px;
        transition: transform .2s ease-in-out;
        transform: translateY(100%);
    }

    @media screen and (min-width: 700px) {
        .cart-drawer {
            --drawer-footer-padding: 1.5rem 2.5rem 2.5rem 2.5rem;
        }

        .cart-drawer__top {
            gap: var(--spacing-4);
            padding-block-end: var(--spacing-8);
        }

        .cart-drawer__note-inner {
            padding: var(--spacing-8) var(--spacing-10) var(--spacing-10) var(--spacing-10);
        }
    }

    .collection {
        --collection-sidebar-width: 250px;
        gap: var(--spacing-8);
        grid-template-columns: minmax(0,1fr);
        margin-block-start: var(--spacing-8);
        margin-block-end: var(--section-outer-spacing-block);
        display: grid;
    }

    .collection__top-bar, .collection__facets {
        display: none;
    }

    .collection__results {
        scroll-padding-top: calc(var(--sticky-area-height) + 20px);
        transition: opacity .1s;
    }

    @media screen and (min-width: 700px) {
        .collection {
            margin-block-start: var(--spacing-12);
        }
    }

    @media screen and (min-width: 1000px) {
        .collection {
            column-gap: var(--spacing-12);
        }

        .collection--filters-sidebar {
            grid-template-columns: var(--collection-sidebar-width) minmax(0,1fr);
        }

        .collection__top-bar {
            column-gap: var(--spacing-6);
            grid-column: 1 / -1;
            grid-template-columns: auto minmax(0,1fr);
            display: grid;
        }

        .collection--filters-sidebar .collection__top-bar {
            grid-template-columns: inherit;
            column-gap: inherit;
        }

        .collection__facets {
            display: block;
        }

        .facets-summary {
            align-items: start;
            gap: var(--spacing-4);
            grid-column-end: -1;
            display: flex;
        }

        .collection__facets-scroller {
            display: block;
            position: sticky;
            top: calc(var(--sticky-area-height) + 20px);
        }

        .collection__pagination {
            grid-column-end: -1;
        }
    }

    @media screen and (min-width: 1400px) {
        .collection {
            --collection-sidebar-width: 300px;
        }
    }

    .sort-by-facet {
        justify-content: end;
        gap: var(--spacing-1);
        flex-shrink: 0;
        margin-inline-start: auto;
        display: flex;
        position: relative;
    }

    .facets__floating-filter {
        width: 100%;
        text-align: center;
        z-index: 1;
        position: fixed;
        bottom: var(--spacing-8);
    }

        .facets__floating-filter:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: 0;
        }

    .facets-drawer .facets-vertical {
        min-height: 100%;
        flex-direction: column;
        display: flex;
    }

    .facets-drawer .accordion {
        border-block-start-width: 0;
    }

    .facets-drawer__floating-apply {
        background: linear-gradient(180deg,rgb(var(--background-primary) / 0),rgb(var(--background)));
        margin-block-start: auto;
        margin-inline-start: calc(-1 * var(--spacing-3));
        margin-inline-end: calc(-1 * var(--spacing-3));
        padding-block-start: var(--spacing-5);
        padding-block-end: var(--spacing-5);
        position: sticky;
        bottom: 0;
    }

    @media screen and (min-width: 700px) {
        .facets-drawer__floating-apply {
            margin-inline-start: calc(-1 * var(--spacing-4));
            margin-inline-end: calc(-1 * var(--spacing-4));
            padding-block-start: var(--spacing-6);
            padding-block-end: var(--spacing-6);
        }
    }

    .footer {
        --background: var(--footer-background);
        --text-color: var(--footer-text);
        --footer-padding-block: var(--spacing-12);
        --footer-part-gap: var(--spacing-10);
        --footer-block-list-gap: var(--spacing-10);
        --footer-block-gap: var(--spacing-4);
        --footer-aside-gap: var(--spacing-10);
        background: rgb(var(--background));
        color: rgb(var(--text-color));
        padding-block-start: var(--footer-padding-block);
        padding-block-end: var(--footer-padding-block);
    }

    .footer__wrapper {
        gap: var(--footer-part-gap);
        display: grid;
    }

    .footer__block-list {
        gap: var(--footer-block-list-gap);
        align-items: start;
        justify-content: var(--footer-block-list-justify-content, start);
        grid: auto-flow dense / repeat(2,minmax(0,1fr));
        display: grid;
    }

    .footer__block {
        gap: var(--footer-block-gap);
        display: grid;
    }

    .footer__block--text {
        grid-column: span 2;
    }

    .footer__block--menu {
        max-width: 250px;
    }

    .footer__aside {
        gap: var(--footer-aside-gap);
        display: grid;
    }

    .footer__aside-top, .footer__aside-bottom {
        justify-content: space-between;
        align-items: center;
        gap: var(--spacing-8);
        display: grid;
    }

    @media screen and (min-width: 700px) {
        .footer {
            --footer-padding-block: var(--spacing-16);
            --footer-part-gap: var(--spacing-16);
            --footer-block-list-gap: var(--spacing-10) var(--spacing-24);
            --footer-block-gap: var(--spacing-6);
            --footer-aside-gap: var(--spacing-12);
        }

        .footer__block-list {
            flex-wrap: wrap;
            display: flex;
        }

        .footer__block--text {
            flex-basis: 25%;
        }

        .footer__block--menu {
            flex-shrink: 0;
        }

        .footer__aside-top, .footer__aside-bottom {
            display: flex;
        }

        .footer__copyright {
            order: -1;
        }
    }

    @media screen and (min-width: 1000px) {
        .footer {
            --footer-block-list-gap: var(--spacing-10) var(--spacing-12);
        }

        .footer__block-list {
            flex-wrap: nowrap;
        }
    }

    @media screen and (min-width: 1150px) {
        .footer {
            --footer-block-list-gap: var(--spacing-10) var(--spacing-24);
        }
    }

    .privacy-bar {
        margin: var(--spacing-2);
        z-index: 1;
        transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
        position: fixed;
        bottom: 0;
        display: block !important;
    }

        .privacy-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: 0;
        }

        .privacy-bar[hidden] {
            visibility: hidden;
            opacity: 0;
        }

    .privacy-bar__inner {
        width: 100%;
        padding: var(--spacing-6);
        background: rgb(var(--background-primary));
        color: rgb(var(--text-primary));
        border-width: 1px;
        border-radius: 8px;
    }

    .privacy-bar__close {
        position: absolute;
        top: var(--spacing-6);
    }

        .privacy-bar__close:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            right: var(--spacing-6);
        }

    @media screen and (min-width: 700px) {
        .privacy-bar {
            margin: var(--spacing-4);
        }

        .privacy-bar__inner {
            max-width: 445px;
        }
    }

    .header {
        --background: var(--header-background);
        --text-color: var(--header-text);
        --header-part-gap: var(--spacing-3);
        --header-icon-list-spacing: var(--spacing-3);
        --header-link-list-spacing: var(--spacing-6);
        --header-logo-opacity: 1;
        will-change: transform;
        margin-inline-start: auto;
        margin-inline-end: auto;
        transition: background .25s;
        display: block;
    }

    .header__wrapper {
        grid-template: var(--header-grid-template);
        align-items: center;
        gap: var(--header-part-gap);
        padding: var(--header-padding-block) max(var(--container-gutter),50% - var(--container-max-width) / 2);
        color: rgb(var(--text-color));
        background: rgb(var(--background) / var(--header-background-opacity));
        -webkit-backdrop-filter: blur(var(--header-background-blur-radius));
        backdrop-filter: blur(var(--header-background-blur-radius));
        border-radius: inherit;
        transition: inherit;
        display: grid;
    }

    .header__logo {
        max-width: max-content;
        grid-area: logo;
        display: block;
        position: relative;
    }

    .header__logo-image {
        width: var(--header-logo-width);
        height: var(--header-logo-height);
        opacity: var(--header-logo-opacity, 1);
    }

        .header__logo-image:not(.header__logo-image--transparent):last-child {
            --header-logo-opacity: 1;
        }

    .header__main-nav {
        grid-area: main-nav;
    }

    .header__secondary-nav {
        justify-content: flex-end;
        justify-self: end;
        align-items: center;
        gap: var(--spacing-3) var(--header-part-gap);
        flex-wrap: wrap;
        grid-area: secondary-nav;
        display: flex;
    }

    .header__link-list {
        display: none;
    }

        .header__link-list .icon-chevron-bottom {
            position: relative;
            top: 1px;
        }

    .header__icon-list {
        align-items: center;
        gap: var(--header-icon-list-spacing);
        display: flex;
    }

    .header__cart-count {
        top: -.3125rem;
        position: absolute;
    }

        .header__cart-count:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: .875rem;
        }

    @media screen and (min-width: 700px) {
        .header {
            --header-part-gap: var(--spacing-6);
            --header-icon-list-spacing: var(--spacing-6);
        }
    }

    @media screen and (min-width: 1150px) {
        .header__link-list {
            gap: var(--spacing-4) var(--header-link-list-spacing);
            display: flex;
        }
    }

    @media screen and (min-width: 1400px) {
        .header {
            --header-part-gap: var(--spacing-10);
            --header-link-list-spacing: var(--spacing-10);
        }
    }

    .dropdown-menu {
        gap: var(--spacing-3);
        width: max-content;
        max-width: 350px;
        padding: var(--spacing-5) var(--spacing-7);
        background: rgb(var(--header-background));
        color: rgb(var(--header-text));
        border-radius: var(--rounded-sm);
        box-shadow: var(--shadow),0 0 0 1px rgb(var(--text-color) / .12);
        z-index: 1;
        display: grid;
        position: absolute;
        top: calc(100% + var(--spacing-4-5));
    }

        .dropdown-menu:before {
            content: "";
            width: 100%;
            height: var(--spacing-4-5);
            position: absolute;
            bottom: 100%;
        }

        .dropdown-menu:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before {
            left: calc(-1 * var(--spacing-4));
        }

    .js .dropdown-menu {
        opacity: 0;
    }

    .dropdown-menu__item {
        justify-content: space-between;
        align-items: center;
        gap: var(--spacing-6);
        opacity: .7;
        transition: opacity .2s ease-in-out;
        display: flex;
    }

        .dropdown-menu__item:hover {
            opacity: 1;
        }

    .navigation-drawer {
        --panel-link-image-size: var(--spacing-12);
        --drawer-body-padding: var(--spacing-6);
        --navigation-drawer-width: 100vw;
        width: var(--navigation-drawer-width);
    }

        .navigation-drawer .panel__scroller {
            height: 100%;
            align-content: flex-start;
            overflow-y: auto;
        }

        .navigation-drawer > [is=close-button] {
            margin-inline-start: var(--drawer-body-padding);
        }

        .navigation-drawer[mobile-opening=left] {
            height: 100%;
        }

            .navigation-drawer[mobile-opening=left] > [is=close-button] {
                display: grid;
            }

            .navigation-drawer[mobile-opening=left] .panel__wrapper {
                padding-block-start: 0;
            }

        .navigation-drawer [is=close-button] {
            width: var(--spacing-10);
            height: var(--spacing-10);
            border-radius: var(--rounded-full);
            border-width: 1px;
            place-items: center;
            position: static;
        }

    .panel-list__wrapper {
        height: 100%;
        position: relative;
        overflow: hidden;
    }

    .panel {
        gap: var(--spacing-8);
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

        .panel + .panel {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 0;
        }

    .panel__wrapper {
        justify-content: var(--panel-wrapper-justify-content, space-between);
        gap: var(--spacing-6);
        padding: var(--drawer-body-padding);
        height: 100%;
        flex-direction: column;
        display: flex;
        overflow-y: auto;
    }

    .panel-footer {
        background-color: rgb(var(--background));
    }

    .panel-footer__localization-wrapper {
        padding-block-start: var(--spacing-4);
    }

    @media screen and (min-width: 700px) {
        .navigation-drawer {
            --panel-link-image-size: 3.25rem;
            --drawer-body-padding: var(--spacing-8);
            --navigation-drawer-width: 412px;
        }

            .navigation-drawer [is=close-button] {
                width: var(--spacing-12);
                min-height: var(--spacing-12);
                height: var(--spacing-12);
            }

        .panel__wrapper {
            padding-block-start: 0;
        }
    }

    @media screen and (min-width: 1150px) {
        .navigation-drawer [is=close-button] {
            transition: transform .2s ease-in-out;
        }

            .navigation-drawer [is=close-button]:hover {
                transform: rotate(90deg);
            }
    }

    .search-input {
        justify-content: space-between;
        align-items: center;
        gap: var(--spacing-4);
        border-bottom-width: 2px;
        padding-block-end: var(--spacing-2-5);
        transition: border-bottom-color .1s;
        display: flex;
    }

        .search-input > input {
            -webkit-appearance: none;
            appearance: none;
            width: 0;
            font-size: var(--text-h5);
            background: none;
            border-radius: 0;
            outline: none;
            flex-grow: 1;
            font-weight: bolder;
        }

            .search-input > input::placeholder {
                color: rgb(var(--text-color) / .5);
            }

        .search-input > [type=reset] {
            font-size: var(--text-sm);
            opacity: 0;
            transition: opacity .2s;
        }

        .search-input > input:not(:placeholder-shown) ~ [type=reset] {
            opacity: 1;
        }

    @media screen and (min-width: 700px) {
        .search-input {
            padding-block-end: var(--spacing-3);
        }

            .search-input > input {
                font-size: var(--text-h4);
            }

            .search-input > [type=reset] {
                font-size: var(--text-base);
            }
    }

    .search-drawer {
        --drawer-body-padding: 1.25rem 1.5rem 1.5rem 1.5rem;
        --drawer-content-max-height: 100%;
        height: 100%;
    }

    @media screen and (min-width: 700px) {
        .search-drawer {
            --drawer-body-padding: 2rem 2.5rem 2.5rem 2.5rem;
        }
    }

    .predictive-search {
        min-width: 0;
        display: block;
    }

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

    .tap-area {
        position: relative;
    }

        .tap-area:before {
            content: "";
            inset: calc(-1 * var(--spacing-2-5));
            position: absolute;
        }

    @media (prefers-reduced-motion: no-preference) {
        .js [reveal-on-scroll=true] {
            opacity: 0;
        }
    }

    @media (prefers-reduced-motion: no-preference) {
        .js reveal-items {
            opacity: 0;
        }
    }

    .border-t {
        border-top-width: 1px;
    }

    .rounded-xs {
        border-radius: var(--rounded-xs);
    }

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

    .text-subdued {
        color: rgb(var(--text-color) / .7);
    }

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

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

    .hidden, .empty\:hidden:empty {
        display: none;
    }

    .inline-block {
        display: inline-block;
    }

    .block {
        display: block;
    }

    .contents {
        display: contents;
    }

    @media screen and (min-width: 700px) {
        .sm\:hidden {
            display: none;
        }

        .sm\:block {
            display: block;
        }
    }

    @media screen and (min-width: 1000px) {
        .md\:hidden {
            display: none;
        }
    }

    @media screen and (min-width: 1150px) {
        .lg\:hidden {
            display: none;
        }
    }

    @media screen and (pointer: fine) {
        .pointer-fine\:hidden {
            display: none;
        }
    }

    @media not screen and (pointer: fine) {
        .pointer-coarse\:hidden {
            display: none;
        }
    }

    .relative {
        position: relative;
    }

    .wrap {
        flex-wrap: wrap;
    }

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

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

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

    .justify-self-start {
        justify-self: start;
    }

    .justify-items-center {
        justify-items: safe center;
    }

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

    .align-center {
        vertical-align: middle;
    }

    .w-full {
        width: 100%;
    }

    .aspect-square {
        aspect-ratio: 1 / 1;
    }

    .gap-0\.5 {
        gap: var(--spacing-0-5);
    }

    .gap-1 {
        gap: var(--spacing-1);
    }

    .gap-2 {
        gap: var(--spacing-2);
    }

    .gap-2\.5 {
        gap: var(--spacing-2-5);
    }

    .gap-3 {
        gap: var(--spacing-3);
    }

    .gap-4 {
        gap: var(--spacing-4);
    }

    .gap-5 {
        gap: var(--spacing-5);
    }

    .gap-6 {
        gap: var(--spacing-6);
    }

    .gap-8 {
        gap: var(--spacing-8);
    }

    @media screen and (min-width: 700px) {
        .sm\:gap-2\.5 {
            gap: var(--spacing-2-5);
        }

        .sm\:gap-5 {
            gap: var(--spacing-5);
        }

        .sm\:gap-6 {
            gap: var(--spacing-6);
        }

        .sm\:gap-8 {
            gap: var(--spacing-8);
        }
    }

    .object-fill {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
    }

        .object-fill:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
            left: 0;
        }

    .object-fill, .object-cover {
        object-fit: cover;
        object-position: center;
    }

    .bold {
        font-weight: 700;
    }

    .text-xs {
        font-size: var(--text-xs);
        line-height: 1.7;
    }

    .text-sm {
        font-size: var(--text-sm);
        line-height: 1.6;
    }

    .h3, .h5, .h6 {
        font-family: var(--heading-font-family);
        font-weight: var(--heading-font-weight);
        font-style: var(--heading-font-style);
        letter-spacing: var(--heading-letter-spacing);
        text-transform: var(--heading-text-transform);
        overflow-wrap: anywhere;
    }

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

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

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

    @media screen and (min-width: 700px) {
        .sm\:h4 {
            font-size: var(--text-h4);
            line-height: 1.3;
        }
    }

    .line-through {
        text-decoration: line-through;
    }

    .break-all {
        overflow-wrap: anywhere;
    }
}
/*! CSS Used from: Embedded */
:root {
    --jdgm-primary-color: #0a2139;
    --jdgm-secondary-color: rgba(10,33,57,0.1);
    --jdgm-star-color: #0a2139;
    --jdgm-paginate-color: #0a2139;
    --jdgm-border-radius: 0;
}
/*! CSS Used from: Embedded */
:root {
    --jdgm-primary-color: #0a2139;
    --jdgm-secondary-color: rgba(10,33,57,0.1);
    --jdgm-star-color: #0a2139;
    --jdgm-paginate-color: #0a2139;
    --jdgm-border-radius: 0;
}
/*! CSS Used from: Embedded */
p {
    font-family: "Font-1670597148190" !important;
}

body, li {
    font-family: "Font-1678680842541";
}
/*! CSS Used from: Embedded */
:root {
    --sticky-announcement-bar-enabled: 0;
}
/*! CSS Used from: Embedded */
:root {
    --sticky-header-enabled: 1;
}

#shopify-section-header {
    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
    --header-padding-block: var(--spacing-4-5);
    --header-background-opacity: 0.0;
    --header-background-blur-radius: 20px;
    --header-transparent-text-color: 255 255 255;
    --header-logo-width: 100px;
    --header-logo-height: 11px;
    position: sticky;
    top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
    z-index: 10;
}

@media screen and (max-width: 699px) {
    .navigation-drawer {
        --drawer-content-max-height: calc(100vh - (var(--spacing-2) * 2));
    }
}

@media screen and (min-width: 700px) {
    #shopify-section-header {
        --header-logo-width: 160px;
        --header-logo-height: 18px;
        --header-padding-block: var(--spacing-8-5);
    }
}
/*! CSS Used from: Embedded */
#shopify-section-template--21271635755314__banner {
    --section-outer-spacing-block: 0;
    --content-over-media-overlay: 0 0 0 / 0.0;
}
/*! CSS Used from: Embedded */
#shopify-section-template--21271635755314__main {
    --section-background-hash: 0;
}

    #shopify-section-template--21271635755314__main + * {
        --previous-section-background-hash: 0;
    }
/*! CSS Used from: Embedded */
#shopify-section-template--21271635755314__main {
    --product-list-gap: var(--product-list-row-gap) var(--spacing-2);
    --product-list-items-per-row: 2;
    --product-list-grid: auto-flow dense / repeat(var(--product-list-items-per-row), minmax(0, 1fr));
    --product-list-promo-grid-column: span 2;
    --content-over-media-gap: var(--spacing-8);
}

@media screen and (min-width: 700px) {
    #shopify-section-template--21271635755314__main {
        --product-list-gap: var(--product-list-row-gap) var(--product-list-column-gap);
        --product-list-items-per-row: 2;
        --product-list-promo-grid-column: span 1;
    }
}

@media screen and (min-width: 1000px) {
    #shopify-section-template--21271635755314__main {
        --product-list-items-per-row: 2;
        --product-list-promo-grid-column: span 2;
    }
}

@media screen and (min-width: 1200px) {
    #shopify-section-template--21271635755314__main {
        --product-list-items-per-row: 3;
    }
}

@media screen and (min-width: 1400px) {
    #shopify-section-template--21271635755314__main {
        --product-list-items-per-row: 3;
    }
}
/*! CSS Used from: Embedded */
@media screen and (min-width: 1000px) {
    #shopify-section-footer {
        --footer-block-list-justify-content: space-between;
    }
}
/*! CSS Used from: https://polomanor.vn/cdn/shop/t/9/assets/freegifts-main.css?v=21205034438350953231695892049 ; media=all */
@media all {
    #freegifts-main-popup-container.sca-modal-fg {
        display: block;
        max-width: unset !important;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,.3);
        visibility: hidden;
        opacity: 0;
        transition: all .35s ease-in;
    }

    #add-gift-success-toast.toast {
        display: none;
        position: absolute;
        right: -500px;
        background-color: #fff;
        border-radius: 6px;
        padding: 10px 30px;
        border: 1px solid #28c76f;
        opacity: 0;
        transition: all 1s ease-out;
    }
}
/*! CSS Used keyframes */
@keyframes translateFull {
    0% {
        transform: translate(0);
    }

    to {
        transform: translate(calc(-100% * var(--transform-logical-flip)));
    }
}
/*! CSS Used fontfaces */
@font-face {
    font-family: "Font-1670597148190";
    src: url("https://cdn.shopify.com//s//files//1//0685//2237//7522//t//5//assets//98f97ed7d7fc0940.ttf?v=1678680390");
    font-display: block;
}

@font-face {
    font-family: "Font-1678680842541";
    src: url("https://cdn.shopify.com//s//files//1//0685//2237//7522//t//5//assets//f5c48067f3876e78.ttf?v=1678680900");
    font-display: swap;
}