/** Shopify CDN: Minification failed

Line 157:0 Unexpected "}"

**/
html, body {
    overflow-x: clip;
}
/* Kill default mobile tap highlight on all tappable elements */
a, button, [role="button"], input, select, textarea, label, summary {
    -webkit-tap-highlight-color: transparent !important;
}
/* Mobile: underline policy tabs */
@media (max-width: 768px) {
    .uk-tab-left > li {
        background: linear-gradient(#ddd, #ddd) no-repeat bottom / 100% 1px !important;
    }
    .uk-tab-left > li.uk-active {
        background: linear-gradient(#000, #000) no-repeat bottom / 100% 2px !important;
    }
    .uk-tab-left::before {
        display: none !important;
    }
}
/* Kill UIkit blue globally */
.uk-tab > .uk-active > a,
.uk-tab > * > a:focus,
.uk-tab > * > a:active,
.uk-tab::before,
.uk-nav-primary > li.uk-active > a,
[class*="uk-"] *:focus,
[class*="uk-"] *:active {
    border-color: transparent !important;
    color: inherit !important;
    outline: none !important;
    box-shadow: none !important;
}
/* Override UIkit's global blue accent */
:root {
    --uk-leader-fill-content: transparent !important;
}
*:focus-visible {
    outline-color: transparent !important;
}
button:focus-visible,
a:focus-visible {
    outline: none !important;
}

@media (min-width: 750px) {
    .account-button {
        display: none !important;
    }
}

/* Header: force black hover on non-transparent pages */
header-component:not([transparent]) {
    --color-primary-hover: #000 !important;
}

/* Header: sticky on all pages, compact */
#header-group {
    position: sticky !important;
    top: 0 !important;
    z-index: 20 !important;
    background: #fff !important;
}
#header-group header-component .header__row {
    padding-block: 8px !important;
}

/* Header: nav + actions typography */
header-component {
    --menu-top-level-font-weight: 700 !important;
    --menu-top-level-font-size-desktop: 10px !important;
    --menu-top-level-font-line-height: 15px !important;
    --header-actions-font-weight: 700 !important;
    --header-actions-font-size: 10px !important;
}
header-component .header-actions__text-style {
    font-weight: 700 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    letter-spacing: -0.2px !important;
}
header-component .menu a,
header-component .menu__item-label,
.menu-list__link,
.menu-list__link-title,
.menu-list__item {
    font-weight: 700 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    letter-spacing: -0.2px !important;
}

/* Header: localization (USD) typography */
header-component .dropdown-localization__button,
header-component .currency-code,
header-component .dropdown-localization {
    font-weight: 700 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    letter-spacing: -0.2px !important;
}

/* Hero: match Shop Now button weight with nav */
.hero .button,
.hero .button-secondary {
    font-weight: 500 !important;
}

/* Hero: nudge SHOP NOW left */
@media (min-width: 750px) {
    .hero__content-wrapper {
        padding-left: 0 !important;
        margin-left: -20px;
    }
}

/* Header logo size override — desktop only */
@media screen and (min-width: 750px) {
    .header-logo__image {
        height: 70px !important;
        width: auto !important;
    }
    .header-logo {
        margin-left: -70px !important;
    }
}

.overlay_bottom{
    position: absolute;
    bottom: 0;
    left: 0;
}
/* Transparent tint on overlay bar — desktop only */
@media screen and (min-width: 750px) {
    .overlay_bottom .overlay,
    .overlay_bottom .overlay--solid,
    .overlay_bottom .overlay--gradient {
        background: rgba(255, 255, 255, 0.10) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }
}
/* Overlay bar opacity 10% on mobile */
@media screen and (max-width: 749px) {
    .overlay_bottom .overlay,
    .overlay_bottom .overlay--solid,
    .overlay_bottom .overlay--gradient {
        background: rgba(255, 255, 255, 0.10) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}
}
.overlay_right{
    position: absolute;
    left: 0;
    top: 0;
}

div#judgeme_product_reviews {
    max-width: 100% !important;
}

.facets.facets--horizontal.spacing-style {
    display: none;
}
li.first_banner_area {
    display: grid;
    grid-template-columns: 66% 33%;
    gap: 1%;
}
/* Filters row — shared */
button.facets-toggle__button.button-unstyled {
    font-family: Inter !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

/* Filters row — desktop only */
@media screen and (min-width: 750px) {
    .facets-block-wrapper.facets-block-wrapper--horizontal {
        display: grid !important;
        grid-template-columns: repeat(4, 340px) !important;
        column-gap: 20px !important;
        justify-content: center !important;
        margin-top: 8px !important;
        padding-block: 0 !important;
        margin-bottom: 24px !important;
        padding-inline: 0 !important;
    }
    /* NEW ARRIVALS: first column, left-aligned */
    .facets-block-wrapper--horizontal h4.collection_title {
        grid-column: 1 !important;
        justify-self: start !important;
    }
    /* FILTERS: last column, right-aligned, same baseline */
    .facets-block-wrapper--horizontal .facets-toggle {
        grid-column: 4 !important;
        justify-self: end !important;
        align-self: end !important;
    }
    .facets-block-wrapper--horizontal h4.collection_title {
        align-self: end !important;
    }
    button.facets-toggle__button.button-unstyled {
        margin-left: auto !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
    .facets-toggle {
        display: flex !important;
        justify-content: flex-end !important;
    }
}
h4.collection_title {
    font-family: Inter;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #000 !important;
}
.product-information form.variant-picker__form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 12px;
}
fieldset.variant-option.variant-option--buttons.variant-option--swatches {
    justify-content: flex-start !important;
    padding: 0;
    margin: 0;
    border: 0;
}
.product-information .variant-option--swatches > overflow-list {
    justify-content: flex-start !important;
}
.product-information .variant-option--swatches {
    --product-swatches-alignment: flex-start !important;
    --product-swatches-alignment-mobile: flex-start !important;
}
fieldset.variant-option.variant-option--buttons:not(.variant-option--swatches) {
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    border: 0;
    padding-inline-start: 1px;
}
@media screen and (min-width: 750px) {
    fieldset.variant-option.variant-option--buttons:not(.variant-option--swatches) {
        padding-inline-start: 0;
        margin-inline-start: -10px;
    }
}
.product-information .variant-option--equal-width-buttons,
.product-information .variant-option--buttons:not(.variant-option--swatches) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    grid-template-columns: none !important;
    justify-content: flex-start !important;
}
.product-information .variant-option--equal-width-buttons .variant-option__button-label,
.product-information .variant-option--buttons:not(.variant-option--swatches) .variant-option__button-label {
    min-width: auto !important;
    flex: 0 0 auto !important;
    width: auto !important;
}
.variant-option__button-label:has(:checked):not(.variant-option__button-label--has-swatch,:has([data-option-available=false])):after {
    display: none !important;
}
main[data-template="product"] > div{
    margin: 0 140px;
    @media(max-width: 1200px){
        margin: 0 80px;
    }
    @media(max-width: 1024px){
        margin: 0 20px;
    }
    @media(max-width: 768px){
        margin: 0;
    }
}
.header__column--left, 
.header__column--center {
    gap: var(--gap-3xl) !important;
}
.header__columns {
    padding-left: 20px;
    padding-right: 40px;
}
.header__column--right {
    gap: var(--gap-3xl) !important;
}
.menu-list__list-item {  
    margin: 0 10px;
}
.cart-page .product_inline_checkut{
    display: none;
}
.product_inline_checkut{
    width: 100%;
    height: 40px;
}
.desktop_none{
    display: none;
}
.mobile_none{
    display: none;
}
.breadcrum_text * {
    font-size: 10px;
}
.mobile-stars-link {
    display: none;
}
/* Desktop arrows via SVG pseudo-elements */
@media (min-width: 750px) {
    .breadcrum_text .text-block p a::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 6px;
        vertical-align: middle;
        position: relative;
        top: -1px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2L4 6l4 4'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
    }
    .next-product-link::after {
        content: "" !important;
        display: inline-block !important;
        width: 10px !important;
        height: 10px !important;
        margin-left: 6px !important;
        vertical-align: middle !important;
        position: relative !important;
        top: -1px !important;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2l4 4-4 4'/%3E%3C/svg%3E") no-repeat center !important;
        background-size: contain !important;
    }
}
.breadcrum_text {
    margin-left: -72px;
}
/* Back/Next nav bar — static, not sticky */
.section-wrapper:has(.breadcrum_text) {
    position: relative !important;
    z-index: 10 !important;
    background: transparent !important;
    margin-top: 0 !important;
}
.section-wrapper:has(.breadcrum_text) .section-background,
.section-wrapper:has(.breadcrum_text) .section,
.section-wrapper:has(.breadcrum_text) .group-block,
.section-wrapper:has(.breadcrum_text) {
    background: transparent !important;
    background-color: transparent !important;
}
.breadcrum_text a,
.breadcrum_text a:visited,
.breadcrum_text a:active {
    --color: #000;
    --button-color: #000;
    text-decoration: none;
    color: #000 !important;
}
.next-product-link {
    --color: #000;
    --button-color: #000;
    text-decoration: none;
    color: #000 !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 15px;
    text-transform: uppercase;
    white-space: nowrap;
}
.breadcrum_text .text-block,
.breadcrum_text .text-block *,
.breadcrum_text .text-block strong {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    line-height: 15px !important;
    text-transform: uppercase !important;
}
/* Nudge the arrow characters up */
.breadcrum_text .text-block p,
.next-product-link {
    display: inline-flex !important;
    align-items: center !important;
}
@media (min-width: 750px) {
    .section-wrapper:has(.breadcrum_text) .section {
        padding-block: 5px 5px !important;
    }
    .breadcrum_text > .group-block-content > div:last-child {
        margin-right: -120px;
    }
}
@media (min-width: 750px) {
    .breadcrum_text a:hover,
    .next-product-link:hover {
        text-decoration: none !important;
    }
}
@media (max-width: 749px) {
    /* Product gallery dots: white, no blend mode */
    slideshow-controls:has(.slideshow-controls__dots) {
        mix-blend-mode: normal !important;
    }
    .slideshow-controls__dots button {
        --color: rgba(255,255,255,0.4) !important;
        --color-active: #fff !important;
        --color-hover: rgba(255,255,255,0.7) !important;
        --size: 6px !important;
        width: 6px !important;
        height: 6px !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        border-radius: 50%;
        padding: 0 !important;
        margin: 0 4px !important;
    }
    .slideshow-controls__dots button::after {
        width: 6px !important;
        height: 6px !important;
        box-shadow: none !important;
        border: none !important;
    }
    .slideshow-controls__dots button[aria-selected='true'] {
        --color: #fff !important;
    }

    /* Hide cart bubble quantity on mobile */
    .cart-bubble {
        display: none !important;
    }

    .breadcrum_text {
        margin-left: 0;
        display: flex;
        position: relative;
        align-items: center;
    }
    /* Product image — original aspect ratio */
    .product-information .product-information__media slideshow-component,
    .product-information .product-information__media slideshow-slide {
        aspect-ratio: 1 / 1.3 !important;
    }
    .product-information .product-information__media {
        overflow: hidden !important;
    }
    /* Tighten product details on mobile */
    .product-information .product-details {
        padding-block-start: 12px !important;
        padding-block-end: 8px !important;
        padding-inline-start: 16px !important;
        padding-inline-end: 16px !important;
        gap: 0 !important;
    }
    .product-information .product-details .buy-buttons-block {
        padding-block-start: 8px !important;
        padding-block-end: 8px !important;
    }
    .product-information .product-details .divider-block {
        padding-block-start: 10px !important;
        padding-block-end: 8px !important;
    }
    .breadcrum_text .text-block {
        height: 16px;
        width: fit-content;
        position: relative;
        top: -10px;
        left: -8px;
    }
    .breadcrum_text .text-block p {
        font-size: 0 !important;
    }
    .breadcrum_text .text-block a {
        font-size: 0 !important;
    }
    .breadcrum_text .text-block a {
        display: inline-flex !important;
        align-items: center;
        gap: 2px;
    }
    .breadcrum_text .text-block a::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        flex-shrink: 0;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M8 2L4 6l4 4'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
    }
    .breadcrum_text .text-block a::after {
        content: "BACK TO NEW ARRIVALS";
        font-size: 10px;
        font-weight: 700;
        letter-spacing: -0.2px;
        line-height: 15px;
        color: #000;
        white-space: nowrap;
    }
    .breadcrum_text .text-block a strong {
        font-size: 0 !important;
    }
    .next-product-link {
        visibility: visible !important;
        height: 16px;
        display: inline-flex !important;
        align-items: center;
        gap: 4px;
        font-size: 0 !important;
        margin-left: auto;
        margin-right: -10px;
        margin-top: -10px !important;
        color: transparent !important;
        position: relative;
        top: -10px;
    }
    .next-product-link::before {
        content: "NEXT PRODUCT";
        font-size: 10px;
        font-weight: 700;
        letter-spacing: -0.2px;
        line-height: 15px;
        white-space: nowrap;
        color: #000;
    }
    .next-product-link::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        flex-shrink: 0;
        margin-left: -4px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M4 2l4 4-4 4'/%3E%3C/svg%3E") no-repeat center;
        background-size: contain;
    }
    .variant-option--buttons {
        gap: 16px;
    }
    .mobile-stars-link {
        display: inline-flex !important;
        align-items: center;
        gap: 3px;
        text-decoration: none;
        vertical-align: middle;
        white-space: nowrap;
        margin-left: 10px;
        position: relative;
        top: -2px;
    }
    [ref="priceContainer"] {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }
    .mobile-stars-link svg {
        width: 15px;
        height: 15px;
    }
    .mobile-stars-link .review-count {
        font-size: 11px;
        color: #222;
        text-decoration: underline;
        margin-left: 2px;
    }
    .product-recommendations .scroll-arrow,
    .product-recommendations .carousel-button,
    .product-recommendations [class*="arrow"],
    .product-recommendations [class*="next"],
    .product-recommendations [class*="prev"],
    .overflow-list__button {
        display: none !important;
    }
    .link--next_page_btn {
        display: none !important;
    }
    .footer-arrow {
        display: none !important;
    }
    .group-block-content > .size-style.link:last-child {
        display: none !important;
    }
}
.button.add-to-cart-button span.svg-wrapper.add-to-cart-icon {
    display: none;
}

.product-information .accordion .details__header {
    color: #000 !important;
    font-weight: 700 !important;
}
@media (min-width: 750px) {
    /* Product page: title + price black */
    .product-information .text-block--align-left .cart-items__title,
    .product-information product-price,
    .product-information product-price *,
    .product-information .price {
        color: #000 !important;
    }

    /* Product page: stars next to price on desktop */
    .product-information .mobile-stars-link {
        display: inline-flex !important;
        align-items: center;
        gap: 3px;
        text-decoration: none;
        vertical-align: middle;
        white-space: nowrap;
        margin-left: 10px;
        position: relative;
        top: -2px;
    }
    .product-information .mobile-stars-link svg {
        width: 15px;
        height: 15px;
    }
    .product-information .mobile-stars-link .review-count {
        font-size: 11px;
        color: #222;
        text-decoration: underline;
        margin-left: 2px;
    }
    .product-information [ref="priceContainer"] {
        display: flex !important;
        align-items: center !important;
    }

    /* Cart bubble: parentheses instead of circle */
    .cart-bubble {
        width: auto !important;
        aspect-ratio: unset !important;
        padding: 0 !important;
        min-width: 0 !important;
        color: inherit !important;
    }
    .cart-bubble__background {
        display: none !important;
    }
    .cart-bubble__text,
    .cart-bubble__text-count,
    .cart-bubble__text-count::before,
    .cart-bubble__text-count::after {
        color: currentColor !important;
        font-size: inherit !important;
    }
    .cart-bubble__text-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
    .cart-bubble__text-count::before {
        content: "( ";
    }
    .cart-bubble__text-count::after {
        content: " )";
    }

    /* ======= DESKTOP CART DRAWER ======= */
    .cart-drawer__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: none !important;
    }
    .cart-drawer__heading {
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }
    .cart-drawer__heading .cart-bubble {
        display: none;
    }
    .cart-drawer .cart-items__table-row,
    .cart-drawer .cart-items__table-row--full-width-variants {
        display: grid !important;
        grid-template-columns: 180px 1fr !important;
        grid-template-areas:
            'media details'
            'media variants'
            'media checkout' !important;
        gap: 2px 14px !important;
        padding: 20px 0 !important;
        align-items: start !important;
    }
    .cart-drawer .cart-items__media {
        grid-area: media !important;
    }
    .cart-drawer .cart-items__media-container {
        background: #f0f0f0;
        border: none !important;
        border-radius: 0 !important;
    }
    .cart-drawer .cart-items__media-image {
        border: none !important;
        border-radius: 0 !important;
    }
    .cart-drawer .cart-items__details {
        grid-area: details !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px;
    }
    .cart-drawer .cart-items__title {
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        color: #000 !important;
    }
    .cart-drawer .cart-items__price {
        display: none !important;
    }
    .cart-drawer .cart-items__variants-wrapper {
        grid-area: variants !important;
        font-size: 13px !important;
        color: #000 !important;
    }
    .cart-drawer .cart-items__inline-price {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: #000;
        margin-bottom: 2px;
    }
    .cart-drawer .cart-items__inline-color {
        font-weight: 400;
        color: #000;
        font-size: 12px;
    }
    .cart-drawer .cart-items__inline-size {
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 2px;
    }
    .cart-drawer .cart-items__variants-wrapper .cart-items__variants {
        display: none !important;
    }
    .cart-drawer .cart-items__quantity {
        display: none !important;
    }

    /* Show remove X button on each cart item */
    .cart-drawer .cart-items__remove {
        display: flex !important;
        position: absolute !important;
        top: 20px;
        right: 0;
        width: 24px !important;
        height: 24px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 5;
    }
    .cart-drawer .cart-items__remove .svg-wrapper {
        width: 14px;
        height: 14px;
        color: #000;
    }
    .cart-drawer .cart-items__table-row,
    .cart-drawer .cart-items__table-row--full-width-variants {
        position: relative !important;
    }

    .cart-drawer .product_inline_checkut {
        grid-area: checkout !important;
        display: block !important;
        width: 100%;
        max-width: 180px;
        background: #333 !important;
        color: #fff !important;
        border: none !important;
        padding: 14px 0 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        border-radius: 0 !important;
        margin-top: 10px;
        justify-self: center;
    }
    .cart-drawer .cart-items__error {
        display: none !important;
    }
    .cart-drawer__summary {
        display: none !important;
    }

    .product-recommendations {
        padding-block-start: 20px !important;
    }
    .product-information ~ .section-wrapper .section {
        min-height: 0 !important;
        --section-min-height: 0 !important;
    }
}
.product-information .accordion--dividers accordion-custom:first-child .details {
    border-block-start: 1px solid var(--color-border);
}

@media(){}
.cart-drawer__inner .cart-drawer__summary {
    display: none;
}

@media (max-width: 749px) {
    .header-actions__text-style,
    header-component .header-actions__action {
        color: #000 !important;
        --color: #000 !important;
    }

    /* ======= MOBILE CART DRAWER REDESIGN ======= */
    .cart-drawer__dialog {
        width: 100% !important;
        max-width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
    }
    .cart-drawer__inner {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #fff;
    }
    /* Header: CART on left, X on right */
    .cart-drawer__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: none !important;
        margin: 0;
    }
    .cart-drawer__heading {
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #000;
        margin: 0;
    }
    /* Hide cart bubble count next to CART */
    .cart-drawer__heading .cart-bubble {
        display: none;
    }
    .cart-drawer__close-button {
        color: #000 !important;
    }
    .cart-drawer__close-button .svg-wrapper {
        width: 18px;
        height: 18px;
    }
    /* Content area */
    .cart-drawer__content {
        flex: 1;
        overflow-y: auto;
        padding: 0 20px;
    }
    /* Hide default summary/totals at bottom */
    .cart-drawer__summary {
        display: none !important;
    }
    /* Product row */
    .cart-drawer .cart-items__table-row,
    .cart-drawer .cart-items__table-row--full-width-variants {
        display: grid !important;
        grid-template-columns: 180px 1fr !important;
        grid-template-areas:
            'media details'
            'media variants'
            'media checkout' !important;
        gap: 2px 14px !important;
        padding: 20px 0 !important;
        margin-bottom: 0 !important;
        align-items: start !important;
    }
    .cart-drawer .cart-items__media {
        grid-area: media !important;
        width: 180px;
    }
    .cart-drawer .cart-items__media-container {
        background: #f0f0f0;
        padding: 0;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    .cart-drawer .cart-items__media-image {
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    .cart-drawer .cart-items__details {
        grid-area: details !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 2px;
        color: #000 !important;
    }
    .cart-drawer .cart-items__title {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #000 !important;
        text-transform: uppercase;
        margin: 0 !important;
    }
    /* Price: show inline after title */
    .cart-drawer .cart-items__price {
        display: none !important;
    }
    /* Variants + QTY + price area */
    .cart-drawer .cart-items__variants-wrapper {
        grid-area: variants !important;
        font-size: 11px !important;
        color: #000 !important;
    }
    .cart-drawer .cart-items__inline-price {
        display: block;
        font-size: 13px;
        font-weight: 700;
        color: #000;
        margin-bottom: 2px;
    }
    .cart-drawer .cart-items__inline-color {
        font-weight: 400;
        color: #000;
        font-size: 12px;
    }
    .cart-drawer .cart-items__inline-size {
        display: block;
        font-size: 12px;
        color: #000;
        margin-bottom: 2px;
    }
    .cart-drawer .cart-items__variants-wrapper .cart-items__variants {
        display: none !important;
    }
    .cart-drawer .cart-items__quantity {
        display: none !important;
    }
    /* Inline checkout button per product */
    .cart-drawer .product_inline_checkut {
        grid-area: checkout !important;
        display: block !important;
        width: 100%;
        max-width: 100%;
        background: #333 !important;
        color: #fff !important;
        border: none !important;
        padding: 14px 0 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        border-radius: 0 !important;
        margin-top: 13px;
        justify-self: center;
    }
    /* Hide error and other cells */
    .cart-drawer .cart-items__error {
        display: none !important;
    }
}
@media(max-width: 600px){
    #filters-drawer-heading{
        font-size: var(--font-h5--size);
    }
    .facets-toggle__button {
        font-weight: 700 !important;
        font-size: 10px !important;
        letter-spacing: -0.2px !important;
    }
    .header-actions--text .cart-drawer {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .header__columns header-actions {
        gap: 15px;
        margin-right: 10px;
        grid-area: rightA !important;
    }
    h4.collection_title {
        padding-left: 15px;
    }
    #header-component[data-menu-style=drawer] .header__columns:not(:has(shopify-account)) .search-action {
        justify-content: flex-end;
    }
    #header-component[data-menu-style=drawer] .header__columns {
        gap: 10px !important;
    }
    .header__column--left .search-action{
        display: none;
    }
    .menu-drawer__featured-content{
        display: none;
    }
    .menu-drawer__menu-item-text {
        font-size: 16px;
    }
    .copy_right_text .group-block-content.layout-panel-flex.layout-panel-flex--column.mobile-column {
        align-items: flex-start;
    }
    .header-actions__action {
        padding: 10px 0;
    }
    .cart-items__quantity-controls {
        display: none !important;
    }

    .product-information__grid .variant-option__button-label {
        flex: 0 0 0;
        padding-block: 0;
        padding-inline: 0;
        min-height: 0;
    }
    .product-information__grid .variant-option+.variant-option {
        margin-top: 5px;
    }
    .header__row {
        padding: 0 10px;
    }
    .overlay_bottom{
        padding-left: 5px;
        padding-right: 5px;
    }
    .overlay_bottom * {
        font-size: 12px;
        text-transform: uppercase;
    }
    .breadcrum_text *{
        font-size: 10px;
    }
    section#shopify-section-template--26423395647766__hero_p77Xq8 {
        display: none;
    }
}





























/* =============================================
   STUSSY-STYLE PRODUCT GRID — DESKTOP
   4-col, 27px gap, 76px outer margin,
   off-white tiles, contain-fit images,
   small uppercase title + regular price below
   ============================================= */
@media screen and (min-width: 750px) {
    /* Grid: 4 columns, 27px gutter */
    ul.product-grid {
        grid-template-columns: repeat(4, 340px) !important;
        justify-content: center !important;
        grid-auto-flow: dense !important;
        column-gap: 20px !important;
        row-gap: 30px !important;
    }

    /* Product = 1 slot */
    ul.product-grid .product-grid__item {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }

    /* Banner: span 2 rows, narrower on mobile */
    ul.product-grid .big-square {
        grid-row: span 2 !important;
        overflow: hidden !important;
        align-self: stretch !important;
        padding: 0 12px !important;
    }
    ul.product-grid .big-square img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* Force collection grid edge-to-edge with equal margins */
    .collection-wrapper.grid {
        display: block !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding-inline: 10px !important;
        box-sizing: border-box !important;
    }
    .main-collection-grid {
        padding: 0 !important;
    }

    /* --- Image tile: fixed 420px off-white canvas, no extra wrappers --- */
    .product-card .card-gallery {
        background: #f5f5f5 !important;
        border-radius: 0 !important;
        height: 420px !important;
        max-height: 420px !important;
        overflow: hidden !important;
    }
    .product-card .card-gallery slideshow-component {
        height: 420px !important;
        max-height: 420px !important;
    }
    .product-card .card-gallery .product-media-container {
        height: 420px !important;
        max-height: 420px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f5f5f5 !important;
    }
    .product-card .card-gallery .product-media-container img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }
    /* Kill all aspect-ratios that force extra height */
    .product-card .card-gallery,
    .product-card .card-gallery svg,
    .product-card .card-gallery slideshow-component,
    .product-card .card-gallery slideshow-slide,
    .product-card .product-media-container,
    .product-card .product-media,
    .product-card .product-media__image {
        aspect-ratio: unset !important;
    }
    /* Force .product-media to fill the tile */
    .product-card .product-media {
        height: 100% !important;
        width: 100% !important;
    }
    .product-card .product-media__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    /* slideshow-slide wrapper must also fill */
    .product-card slideshow-slide {
        height: 100% !important;
        width: 100% !important;
    }
    .product-card slideshow-slide .product-media-container {
        height: 100% !important;
    }

    /* --- Title + Price: always visible below tile --- */
    .product-card .overlay_bottom.hover_info {
        position: relative !important;
        display: block !important;
        padding: 4px 0 0 0 !important;
        background: transparent !important;
    }
    .product-card .overlay_bottom.hover_info .spacing-style {
        padding-block-start: 0 !important;
        padding-block-end: 0 !important;
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
    }
    /* Force product title + price font size via CSS variable override */
    .product-card .overlay_bottom.hover_info,
    .product-card .overlay_bottom.hover_info *,
    .product-card .overlay_bottom.hover_info .text-block,
    .product-card .overlay_bottom.hover_info product-title,
    .product-card .overlay_bottom.hover_info product-price {
        --font-size: 10px !important;
        --line-height: 16.5px !important;
        font-size: 10px !important;
        line-height: 16.5px !important;
    }
    .product-card .overlay_bottom.hover_info .overlay,
    .product-card .overlay_bottom.hover_info .overlay--solid,
    .product-card .overlay_bottom.hover_info .overlay--gradient {
        display: none !important;
    }
    .product-card .overlay_bottom .layout-panel-flex--row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1px !important;
        padding: 0 !important;
    }

    /* Title: 13px, semibold, uppercase, left-aligned */
    .product-card .overlay_bottom product-title,
    .product-card .overlay_bottom .text-block {
        width: 100% !important;
        text-align: left !important;
    }
    .product-card .overlay_bottom product-title *,
    .product-card .overlay_bottom product-title a,
    .product-card .overlay_bottom .text-block *,
    .product-card .overlay_bottom .text-block a,
    .product-card .overlay_bottom product-title .title-text,
    .product-card .overlay_bottom product-title span {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 0px !important;
        line-height: 16.5px !important;
        color: #000000 !important;
        text-align: left !important;
    }

    /* Price: 10px, regular weight, left-aligned */
    .product-card .overlay_bottom product-price,
    .product-card .overlay_bottom product-price *,
    .product-card .overlay_bottom product-price span,
    .product-card .overlay_bottom product-price .price {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        text-transform: none !important;
        letter-spacing: 0px !important;
        line-height: 14px !important;
        color: #000000 !important;
        text-align: left !important;
    }
    .product-card .overlay_bottom product-price {
        width: 100% !important;
    }

    /* Remove card gap so tile + text sit tightly */
    .product-card .product-grid__card {
        gap: 0 !important;
    }
}

/* Large screens: same override */
@media screen and (min-width: 1400px) {
    .collection-wrapper.grid {
        display: block !important;
        max-width: 100% !important;
        overflow: visible !important;
        padding-inline: 10px !important;
        box-sizing: border-box !important;
    }
}

/* Mobile: 2-col layout + fixes */
@media screen and (max-width: 749px) {
    ul.product-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: 18px !important;
        row-gap: 15px !important;
    }

    /* Banner image — narrower on mobile */
    ul.product-grid .big-square {
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

    /* NEW ARRIVALS + FILTERS: same line */
    .facets-block-wrapper.facets-block-wrapper--horizontal {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-inline: 16px !important;
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }

    /* FILTERS toggle — shrink to fit, no stretch */
    .facets-toggle {
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Force both to identical font — match top nav menu */
    h4.collection_title,
    .facets-block-wrapper h4.collection_title,
    .facets-toggle__button,
    button.facets-toggle__button {
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 15px !important;
        letter-spacing: -0.2px !important;
        text-transform: uppercase !important;
        color: #000 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .facets-toggle__wrapper {
        margin: 0 !important;
    }

    button.button.facets-toggle__button.button-unstyled {
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: -0.2px !important;
        line-height: 15px !important;
        text-transform: uppercase !important;
        color: #000 !important;
    }

    h4.collection_title {
        padding-left: 0 !important;
    }

    /* Swatches: same line as title, right-aligned */
    .product-card {
        position: relative !important;
    }

    .overlay_right.hover_info {
        display: flex !important;
        position: absolute !important;
        bottom: 21.5px !important;
        right: 0 !important;
        left: auto !important;
        top: auto !important;
        z-index: 2;
        align-items: center !important;
    }

    /* Swatch list layout */
    .overlay_right .swatch-list-flat {
        justify-content: flex-end !important;
        gap: 5px !important;
    }

    /* Smaller swatches on mobile */
    .overlay_right .swatch {
        width: 7px !important;
        height: 7px !important;
        border-radius: 50% !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Remove gap between product image and name/price bar */
    .product-card {
        gap: 0 !important;
    }

    /* Title + Price: below image, not on top */
    .product-card .overlay_bottom.hover_info {
        position: relative !important;
        display: block !important;
        padding: 4px 0 0 0 !important;
        background: transparent !important;
    }
    .product-card .overlay_bottom.hover_info .overlay,
    .product-card .overlay_bottom.hover_info .overlay--solid,
    .product-card .overlay_bottom.hover_info .overlay--gradient {
        display: none !important;
    }
    .product-card .overlay_bottom .layout-panel-flex--row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1px !important;
        padding: 0 !important;
    }
    .product-card .overlay_bottom.hover_info .spacing-style {
        padding: 0 !important;
    }
    /* Mobile title */
    .product-card .overlay_bottom product-title *,
    .product-card .overlay_bottom product-title a {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 0px !important;
        line-height: 16.5px !important;
        color: #000000 !important;
        text-align: left !important;
    }
    /* Mobile price */
    .product-card .overlay_bottom product-price,
    .product-card .overlay_bottom product-price * {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
        font-size: 10px !important;
        font-weight: 400 !important;
        letter-spacing: 0px !important;
        line-height: 14px !important;
        color: #000000 !important;
        text-align: left !important;
    }
}

/* Footer: divider line — thick, text rests on it */
.footer-top-row {
    border-bottom: none;
    padding-bottom: 3px !important;
    padding-block-end: 3px !important;
    margin-top: 0 !important;
    align-items: baseline !important;
}

/* Footer: copyright — tight under divider */
.footer-bottom-row {
    padding-block-start: 5px !important;
}

/* Footer: NEWSLETTER — normal weight, bold on hover */
.footer-top-row a.link:first-child {
    font-family: Inter, sans-serif;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #000;
}
.footer-top-row a.link:first-child:hover {
    font-weight: 650;
    text-decoration: none !important;
}

/* Footer: NEXT PAGE — lighter weight, smaller, with reused ↳ arrow */
.footer-top-row a.link:last-child {
    font-family: Inter, sans-serif;
    font-size: 0.75rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #555;
}
.footer-top-row a.link:last-child:hover {
    color: #000;
}

/* Footer: nudge arrow down */
.footer-arrow {
    display: inline-block;
    position: relative;
    top: 2px;
}

.footer-bottom-row * {
    font-size: 0.6875rem !important;
    color: #555;
}

/* Mobile: NEWSLETTER left, © right, same line */
@media screen and (max-width: 749px) {
    :has(> .footer-top-row):has(> .footer-bottom-row) {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: baseline !important;
    }

    .footer-top-row {
        width: auto !important;
        flex: 0 0 auto !important;
    }

    .footer-bottom-row {
        width: auto !important;
        flex: 0 0 auto !important;
        padding-block-start: 0 !important;
    }
}

/* Desktop: match © 2026 to NEWSLETTER style */
@media screen and (min-width: 750px) {
    .footer-bottom-row * {
        font-family: Inter, sans-serif !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        color: #000 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.02em !important;
    }
}

/* Desktop: hide NEXT PAGE, remove divider line, NEWSLETTER left / © right */
@media screen and (min-width: 750px) {
    /* Remove the divider line */
    .footer-top-row {
        border-bottom: none !important;
    }

    /* Hide the NEXT PAGE button */
    .footer-top-row a.link:last-child {
        display: none !important;
    }

    /* Parent: two-column grid, break out to viewport edges */
    :has(> .footer-top-row):has(> .footer-bottom-row) {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: center !important;
        width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-bottom: 20px !important;
        padding-top: 30px !important;
        box-sizing: border-box !important;
    }

    /* NEWSLETTER: left column, left-aligned */
    .footer-top-row {
        grid-column: 1 !important;
        justify-self: start !important;
        padding: 0 !important;
    }

    /* © 2026 My Store: right column, right-aligned */
    .footer-bottom-row {
        grid-column: 2 !important;
        justify-self: end !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
    }

    /* Hide the footer-utilities border line on desktop */
    .footer-utilities .utilities {
        border-top: none !important;
    }

    /* Hide the entire footer-utilities section on desktop since
       NEWSLETTER and © 2026 are already shown above */
    .footer-utilities {
        display: none !important;
    }
}

@media(min-width: 1024px ){
    /* Title/price overlay: always visible on desktop (Stussy style) */
    .overlay_bottom.hover_info {
        display: block !important;
    }
    /* Swatches: always visible, same line as title */
    .overlay_right.hover_info {
        display: flex !important;
        position: absolute !important;
        bottom: 20px !important;
        right: 0 !important;
        left: auto !important;
        top: auto !important;
        z-index: 2;
        align-items: center !important;
    }

    .product-card {
        position: relative !important;
    }

    /* Override solid overlay background on hover bar — target the actual overlay div */
    .overlay_bottom .overlay,
    .overlay_bottom .overlay--solid,
    .overlay_bottom .overlay--gradient {
        background: rgba(255, 255, 255, 0.10) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }

    /* ====== CIRCLE SWATCHES ====== */

    /* The colored span — circle */
    .product-card .swatch {
        width: 11px !important;
        height: 11px !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        border-radius: 50% !important;
    }

    /* The label wrapper — circle on all states */
    .product-card .variant-option__button-label--has-swatch,
    .product-card .variant-option__button-label--has-swatch:hover,
    .product-card .variant-option__button-label--has-swatch:focus,
    .product-card .variant-option__button-label--has-swatch:focus-visible,
    .product-card .variant-option__button-label--has-swatch:active,
    .product-card .variant-option__button-label--has-swatch:has(:checked) {
        outline: none !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 50% !important;
    }

    /* Remove the ::after/::before pseudo-element rings */
    .product-card .variant-option__button-label--has-swatch::after,
    .product-card .variant-option__button-label--has-swatch::before,
    .product-card .variant-option__button-label--has-swatch:has(:checked)::after,
    .product-card .swatch::after,
    .product-card .swatch::before {
        display: none !important;
    }

    /* Swatch spacing via ::part — even gap */
    swatches-variant-picker-component overflow-list::part(list) {
        gap: 10px !important;
    }
}
@media(max-width: 750px ){
    .overlay_bottom .layout-panel-flex--row {
        flex-direction: row!important;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .overlay_bottom {
        padding-top: 2px;
        padding-bottom: 2px;
    }
    swatches-variant-picker-component overflow-list::part(list) {
        gap: 8px !important;
    }
    product-swatches {
        justify-content: flex-end;
    }
}

/* Product card swatches — spacing + remove borders/outlines */
swatches-variant-picker-component overflow-list::part(list) {
    gap: 8px !important;
}

/* Remove border from all swatches on product cards, make circle */
.product-card .swatch {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}

/* Remove outline/border on swatch labels (hover, checked, focus), make circle */
.product-card .variant-option__button-label--has-swatch,
.product-card .variant-option__button-label--has-swatch:hover,
.product-card .variant-option__button-label--has-swatch:focus,
.product-card .variant-option__button-label--has-swatch:active,
.product-card .variant-option__button-label--has-swatch:has(:checked) {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    padding: 0 !important;
}

/* Product page swatches — no white gap on selected swatch */
.variant-option__button-label--has-swatch:has(:checked) {
    outline-offset: 0px !important;
}

/* Safari fallback ::after — also remove offset */
.variant-option__button-label--has-swatch:has(:checked)::after {
    inset: 0 !important;
}

/* Mobile: push filter drawer below sticky header so logo + nav stay visible */
@media (max-width: 749px) {
    #filters-drawer dialog.facets--drawer {
        margin-top: auto !important;
        margin-bottom: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        height: calc(100svh - 80px) !important;
        max-height: calc(100svh - 80px) !important;
    }
    #filters-drawer dialog.facets--drawer::backdrop {
        top: 80px !important;
    }
}

/* Hide FILTERS title in drawer, keep close button on right */
.facets--drawer .facets-drawer__title {
    display: none !important;
}
.facets--drawer .facets__title-wrapper {
    justify-content: flex-end !important;
}
.facets--drawer .facets-drawer__close {
    margin-right: -5px !important;
}

/* Desktop filter labels + plus icon — black and bold */
.facets--drawer summary *,
.facets--drawer .facets__summary-label {
    color: #000000 !important;
    font-weight: 700 !important;
}
.facets--drawer summary::after {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* Mobile filter drawer labels — match top nav menu */
@media (max-width: 749px) {
    .facets--drawer summary *,
    .facets--drawer .facets__summary-label {
        font-weight: 700 !important;
        font-size: 12px !important;
        line-height: 15px !important;
        letter-spacing: -0.2px !important;
        text-transform: uppercase !important;
    }
    .facets--drawer summary::after {
        font-size: 12px !important;
    }
}

/* No hover effects on filter options */
.facets--drawer summary:hover,
.facets--drawer summary:hover *,
.facets--drawer summary:focus,
.facets--drawer summary:active,
.facets--drawer summary:hover::after {
    opacity: 1 !important;
    color: #000000 !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: none !important;
}

/* Product details panel — wider */
.product-information__grid:not(.product-information--media-none) {
    --sidebar-width: 30rem !important;
}

/* Mobile product details — wider to align with recommendations */
@media screen and (max-width: 749px) {
    .product-details {
        padding-left: 8px !important;
        padding-right: 8px !important;
        grid-column: 1 / -1 !important;
    }

    /* Hide the theme's built-in sticky add-to-cart on mobile */
    sticky-add-to-cart,
    .sticky-add-to-cart {
        display: none !important;
    }

    /* Hide the real add-to-cart button on mobile (keep layout space as anchor) */
    .product-form-buttons .add-to-cart-button,
    .product-form-buttons add-to-cart-component {
        visibility: hidden !important;
        pointer-events: none !important;
    }


}


/* Extra top spacing on product page for back/next nav on mobile */
@media screen and (max-width: 749px) {
    main[data-template="product"] {
        padding-top: 79.7px !important;
    }
}

/* Sticky add to cart — show ADD TO BAG text */
.sticky-add-to-cart__button.add-to-cart-button {
    padding: 0 14px !important;
    width: auto !important;
    height: 36px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    background: #000 !important;
    white-space: nowrap !important;
}
.sticky-add-to-cart__button .add-to-cart-text {
    clip-path: none !important;
    filter: none !important;
    opacity: 1 !important;
}
.sticky-add-to-cart__button .add-to-cart-text__content,
.sticky-add-to-cart__bar .add-to-cart-text__content {
    display: inline !important;
    opacity: 1 !important;
}

/* Filter drawer — open from right side */
.facets--drawer.drawer,
.facets--drawer.dialog-drawer--right {
    left: auto !important;
    right: 0 !important;
    transform: translateX(120%) !important;
}
.facets--drawer.dialog-drawer--right[open] {
    transform: translateX(0) !important;
}

/* Desktop: product page swatches — circles with outline on selected */
.product-information .swatch {
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.product-information .variant-option__button-label--has-swatch {
    border-radius: 50% !important;
    border: 1px solid transparent !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 2px !important;
    transition: border-color 0.15s ease !important;
    flex: 0 0 auto !important;
    min-width: auto !important;
    min-height: auto !important;
    justify-content: flex-start !important;
}
.product-information .variant-option__button-label--has-swatch:hover {
    border-color: #999 !important;
}
.product-information .variant-option__button-label--has-swatch:has(:checked) {
    border-color: #000 !important;
}
.product-information .variant-option__button-label--has-swatch::after,
.product-information .variant-option__button-label--has-swatch::before,
.product-information .variant-option__button-label--has-swatch:has(:checked)::after,
.product-information .swatch::after,
.product-information .swatch::before {
    display: none !important;
}

/* Desktop: widen product page + move details up */
@media screen and (min-width: 750px) {
    .product-information.section {
        --page-margin: 10px !important;
    }
    /* Product grid: let details column be independent height */
    .product-information__grid {
        align-items: start !important;
    }
    .product-information .product-details {
        padding-block-start: 0px !important;
        margin-top: 65px !important;
        position: sticky !important;
        top: calc(var(--header-height, 50px) + 65px) !important;
        align-self: start !important;
        max-height: calc(100vh - var(--header-height, 50px) - 65px) !important;
        overflow-y: auto !important;
    }
    /* You May Also Like: spread out, match collection grid sizing */
    .product-recommendations .resource-list--grid,
    .product-recommendations .resource-list__carousel {
        --resource-list-column-gap-desktop: 20px !important;
        --resource-list-columns: repeat(4, 340px) !important;
        justify-content: center !important;
        column-gap: 20px !important;
    }
    .product-recommendations .card-gallery {
        height: 420px !important;
        max-height: 420px !important;
        overflow: hidden !important;
        background: #f5f5f5 !important;
    }
}

/* Thinner add-to-cart / sold-out button */
.product-form-buttons .button,
.product-form-buttons .button-secondary {
    --height-buy-buttons: 39px !important;
    height: 39px !important;
    min-height: 39px !important;
    padding-block: 0 !important;
}

/* ==============================================
   PRODUCT PAGE: variant option styling (all viewports)
   ============================================== */

/* ---- COLORS: always fully interactive, never dimmed ---- */

.variant-option__button-label--has-swatch:has([data-option-available='false']) {
    opacity: 1 !important;
}

.variant-option__button-label--has-swatch .variant-option__strikethrough,
.variant-option__button-label--has-swatch svg line {
    display: none !important;
}

.variant-option--swatches .swatch--unavailable {
    border-style: solid !important;
}


/* ---- SIZES: available = bold ---- */

.variant-option__button-label:not([data-size-soldout]) .variant-option__button-label__text {
    font-weight: 700 !important;
    letter-spacing: 0.03em;
}

/* ---- SIZES: selected + available = bold + underline ---- */

.variant-option__button-label:has(:checked):not([data-size-soldout]) .variant-option__button-label__text {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    text-decoration-thickness: 2px !important;
}


/* ---- SIZES: sold out for selected color = dimmed, NOT clickable ---- */

.variant-option__button-label[data-size-soldout] {
    opacity: 0.2 !important;
    pointer-events: none !important;
    cursor: default !important;
}

.variant-option__button-label[data-size-soldout] .variant-option__button-label__text {
    font-weight: 400 !important;
    text-decoration: none !important;
}

.variant-option__button-label[data-size-soldout] .variant-option__strikethrough {
    display: none !important;
}

.variant-option__button-label[data-size-soldout]::after,
.variant-option__button-label[data-size-soldout]::before {
    display: none !important;
}

/* Hide strikethrough on size buttons globally (use dimming instead) */
.variant-option--buttons:not(.variant-option--swatches) .variant-option__strikethrough {
    display: none !important;
}

/* =============================================
   CONTACT PAGE — pixel-accurate redesign
   ============================================= */

/* Container: center + max-width */
.contact-form {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-inline: 20px !important;
    box-sizing: border-box !important;
}

/* Email link at top */
a[href^="mailto"] {
    color: #b71c1c !important;
    text-decoration: none !important;
    font-size: 14px !important;
}
a[href^="mailto"]:hover,
a[href^="mailto"]:focus,
a[href^="mailto"]:active,
a[href^="mailto"]:visited {
    text-decoration: none !important;
}
/* Push the email link text block right + down */
.group-block-content > .text-block:has(a[href^="mailto"]) {
    padding-left: 96px !important;
    padding-top: 15px !important;
}
.group-block-content > .text-block:has(a[href^="mailto"]) p {
    margin: 0 !important;
}
/* Kill any underline animation from theme */
.group-block-content > .text-block:has(a[href^="mailto"]) a,
.group-block-content > .text-block:has(a[href^="mailto"]) a:hover {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: none !important;
}

/* Form: stacked, consistent spacing, with outer border */
.contact-form .contact-form__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin-top: 10px !important;
    border: 1px solid #dcdcdc !important;
    padding: 50px 150px 50px 150px !important;
    min-height: 500px !important;
    border-radius: 2px !important;
    background: #f5f5f5 !important;
}

/* All inputs: full width, uniform height, clean borders */
.contact-form .contact-form__input {
    display: block !important;
    width: 100% !important;
    height: 38px !important;
    padding: 8px 14px !important;
    margin-bottom: 10px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 2px !important;
    background: #fff !important;
    font-size: 14px !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: #333 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
}
.contact-form .contact-form__input::placeholder {
    color: #999 !important;
    font-size: 14px !important;
}
.contact-form .contact-form__input:focus {
    border-color: #999 !important;
}

/* Toolbar: attach file + plain text */
.contact-form__toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin-top: 22px !important;
    margin-bottom: 6px !important;
    padding-left: 2px !important;
}
.contact-form__attach-file {
    display: flex !important;
    align-items: center !important;
}
.contact-form__attach-label {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    cursor: pointer !important;
}
.contact-form__attach-label:hover {
    color: #000 !important;
}
.contact-form__file-input {
    display: none !important;
}

/* Plain Text label */
.contact-form__plain-text {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding-left: 0px !important;
}
.contact-form__plain-text-icon {
    font-family: 'Times New Roman', Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: italic !important;
    color: #000 !important;
}
.contact-form__plain-text-icon sub {
    font-size: 12px !important;
    font-style: normal !important;
    color: #000 !important;
}
.contact-form__plain-text-label {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #6b7ec2 !important;
}

/* Textarea: taller */
.contact-form .contact-form__input--textarea {
    height: 160px !important;
    min-height: 160px !important;
    margin-top: -2px !important;
    resize: vertical !important;
}

/* Remove the form-row side-by-side layout */
.contact-form .contact-form__form-row {
    display: flex !important;
    flex-direction: column !important;
}

/* Email-style rows: label outside left, input in its own box right */
.contact-form__email-fields {
    margin-bottom: 20px !important;
}

.contact-form__email-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 12px !important;
    border: none !important;
    padding: 0 !important;
    background: none !important;
}
.contact-form__email-row--last {
    margin-bottom: 0 !important;
}
.contact-form__email-row .contact-form__input--inline {
    border: 1px solid #dcdcdc !important;
    border-radius: 2px !important;
    background: #fff !important;
    padding: 10px 14px !important;
    height: 42px !important;
    flex: 1 !important;
    margin-bottom: 0 !important;
}
.contact-form__label {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #333 !important;
    white-space: nowrap !important;
    min-width: 75px !important;
    text-align: right !important;
}
.contact-form .contact-form__input--inline {
    border: 1px solid #dcdcdc !important;
    border-radius: 2px !important;
    background: #fff !important;
    height: 40px !important;
    padding: 10px 14px !important;
    margin-bottom: 0 !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    flex: 1 !important;
}

/* Footer row: required note left, send button right */
.contact-form__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-top: 4px !important;
}
.contact-form__required-note {
    font-size: 13px !important;
    color: #555 !important;
    margin: 0 !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Send button: dark red, right-aligned, sharp */
.contact-form__footer .button,
.contact-form__footer .button-secondary {
    background-color: #b71c1c !important;
    color: #fff !important;
    border: none !important;
    border-radius: 2px !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    height: auto !important;
    min-height: auto !important;
    box-shadow: none !important;
    transition: background-color 0.15s ease !important;
}
.contact-form__footer .button:hover,
.contact-form__footer .button-secondary:hover {
    background-color: #8b1515 !important;
}

/* =============================================
   CONTACT PAGE — MOBILE
   ============================================= */
@media screen and (max-width: 749px) {
    .contact-form {
        padding-inline: 10px !important;
    }
    .contact-form .contact-form__form {
        padding: 25px 15px 25px 15px !important;
        min-height: auto !important;
        margin-top: 8px !important;
    }
    /* Stack labels above inputs on mobile */
    .contact-form__email-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
    }
    .contact-form__label {
        min-width: auto !important;
        text-align: left !important;
        font-size: 12px !important;
    }
    .contact-form .contact-form__input--inline {
        width: 100% !important;
        height: 38px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
    /* Email link */
    .group-block-content > .text-block:has(a[href^="mailto"]) {
        padding-left: 10px !important;
    }
    .contact-form a[href^="mailto"] {
        font-size: 13px !important;
    }
    /* Send button full width on mobile */
    .contact-form__footer {
        justify-content: flex-end !important;
        margin-top: 8px !important;
    }
    .contact-form__footer .button,
    .contact-form__footer .button-secondary {
        padding: 12px 24px !important;
        font-size: 13px !important;
    }
    /* Toolbar */
    .contact-form__toolbar {
        margin-top: 12px !important;
        margin-bottom: 4px !important;
    }
}

/* Mobile: reduce white gap in selected product page swatch */
@media screen and (max-width: 749px) {
    .product-information .variant-option__button-label--has-swatch {
        padding: 1px !important;
    }
}

/* Empty cart: no hover/state change on Continue Shopping */
.cart-items__empty-button,
.cart-items__empty-button:hover,
.cart-items__empty-button:focus,
.cart-items__empty-button:active,
.cart-items__empty-button:visited {
    background: #000 !important;
    color: #fff !important;
    text-decoration: none !important;
}
.cart-items__empty-button .button-text,
.cart-items__empty-button:hover .button-text,
.cart-items__empty-button:focus .button-text,
.cart-items__empty-button:active .button-text {
    color: #fff !important;
    text-decoration: none !important;
}

/* Cart drawer: remove all top borders/lines when empty */
.cart-drawer__header {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.cart-drawer__content {
    border-top: none !important;
}