/** Shopify CDN: Minification failed

Line 94:0 All "@import" rules must come first
Line 95:0 All "@import" rules must come first

**/
/* Store disabled message  */
/*
.product-form__item .shopify-payment-button,
.product-form__item .btn{
    display: none;
}
.product-form::after {
    content: "STORE UNDER MAINTENANCE. PLEASE CHECK BACK IN AN HOUR.";
    display: block;
    color: #e86d2b;
    background: #fff2d0;
    padding: 20px;
    border: 2px solid ;
    font-size: 24;
}

.product-form__controls-group .selector-wrapper {
    display: none;
}
*/


/* Whatsapp button enquiry */
a.whatsapp-enquiry-link {
    padding: 12px 12px;
    text-align: left;
    padding-left: 50px;
    display: block;
    border: 2px solid !important;
    margin-bottom: 10px;
    font-weight: 600;
    background-image: url(/cdn/shop/files/whatsapp_logo_new-2x.png?v=1710584552);
    background-size: 18px 18px;
    background-color: #128C7E;
    background-repeat: no-repeat !important;
    color: #fff;
    background-position: left 20px center;
    justify-content: center;
}

a.whatsapp-enquiry-link:hover {
    background-color: #22aa16;
    color: #fff;
}

.product-form__cart-submit {
    display: none;
}

.size-chart-container {
    padding-left: 5px;
}

/* Full width image CSS  */
.grid-view-item__image-wrapper {
    max-width: 100% !important;
}

.grid-view-item__image-wrapper .grid-view-item__image {
    max-width: 100% !important;
    max-height: 100% !important;
}

.spz_branding {
    display: none !important;
}

.product-single__media.product-single__media--video.product-single__media--44936291713229 {
    /* padding-top: 0 !important; */
    max-width: 498px !important;
    max-height: 530px !important;
}

.product-single__thumbnail-image {
    max-width: 120px !important;
    display: block;
    margin: 0 auto;
    padding: 2px;
    max-height: 154px !important;
    width: 120px
}

#AccessibleNav .site-nav--centered {
    padding-bottom: 12px;
}

/* AR CSS for PDP */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif+Caption:ital@0;1&display=swap');

@media (min-width: 750px) {
    #shopify-section-header:has(.site-header.logo--center) > [data-section-type="header-section"] {
        max-width: 1200px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    #shopify-section-header:has(.site-header.logo--center) #AccessibleNav {
        display: flex;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
    }

    #shopify-section-header:has(.site-header.logo--center) #AccessibleNav .site-nav.list--inline.site-nav--centered {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        max-width: 1200px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    #shopify-section-header:has(.site-header.logo--center) #AccessibleNav .site-nav.list--inline.site-nav--centered > li {
        float: none;
    }
}
/*
 * Main nav (desktop) — Figma: Outfit Bold 16px, LH 100%, letter-spacing 20%, uppercase, black
 * Note: logo--center layout renders #AccessibleNav OUTSIDE .site-header (sibling), so use #shopify-section-header.
 */
#shopify-section-header #AccessibleNav .site-nav > li .site-nav__link.site-nav__link--main {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
}

#shopify-section-header #AccessibleNav .site-nav > li .site-nav__link.site-nav__link--main .site-nav__label {
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
    color: #000000 !important;
}

/*
 * Main nav — separator icon between top-level items (14×14 px).
 */
#shopify-section-header #AccessibleNav .site-nav > li.site-nav__separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    padding: 0 0.35em;
    pointer-events: none;
}

#shopify-section-header #AccessibleNav .site-nav > li.site-nav__separator .site-nav__separator-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: #000000;
}

#shopify-section-header #AccessibleNav .site-nav > li.site-nav__separator .site-nav__separator-svg,
#shopify-section-header #AccessibleNav .site-nav > li.site-nav__separator .site-nav__separator-img {
    width: 14px;
    height: 14px;
    display: block;
    flex-shrink: 0;
    object-fit: contain;
}

/*
 * Desktop mega menu — same layout at page top AND after scroll (.nav-is-bar-fixed).
 * Bug: at top, dropdown was trapped in SHOP <li> width → Shop All clipped; scroll fixed it.
 */
@media (min-width: 750px) {
    #header-scroll-wrapper,
    #header-scroll-wrapper:has(.site-nav--active-dropdown),
    #shopify-section-header,
    #shopify-section-header [data-section-type="header-section"],
    #shopify-section-header #AccessibleNav {
        overflow: visible !important;
    }

    #shopify-section-header [data-section-type="header-section"] {
        position: relative;
    }

    #shopify-section-header {
        position: relative;
        z-index: 200;
    }

    #shopify-section-header:has(.site-nav--active-dropdown),
    #header-scroll-wrapper:has(.site-nav--active-dropdown) {
        z-index: 300 !important;
    }

    #shopify-section-header #AccessibleNav {
        position: relative;
        z-index: 201;
        width: 100%;
    }

    #shopify-section-header:has(.site-nav--active-dropdown) #AccessibleNav.border-bottom {
        border-bottom-color: transparent;
    }

    #shopify-section-header:has(.site-nav--active-dropdown) #AccessibleNav.nav-is-bar-fixed {
        z-index: 300 !important;
    }

    /* SHOP li must not be the positioning box (theme sets position:relative on --has-dropdown) */
    #shopify-section-header .site-nav--has-dropdown.site-nav--has-centered-dropdown {
        position: static !important;
    }

    #shopify-section-header .site-nav--active-dropdown > .site-nav__link.site-nav__link--button,
    #shopify-section-header .site-nav__link.site-nav--active-dropdown {
        border: none !important;
        border-bottom: 2px solid #000000 !important;
        z-index: 302;
    }

    /* One panel layout for page top AND after scroll — no jump when .nav-is-bar-fixed */
    #shopify-section-header .site-nav__dropdown.site-nav__dropdown--centered {
        left: 50% !important;
        right: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: -50vw !important;
        margin-right: 0 !important;
        top: 100% !important;
        padding: 0 !important;
        text-align: left;
        border: none !important;
        border-top: 1px solid #ebebeb !important;
        border-bottom: 1px solid #ebebeb !important;
        border-radius: 0 !important;
        background: #ffffff;
        box-shadow: none !important;
        z-index: 301 !important;
        isolation: isolate;
    }

    /* Inner track — always match nav row (top + scrolled) */
    #shopify-section-header:has(.site-header.logo--center) .site-nav__dropdown--centered .site-nav__childlist {
        display: block;
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 28px 20px 32px;
        box-sizing: border-box;
        background: transparent;
        text-align: left;
    }

    #shopify-section-header .site-nav__childlist-grid {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0 clamp(20px, 2.5vw, 40px);
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-bottom: 0;
    }

    #shopify-section-header .site-nav__childlist-item {
        flex: 1 1 0;
        margin: 0;
        min-width: 0;
        max-width: none;
        padding: 0;
    }

    #shopify-section-header .site-nav__childlist-item:first-child {
        padding-left: 0;
        flex-shrink: 0;
    }

    /* PDP full-bleed gallery must stay under open mega menu */
    .template-product .new-pdp-template .product-media-slider.fullwidth-slider,
    .template-product .new-pdp-template .product-single__media-group {
        position: relative;
        z-index: 1;
    }

    #shopify-section-header .site-nav__childlist-item > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #shopify-section-header .site-nav__childlist-item > ul > li {
        margin: 0;
    }

    /* Column headings — Outfit (matches main nav) */
    #shopify-section-header .site-nav__dropdown .site-nav__child-link--parent {
        font-family: 'Outfit', sans-serif !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        letter-spacing: 0.14em !important;
        text-transform: uppercase !important;
        color: #000000 !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        display: block;
    }

    /* Column links — PT Serif Caption (matches PDP / body) */
    #shopify-section-header .site-nav__dropdown .site-nav__child-link:not(.site-nav__child-link--parent) {
        font-family: 'PT Serif Caption', 'PT Serif', Georgia, serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        color: #000000 !important;
        padding: 5px 0 !important;
        margin: 0 !important;
        display: block;
        white-space: normal;
    }

    #shopify-section-header .site-nav__dropdown .site-nav__child-link:not(.site-nav__child-link--parent):hover,
    #shopify-section-header .site-nav__dropdown .site-nav__child-link:not(.site-nav__child-link--parent):focus {
        color: #000000 !important;
        opacity: 0.65;
    }

    #shopify-section-header .site-nav__dropdown .site-nav__child-link .site-nav__label {
        font-family: inherit !important;
        font-weight: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
        text-transform: inherit !important;
        color: inherit !important;
        border-bottom: none !important;
    }

    #shopify-section-header .site-nav__dropdown .site-nav__child-link--parent:hover .site-nav__label,
    #shopify-section-header .site-nav__dropdown .site-nav__child-link--parent:focus .site-nav__label {
        border-bottom-color: transparent !important;
    }

    /* Theme adds horizontal padding on dropdown links — keeps first column from looking pushed in */
    #shopify-section-header .site-nav__dropdown .site-nav__link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    #shopify-section-header .site-nav__dropdown--centered .site-nav__childlist {
        padding-top: 32px;
        padding-bottom: 36px;
    }

    #shopify-section-header .site-nav__childlist-grid {
        gap: 0 44px;
    }
}

/* Mobile drawer nav (header #MobileNav) — same Figma as desktop */
@media (max-width: 749px) {
    #shopify-section-header .mobile-nav-wrapper .mobile-nav__link,
    #shopify-section-header .mobile-nav-wrapper .mobile-nav__link .mobile-nav__label,
    #shopify-section-header .mobile-nav-wrapper a.mobile-nav__link,
    #shopify-section-header .mobile-nav-wrapper a.mobile-nav__link .mobile-nav__label,
    #shopify-section-header .mobile-nav-wrapper .mobile-nav__sublist-link,
    #shopify-section-header .mobile-nav-wrapper .mobile-nav__sublist-link .mobile-nav__label {
        font-family: 'Outfit', sans-serif !important;
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 1 !important;
        letter-spacing: 0.2em !important;
        text-transform: uppercase !important;
        color: #000000 !important;
    }
}

.new-pdp-template h1.product-single__title {
    font-family: 'Playfair';
    font-size: 32px;
    text-transform: uppercase;
    font-weight: normal;
    color: #000000;
    letter-spacing: -4%;
    margin-bottom: 2rem;
}

.new-pdp-template span.money.bacurr-money {
    font-weight: 700;
    font-family: 'Outfit';
    font-size: 22px;
}

.new-pdp-template .product__policies.rte {
    font-family: 'Outfit';
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0;
}

.new-pdp-template {
    .size-buttons {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        width: max-content;
        font-family: 'Outfit';

    }

    .size-button {
        padding: 8px 14px;
        border: 1px solid #ccc;
        background: #fff;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.2s ease;
        font-family: 'Outfit';

        /* width: max-content; */
    }

    .size-button.active,
    .size-button:hover {
        border-color: #000;
        background: #000;
        color: #fff;
        font-family: 'Outfit';
        font-size: 13px;
    }

    .variant-container .size-chart-container.buttons button {
        display: inline;
        background: transparent;
        color: #000000;
        font-family: 'Outfit';
        padding: 0;
        text-decoration: underline;
        font-size: 13px;
        opacity: .6;
        font-weight : 600;
    }

    .variant-container {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .shopify-payment-button {
        max-width: 237px;
        margin-right: 20px;
    }

    button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
        background: black;
        font-size: 13px;
        font-family: 'Outfit';
        margin-right: 30px;
    }

    .product-form__controls-group.product-form__controls-group--submit {
        margin-top: 30px;
    }

    a.whatsapp-enquiry-link {
        background: transparent;
        color: green;
        border-color: #00aa45 !important;
        padding: 10px 40px;
        color: #00aa45;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        display: flex;
        gap: 10px;
        width: 296px;
        max-width: 100%;
        font-family : 'Outfit';
    }

    .product-single__description.rte {
        font-family: 'PT Serif Caption';
        font-size: 14px;
        color: #000000;
        margin-top: 20px;
    }

    ul.social-sharing {
        margin-top: 40px;
        display: none;
    }
}

/* Product recommendations — "You may also like" heading (Figma) */
.template-product #shopify-section-product-recommendations .section-header h2 {
    font-family: 'Playfair', Georgia, serif;
    font-weight: 400;
    font-size: 50px;
    line-height: 1;
    letter-spacing: -6%;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    margin: 0 0 17.5px;
}

    .h4.grid-view-item__title.product-card__title {
        text-align: center;
        width: 100%;
        min-width: 100%;
        display: flex;
        justify-content: center;
        font-family: 'PT Serif Caption';
        font-size: 18px;
        color : #000000;
    }

    .product-card__price {
        font-family: 'Outfit' !important;
        text-align: center;
        padding-top: 6px;
        font-size: 16px;
    }

/* Product media slider: fills parent; desktop PDP breakout below */
.fullwidth-slider {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
}

/* Desktop PDP: edge-to-edge gallery only — arrows stay centered (narrow wrap) */
@media (min-width: 769px) {
    .new-pdp-template .product-media-slider.fullwidth-slider {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .new-pdp-template .slick-arrows-wrap {
        width: 150px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

}

/* SLIDE SPACING */
.media-slide {
    padding: 0 5px;
    width: 33%;
}

/* FIX HEIGHT FOR IMAGE & VIDEO */
.media-inner {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    /* CHANGE IF NEEDED */
    background: #f5f5f5;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* IMAGE – contain so no crop */
.media-inner img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* SHOPIFY VIDEO */
.media-inner video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* YOUTUBE / EXTERNAL */
.media-inner iframe {
    width: 100%;
    height: 100%;
}

/* BOTTOM ARROWS */
.slick-arrows-wrap {
    width: 150px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin: auto;
    margin-bottom: 50px;
}

.slick-arrows-wrap .slick-prev,
.slick-arrows-wrap .slick-next {
    position: static;
    transform: none;
}

/* REMOVE DEFAULT ABSOLUTE POSITION */
.slick-prev,
.slick-next {
    top: auto;
}

.product-template__container .slick-prev:before,
.product-template__container .slick-next:before {
    font-size: 34px;
}

.slick-dots li.slick-active button:before {
    color: #fff;
    opacity: .75;
    font-size: 42px;
    color: black;
}

.slick-dots li button:before,
.slick-dots li a:before {
    opacity: .5;
    font-size: 40px;
    color: black;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

div#ProductSection-product-template.new-pdp-template {
    max-width: 100%;
    margin: 0px 8%;
    padding: 0;
}
.new-pdp-template .product-form__item {
    padding: 0;
}

.new-pdp-template .product-single__description p {
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'PT SERIF CAPTION';
    font-weight: 400;
}

/* PDP — description tabs (Figma: MORE DETAILS / DELIVERY INSTRUCTIONS), desktop-first */
.new-pdp-template .pdp-desc-tabs {
    margin-top: 28px;
    margin-bottom: 8px;
}

.new-pdp-template .pdp-desc-tabs__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    margin-bottom: 22px;
}

.new-pdp-template .pdp-desc-tabs__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 16px;
    cursor: pointer;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    border: 1px solid #0000001A;
    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        opacity 0.2s ease;
}

.new-pdp-template .pdp-desc-tabs__btn:hover {
    color: rgba(0, 0, 0, 0.65);
}

.new-pdp-template .pdp-desc-tabs__btn--active {
    color: #000000;
    background: #e8e8e8;
    border-color: #000000;
    font-weight: 600;
}

.new-pdp-template .pdp-desc-tabs__btn::before {
    content: '';
    width: 9px;
    height: 9px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.2s ease;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.new-pdp-template .pdp-desc-tabs__btn--active::before {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.942809' y='4.24219' width='4.66667' height='4.66667' transform='rotate(-45 0.942809 4.24219)' stroke='black' stroke-width='1.33333'/%3E%3C/svg%3E");
}

.new-pdp-template .pdp-desc-tabs__panels {
    position: relative;
}

.new-pdp-template .pdp-desc-tabs__panel {
    font-family: 'PT SERIF CAPTION', 'PT Serif Caption', serif;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.new-pdp-template .pdp-desc-tabs__panel[hidden] {
    display: none !important;
}

.new-pdp-template .pdp-desc-tabs__panel .metafield-rich_text_field,
.new-pdp-template .pdp-desc-tabs__panel.metafield-rich_text_field {
    padding-left: 0;
}

.new-pdp-template .pdp-desc-tabs__panel .metafield-rich_text_field li,
.new-pdp-template .pdp-desc-tabs__panel ul li {
    list-style: disc;
    margin-left: 1.1em;
}

.new-pdp-template .pdp-desc-tabs__panel p {
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'PT SERIF CAPTION', 'PT Serif Caption', serif;
    font-weight: 400;
}

@media (min-width: 769px) {
    .new-pdp-template .pdp-desc-tabs__btn {
        font-size: 13px;
        padding: 11px 18px;
    }
}

/* MOBILE FIX */
@media (max-width: 768px) {
    .template-product .product-card__price {
        text-align: start;
    }

    .template-product .product-card__price {
        text-align: start;
    }

    .new-pdp-template .size-buttons {
        width: unset;
    }

    .new-pdp-template .variant-container {
        display: block;
    }

    button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
        margin-right: 0;
        width: 100%;
    }

    .new-pdp-template .shopify-payment-button {
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .new-pdp-template button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
        margin-right: 0;
        width: 100% !important;
    }

    .template-product #shopify-section-product-recommendations .section-header h2 {
        font-size: 32px;
        letter-spacing: 0;
    }
    div#ProductSection-product-template.new-pdp-template{
        margin: 0px 4%;
    }
    .prd-price-flex{
        display: flex !important;
    }
    .new-pdp-template a.whatsapp-enquiry-link {
        width: 100%;
    }
    .new-pdp-template .pdp-desc-tabs__btn {
        padding: 9px;
        font-size: 10px;
        text-align: left;
        justify-content: end;
    }
    .new-pdp-template .pdp-desc-tabs__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px 13px;
    margin-bottom: 22px;
}
    }

@media (min-width: 769px) {
    .product-form__item--payment-button {
        display: inline-flex !important;
    }
}

.prd-price-flex {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
}

.social-sharing {
    flex-wrap: wrap;
}

.grid-view-item__link span {
    font-size: 18px;
}
.return-link-wrapper{
    display: none !important;
}
.shopify-payment-button .shopify-payment-button__button--unbranded {
    position: relative;
}
.shopify-payment-button .shopify-payment-button__button--unbranded:after {
    content: "Buy Now";
    background: #000000;
    color: #ffffff;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

/*
 * Non-index: sticky wrapper for mobile + left-logo desktop.
 * Centered logo + desktop: wrapper not sticky (logo scrolls). #AccessibleNav gets
 * .nav-is-bar-fixed + position:fixed via header-sticky-nav-only.js once past its natural top.
 * Index: same script adds .ak-index-nav-only on #header-scroll-wrapper so the logo row
 * collapses inside the fixed hero header after scroll past hero + logo height.
 */
.header-scroll-wrapper--sticky {
    position: sticky;
    top: 0;
    z-index: 100;
}

@media (min-width: 750px) {
    #header-scroll-wrapper.header-scroll-wrapper--sticky:has(.site-header.logo--center) {
        position: static;
        top: auto;
        z-index: auto;
    }

    #shopify-section-header:has(.site-header.logo--center) #AccessibleNav.nav-is-bar-fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        z-index: 120;
        background-color: #ffffff !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
        display: flex;
        justify-content: center;
        box-sizing: border-box;
    }

    #shopify-section-header:has(.site-header.logo--center) #AccessibleNav.nav-is-bar-fixed .site-nav.list--inline.site-nav--centered {
        max-width: 1200px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    /*
     * Index: header wrapper stays position:fixed (hero-section). After scroll, JS adds
     * .ak-index-nav-only so the logo row collapses and only #AccessibleNav stays in the bar.
     */
    #header-scroll-wrapper.header-scroll-wrapper--index.ak-index-nav-only:not(.header-scroll-wrapper--hidden)
        .site-header.logo--center {
        max-height: 0 !important;
        opacity: 0;
        overflow: hidden;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border: 0 !important;
        pointer-events: none;
        transition: max-height 0.35s ease, opacity 0.25s ease, padding 0.3s ease;
    }
}

/* Header background white on all pages */
#shopify-section-header,
.site-header,
.site-header__mobile-nav,
.header-scroll-wrapper--sticky,
.header-scroll-wrapper--sticky #shopify-section-header,
.header-scroll-wrapper--sticky .site-header {
    background-color: #ffffff !important;
}

.site-header .site-header__mobile-nav {
    background-color: #ffffff !important;
}

/* Header: hide announcement bar only (logo + icons visible) */
#shopify-section-header .announcement-bar,
#header-scroll-wrapper .announcement-bar {
    display: none !important;
}

/* Logo: desktop slot 520×80 (mobile sizes in max-width block below) */
@media (min-width: 750px) {
    .site-header .site-header__logo-image {
        display: block;
        width: 520px;
        height: 80px;
        max-width: 100%;
        max-height: 80px;
        object-fit: contain;
        box-sizing: border-box;
    }
}

/* Desktop: keep header minimal (no search/cart strip). Mobile: must show menu toggle — it lives inside this wrapper. */
.site-header__icons-wrapper {
    display: none;
}

@media (max-width: 749px) {
    .site-header__icons-wrapper {
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
    }

    .site-header__icons-wrapper .site-header__search-toggle,
    .site-header__icons-wrapper .site-header__account,
    .site-header__icons-wrapper .site-header__cart {
        display: none !important;
    }

    /* Mobile: hamburger left, logo centered — right spacer mirrors menu width */
    .site-header.logo--center .site-header__mobile-nav {
        display: flex !important;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
        padding: 8px 8px;
        box-sizing: border-box;
        column-gap: 0;
    }

    .site-header.logo--center .site-header__mobile-nav > .grid__item {
        float: none;
    }

    .site-header.logo--center .site-header__mobile-nav > .grid__item.site-header__icons {
        order: 0;
        flex: 0 0 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        min-width: 48px;
        padding: 0;
        text-align: center;
    }

    .site-header.logo--center .site-header__mobile-nav > .grid__item:nth-child(1) {
        order: 1;
        flex: 1 1 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
        padding: 0;
        text-align: center;
    }

    .site-header.logo--center .site-header__mobile-nav::after {
        content: "";
        flex: 0 0 48px;
        width: 48px;
        height: 1px;
        order: 2;
        pointer-events: none;
    }

    .site-header.logo--left .site-header__mobile-nav {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 12px;
        width: 100%;
        padding: 16px 8px;
        box-sizing: border-box;
    }

    .site-header.logo--left .site-header__mobile-nav > .grid__item {
        display: block;
        float: none;
        width: auto;
    }

    .site-header.logo--left .site-header__mobile-nav > .grid__item.site-header__icons {
        order: -1;
    }

    /* Figma: logo vector ~179.78 × 27.7 */
    .site-header .site-header__logo-image {
        display: block;
        width: 179.78px;
        height: 29.7px;
        max-width: 179.78px;
        max-height: 29.7px;
        margin-left: auto;
        margin-right: auto;
        object-fit: contain;
        box-sizing: border-box;
    }

    .site-header.logo--left .site-header__logo-image {
        margin-left: 0;
        margin-right: 0;
    }

    .site-header .site-header__logo {
        padding: 0;
        margin: 0;
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header.logo--center .site-header__icons .site-header__icons-wrapper {
        width: 100%;
        justify-content: center;
    }

    .site-header .site-header__icon.site-header__menu {
        padding: 0;
        margin: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        box-sizing: border-box;
        vertical-align: middle;
    }

    /* Theme toggles icons via .mobile-nav--open on #PageContainer — do not force both .icon visible */
    .site-header .site-header__menu .icon.icon-hamburger {
        width: 22px;
        height: 22px;
        display: block;
    }

    .site-header .site-header__menu .icon.icon-close {
        width: 22px;
        height: 22px;
        display: none !important;
    }

    #PageContainer.mobile-nav--open .site-header .site-header__menu .icon.icon-hamburger {
        display: none !important;
    }

    #PageContainer.mobile-nav--open .site-header .site-header__menu .icon.icon-close {
        display: block !important;
    }
}

/* ========== COLLECTION PAGE ========== */
.new-page-width {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 50px;
}

.new-filters-toolbar {
    margin: 16px auto;
    justify-content: center !important;
}

.new-filters-toolbar__label {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    font-family: Outfit;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.3px;
    opacity: 40%;
}

.new-filters-toolbar__input.filter_input {
    height: unset !important;
    font-size: 13px;
    line-height: 1.4;
    font-family: Outfit;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 10px !important;
    width: 140px !important;
    letter-spacing: 1.3px;
}

.new-filters-toolbar__input.sort_input {
    height: 18px !important;
    font-size: 13px;
    line-height: 1.4;
    font-family: Outfit;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 0 10px !important;
    width: 170px !important;
    letter-spacing: 1.3px;
    vertical-align: middle;
}

.filters-toolbar {
    padding: 16px 0 !important;
}

/*
 * /collections (list-collections) — Figma collection hero title
 * Playfair Display 400, 56px, line-height 100%, letter-spacing -6%, uppercase, #000
 */
body.template-list-collections .list-collections-page__header {
    margin-bottom: 40px;
    text-align: center;
}

body.template-list-collections .list-collections-page__title {
    font-family: "Playfair",serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 50px !important;
    line-height: 1 !important;
    letter-spacing: -0.06em !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    margin: 0 !important;
}

@media only screen and (max-width: 749px) {
    body.template-list-collections .list-collections-page__title {
        font-size: 32px !important;
    }

    body.template-list-collections .list-collections-page__header {
        margin-bottom: 28px;
    }
}

.collection-header .section-header {
    margin-bottom: 30px;
}

.collection-header .section-header h1 {
    font-size: 56px;
    font-family: 'Playfair';
    text-transform: UPPERCASE;
    margin-bottom: 0;
    color : #000000;
}

.new-filters-toolbar__item--count {
    margin-top: 25px !important;
}

.new-filters-toolbar__item--count .filters-toolbar__product-count {
    font-size: 16px;
    line-height: 1.4;
    font-family: Outfit;
    text-transform: uppercase;
    font-weight: 600;
    font-style: unset !important;
    color: #000000;
    opacity: 0.3;
}

.filters-toolbar__item-child,
.filters-toolbar__input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-page-width.filters-toolbar-wrapper {
    max-width: 1420px !important;
    margin-bottom: 56px !important;
}

.grid-view-item {
    margin: 0 auto 56px !important;
}

.new-prd-title {
    font-family: 'PT Serif Caption';
    font-size: 18px;
    text-align: center !important;
    justify-content: center;
    align-items: center;
    margin: 24px auto 10px auto;
    display: flex;
    line-height: 1.7;
}

.new-prd-price {
    font-family: 'Outfit' !important;
    text-align: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
    font-weight: 700;
}

@media only screen and (max-width: 749px) {
    .new-page-width.filters-toolbar-wrapper {
        max-width: 90% !important;
        margin-bottom: 15px !important;
        padding: 0 !important;
    }

    .new-page-width {
        max-width: 95%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .new-filters-toolbar__input {
        width: 100% !important;
    }

    .filters-toolbar__item--count {
        text-align: center !important;
    }

    .collection-header .section-header h1 {
        font-size: 32px;
    }

    .new-filters-toolbar__item--count {
        margin-top: 10px !important;
    }

    .filters-toolbar__item-child:first-child {
        margin-right: 1rem !important;
    }

    .filters-toolbar__item-child {
        flex-direction: column;
        border-radius: 4px;
        align-items: start;
        gap: 5px;
        border: 1px solid #e5e5e5 !important;
        padding: 4px;
    }

    .filters-toolbar__input-wrapper {
        justify-content: start !important;
        align-items: start !important;
    }

    .new-filters-toolbar__input.filter_input {
        padding: 0px !important;
    }

    .new-filters-toolbar__input.sort_input {
        padding: 0px !important;
    }

    .new-filters-toolbar__input.filter_input {
        font-size: 11px;
        width: 120px !important;
    }

    .new-filters-toolbar__input.sort_input {
        font-size: 11px;
        width: 135px !important;
    }

    .new-filters-toolbar {
        justify-content: start !important;
    }

    .new-filters-toolbar__label {
        font-size: 11px;
        line-height: 1.4;
        font-family: Outfit;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1.1px;
        opacity: 40%;
    }

    .filters-toolbar__input-wrapper svg {
        width: 14px;
        height: 14px;
        margin-right: 10px;
    }

    .filters-toolbar--has-filter .filters-toolbar__item-child {
        flex-basis: unset !important;
    }

    .h4.grid-view-item__title.product-card__title {
        text-align: left !important;
        width: 100%;
        min-width: 100%;
        display: flex;
        font-family: 'PT Serif Caption';
        font-size: 14px;
        color: #000000;
        justify-content: flex-start;
    }

    .new-prd-price {
        font-family: 'Outfit' !important;
        text-align: left;
        font-size: 14px;
        display: flex;
        justify-content: flex-start;
        font-weight: 700;
    }

        .site-header {
        border-bottom: 0px solid var(--color-border);
    }
}
.border-bottom {
    border-bottom: 0px;
}
.page-width {
    max-width: 1280px !important;
}