/** Shopify CDN: Minification failed

Line 896:43 Unexpected "{"
Line 1238:12 "backgorund-position" is not a known CSS property
Line 1927:8 "backgorund-position" is not a known CSS property

**/
:root {
  --font-body-family: "Roboto Mono", "IBM Plex Sans Thai", monospace;
  --font-heading-family: "Roboto Mono", "IBM Plex Sans Thai", monospace;
  --font-subheading-family: "Roboto Mono", "IBM Plex Sans Thai", monospace;
  --font-navigation-family: "Roboto Mono", "IBM Plex Sans Thai", monospace;
  --font-button-family: "Roboto Mono", "IBM Plex Sans Thai", monospace;
  --font-pcard-title-family: "Roboto Mono", "IBM Plex Sans Thai", monospace;

    --color-black: #000000;
    --color-black-rgb: 0, 0, 0;
    --color-filter-black: brightness(0);

    --color-white: #ffffff;
    --color-white-rgb: 255, 255, 255;
    --color-filter-white: brightness(0) invert(1);

    --color-black-primary: #212322;
    --color-black-primary-rgb: 33, 35, 34;
    --color-black-primary-filter: brightness(0) saturate(100%) invert(0%) sepia(26%) saturate(2292%) hue-rotate(331deg) brightness(102%) contrast(73%);

    --color-badge-primary: #DFDCD4;
    --color-badge-primary-rgb: 223, 220, 212;

    --color-brown-primary: #28221C;
    --color-brown-primary-rgb: 40, 34, 28;

    --color-orange-secondary: #A04215;
    --color-orange-secondary-rgb: 160, 66, 21;

    --color-light-brown-secondary: #7B6E5F;
    --color-light-brown-secondary-rgb: 123, 110, 95;

  --spacing-8xl: 16rem;
  --spacing-7xl: 14rem;
  --spacing-6xl: 12rem;
  --spacing-5xl: 10rem;
  --spacing-4xl: 8rem;
  --spacing-3xl: 7.2rem;
  --spacing-2xl: 6.4rem;
  --spacing-xl: 6rem;
  --spacing-4lg: 5.6rem;
  --spacing-3lg: 5rem;
  --spacing-2lg: 4.8rem;
  --spacing-lg: 4rem;
  --spacing-2md: 3.6rem;
  --spacing-md: 3rem;
  --spacing-2sm: 2.4rem;
  --spacing-sm: 2rem;
  --spacing-xs: 1.6rem;
  --spacing-2xs: 1.2rem;
  --spacing-3xs: 1rem;
  --spacing-4xs: 0.8rem;
  --spacing-5xs: 0.6rem;
  --page-padding: var(--spacing-6xl);
  --section-horizontal-spacing: var(--spacing-sm);

  --font-size-h1: 9rem;
  --font-size-h2: 6rem;
  --font-size-h3: 4rem;
  --font-size-body: 1.4rem;
  --font-size-description: 1.2rem;
  --font-size-button: 1.4rem;
  --font-size-subtitle: 2rem;
  --font-size-subtitle2: 1.6rem;

  --line-height-h1: 1;
  --line-height-h2: 1;
  --line-height-h3: 1.1;
  --line-height-body: 1.42;
  --line-height-description: 1.5;
  --line-height-button: 1.42;
  --line-height-subtitle: 1.4;
  --line-height-subtitle2: 1.4;

    --duration: 0.3s;
    --duration-x2: 0.5s;
    --duration-x3: 1s;
    --duration-x4: 1.5s;
    --timing-function: ease-in-out;

    --gridline-width: 0.5px;
    --gutter: 0.5px;
    --text-border-width: 0.5px;
    --stack-space: var(--spacing-sm);
}

@media (max-width: 1023px) {
    :root {
        --section-horizontal-spacing: var(--spacing-xs);        
    }
}

/* RESET ==================== */
html {
    font-size: 62.5% !important;
}

body {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    font-family: var(--font-body-family);
}

/* ELEMENT ==================== */
/* ฺBUTTON */
.theme-button,
button[form="cart"][name="checkout"],
[id*="customer-"] .mx-auto.my-theme .theme-button {
    height: 5.2rem;
    padding: var(--spacing-4xs) var(--spacing-lg);
    min-width: 17rem;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    width: fit-content;
    text-transform: uppercase;
    transition: var(--duration) var(--timing-function);

    &:after {
        content: none;
    }
}

button[form="cart"][name="checkout"],
#ContactForm .theme-button {
    color: var(--color-badge-primary);
    background-color: var(--color-black-primary);
    border: 1px solid var(--color-black-primary);

    @media (hover: hover) and (pointer: fine) {
        &:hover {
            color: var(--color-black-primary);
            background-color: transparent;
        }
    }
}

button[form="cart"][name="checkout"] {
    width: 100%;
}

[id*="customer-"] .mx-auto.my-theme .theme-button {
    color: var(--color-black-primary);
    background-color: var(--color-badge-primary);
    border: 1px solid var(--color-black-primary);

    @media (hover: hover) and (pointer: fine) {
        &:hover {
            color: var(--color-badge-primary);
            background-color: var(--color-black-primary);
        }
    }    
}

/* BUTTON COLOR BADGE FILLED */
#modals-promo .px-section-horizontal-spacing.py-section-vertical-spacing .theme-button {
    color: var(--color-black-primary);
    background-color: var(--color-badge-primary);

    @media (hover: hover) and (pointer: fine) {
        &:hover {
            color: var(--color-badge-primary);
            background-color: transparent;
        }
    }
}

/* BUTTON COLOR WHITE FILLED */
[id*="__image_with_text_"] .px-section-horizontal-spacing.py-section-vertical-spacing > .text-left .theme-button {
    color: var(--color-white);
    background-color: transparent;

    @media (hover: hover) and (pointer: fine) {
        &:hover {
            color: var(--color-black-primary);
            background-color: var(--color-white);
            border-color: var(--color-white);
        }
    }
}

/* BUTTON LINK */
.theme-button,
.theme-button--secondary {
    --text-border-width: 1px;
}
.theme-link {
    margin-top: 0;
    font-size: var(--font-size-button);
    line-height: var(--line-height-button);
    text-transform: uppercase;
    border-bottom: none;

    &:after,
    &:before {
        content: none !important;
    }

     @media (hover: hover) and (pointer: fine) {
        &:hover {
           text-decoration: underline;
           text-underline-offset: 5px;
        }
    }
}

/* HEAEDR  */
.shopify-section-group-header-group.section-header header {
    transition: var(--duration) var(--timing-function);
}

.shopify-section-group-header-group.section-header header [aria-controls="menu0"] .transition {
    transition: transform var(--duration) var(--timing-function);
}

.shopify-section-group-header-group.section-header header {
    .max-w-\[var\(--logo-max-width\)\] img {
        filter: unset !important;
    }
}

header .buckscc-currency-box {
    display: flex !important;
    justify-content: center;
    align-items: center;

    .buckscc-currency-wrapper {
        margin: 0;
    }
}

header .hxoSelectTheme .buckscc-select-styled {
    padding: 0;
    color: var(--color-black-primary);
    -webkit-text-fill-color: var(--color-black-primary);
}

header .hxoSelectTheme .buckscc-select-styled.active+.buckscc-select-options {
    border-radius: 0;
    background-color: var(--color-badge-primary);
    top: calc(100% + 5px) !important;
    box-shadow: unset;
}

header .hxoSelectTheme .buckscc-select span {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
}

header[data-color-scheme="scheme4"] .hxoSelectTheme .buckscc-select span {
    color: var(--color-black-primary);
    -webkit-text-fill-color: var(--color-black-primary);
}

header .hxoSelectTheme .buckscc-select-options li {
    border: var(--gutter) solid var(--color-brown-primary);
    border: none;
}

header .hxoSelectTheme .buckscc-select-options li:first-child {
    border-bottom: none;
}

header .hxoSelectTheme .buckscc-select-options li:not(:last-child) {
    border-bottom: none;
}
  

header[data-color-scheme="scheme4"] .hxoSelectTheme .buckscc-select-styled {
    color: var(--color-badge-primary);
    -webkit-text-fill-color: var(--color-badge-primary);    
}

header[data-color-scheme="scheme4"] .hxoSelectTheme .buckscc-select-styled.active+.buckscc-select-options {
    background-color: var(--color-brown-primary);
}

header .hxoSelectTheme .buckscc-select-styled.active+.buckscc-select-options {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    max-height: unset;
}

header .hxoSelectTheme .buckscc-select-styled.active+.buckscc-select-options::-webkit-scrollbar {
  display: none;  /* Chrome, Safari, Opera */
}

header[data-color-scheme="scheme4"] .hxoSelectTheme .buckscc-select span {
    color: var(--color-badge-primary);
    -webkit-text-fill-color: var(--color-badge-primary);
}

header[data-color-scheme="scheme4"] .hxoSelectTheme .buckscc-select-options li {
    border: var(--gutter) solid var(--color-white);
}

header .hxoSelectTheme .bucks__folder-collapse_btn,
.shopify-section-group-header-group.section-header header [aria-controls=menu0] .transition,
#filters-form-filters-drop-down .transition,
#filters-form-sort-drop-down .transition,
.collapsible-tab button > *:nth-child(2),
.collapsible-tab button > *:nth-child(3),
#filters-sidebar-drawer data-island .transition-transform .theme-button,
[data-fragment-id="drawer-toggle"] .theme-icon,
#filters-sidebar-drawer data-island .transition-transform .theme-icon,
.buckscc-currency-box #js_folder-collapse-button-icon,
#sidebar-localization-form .theme-icon,
nav[aria-label="Primary"] li .theme-icon,
[id*="__faq"] data-island.contents .font-heading .theme-icon {
    width: 0.8rem;
    height: 0.4rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="7" height="3" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.46411 3L6.92821 0H9.77516e-06L3.46411 3Z" fill="%23DFDCD4"/></svg>');
    transform: none;
}

#filters-form-filters-drop-down .transition,
#filters-form-sort-drop-down .transition,
.collapsible-tab button > *:nth-child(2),
.collapsible-tab button > *:nth-child(3),
#filters-sidebar-drawer data-island .transition-transform .theme-button,
[data-fragment-id="drawer-toggle"] .theme-icon,
#filters-sidebar-drawer data-island .transition-transform .theme-icon,
.buckscc-currency-box #js_folder-collapse-button-icon,
#sidebar-localization-form .theme-icon,
nav[aria-label="Primary"] li .theme-icon,
[id*="__faq"] data-island.contents .font-heading .theme-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="3" viewBox="0 0 7 3" fill="none"><path d="M3.46411 3L6.92821 0H9.77516e-06L3.46411 3Z" fill="%23212322"/></svg>');

    svg {
        display: none;
    }
}

.collapsible-tab button > *:nth-child(3) {
    transform: rotate(180deg);
}


header:not([data-color-scheme="scheme4"]) .hxoSelectTheme .bucks__folder-collapse_btn,
.shopify-section-group-header-group.section-header header:not([data-color-scheme="scheme4"]) [aria-controls=menu0] .transition {
    filter: var(--color-black-primary-filter);
}

header .hxoSelectTheme .bucks__folder-collapse_btn svg,
.shopify-section-group-header-group.section-header header [aria-controls=menu0] .transition svg {
    display: none;
}

header .hxoSelectTheme .buckscc-select-styled.active.deactive .bucks__folder-collapse_btn,
.buckscc-currency-box .hxoSelectTheme .bucks__folder-collapse_btn,
#sidebar-localization-form .theme-icon,
nav[aria-label="Primary"] li .transition {
    transform: rotate(0deg);
}

header .hxoSelectTheme .buckscc-select-styled.active:not(.deactive) .bucks__folder-collapse_btn,
.shopify-section-group-header-group.section-header header [aria-controls=menu0] .transition.rotate-180,
#filters-form-filters-drop-down .transition.rotate-180,
#filters-form-sort-drop-down .transition.rotate-180,
 .buckscc-currency-box .hxoSelectTheme .buckscc-select-styled.active:not(.deactive) .bucks__folder-collapse_btn,
 #sidebar-localization-form .theme-icon.rotate-180,
 nav[aria-label="Primary"] li .transition.rotate-180 {
    transform: rotate(180deg);
}

header nav[aria-label="Primary"] > * > *:last-child {
    align-items: center;
    column-gap: var(--spacing-xs);

    a {
        width: 2.4rem;
        height: fit-content;
        aspect-ratio: 1;
        display: block;
        padding: 0;

        /* svg {
            display: none;
        } */
    }

    > * {
        margin: 0;
    }

    [data-cart-drawer-toggle] .h-6.w-6,
    .header-search .h-6.w-6,
    .header-customer-accounts .h-6.w-6 {
        width: 100%;
        height: 100%;
    }

    #gropulse-wishlist-nav-button {
        display: flex;
        align-items: center;
        justify-content: center;

        svg {
            width: 2rem;
            height: 2rem;
            transition: filter var(--duration) var(--timing-function);
        }
    }

    #gropulse-wishlist-nav-button {
        order: 1;        
    }
    .header-search {
        order: 2;
    }
    .header-customer-accounts {
        order: 3;
    }
    [data-cart-drawer-toggle] {
        order: 4;
    }

   .header-search .predictive-search-form.input-group.search .h-6.w-6 {
        width: 2rem;
        height: 2rem;
   }

    #search-logo_left_menu_spread-desktop {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
    }   
}

header:not([data-color-scheme="scheme4"]) {
    nav .header-search svg,
    nav .header-customer-accounts svg,
    nav [data-cart-drawer-toggle] svg,
    #gropulse-wishlist-nav-button svg {
        /* fill: var(--color-black-primary) !important; 
        fill: currentCcolor;
        stroke:  var(--color-black-primary);  */
        filter: var(--color-black-primary-filter);
    }
}

.gropulse-wishlist-icon-wrapper .gropulse-wishlist-count {
    background-color: var(--color-black-primary);
}

@media (max-width: 1023px) {
    header .buckscc-currency-box {
        display: none !important; 
    }

    header nav[aria-label="Header"] > * > *:last-child {
        align-items: center;
        gap: var(--spacing-2xs);

        a {
            width: 2.4rem;
            height: fit-content;
            aspect-ratio: 1;
            display: block;
            padding: 0;

            /* svg {
                display: none;
            } */
        }

        > * {
            margin: 0;
        }

        [data-cart-drawer-toggle] .h-6.w-6,
        .header-search .h-6.w-6,
        .header-customer-accounts .h-6.w-6 {
            width: 100%;
            height: 100%;
        }

        .header-search .predictive-search-form.input-group.search .h-6.w-6 {
            width: 2rem;
            height: 2rem;
        }

        #search-logo_left_menu_spread-mobile {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
        }

        #gropulse-wishlist-nav-button {
            display: flex;
            align-items: center;
            justify-content: center;

            svg {
                width: 2rem;
                height: 2rem;
                transition: filter var(--duration) var(--timing-function);
            }
        }

        #gropulse-wishlist-nav-button {
            order: 1;        
        }
        .header-search {
            order: 2;
        }
        .header-customer-accounts {
            order: 3;
        }
        [data-cart-drawer-toggle] {
            order: 4;
        }

        .header-menu-ctrl {
            line-height: 1
        }

        .header-menu-ctrl > * {
            width: 2.4rem;
            height: 2.4rem;            
            padding: 0;

            .h-6.w-6 {
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .header-menu-ctrl svg {
            width: 2rem;
            height: 2rem;
        }
    }

    nav[aria-label="Primary"] {
        > ul > li {
            /* padding-left: var(--spacing-3xs);
            padding-right: var(--spacing-3xs); */

            data-island > button, > a {
                font-weight: 500;
            }
        }

        .absolute.right-0.h-6.w-6 {
            width: fit-content;
            height: fit-content;
        }
    }

    #modals-leftDrawer > [aria-label="Menu"] {
        max-width: 100vw;
        width: 100vw;
    }
}

@media(max-width: 1023px) {
    .buckscc-currency-box {
        position: absolute;
        bottom: 0;
        left: 0;

        .hxoSelectTheme .buckscc-select-styled.active+.buckscc-select-options {
            top: auto !important;
            bottom: 100% !important;
            right: auto !important;
            left: 0 !important;        
            background-color: var(--color-badge-primary);
            border-radius: 0;
            box-shadow: 0;
        }

        .buckscc-select-styled .bucks-selected {
            font-size: var(--font-size-button);
            line-height: var(--line-height-button);
        }
    }

    [data-modal-label="Menu"] .my-6.px-section-horizontal-spacing {
        position: absolute;
        bottom: 0;
        left: 22%;
        margin-bottom: 0.6rem;


        button[type="button"] {
            font-size: var(--font-size-button);
            line-height: var(--line-height-button);        
            display: flex;
            align-items: center;
            gap: var(--spacing-5xs);    
        }
    }
}

/* MODALS PROMO */
#modals-promo {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--spacing-sm);       

        .font-heading {
            font-size: var(--font-size-subtitle);
            line-height: var(--line-height-subtitle);
            font-weight: 500;
        }

        p {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
        }

        > .mt-4 {
            margin-top: var(--spacing-sm);
        }
    }

    button[type="button"].absolute.top-4 {
        top:  var(--section-horizontal-spacing);
    }

    .theme-icon path {
        stroke-width: 3;
    }
}

/* SHOPIFY CHAT */
#shopify-chat {
    z-index: 1;
    position: relative;
}
#ShopifyChat {
    z-index: 999 !important;
}

/* COOKIE */
#shopify-pc__banner.shopify-pc__banner__dialog {
    bottom: var(--spacing-xs);
    right: var(--spacing-xs);
    padding: var(--spacing-sm);
    max-width: 48.7rem;
    border-radius: 0;

    .shopify-pc__banner__btns {
        margin-top: var(--spacing-xs);
        justify-content: flex-start;
        gap: var(--spacing-xs);
    }

    button {
        flex-basis: unset;
        margin: 0;
        font-size: var(--font-size-button);
        line-height: var(--line-height-button);
        text-decoration: underline;
        color: var(--color-badge-primary);
        padding: 0;
        background-color: transparent;
        border: none;
        text-transform: uppercase;
    }

    .shopify-pc__banner__btn-manage-prefs {
        order: 3;
    }
}

@media (max-width: 575px) {
    #shopify-pc__banner.shopify-pc__banner__dialog {
        bottom: 0;
        right: 0;
        max-width: unset;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

/* FOOTER */
[id*="__footer"] {
    border-top: 0.5px solid var(--color-black);
    margin-top: calc(-1 * var(--gutter));

    .bg-scheme-background.px-section-horizontal-spacing.py-section-vertical-spacing {
        padding-top: var(--spacing-2lg);
        padding-bottom: var(--spacing-4lg);

        @media (max-width: 1023px) {
            padding-top: var(--spacing-sm);
            padding-bottom: var(--spacing-sm);

            &:last-child {
                padding-bottom: var(--spacing-2lg);
            }
        }

        .font-heading {
            font-weight: 500;
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);  
            margin-bottom: var(--spacing-xs);          
        }

        .rte,
        .list-none {
            font-size: var(--font-size-description);
            line-height: var(--line-height-description);
        }

        .rte + * .h-6.w-6 {
            width: 2rem;
            height: 2rem;
        }
    }

    footer > *:last-child > * {
        padding-top: var(--spacing-2sm);
        padding-bottom: var(--spacing-2sm);

        .mb-4.space-y-2.text-sm {
            display: flex;
            gap: var(--spacing-xs);
            font-size: var(--font-size-description);
            line-height: var(--line-height-description);

            ul {
                margin-top: 0;
                display: flex;
                gap: var(--spacing-xs);
                font-size: var(--font-size-description);
                line-height: var(--line-height-description);

                li:after {
                    content: none;
                }
            }
        }

        .mb-4:last-child {
            .-mx-1.-mb-2 {
                display: flex;
                gap: var(--spacing-4xs);
                justify-content: flex-end;

                @media (max-width: 1023px) {
                    justify-content: flex-start;
                }

                li {
                    width: auto;
                    margin: 0;
                }
            }
        }
    }
}

/* HEART */
.love-button .bi.bi-heart  path,
.love-button .bi.bi-heart-fill path {
    fill: var(--color-black);
}

/* SECTION */
[id*="__scrolling-text"] scrolling-items-content,
[id*="__scrolling_text_"] scrolling-items-content {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3)
}

/* MODAL RIGHT */
#modals-rightDrawer {
    > * {
        max-width: 56rem;
    }

    .pt-theme-double {
        padding-top: 0;

        > *:first-child {
            padding: var(--spacing-sm);
        }

        ul li {
            padding: var(--spacing-3xs);
        }
    }

    [x-data="CartFooter"] > * {
        padding: var(--spacing-sm);
    }

    textarea {
        height: calc(var(--font-size-body) * var(--line-height-body) * 4);
    }

    [x-ref="quantityControl"] {
        align-items: center;

        > * {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
        }
    }
}

/* PAGE ==================== */
/* PAGE: INDEX */
#shopify-section-template--19272973746331__video_ydw6y4 {
    @media (max-width: 1023px) {
        .video > * > * {
            height: 100svh;
        }
    }
}
/* COLLECTION LINKS WITH IMAGE */
/* IMAGE WITH TEXT */
[id*="__collection_links_with_image"],
[id*="__image_with_text_"] {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--section-horizontal-spacing);
    }

    /* COLLECTION LINKS WITH IMAGE */
    ul {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-2xs);
        align-items: flex-start;

        li {
            font-size: var(--font-size-h2);
            line-height: var(--line-height-h2);
            text-transform: uppercase;
            font-weight: 500;
            text-decoration-thickness: 2px;

            a {
                width: 100%;
                display: block;
                text-align: start;            
            }

            span {
                text-underline-offset: 8px;
                text-decoration-thickness: 3px;
            }

            sup {
                font-size: var(--font-size-subtitle);
                line-height: var(--line-height-subtitle);
                letter-spacing: 0.8px;
                font-weight: 400;
                vertical-align: super;
                margin-left: var(--spacing-5xs);
            }
        }
    }

    /* IMAGE WITH TEXT */
    .px-section-horizontal-spacing.py-section-vertical-spacing > .text-left {
        max-width: 57.2rem;

        .font-heading.text-heading-standard {
            font-size: var(--font-size-h2);
            line-height: var(--line-height-h2);
            text-transform: uppercase;
            font-weight: 500;
        }

        .rte {
            margin-top: var(--spacing-sm);
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
        }

        .mt-4.text-0 {
            margin-top: var(--spacing-md);
        }
    }
}

@media (min-width: 1024px) {
    [id*="__collection_links_with_image"], {
        > .grid {
            border: none;
            background-color: unset;
        }
    }

    [id*="__image_with_text_"] {
         > .grid {
            border: none;
            background-color: var(--color-light-brown-secondary);
        }
    }


}

/* IMAGE WITH TEXT MOBILE PADDING */
@media (max-width: 1023px) {
    #shopify-section-template--19272973746331__image_with_text_RE8PJC,
    #shopify-section-template--20487288193179__image_with_text_bByALA,
    #shopify-section-template--20487288193179__image_with_text_4bANVb {
        .flex.bg-scheme-background.px-section-horizontal-spacing.py-section-vertical-spacing.text-scheme-text {
            padding-top: var(--spacing-4xl);
            padding-bottom: var(--spacing-4xl);
        }
    }
}

/* FEATURED COLLECTION CAROUSEL */
[id*="__featured-collection-carousel"] {
    .pb-theme {
        padding-bottom: var(--spacing-sm);
        align-items: center;
    }

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

    .splide__track.bg-gridline-color {
        background-color: transparent;
    }

    ul.splide__list {
        .splide__slide {
            font-size: var(--font-size-description);
            line-height: var(--line-height-description);
            border-right: none;
            text-wrap: balance;
            margin-right: 0 !important;

            .group.w-full.border-b-gridline.border-gridline-color.pb-0 {
                border-bottom: none;
            }

            .relative.justify-between.py-4.px-section-horizontal-spacing.flex {
                padding-bottom: var(--spacing-2sm);
            }
        }
    }

    data-island[x-init="checkIfWrapped"] {
        margin-top: var(--spacing-sm);
        margin-left: var(--section-horizontal-spacing);
        margin-right: var(--section-horizontal-spacing);

        .splide__pagination__page {
            width: 0.8rem;
            height: 0.8rem;
            margin-left: 0.4rem;
            margin-right: 0.4rem;
        }

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

/* SECTION TITLE */
#shopify-section-template--19272973746331__rich_text_VqUjar .px-section-horizontal-spacing.py-section-vertical-spacing,
#shopify-section-template--19272973746331__rich_text_wjLRLM .px-section-horizontal-spacing.py-section-vertical-spacing,
#shopify-section-template--19272973615259__blog_posts_p3dWKg .px-section-horizontal-spacing,
#shopify-section-template--20488102445211__faq_xRXCKH .px-section-horizontal-spacing.pb-theme.pt-theme-double {
    padding-bottom: var(--spacing-sm);
    padding-top: var(--spacing-sm);

    h2.font-heading.text-heading-standard {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
    }

    .flex .w-full {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--spacing-3xs);

        .mt-4.text-0 {
            margin-top: 0;

            > .theme-link {
                padding-bottom: 0;
            }
        }
    }

    @media (max-width: 1023px) {
        .flex .w-full {
            flex-direction: column;
            align-items: flex-start;

            .mt-4 {
                margin-top: 0;
            }
        }
    }
}

/* TEXT COLUMNS WITH IMAGES */
[id*="__text_columns_with_images_"] {
    ul li {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    ul li .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--section-horizontal-spacing);
        display: flex;
        flex-direction: column;
        flex-grow: 1;

        .font-heading.text-heading-secondary {
            font-size: var(--font-size-subtitle2);
            line-height: var(--line-height-subtitle2);
        }

        .rte.mt-2 {
            font-size: var(--font-size-description);
            line-height: var(--line-height-description);
        }

        .mt-4:has(a:empty) {
            margin-top: 0;
        }

        .mt-4 {
            flex-grow: 1;
            margin-top: var(--spacing-md);
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            display: flex;
            align-items: flex-end;

            a:empty {
                position: absolute;
                width: 100%;
                height: 100%;
                z-index: 10;
                left: 0;
                bottom: 0;
            }

            @media (max-width: 1023px) {
                a:empty {
                    left: 0;
                    bottom: 0; 
                }               
            }
        }
    }
}

@media (max-width: 1023px) {
    [id*="__text_columns_with_images_"] {
        ul li .px-section-horizontal-spacing.py-section-vertical-spacing {
            padding: var(--spacing-3xs);
        }
    }
}

/* LOGO LIST */
[id*="__logo-list"] {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding-top: var(--spacing-2sm);
        padding-bottom: var(--spacing-2sm);
    }

    scrolling-items-content .flex > .relative {
        margin-left: var(--spacing-md);
        margin-right: var(--spacing-md);
        --logo-width: 10rem;
        filter: var(--color-filter-black);
    }
}

#shopify-section-template--19272973746331__image_with_text_overlay_H9apyh 
.px-section-horizontal-spacing.py-section-vertical-spacing 
.text-left .lg\:w-2\/3 {
    align-items: flex-start;
}

/* IMAGE WITH TEXT OVERLAY */
[id*="__image_with_text_overlay_"] {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);

        .text-left {
            width: 65rem;
            max-width: unset;

            .lg\:w-2\/3 {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
            }
        }

        .font-heading.text-heading-feature {
            display: flex;
            align-items: flex-start;
            gap: var(--spacing-sm);
            font-size: var(--font-size-h1);
            line-height: var(--line-height-h1);
            flex-grow: 1;

            &:before {
                content: "";
                display: block;
                flex-shrink: 0;
                background-image: url("./bespoke.webp");
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                aspect-ratio: 0.6;
                width: 15.6rem;
                height: auto;
            }
        }
    }

    image-with-placeholder {
        &:before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 1;
            background-color: rgba(var(--color-black-rgb), 0.2);
        }
    }

    .group .flex .text-scheme-text {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-2xs);
        max-width: 56.1rem;

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

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

        > * {
            margin-top: 0;

            &:last-child {
                margin-top: var(--spacing-xs);
            }
        }
    }
}

@media (max-width: 1023px) {
    [id*="__image_with_text_overlay_"] {
        image-with-placeholder img {
            min-height: 100vh;
            object-fit: cover;
            object-position: top center;
        }

        .px-section-horizontal-spacing.py-section-vertical-spacing {
            .text-left {
                max-width: 100%;
            }

            .font-heading.text-heading-feature {
                &:before {
                    width: 9rem;
                }
            }
        }
    }
}

[id*="__testimonials"] {
    .border-b-gridline.border-gridline-color.bg-scheme-background {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm);
        border-bottom: var(--gutter) solid var(--color-white);
    }

    .grid.bg-scheme-background.px-section-horizontal-spacing.py-section-vertical-spacing {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);

        blockquote {
            .font-heading > p:first-child {
                font-size: var(--font-size-subtitle);
                line-height: var(--line-height-subtitle);
                font-weight: 500;
            }

            .font-heading > p:nth-child(2) {
                margin-top: var(--spacing-xs);
            }

            footer {
                margin-top: var(--spacing-xs)
            }
        }
    }

    .testimonial-stars { 
        display: flex;
        margin-top: var(--spacing-xs);

        .star {
            width: 2.4rem;
            height: auto;
            display: block;
            aspect-ratio: 1;
            backgorund-position: center;
            background-repeat: no-repeat;
            background-contain: contain;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"><path opacity="0.5" d="M11.4127 0L14.1068 8.2918H22.8254L15.7719 13.4164L18.4661 21.7082L11.4127 16.5836L4.35925 21.7082L7.05342 13.4164L-3.8147e-06 8.2918H8.71851L11.4127 0Z" fill="%23DFDCD4"/></svg>');

            &.is-filled {
                background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" viewBox="0 0 23 22" fill="none"><path d="M11.4127 0L14.1068 8.2918H22.8254L15.7719 13.4164L18.4661 21.7082L11.4127 16.5836L4.35925 21.7082L7.05342 13.4164L-3.8147e-06 8.2918H8.71851L11.4127 0Z" fill="%23A04215"/></svg>');
            }
        }
    }
}

/* PAGE: PRODUCT */
#shopify-section-template--19272973713563__main {
    #filterable {
        > .grid:first-child {
            > * {
                padding-top: var(--spacing-sm);
                padding-bottom: var(--spacing-sm);

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

        data-island:nth-child(2) {
            nav .-mx-2 {
                margin-left: 0;
                margin-right: 0;

                li:first-child {
                    padding-left: 0;
                }
            }
        }

        #filters-drop-down,
        #sort-drop-down {
            transition: none;
            overflow: hidden;
        }


        #filters-form-filters-drop-down {
            #filter-drop-down-toggle {
                font-size: var(--font-size-button);
                line-height: var(--line-height-button);
                text-transform: uppercase;
            }

            .px-section-horizontal-spacing {
                padding-left: 0;
                padding-right: 0;

                .filters-wrapper {
                    display: grid;
                    grid-template-columns: repeat(5, 1fr);
                    padding-right: 0;
                    gap: 0;
            
                    .js-filter.mt-section-vertical-spacing {
                        margin-top: 0;
                        border-right: var(--gutter) solid var(--color-black);
                        padding: var(--spacing-sm);
                        padding-bottom: var(--spacing-5xl);

                        &:last-child {
                            border-right: 0;
                        }

                        .mt-2.space-y-1 {
                            margin-top: var(--spacing-3xs);

                            li .rounded-full.border-checkbox.border-current {
                                width: 0.7rem;
                                height: 0.7rem;
                                margin-right: var(--spacing-4xs);
                            }
                        }
                    }
                }

                [data-filterable-filter-fragment="clear"] {
                    margin-top: 0;
                    flex-direction: row;
                    position: absolute;
                    left: var(--spacing-xs);
                    bottom: var(--spacing-xs);
                    gap: var(--spacing-md);
                    align-items: center;
                }
            }
        }

        [x-html-if-set="drawerToggleHTML"] {
            > button[type="button"] {
                font-size: var(--font-size-button);
                line-height: var(--line-height-button);
                text-transform: uppercase;

                .h-3.w-3 {
                    width: fit-content;
                    height: fit-content;
                }
            }            
        }

        #filters-form-sort-drop-down {
            #sort-drop-down-toggle {
                font-size: var(--font-size-button);
                line-height: var(--line-height-button);
                text-transform: uppercase;
            }

            #sort-drop-down {
                li .rounded-full.border-checkbox.border-current {
                    width: 0.7rem;
                    height: 0.7rem;
                    margin-right: var(--spacing-4xs);
                }
            }
        }

        #results {
            .collection-list {
                background-color: unset;
                margin-bottom: var(--spacing-lg);


                data-island > .relative > .group {
                    border: none;
                }

                .text-scheme-text .text-left  {
                    font-size: var(--font-size-description);
                    line-height: var(--line-height-description);
                }
            }

            .px-section-horizontal-spacing.pb-theme-double.pt-theme:last-child {
                padding-top: var(--spacing-xs);
                padding-bottom: var(--spacing-xs);

                .pagination li {
                    display: block;
                    padding: var(--spacing-4xs) var(--spacing-2xs);
                    font-size: var(--font-size-button);
                    line-height: var(--line-height-button);
                }

                .theme-link {
                    font-weight: 500;
                }
            }
        }
    }
}

#filters-form-drawer {
    .sticky > * {
        text-transform: uppercase;
    }

    label .rounded-full.border-checkbox.border-current {
        width: 0.7rem;
        height: 0.7rem;
        margin-right: var(--spacing-4xs);
    }
}

.splide {
    data-island {
        margin-top: var(--spacing-sm);
        margin-left: var(--section-horizontal-spacing);
        margin-right: var(--section-horizontal-spacing);
    }

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

    .splide__pagination__page {
        width: 0.8rem;
        height: 0.8rem;
        margin-left: 0.4rem;
        margin-right: 0.4rem;
    }
}
    
        
[id*="__main"][src="product"][role="banner"] {
    .product-media-container {
        @media(max-width: 1023px) {
            border-bottom: var(--gutter) solid var(--color-black);
        }
    }
    .product-content-container {
        padding-left: var(--section-horizontal-spacing);
        padding-right: var(--section-horizontal-spacing);

        .product-block-area {
            padding-top: var(--spacing-sm);
            padding-bottom: 0;
            margin-bottom: calc(-1 * var(--gutter));

            .money.buckscc-money {
                font-size: var(--font-size-subtitle2);
                line-height: var(--line-height-subtitle2);
            }

            .product-title-block {
                font-size: var(--font-size-h3);
                line-height: var(--line-height-h3);
            }

            data-island[x-data="RTE"] {
                margin-top: var(--spacing-md);
                font-size: var(--font-size-body);
                line-height: var(--line-height-body);
            }

            .product-quantity-block {
                margin-top: var(--spacing-md);

                label {
                    font-size: var(--font-size-button);
                    line-height: var(--line-height-button);
                    text-transform: uppercase;
                }

                #Quantity {
                    font-size: var(--font-size-subtitle2);
                    line-height: var(--line-height-subtitle2);
                }

                .theme-icon {
                    width: 1rem;
                    height: 1rem;
                }
            }
            
            .product-variant-picker-block {
                > .block {
                    text-transform: uppercase;
                }

                label {
                    padding: var(--spacing-3xs) var(--spacing-2sm);
                }

                .peer.sold-out~.peer-\[\.sold-out\]\:line-through {
                    text-decoration-line: unset;
                    opacity: 0.5;
                    pointer-events: none;
                }
            }

            .add-to-cart-container  {
                max-width: unset;
                margin-top: var(--spacing-md);

                .add-to-cart-actions {
                    display: flex;
                    flex-direction: row;
                    gap: var(--spacing-2xs);

                    @media (max-width: 1023px){
                        flex-direction: column;
                    }

                    .add-to-cart,
                    .shopify-block.shopify-app-block {
                        flex-shrink: 0;
                        flex: 1;
                        height: 5.2rem;
                    }

                    .add-to-cart {                                                
                        font-size: var(--font-size-button);
                        line-height: var(--line-height-button);
                        align-items: center;
                        text-transform: uppercase;

                        &:after {
                            content: none;
                        }

                        @media (max-width: 1023px){
                            flex: unset;
                        }
                    }

                    .shopify-block.shopify-app-block button {
                        margin: 0;
                        width: 100%;
                        opacity: 1 !important;
                        font-weight: 400;                    
                        padding: .25rem;
                        height: 5.2rem;                        
                    }

                    &:has([disabled="disabled"]) {
                        flex-direction: column-reverse;

                        .add-to-cart {
                            background-color: var(--color-black-primary);
                            color: var(--color-badge-primary);
                        }

                        .add-to-cart,
                        .shopify-block.shopify-app-block {
                            flex: unset;
                            height: 5.2rem;
                        }
                    }
                }

                .payment-button-wrapperpayment-button-wrapper--text_background {
                    margin-top: var(--spacing-2xs);
                }

                .shopify-payment-button__button {
                    height: 5.2rem;
                    font-size: var(--font-size-button);
                    line-height: var(--line-height-button);
                    align-items: center;
                    text-transform: uppercase;


                    &:after {
                        content: none;
                    }
                }
            }

            
            .-mx-section-horizontal-spacing.grid  {
                margin-top: var(--spacing-md);

                > * {
                    padding: var(--spacing-3xs) var(--spacing-sm);
                    font-size: var(--font-size-button);
                    line-height: var(--line-height-button);
                }

                &:nth-child(odd) {
                    font-weight: 700;
                }
            }

            .mt-8.font-body.text-base + .collapsible-tab > * {
                border-top: none;
            }

            .collapsible-tab {
                margin-top: 0;

                > * {
                    margin: 0 calc(-1 * var(--section-horizontal-spacing));
                    padding: var(--spacing-3xs) var(--section-horizontal-spacing);

                    @media (max-width: 1023px) {
                        width: 100vw;
                        margin-left: calc(50% - 50vw);
                        margin-right: calc(50% - 50vw);
                    }
                }

                h2 .text-base {
                    font-size: var(--font-size-subtitle2);
                    line-height: var(--line-height-subtitle2);
                }

                .metafield-rich_text_field {
                    font-size: var(--font-size-body);
                    line-height: var(--line-height-body);
                }
            }

            .collapsible-tab:last-child {
                margin-bottom: 0;
            }
        }
    }
}
.payment-button-wrapperpayment-button-wrapper--text_background:has(
  .shopify-payment-button__button[aria-disabled="true"]
) {
  display: none;
}

.add-to-cart,
.quantum-lbw-wishlist-btn {
    transition: var(--duration) var(--timing-function);

    @media (hover: hover) and (pointer: fine) {
        &:hover {
            color: var(--color-badge-primary);
            background-color: var(--color-black-primary);
        }
    }
}

.add-to-cart-container .shopify-payment-button__button.shopify-payment-button__button--unbranded {
    transition: var(--duration) var(--timing-function);

     @media (hover: hover) and (pointer: fine) {
        &:hover {
            color: var(--color-black-primary);
            background-color: var(--color-badge-primary);
        }
    }
}

#shopify-section-template--19272974008475__text_columns_with_images_iQVqqP {
    section > *:first-child {
        padding: var(--spacing-sm);
        border-bottom: none;
    }
}

#shopify-section-template--19272974008475__text_columns_CRcYgi {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--spacing-2lg) 0;
        position: relative;

        &:after {
            content: "";
            position: absolute;
            display: block;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: var(--gutter);
            height: 100%;
            background-color: var(--color-black);
        }

        @media (max-width: 1023px) {
            padding-top: var(--spacing-sm);
            padding-bottom: var(--spacing-sm);

            &:after {
                content: none;
            }
        }

        > * {
            break-inside: avoid;
            position: relative;
        }
    }

    .metafield-rich_text_field {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
    }

    .rte ul > *, .rte ol > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: var(--section-horizontal-spacing);
        padding-right: var(--section-horizontal-spacing);
        padding-top: var(--spacing-3xs) !important;

        &:first-child {
            padding-top: 0 !important;
        }
    }
}

[id*="__related-products"] > data-island {
    .related-products-container {
        > .px-section-horizontal-spacing.pb-theme.pt-theme-double {
            padding: var(--spacing-sm);

        }

    @media(min-width: 1024px) {
            .grid {
                display: flex;
                justify-content: center;   
                background-color: var(--color-badge-primary);
                
                li {
                    width: 25%;

                    &.hidden {
                        display: none;
                    }

                    .group.w-full.border-b-gridline.border-gridline-color.pb-0 {
                        border-bottom: none;
                    }

                    .py-4.px-section-horizontal-spacing {
                        padding-top: var(--spacing-sm);
                        padding-bottom: var(--spacing-2sm);
                    }
                }
            }
        }

        .grid {    
            gap: 0;
                
            li {
                .group.w-full.border-b-gridline.border-gridline-color.pb-0 {
                    border-bottom: none;
                }
            }
        }
    }
}

/* PAGE: ABOUT */
#shopify-section-template--20487288193179__rich_text_daRW3A .font-heading.text-heading-standard {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}

#shopify-section-template--20487288193179__image_with_text_bByALA .grid {
    @media(max-width: 1023px) {
        display: flex;
        flex-direction: column-reverse;
    }
}

/* PAGE: COMMUNITY */
#shopify-section-template--19272973648027__main,
#shopify-section-template--19272973615259__blog_posts_p3dWKg {
    section > *:nth-child(2) nav {
        padding-top: var(--spacing-3xs);
        padding-bottom: var(--spacing-3xs);
    }

    .grid li {
        .block.h-full {
            display: flex;
            flex-direction: column;

            > *:nth-child(1) {
                flex-shrink: 0;
            }

            > *:nth-child(2) {
                flex-grow: 1;
            }
        }
        .px-section-horizontal-spacing.py-section-vertical-spacing {
            padding: var(--spacing-sm) var(--spacing-2sm);
            display: flex;
            flex-direction: column;
            gap: var(--spacing-4xs);

            > * {
                margin-top: 0;
            }

            .font-heading {
                font-size: var(--font-size-subtitle2);
                line-height: var(--line-height-subtitle2);
                font-weight: 500;
            }

            > *:nth-child(2) {
                opacity: 0.5;
            }

            > *:nth-child(2),
            > *:nth-child(3) {
                font-size: var(--font-size-description);
                line-height: var(--line-height-description);
            }

            > *:last-child {
                margin-top: var(--spacing-md);
                flex-grow: 1;
                display: flex;
                align-items: flex-end;
            }
        }
    }

    .px-section-horizontal-spacing.pb-theme-double.pt-theme:last-child {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);

        .pagination li {
            display: block;
            padding: var(--spacing-4xs) var(--spacing-2xs);
            font-size: var(--font-size-button);
            line-height: var(--line-height-button);
        }

        .theme-link {
            font-weight: 500;
        }
    }
}

/* PAGE: COMMUNITY SINGLE */
#shopify-section-template--19272973615259__main,
#shopify-section-template--20488059650203__main {
    .grid .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md);
        max-width: 116.3rem;

        .rte {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            /* --stack-space: clac(var(--font-size-body) * var(--line-height-body)); */
            --stack-space: 20px;
        }

        h1.font-heading {
            text-wrap: balane;
            font-size: var(--font-size-h2);
            line-height: var(--line-height-h2);
        }

        > *:nth-child(2) {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            opacity: 0.5;
        }

        strong {
            font-weight: 500;
        }

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

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

        a {
            color: var(--color-orange-secondary);
        }
    }
}

.social-sharing {
    margin-top: var(--spacing-xl);
    text-transform: uppercase;
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);

    .flex {
        gap: var(--spacing-xs);
        margin-left: var(--spacing-4xs);
        color: var(--color-black);
        flex-wrap: nowrap;

        @media (max-width: 1023px) {
            margin-left: 0;
        }

        > a {
            padding: 0;
            margin: 0;
            border-bottom: none;
            color: var(--color-black) !important;

            @media (hover: hover) and (pointer: fine) {
                &:hover {
                    color: var(--color-orange-secondary) !important;
                }
            }
        }
    }
}

/* PAGE: BUSINESS */
#shopify-section-template--20486937215131__image_with_text_overlay_mP3VUD {
    .group .flex .text-scheme-text:before {
        content: "";
        width: 69px;
        height: 107px;
        aspect-ratio: 69/107;
        background-image: url("./beans.webp");
        backgorund-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: var(--spacing-sm);
    }
}

#shopify-section-template--20486937215131__text_split_D4Dmzb {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--section-horizontal-spacing);

        .rte.text-heading-secondary.font-heading {
            font-size: var(--font-size-h3);
            line-height: var(--line-height-h3);
        }

        .rte.text-base.font-heading {
            font-size: var(--font-size-subtitle);
            line-height: var(--line-height-subtitle);
        }
    }
}

/* PAGE: POLICY */
.rte {
    ul {
        margin: 0;
        padding: 0;
        list-style-type: disc;
        padding-left: 1.05em;

        li {
            display: list-item;
        }

        li::marker {
            font-size: 0.7em;
        }
    }

    p + ul {
        margin-top: 0 !important;
        margin-block-start: 0 !important;
    }
}

#shopify-section-template--20486742933659__rich_text_WeGPrD,
#shopify-section-template--20486742933659__text_columns_with_images_e8d74U,
#shopify-section-template--20486742933659__text_columns_with_images_KPCxij {
    .rte {
        font-size: var(--font-size-body) !important;
        line-height: var(--line-height-body) !important;

        a {
            color: var(--color-orange-secondary);
        }
    }

    h2.font-heading {
        font-size: var(--font-size-subtitle) !important;
        line-height: var(--line-height-subtitle) !important;

        + .mt-4 {
            margin-top: var(--spacing-6xs);
        }
    }

    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--section-horizontal-spacing);
    }
}

/* PAGE: WISH LIST */
#MainContent .hso-quantum-wishlist-page-container {
    max-width: unset !important;
    display: flex;
    flex-direction: column;    

    &:before {
        content: "WISHLIST";
        font-size: var(--font-size-h2);
        line-height: var(--line-height-h2);
        font-weight: 500;
        padding: var(--spacing-sm);
        border-bottom: var(--gutter) solid var(--color-black);
    }

    #guest-banner-container .hso-quantum-login-based-wishlist-guest-banner {
        margin-bottom: 0;
        box-shadow: unset;
        background: var(--color-badge-primary);
        border-bottom: var(--gutter) solid var(--color-black);

        @media (max-width: 1023px) {
            .guest-banner-buttons {
    
            }
        }

        .guest-banner-button {
            width: fit-content;
            height: 5.2rem;
            padding: var(--spacing-4xs) var(--spacing-lg);
            min-width: 17rem;
            font-size: var(--font-size-button);
            line-height: var(--line-height-button);
            display: flex;
            justify-content: center;
            align-items: center;
            align-items: center;
            text-transform: uppercase;
            transition: var(--duration) var(--timing-function);
            border-radius: 0;

            @media (max-width: 1023px) {
                width: 100%;
            }

            &.primary {
                color: var(--color-badge-primary);
                background-color: var(--color-black-primary);
                border: var(--gutter) solod var(--color-black-primary);
            }

            &.secondary {
                color: var(--color-black-primary);
                background-color: var(--color-badge-primary);
                border: var(--gutter) solid var(--color-black-primary); 
            }
        }
    }

    #hso-quantum-wishlist-filter-container,
    .hso-quantum-login-based-wishlist-actions,
    .hso-quantum-login-based-wishlist-wrapper {
        max-width: unset !important;
    }

    #hso-quantum-wishlist-filter-container,
    .hso-quantum-login-based-wishlist-actions {
        display: none;
    }

    .hso-quantum-login-based-wishlist-wrapper {
        padding: var(--spacing-sm) 0 !important;
        border-bottom: var(--gutter) solid var(--color-black);
        
        .hso-quantum-login-based-wishlist-product-list {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 0 !important;
            padding-left: var(--section-horizontal-spacing) !important;
            padding-right: var(--section-horizontal-spacing) !important;
            gap: var(--spacing-2xs) !important;

            @media(max-width: 1023px) {
                grid-template-columns: repeat(2, 1fr) !important; 
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            .hso-quantum-login-based-wishlist-product {
                box-shadow: unset;
                border-radius: 0;

                .hso-quantum-login-based-wishlist-product__remove-icon svg {
                    width: 2.4rem;
                    height: 2.4rem;
                }

                .hso-quantum-login-based-wishlist-product__media {                
                    flex-shrink: 0;

                    * {
                        height: 100%;
                        width: 100%;
                        display: block;
                        aspect-ratio: 0.800005132;
                    }
                }

                .hso-quantum-wishlist-product-actions {
                    display: none;
                }

                .hso-quantum-login-based-wishlist-product__content {
                    flex-grow: unset;
                    padding-left: var(--section-horizontal-spacing);
                    padding-right: var(--section-horizontal-spacing);
                }

                .hso-quantum-login-based-wishlist-product__info {
                    padding: 0;
                    display: flex;

                    > * {
                        display: block;
                        width: 50%;
                        text-wrap: text-wrap;
                        margin: 0;
                        font-size: var(--font-size-description);
                        line-height: var(--line-height-description);
                    }

                    > *:first-child {
                        text-align: left;
                    }

                    > *:last-child {
                        text-align: right;
                    }
                }
            }
        }
    }
}

/* PAGE: CAREER */
/* Text Split */
#shopify-section-template--20488102445211__text_split_zRrKD6 {
    .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--section-horizontal-spacing);

        .rte.text-heading-standard.font-heading {
            font-size: var(--font-size-h3);
            line-height: var(--line-height-h3);
        }

        .rte.text-base.font-body {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
        }
    }
}

@media (max-width: 1023px) {
    #shopify-section-template--20488102445211__image_with_text_overlay_iKy8aK {
        image-with-placeholder img {
            min-height: unset;
            object-position: center;
        }
    }
}

/* What we need */
#shopify-section-template--20488102445211__text_columns_with_images_ni7LjF .rte {
    font-size: var(--font-size-subtitle2);
    line-height: var(--line-height-subtitle2);
    font-weight: 500;
    text-transform: uppercase;
}

#shopify-section-template--20488102445211__text_columns_with_images_febJwr {
    h2.font-heading {
        font-size: var(--font-size-h3);
        line-height: var(--line-height-h3);
        font-weight: 500;
    }
}

[id*="__surecust_forms_lock_custom_form_"] .onst-registration-form .onst-registration-form-container.onst-big-form {
    max-width: unset;
    padding: 0;

    .onst-custom-form-box {
        padding-top: 0;
    }

    .onst-field {
        label {
            font-size: var(--font-size-button);
            line-height: var(--line-height-button);
            padding-bottom: var(--spacing-5xs);
        }

        input, select, textarea {
            border: none;
            background-color: transparent;
            padding: 0;
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            border-bottom: 0.5px solid rgba(var(--color-black-rgb), 0.5);
            padding-bottom: var(--spacing-5xs);
            position: relative;
        }

        &:has(select[data-required="true"]):after {
            content: "";
            display: block;
            position: absolute;
            bottom: calc((var(--font-size-body) * var(--line-height-body)) / 2);
            right: 0;
            transform: translateY(-50%);
            width: 0.9rem;
            height: 0.5rem;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 8 4" fill="none"><path opacity="0.5" d="M3.89648 3.75L7.7936 0H-0.000629902L3.89648 3.75Z" fill="%23212322"/></svg>');
        }
    }
    .onst-file-input label {
        border: none;
        background-color: transparent;
        padding: 0 !important;
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
        border-bottom: 0.5px solid var(--color-black);
        padding-bottom: var(--spacing-5xs) !important;
        position: relative;
        flex-direction: row-reverse;
    }

    .onst-file-input .onst-upload-icon {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="18" viewBox="0 0 8 18" fill="none"><mask id="mask0_332_16537" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="8" height="18"><rect width="8" height="17.2715" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_332_16537)"><path opacity="0.5" d="M0 14.6357V13.4357H8V14.6357H0ZM3.36842 11.6819V4.91874L0.960421 7.19414L0.0810528 6.35874L4 2.63574L7.91895 6.35874L7.03958 7.19414L4.63158 4.91874V11.6819H3.36842Z" fill="%2328221C"/></g></svg>');
        opacity: 1;
    }

    .onst-custom-form-submit.button.btn {
        margin-right: auto;
        display: block;
    }
}

#shopify-section-template--20488102445211__text_columns_with_images_febJwr .px-section-horizontal-spacing.py-section-vertical-spacing {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
}

/* PAGE: CONTACT */
#shopify-section-template--19272973844635__text_columns_with_images_VXkhmH,
#shopify-section-template--20487803240603__text_columns_with_images_febJwr {
    ul li .px-section-horizontal-spacing.py-section-vertical-spacing {
        padding: var(--spacing-sm) var(--section-horizontal-spacing);

        .font-heading {
            font-size: var(--font-size-subtitle);
            line-height: var(--line-height-subtitle);
            font-weight: 500;
        }

        .rte.mt-2 {
            margin-top: var(--spacing-5xs); 
        }
    }
}

#shopify-section-template--19272973844635__main {
    > section {
        min-height: unset;

        > * {
            padding: var(--spacing-sm) var(--section-horizontal-spacing);

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

            .rte.mt-theme {
                display: none;
            }
        }
    }

    #ContactForm {
        .mt-4 {
            margin-top: var(--spacing-sm);

            @media (min-width: 1024px) {
                &.lg:mt-0 {
                    margin-top: 0;
                }
            }
        }

        .lg\:grid.lg\:grid-cols-2.lg\:gap-4 {
            gap: var(--spacing-sm);

            .mt-4 {
                margin-top: 0;

                @media (max-width: 1023px) {
                    margin-top: var(--spacing-sm);
                }
            }            
        }

        label {
            font-size: var(--font-size-button);
            line-height: var(--line-height-button);
            padding-bottom: 0;            
        }
        input:not([type="submit"]) {            
            border: none;
            background-color: transparent;
            padding: 0;
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            border-bottom: 1px solid rgba(var(--color-black-rgb), 0.5);
            padding-bottom: var(--spacing-5xs);
            position: relative;
        }
        #ContactFormMessage {
            border: none;
            border-bottom: var(--gutter) solid var(--color-black);
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);
            height: calc(var(--font-size-body) * var(--line-height-body) * 5)            
        }
    }
}

/* PAGE LOGIN */
#MainContent {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

[id*="customer-"],
[id*="customer-"] > *,
[id*="customer-"] > * > * {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

[id*="customer-"] .mx-auto.my-theme {
    max-width: 64rem;
    width: 100%;

    > * {
        width: 100%;
    }

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

    form  {
        > .mt-4,
        > .mt-8 {
            margin-top: var(--spacing-lg);
        }

        input {
            font-size: var(--font-size-body);
            line-height: var(--line-height-body);   
        }
    }
    
}

/* PAGE: ACCOUNT */
#MainContent section.border-b-gridline.border-gridline-color[data-color-scheme="scheme1"]:has(.customer)  {
    flex-grow: 1;

    > * {
        max-width: 126.5rem;
        margin-left: auto;
        margin-right: auto;
    }

    .my-theme-double {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl);
        padding-left: var(--section-horizontal-spacing);
        padding-right: var(--section-horizontal-spacing);
    }

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

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

    table {
        margin-top: var(--spacing-md);
    }

    .col-span-full.md\:col-start-10.md\:col-span-3 {
        .mt-4 {
            margin-top: var(--spacing-md);
        }

        .mt-2 {
            margin-top: var(--spacing-sm);
        }
    }
}

/* ADDRESS */
#customer-register.addresses {
    .my-theme-double  {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl);
    }
    ul[role="list"] {
        margin-top: var(--spacing-lg);
        display: flex;
        flex-direction: column;
        gap: var(--spacing-sm);

        li[data-address] {
            padding: var(--spacing-sm);
            border: var(--gutter) solid var(--color-black);
        }
    }
}

/* PAGE TITLE */
#shopify-section-template--19272973648027__main,
#shopify-section-template--20488102445211__main,
#shopify-section-template--19453187817627__feature_text_YxR4dK,
#shopify-section-template--20488273100955__feature_text_DiPLAe,
#shopify-section-template--20507541602459__feature_text_YxR4dK,
#shopify-section-template--19272973844635__rich_text_fJRetb,
#shopify-section-template--20486742933659__main,
#shopify-section-template--19272973877403__faq,
#shopify-section-template--20487288193179__text_columns_with_images_e4fcb4,
#shopify-section-template--20487803240603__main {
    > section > *:first-child {
        padding: var(--section-horizontal-spacing);

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

        }

        .rte.mt-4 {
           margin-top: 0;
       }
    }
}

/* PAGE: FAQ */
[id*="__faq"] data-island.contents {
    .font-heading {
        font-size: var(--font-size-subtitle);
        line-height: var(--line-height-subtitle);

        button[type="button"] {
            padding-top: var(--spacing-xs);
            padding-bottom: var(--spacing-xs);
            gap: var(--spacing-xs);

            .ease-gentle.flex.h-6.w-6 {
                width: fit-content;
                height: fit-content;
            }
        }
    }
    .rte {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
        padding-bottom: var(--spacing-xs);
    }
}

/* PAGE: LOCATION */
.overflow-x-auto.px-section-horizontal-spacing.py-section-vertical-spacing-half {
    padding-top: var(--spacing-3xs);
    padding-bottom: var(--spacing-3xs);
}

@media (max-width: 1023px) {
    #shopify-section-template--19453187817627__single_level_navigation_66PEC3,
    #shopify-section-template--20488273100955__single_level_navigation_NgMAgB,
    #shopify-section-template--20507541602459__single_level_navigation_66PEC3 {
        ~ [id*="__text_columns_with_images_"] .grid {
                grid-template-columns: 1fr 1fr;
        }
    }
}

/* PAGE: 404 */
#shopify-section-template--19272973582491__main {
    height: 100%;
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;

    > * {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 50rem;
    }
}