/*
Theme Name: Stow & Sit Theme V3.0
Author: Owner
Description: Stow & Sit WordPress theme V3.0 with refreshed mobile-first homepage UI and original ecommerce functionality.
Version: 3.0.1
*/

:root {
            --sas-fixed-header-height: 105px;
            --sas-adminbar-height: 0px;
        }
        body.admin-bar { --sas-adminbar-height: 32px; }
        @media screen and (max-width: 782px) {
            body.admin-bar { --sas-adminbar-height: 46px; }
        }

/* Reference HTML alignment layer: placeholder imagery except product photos */
.sas-page {
    background: var(--sas-bg, #fbf7f0) !important;
}

@supports (content-visibility: auto) {
    .sas-page > section:not(.hero) {
        content-visibility: auto !important;
        contain-intrinsic-size: 1px 900px !important;
    }
}

.section {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 48px 18px !important;
    box-sizing: border-box !important;
}

.hero {
    padding-top: 18px !important;
}

.hero-grid,
.scene-feature {
    display: grid !important;
    gap: 22px !important;
    align-items: center !important;
}

.hero-section,
.hero-section:hover {
    background: var(--sas-bg, #fbf7f0) !important;
    min-height: 0 !important;
    height: auto !important;
    color: var(--sas-ink, #24180f) !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
}

.hero-section::after,
.transition-banner-section::after {
    display: none !important;
    content: none !important;
}

.hero-content {
    width: auto !important;
    max-width: none !important;
}

.media-placeholder,
.image-box,
.info-image,
.small-media {
    border: 2px dashed #c9a98c !important;
    background:
        linear-gradient(135deg, rgba(138, 79, 44, 0.12), rgba(243, 227, 207, 0.65)),
        #f3e3cf !important;
    color: #4a2615 !important;
    box-shadow: var(--sas-shadow, 0 18px 45px rgba(74, 38, 21, 0.12)) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.media-placeholder {
    min-height: 430px !important;
    border-radius: 30px !important;
    padding: 22px !important;
}

.image-box {
    min-height: 260px !important;
    border-radius: 26px !important;
    padding: 20px !important;
}

.info-image {
    min-height: 320px !important;
    border-radius: 28px !important;
    padding: 20px !important;
}

.small-media {
    min-height: 145px !important;
    border-width: 1.5px !important;
    border-radius: 18px !important;
    padding: 14px !important;
    margin-bottom: 14px !important;
    font-size: 13px !important;
}

.media-placeholder strong,
.image-box strong,
.info-image strong {
    display: block !important;
    font-size: 18px !important;
    margin-bottom: 8px !important;
}

.media-placeholder span,
.image-box span,
.info-image span {
    display: block !important;
    color: var(--sas-muted, #6a5a4a) !important;
    font-size: 14px !important;
}

.sas-media-frame {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    background: #fffdf8 !important;
    box-shadow: 0 18px 45px rgba(74, 38, 21, 0.10) !important;
    box-sizing: border-box !important;
}

.sas-media-frame img,
.sas-media-frame video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.hero-media.sas-media-frame {
    min-height: 430px !important;
    border-radius: 30px !important;
    padding: 0 !important;
}

.sas-hero-video video {
    aspect-ratio: 4 / 5 !important;
}

.sas-how-image {
    border-radius: 28px !important;
    margin-top: 22px !important;
}

.sas-how-image img {
    height: auto !important;
    object-fit: contain !important;
}

.hero-copy h1,
.section h2 {
    color: var(--sas-ink, #24180f) !important;
    font-size: clamp(42px, 12vw, 82px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
    margin: 0 !important;
}

.section h2 {
    font-size: clamp(32px, 8vw, 56px) !important;
    margin-bottom: 14px !important;
}

.lead {
    color: var(--sas-muted, #6a5a4a) !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin: 18px 0 22px !important;
    max-width: 670px !important;
}

.eyebrow {
    display: inline-flex !important;
    background: #fff !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 999px !important;
    padding: 8px 12px !important;
    color: var(--sas-brown, #8a4f2c) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
}

.cta-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 20px 0 !important;
}

.trust-row,
.fill-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin-top: 18px !important;
}

.trust-pill,
.fill-card,
.step-card,
.review-card,
.faq-item {
    background: var(--sas-card, #fffdf8) !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 18px !important;
    color: #4a2615 !important;
    box-shadow: 0 10px 24px rgba(74, 38, 21, 0.06) !important;
}

.trust-pill {
    padding: 12px 8px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.lifestyle-strip,
.steps,
.reviews-grid {
    display: grid !important;
    gap: 14px !important;
}

.caption-card {
    background: #fff !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 24px !important;
    padding: 20px !important;
    margin: -38px auto 0 !important;
    position: relative !important;
    z-index: 2 !important;
    width: calc(100% - 24px) !important;
    box-shadow: 0 14px 30px rgba(74, 38, 21, 0.08) !important;
}

.before-after {
    background: var(--sas-brown-dark, #3d2215) !important;
    color: #fff !important;
    border-radius: 32px !important;
    padding: 28px !important;
    overflow: hidden !important;
}

.before-after h2 {
    color: #fffaf3 !important;
}

.before-after .lead {
    color: #f1ddca !important;
}

.ba-grid {
    display: grid !important;
    gap: 14px !important;
    margin-top: 20px !important;
}

.ba-card {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 24px !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    text-align: center !important;
    color: #f7eadc !important;
}

.ba-card.sas-media-frame {
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    background: #fffdf8 !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

.lifestyle-strip .sas-lifestyle-photo {
    min-width: 0 !important;
}

.lifestyle-strip .sas-lifestyle-photo .image-box {
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;
    padding: 0 !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 24px !important;
    background: #fffdf8 !important;
}

.scene-copy {
    background: #fff !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 28px !important;
    padding: 24px !important;
    box-shadow: 0 12px 28px rgba(74, 38, 21, 0.07) !important;
}

.mini-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 16px !important;
}

.mini-item {
    background: var(--sas-card, #fffdf8) !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    font-weight: 850 !important;
    color: #4a2615 !important;
}

.product-shop-section {
    max-width: 1160px !important;
    padding: 48px 18px !important;
}

.footer-payments {
    display: grid !important;
    gap: 8px !important;
    justify-items: end !important;
}

.footer-payment-label {
    color: rgba(247, 234, 220, 0.42) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

.sticky-atc {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;
    z-index: 99980 !important;
    width: min(430px, calc(100% - 24px)) !important;
    display: grid !important;
    grid-template-columns: minmax(118px, 0.92fr) minmax(0, 1.86fr) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px !important;
    border-radius: 28px !important;
    background: rgba(255, 250, 243, 0.98) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(234, 218, 200, 0.92) !important;
    box-shadow: 0 18px 42px rgba(36, 24, 15, 0.18) !important;
    box-sizing: border-box !important;
}

.sticky-atc-copy {
    min-width: 0 !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px !important;
    text-align: center !important;
}

.sticky-atc .mini {
    font-size: 12px !important;
    color: var(--sas-muted, #6a5a4a) !important;
    line-height: 1.05 !important;
    margin: 0 0 3px !important;
}

.sticky-atc strong {
    display: block !important;
    font-size: 13px !important;
    color: var(--sas-ink, #24180f) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

.sticky-atc-actions {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: 1.12fr 0.88fr !important;
    gap: 8px !important;
}

.sticky-atc-btn {
    min-width: 0 !important;
    height: 50px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding: 0 12px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.sticky-atc-btn-primary {
    background: var(--sas-ink, #24180f) !important;
    color: #fffaf3 !important;
    border: 1px solid var(--sas-ink, #24180f) !important;
}

.sticky-atc-btn-secondary {
    background: #fffdf8 !important;
    color: var(--sas-ink, #24180f) !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
}

@media (max-width: 390px) {
    .sticky-atc {
        width: calc(100% - 18px) !important;
        grid-template-columns: minmax(108px, 0.86fr) minmax(0, 1.86fr) !important;
        gap: 8px !important;
        padding: 8px !important;
        border-radius: 24px !important;
    }

    .sticky-atc .mini {
        font-size: 11px !important;
    }

    .sticky-atc strong {
        font-size: 12px !important;
    }

    .sticky-atc-actions {
        gap: 6px !important;
    }

    .sticky-atc-btn {
        height: 46px !important;
        padding: 0 9px !important;
        font-size: 12px !important;
    }
}

/* Checkout stability: keep the payment flow calm and prevent header/cart jump. */
body.woocommerce-checkout .sticky-atc,
body.woocommerce-order-received .sticky-atc,
body.woocommerce-checkout .sas-bottom-shop-nav,
body.woocommerce-order-received .sas-bottom-shop-nav {
    display: none !important;
}

body.woocommerce-checkout .header-cart,
body.woocommerce-order-received .header-cart {
    visibility: hidden !important;
    pointer-events: none !important;
}

.header-cart,
.cart-count {
    flex-shrink: 0 !important;
}

.cart-count {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
}

@media (min-width: 760px) {
    body {
        padding-bottom: 0 !important;
    }

    .hero-grid,
    .scene-feature {
        grid-template-columns: 1.05fr 0.95fr !important;
    }

    .scene-feature.reverse {
        grid-template-columns: 0.95fr 1.05fr !important;
    }

    .scene-feature.reverse .image-box {
        order: 2 !important;
    }

    .hero {
        padding-top: 42px !important;
    }

    .cta-row {
        flex-direction: row !important;
    }

    .lifestyle-strip,
    .steps,
    .reviews-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .ba-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .fill-grid {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    .sticky-atc {
        display: none !important;
    }
}

/* Mobile-first product variant purchase boxes */
.product-shop-section,
#bundles-section {
    width: min(100%, 1160px) !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 48px 18px !important;
    background: transparent !important;
}

.product-area,
#bundles-section {
    border-radius: 24px !important;
}

.product-shop-section .section-title,
#bundles-section .section-title {
    text-transform: none !important;
    letter-spacing: -0.045em !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: clamp(32px, 8vw, 56px) !important;
    font-weight: 950 !important;
    line-height: 1.04 !important;
    margin: 0 0 12px !important;
}

.product-shop-section .section-subtitle,
#bundles-section .section-subtitle {
    margin: 0 auto 22px !important;
    color: var(--sas-muted, #6a5a4a) !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.product-shop-section .product-grid,
#bundles-section .product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
}

.product-shop-section .product-card-wrap,
#bundles-section .product-card-wrap {
    width: 100% !important;
    min-width: 0 !important;
}

.product-shop-section .product-card,
#bundles-section .product-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 24px !important;
    background: #fffdf8 !important;
    box-shadow: 0 18px 45px rgba(74, 38, 21, 0.12) !important;
    overflow: hidden !important;
    cursor: default !important;
    transform: none !important;
}

.product-shop-section .product-card:hover,
#bundles-section .product-card:hover {
    transform: none !important;
    box-shadow: 0 18px 45px rgba(74, 38, 21, 0.12) !important;
}

.product-shop-section .product-detail-media,
#bundles-section .product-detail-media {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    border-radius: 20px !important;
    border: 1.5px dashed #c9a98c !important;
    background:
        linear-gradient(135deg, rgba(138, 79, 44, 0.1), rgba(243, 227, 207, 0.7)),
        #f3e3cf !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.product-shop-section .card-gallery-stage,
#bundles-section .card-gallery-stage,
.product-shop-section .card-gallery-main,
#bundles-section .card-gallery-main {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: inherit !important;
    background: transparent !important;
}

.product-shop-section .card-gallery-slide,
#bundles-section .card-gallery-slide,
.product-shop-section .product-img,
#bundles-section .product-img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    transform: none !important;
}

.product-shop-section .card-thumbs,
#bundles-section .card-thumbs {
    display: none !important;
}

.product-shop-section .product-info,
#bundles-section .product-info {
    padding: 18px 2px 2px !important;
    display: block !important;
}

.product-badge {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 12px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    border: 1px solid #e3bf9a !important;
    background: #fffaf3 !important;
    color: #8a4f2c !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.product-shop-section .product-main-row,
#bundles-section .product-main-row {
    display: block !important;
    margin: 0 !important;
}

.product-shop-section .product-name,
#bundles-section .product-name {
    margin: 0 0 12px !important;
    color: var(--sas-ink, #24180f) !important;
    font-size: clamp(30px, 9vw, 52px) !important;
    line-height: 1.05 !important;
    letter-spacing: -0.045em !important;
    font-weight: 950 !important;
}

.product-shop-section .product-price-row,
#bundles-section .product-price-row {
    margin: 12px 0 14px !important;
    text-align: left !important;
    width: auto !important;
}

.product-shop-section .product-price-values,
#bundles-section .product-price-values {
    justify-content: flex-start !important;
    align-items: baseline !important;
}

.product-shop-section .price-current,
#bundles-section .price-current {
    color: var(--sas-ink, #24180f) !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

.product-shop-section .price-original,
#bundles-section .price-original {
    color: #9c8a77 !important;
    font-size: 15px !important;
}

.variant-label {
    margin: 15px 0 8px !important;
    color: #6f5a47 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.product-shop-section .color-selector,
#bundles-section .color-selector {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
}

.product-shop-section .product-style-selector,
#bundles-section .product-style-selector {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
}

.product-shop-section .single-product-option,
#bundles-section .single-product-option {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 42px !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 18px !important;
    background: #fffaf3 !important;
    color: var(--sas-ink, #24180f) !important;
    padding: 7px 7px 7px 12px !important;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.16 !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease !important;
    overflow: hidden !important;
}

.product-shop-section .single-product-option.active,
#bundles-section .single-product-option.active {
    background: var(--sas-ink, #24180f) !important;
    border-color: var(--sas-ink, #24180f) !important;
    color: #fff !important;
}

.product-shop-section .single-product-option-name,
#bundles-section .single-product-option-name {
    min-width: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.product-shop-section .single-product-option-img,
#bundles-section .single-product-option-img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    object-fit: contain !important;
    background: #f3e3cf !important;
    border: 1px solid rgba(201, 169, 140, 0.65) !important;
}

.product-shop-section .color-choice,
#bundles-section .color-choice,
.product-shop-section .color-dot,
#bundles-section .color-dot {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    color: transparent !important;
    font-size: 0 !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.product-shop-section .color-dot::before,
#bundles-section .color-dot::before {
    display: none !important;
    content: none !important;
}

.product-shop-section .color-left-custom::before,
#bundles-section .color-left-custom::before {
    background: #a96a3f !important;
}

.product-shop-section .color-right-custom::before,
#bundles-section .color-right-custom::before {
    background: #4b2a18 !important;
}

.product-shop-section .color-left-custom,
#bundles-section .color-left-custom {
    background: #a96a3f !important;
}

.product-shop-section .color-right-custom,
#bundles-section .color-right-custom {
    background: #4b2a18 !important;
}

.product-shop-section .color-dot.active::before,
#bundles-section .color-dot.active::before {
    border-color: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 0 0 1px rgba(36, 24, 15, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.22) !important;
}

.product-shop-section .color-dot::after,
#bundles-section .color-dot::after {
    display: none !important;
    content: none !important;
}

.product-shop-section .color-choice.active,
#bundles-section .color-choice.active,
.product-shop-section .color-dot.active,
#bundles-section .color-dot.active {
    border-color: #fffaf3 !important;
    color: transparent !important;
    box-shadow: 0 0 0 2px #fffaf3, 0 0 0 4px var(--sas-ink, #24180f) !important;
}

.product-shop-section .product-inline-specs,
#bundles-section .product-inline-specs {
    display: grid !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
}

.product-shop-section .product-card-desc,
#bundles-section .product-card-desc {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    color: #6f5a47 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

.product-shop-section .product-capacity-box,
.product-shop-section .product-dimensions-box,
#bundles-section .product-capacity-box,
#bundles-section .product-dimensions-box {
    padding: 10px 12px !important;
    border-radius: 14px !important;
    background: #fff8ee !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    color: #6f5a47 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

.product-shop-section .product-capacity-box,
#bundles-section .product-capacity-box {
    display: none !important;
}

.product-warning {
    margin: 14px 0 16px !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    border: 1px solid #e2bd93 !important;
    background: #fff4e6 !important;
    color: #5d351e !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

.product-card-note {
    margin: 10px 14px 0 !important;
}

.product-shop-section .product-card-actions,
#bundles-section .product-card-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
}

.product-shop-section .product-card-actions .card-btn,
#bundles-section .product-card-actions .card-btn {
    width: 100% !important;
    height: 54px !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.product-shop-section .product-card-actions .card-btn-add,
#bundles-section .product-card-actions .card-btn-add {
    background: var(--sas-ink, #24180f) !important;
    border-color: var(--sas-ink, #24180f) !important;
    color: #fff !important;
}

.product-shop-section .product-card-actions .card-btn-buy,
#bundles-section .product-card-actions .card-btn-buy {
    background: #fffaf3 !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    color: var(--sas-ink, #24180f) !important;
}

.product-trust-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

.product-trust-row div {
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 10px !important;
    border-radius: 999px !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    background: #fffdf8 !important;
    color: var(--sas-ink, #24180f) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 950 !important;
    text-align: center !important;
}

.product-trust-row.sas-conversion-trust {
    width: min(100%, 720px) !important;
    margin: 0 auto 18px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.product-trust-row.sas-conversion-trust div {
    min-height: 38px !important;
    padding: 8px 7px !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    color: #5c412c !important;
    background: rgba(255, 250, 243, 0.88) !important;
}

@media (max-width: 430px) {
    .product-trust-row.sas-conversion-trust {
        gap: 6px !important;
        margin-bottom: 14px !important;
    }

    .product-trust-row.sas-conversion-trust div {
        min-height: 36px !important;
        padding: 7px 5px !important;
        font-size: 10px !important;
    }
}

@media (min-width: 760px) {
    .product-shop-section .product-card,
    #bundles-section .product-card {
        grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr) !important;
        gap: 18px !important;
        padding: 18px !important;
        border-radius: 32px !important;
    }

    .product-shop-section .product-detail-media,
    #bundles-section .product-detail-media {
        border-radius: 26px !important;
    }

    .product-shop-section .product-info,
    #bundles-section .product-info {
        padding: 0 !important;
        align-self: center !important;
    }

    .product-shop-section .product-card-actions,
    #bundles-section .product-card-actions {
        grid-template-columns: auto auto !important;
        justify-content: flex-start !important;
    }

    .product-shop-section .product-card-actions .card-btn,
    #bundles-section .product-card-actions .card-btn {
        width: auto !important;
        min-width: 148px !important;
        padding: 0 22px !important;
    }

    .product-trust-row {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

        /* 馃敀 绲傛サ瀹夊叏閹栵細鍏ㄥ煙姗悜杌稿悜鍒囬櫎锛?00% 瑙ｉ櫎鎵€鏈夊皪 position:sticky 鐨勬閹栬绐?*/
        html {
            overflow-x: hidden !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        body { 
            overflow-x: hidden !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important; 
            padding: calc(var(--sas-fixed-header-height) + var(--sas-adminbar-height)) 0 0 0 !important;
            font-family: 'Helvetica Neue', Arial, sans-serif !important; 
            background-color: #FAF8F5 !important; 
            color: #111111 !important; 
            -webkit-font-smoothing: antialiased !important;
            scroll-behavior: smooth !important; 
        }
        
        /* 闋傞儴鍥哄畾鍗€锛氬叕鍛婃瑒 + 灏庤埅娆勪竴璧疯窡闅ㄦ痪鍕?*/
        .site-fixed-header {
            position: fixed !important;
            top: var(--sas-adminbar-height) !important;
            left: 0 !important;
            right: 0 !important;
            width: 100% !important;
            z-index: 99999 !important;
            box-shadow: 0 8px 24px rgba(17, 17, 17, 0.06) !important;
        }

        /* 闋傞儴鍏憡娆?*/
        .announcement-bar { background-color: #111 !important; color: #FFF !important; text-align: center !important; padding: 9px 20px !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; box-sizing: border-box !important; width: 100% !important; }
        
        /* 馃専 灏庤埅娆勶細鐠板閵叉锛佸浐瀹氳窡闅ㄦ痪鍕曪紝姣涚幓鐠冭唱鎰?100% 婵€娲?*/
        .main-header { 
            display: flex !important; justify-content: space-between !important; align-items: center !important; 
            padding: 20px 40px !important; background: rgba(250, 248, 245, 0.85) !important; 
            backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important;
            border-bottom: 1px solid rgba(17, 17, 17, 0.04) !important;
            position: relative !important;
            top: auto !important;
            z-index: 1 !important; 
            box-sizing: border-box !important; 
            width: 100% !important;
        }
        
        section[id] { scroll-margin-top: calc(var(--sas-fixed-header-height) + var(--sas-adminbar-height) + 20px) !important; }

        .header-logo { display: flex !important; align-items: center !important; }
        .header-logo a, .header-logo .custom-logo-link a { font-size: 20px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #111111 !important; text-decoration: none !important; display: inline-block !important; }
        .header-logo img { max-height: 30px !important; width: auto !important; display: block !important; }
        
        .header-cart { display: flex !important; align-items: center !important; justify-content: center !important; color: #111111 !important; text-decoration: none !important; position: relative !important; }
        .header-cart-icon { width: 20px !important; height: 20px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.2 !important; }
        .cart-count { position: absolute !important; top: -5px !important; right: -7px !important; background: #111111 !important; color: #FFF !important; font-size: 9px !important; font-weight: 700 !important; min-width: 13px !important; height: 13px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 2px !important; box-sizing: border-box !important; }
        
        /* Hero 瑕栬涓婚珨锛氬洖鍒?cover 瑁佸垏锛屾闈㈢淇濈暀鍦栫墖搴曢儴锛屽劒鍏堣鍒囬爞閮?*/
        .hero-section {
            position: relative !important;
            width: 100% !important;
            height: clamp(560px, 74vh, 760px) !important;
            min-height: 560px !important;
            overflow: hidden !important;
            color: #FFFFFF !important;
            text-align: center !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 20px !important;
            background:
                linear-gradient(rgba(0,0,0,0.22), rgba(0,0,0,0.22)),
                linear-gradient(135deg, rgba(138, 79, 44, 0.12), rgba(243, 227, 207, 0.65)) !important;
        }

        .hero-section::after {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 1 !important;
            pointer-events: none !important;
            background:
                radial-gradient(circle at center, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.18) 58%, rgba(0,0,0,0.34) 100%),
                linear-gradient(90deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.04) 32%, rgba(0,0,0,0.04) 68%, rgba(0,0,0,0.22) 100%) !important;
        }

        .hero-content {
            position: relative !important;
            z-index: 2 !important;
            width: min(88%, 640px) !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 20px !important;
            border-radius: 0 !important;
            background: transparent !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
        }

        .hero-title {
            font-family: 'Georgia', serif !important;
            font-size: clamp(42px, 4vw, 66px) !important;
            font-weight: 400 !important;
            line-height: 1.02 !important;
            letter-spacing: -1px !important;
            color: #FFFFFF !important;
            margin: 0 0 16px 0 !important;
            text-shadow: 0 10px 30px rgba(0, 0, 0, 0.34) !important;
        }

        .hero-subtitle {
            font-size: 11px !important;
            line-height: 1.5 !important;
            max-width: 520px !important;
            margin: 0 0 26px 0 !important;
            color: rgba(255, 255, 255, 0.92) !important;
            font-weight: 700 !important;
            letter-spacing: 1.8px !important;
            text-transform: uppercase !important;
            text-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
        }

        .hero-btns {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 14px !important;
            flex-wrap: wrap !important;
        }

        .btn {
            min-width: 150px !important;
            height: 44px !important;
            padding: 0 28px !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            text-decoration: none !important;
            border-radius: 999px !important;
            transition: transform 0.28s ease, background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            letter-spacing: 1.35px !important;
            text-transform: uppercase !important;
            box-sizing: border-box !important;
        }

        .btn:hover {
            transform: translateY(-2px) !important;
        }

        .btn-primary {
            background-color: #111111 !important;
            color: #FFFFFF !important;
            border: 1px solid #111111 !important;
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24) !important;
        }

        .btn-primary:hover {
            background-color: #2B211A !important;
            border-color: #2B211A !important;
        }

        .btn-secondary {
            border: 1px solid rgba(255, 255, 255, 0.78) !important;
            color: #FFFFFF !important;
            background: rgba(255, 255, 255, 0.12) !important;
            backdrop-filter: blur(10px) !important;
            -webkit-backdrop-filter: blur(10px) !important;
        }

        .btn-secondary:hover {
            background-color: #FFFFFF !important;
            color: #111111 !important;
            border-color: #FFFFFF !important;
            box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16) !important;
        }

        @media (max-width: 900px) {
            .hero-section {
                height: 70vh !important;
                min-height: 560px !important;
                background-position: center bottom !important;
            }
        }

        @media (max-width: 650px) {
            .hero-section {
                height: 76vh !important;
                min-height: 560px !important;
                align-items: center !important;
                justify-content: flex-start !important;
                padding: 76px 24px 0 24px !important;
                background:
                    linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0.18)),
                    linear-gradient(135deg, rgba(138, 79, 44, 0.12), rgba(243, 227, 207, 0.65)) !important;
            }

            .hero-section::after {
                background:
                    linear-gradient(to bottom, rgba(0,0,0,0.34) 0%, rgba(0,0,0,0.12) 38%, rgba(0,0,0,0.10) 100%),
                    radial-gradient(circle at center, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.16) 72%, rgba(0,0,0,0.28) 100%) !important;
            }

            .hero-content {
                width: 100% !important;
                max-width: 360px !important;
                margin: 0 auto !important;
                padding: 0 !important;
                border-radius: 0 !important;
                background: transparent !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                transform: none !important;
                text-align: center !important;
            }

            .hero-title {
                font-size: clamp(31px, 8.4vw, 38px) !important;
                line-height: 1.05 !important;
                margin: 0 auto 12px auto !important;
                letter-spacing: -0.55px !important;
                max-width: 330px !important;
            }

            .hero-subtitle {
                font-size: 9px !important;
                line-height: 1.45 !important;
                letter-spacing: 1.15px !important;
                margin: 0 auto 20px auto !important;
                max-width: 310px !important;
            }

            .hero-btns {
                gap: 10px !important;
                width: 100% !important;
                max-width: 336px !important;
                margin: 0 auto !important;
                display: grid !important;
                grid-template-columns: 1fr 1fr !important;
            }

            .hero-btns .btn {
                min-width: 0 !important;
                width: 100% !important;
                height: 42px !important;
                padding: 0 10px !important;
                font-size: 9.5px !important;
                letter-spacing: 0.85px !important;
                white-space: nowrap !important;
            }
        }

        /* 鏍稿績淇′换鑳屾浉娆?*/
        .trust-bar-section { background-color: #FAF8F5 !important; border-bottom: 1px solid rgba(17, 17, 17, 0.05) !important; padding: 60px 20px 50px 20px !important; width: 100% !important; box-sizing: border-box !important; }
        .trust-bar-container { max-width: 1100px !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 30px !important; }
        .trust-item { flex: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; }
        .trust-icon-box { width: 18px !important; height: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #111111 !important; }
        .trust-icon-svg-embed { width: 18px !important; height: 18px !important; display: block !important; stroke: currentColor !important; stroke-width: 1.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
        .trust-text { font-size: 12px !important; font-weight: 600; color: #111111 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; }
        .trust-disclaimer { text-align: center !important; font-size: 11px !important; color: #8C8A85 !important; letter-spacing: 1px !important; margin-top: 40px !important; font-weight: 500 !important; text-transform: uppercase !important; }

        /* 閬庢浮姗箙锛歩mage-based middle banner */
        .transition-banner-section {
            position: relative !important;
            width: 100% !important;
            padding: 0 !important;
            margin: 0 !important;
            background: #FAF8F5 !important;
            text-align: center !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
        }
        .transition-banner-image {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }

        @media (min-width: 901px) {
            .transition-banner-image {
                width: min(86vw, 1460px) !important;
                max-width: 1460px !important;
            }

            .transition-banner-section::after {
                left: 50% !important;
                right: auto !important;
                width: min(86vw, 1460px) !important;
                max-width: 1460px !important;
                transform: translateX(-50%) !important;
            }
        }
        .transition-banner-section::after {
            content: '' !important;
            position: absolute !important;
            inset: 0 !important;
            z-index: 1 !important;
            pointer-events: none !important;
            background:
                linear-gradient(to bottom, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.13) 38%, rgba(0,0,0,0.04) 62%, rgba(0,0,0,0.10) 100%) !important;
        }
        .transition-banner-container {
            position: absolute !important;
            z-index: 2 !important;
            top: 30% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            width: min(86%, 980px) !important;
            max-width: 980px !important;
            margin: 0 !important;
            padding: 0 20px !important;
            box-sizing: border-box !important;
            text-align: center !important;
        }
        .transition-core-text {
            font-family: 'Georgia', serif !important;
            font-size: clamp(34px, 4.2vw, 70px) !important;
            font-weight: 400 !important;
            color: #FFFFFF !important;
            line-height: 1.08 !important;
            margin: 0 0 18px 0 !important;
            letter-spacing: 0.7px !important;
            text-shadow: 0 10px 30px rgba(0, 0, 0, 0.38) !important;
        }
        .transition-sub-text {
            font-size: clamp(12px, 1vw, 15px) !important;
            font-weight: 600 !important;
            color: rgba(255,255,255,0.92) !important;
            line-height: 1.6 !important;
            letter-spacing: 0.75px !important;
            margin: 0 auto !important;
            max-width: 780px !important;
            white-space: normal !important;
            text-shadow: 0 6px 20px rgba(0, 0, 0, 0.36) !important;
        }



        /* How It Works / Possibilities section */
        .how-it-works-section {
            background: #FAF8F5 !important;
            padding: 96px 20px 78px 20px !important;
            box-sizing: border-box !important;
            width: 100% !important;
        }

        .how-it-works-container {
            max-width: 1180px !important;
            margin: 0 auto !important;
            display: grid !important;
            grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr) !important;
            align-items: center !important;
            gap: 56px !important;
        }

        .how-it-works-copy {
            text-align: left !important;
            max-width: 480px !important;
        }

        .how-it-works-eyebrow {
            display: inline-block !important;
            font-size: 11px !important;
            line-height: 1 !important;
            font-weight: 700 !important;
            letter-spacing: 2.4px !important;
            text-transform: uppercase !important;
            color: #A76C2A !important;
            margin-bottom: 18px !important;
        }

        .how-it-works-title {
            font-family: 'Georgia', serif !important;
            font-size: clamp(32px, 4vw, 52px) !important;
            line-height: 1.04 !important;
            font-weight: 400 !important;
            letter-spacing: -0.7px !important;
            color: #111111 !important;
            margin: 0 0 22px 0 !important;
        }

        .how-it-works-text {
            font-size: 16px !important;
            line-height: 1.75 !important;
            font-weight: 400 !important;
            color: #5E574F !important;
            letter-spacing: 0.15px !important;
            margin: 0 !important;
            max-width: 450px !important;
        }

        .how-it-works-media-card {
            background: #EAE6E1 !important;
            border: 1px solid rgba(17, 17, 17, 0.06) !important;
            border-radius: 28px !important;
            padding: 14px !important;
            box-shadow: 0 24px 54px rgba(62, 43, 28, 0.09) !important;
            overflow: hidden !important;
            box-sizing: border-box !important;
        }

        .how-it-works-gif {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            border-radius: 20px !important;
            background: #F7F2EA !important;
        }

        /* ================= 2. 鐢㈠搧缍叉牸楂樼礆瑷傝＝ ================= */
        .section-container { max-width: 1200px !important; margin: 0 auto !important; padding: 100px 20px !important; text-align: center !important; box-sizing: border-box !important; }
        .section-title { font-family: 'Georgia', serif !important; font-size: 22px !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: 3px !important; margin-bottom: 60px !important; color: #111111 !important; text-align: center !important; }
        .product-grid { display: flex !important; flex-wrap: wrap !important; gap: 34px !important; margin-top: 10px !important; justify-content: center !important; width: 100% !important; }
        
        /* 鐢㈠搧鍗＄墖 */
        .product-card { 
            background: #FFFFFF !important; 
            border: none !important; 
            border-radius: 12px !important; 
            box-shadow: 0 10px 30px rgba(17, 17, 17, 0.05) !important; 
            padding: 14px !important; 
            overflow: hidden !important; 
            text-align: left !important; 
            display: flex !important; 
            flex-direction: column !important; 
            position: relative !important; 
            flex: 0 0 calc(25% - 26px) !important; 
            min-width: 250px !important; 
            box-sizing: border-box !important; 
            cursor: pointer !important; 
            transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important; 
        }
        .product-card:hover { 
            transform: translateY(-10px) !important; 
            box-shadow: 0 26px 50px rgba(17, 17, 17, 0.12) !important; 
        }
        
        .product-img-container { width: 100% !important; position: relative !important; overflow: hidden !important; border-radius: 8px !important; }
        .product-img { width: 100% !important; height: auto !important; aspect-ratio: 1/1 !important; object-fit: cover !important; display: block !important; background-color: #FAF8F5 !important; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important; }
        .product-card:hover .product-img { transform: scale(1.04) !important; }
        
        /* 鍒楄〃鍗＄墖闆欐寜閳曟嚫娴堡 */
        .card-action-overlay { position: absolute !important; bottom: -50px !important; left: 0 !important; width: 100% !important; padding: 8px !important; box-sizing: border-box !important; display: flex !important; gap: 6px !important; z-index: 5 !important; transition: bottom 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; }
        .product-card:hover .card-action-overlay { bottom: 0 !important; }
        .card-btn { flex: 1 !important; height: 36px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 4px !important; transition: all 0.25s !important; text-decoration: none !important; box-sizing: border-box !important; cursor: pointer !important; }
        .card-btn-add { background: rgba(250, 248, 245, 0.95) !important; color: #111111 !important; border: 1px solid rgba(17, 17, 17, 0.1) !important; backdrop-filter: blur(5px) !important; }
        .card-btn-add:hover { background: #FFFFFF !important; border-color: #111111 !important; }
        .card-btn-buy { background: #111111 !important; color: #FFFFFF !important; border: none !important; }
        .card-btn-buy:hover { opacity: 0.85 !important; }
        
        .product-info { padding: 14px 4px 4px 4px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; background: transparent !important; }
        .product-name { font-size: 14px !important; font-weight: 500 !important; color: #111111 !important; margin: 0 0 6px 0 !important; line-height: 1.4 !important; text-align: left !important; letter-spacing: 0.3px !important; }
        
        .color-selector { display: flex !important; gap: 6px !important; margin-bottom: 10px !important; margin-top: 4px !important; justify-content: flex-start !important; }
        .color-dot { width: 12px !important; height: 12px !important; border-radius: 50% !important; cursor: pointer !important; border: 1px solid rgba(0,0,0,0.05) !important; position: relative !important; }
        .color-dot.active::after { content: '' !important; position: absolute !important; top: -3px !important; left: -3px !important; right: -3px !important; bottom: -3px !important; border: 1px solid #111111 !important; border-radius: 50% !important; }
        .color-left-custom { background-color: #A76C2A !important; }
        .color-right-custom { background-color: #573208 !important; }
        .product-price-row { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-top: auto !important; width: 100% !important; }
        .price-current { font-size: 14px !important; font-weight: 600 !important; color: #111111 !important; }
        .product-price-values { display: flex !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; }
        .price-original { font-size: 12px !important; font-weight: 500 !important; color: #8C8378 !important; text-decoration: line-through !important; text-decoration-thickness: 1px !important; text-decoration-color: rgba(140, 131, 120, 0.8) !important; }

        .card-view-details {
            width: 100% !important;
            height: 38px !important;
            margin-top: 14px !important;
            border-radius: 999px !important;
            border: 1px solid rgba(17, 17, 17, 0.16) !important;
            background: rgba(255, 252, 247, 0.72) !important;
            color: #111111 !important;
            font-size: 10px !important;
            line-height: 1 !important;
            font-weight: 800 !important;
            letter-spacing: 1.25px !important;
            text-transform: uppercase !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            cursor: pointer !important;
            box-sizing: border-box !important;
            transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
        }

        .card-view-details::after {
            content: '鈫? !important;
            font-size: 10px !important;
            line-height: 1 !important;
            transform: translateY(-0.5px) !important;
            opacity: 0.72 !important;
        }

        .card-view-details:hover {
            background: #111111 !important;
            color: #FFFFFF !important;
            border-color: #111111 !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 12px 24px rgba(17, 17, 17, 0.12) !important;
        }
        
        .mobile-action-bar { display: none !important; }

        /* 濂楄灞曠ず鍗€ */
        #bundles-section { background-color: #FAF8F5 !important; }
        #bundles-section .product-card { background: #EAE6E1 !important; box-shadow: 0 10px 30px rgba(17, 17, 17, 0.04) !important; }

        @media (min-width: 1101px) {
            #bundles-section .product-card { flex: 0 0 calc(33.333% - 23px) !important; }
        }

        /* 鍠搧灞曠ず鍗€ */
        #essentials-section { background-color: #FAF8F5 !important; border-bottom: none !important; }
        #essentials-section .section-title { color: #111111 !important; }
        #essentials-section .product-card { background: #EAE6E1 !important; box-shadow: 0 10px 30px rgba(17, 17, 17, 0.04) !important; }

        /* 涓夊ぇ浜虹兢鍫存櫙鐣牨娆?*/
        .segment-section { background-color: #FAF8F5 !important; padding: 100px 20px !important; box-sizing: border-box !important; width: 100% !important; border-bottom: none !important; }
        .segment-container { max-width: 1200px !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; gap: 30px !important; }
        .segment-card { flex: 1 !important; position: relative !important; border-radius: 0px !important; overflow: hidden !important; box-sizing: border-box !important; }
        .segment-img-wrap { padding-bottom: 125% !important; }
        .segment-img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important; }
        .segment-card:hover .segment-img { transform: scale(1.02) !important; }
        .segment-card::after { content: '' !important; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 40% !important; background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%) !important; pointer-events: none !important; z-index: 1 !important; }
        .segment-info-overlay { position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; padding: 30px !important; box-sizing: border-box !important; text-align: left !important; z-index: 2 !important; }
        .segment-badge { display: inline-block !important; background-color: transparent !important; border: 1px solid #FFF !important; color: #FFFFFF !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 1px !important; padding: 4px 12px !important; border-radius: 0px !important; margin-bottom: 12px !important; text-transform: uppercase !important; }
        .segment-title { font-family: 'Georgia', serif !important; font-size: 20px !important; font-weight: 400 !important; color: #FFFFFF !important; line-height: 1.4 !important; margin: 0 !important; }



        /* Customer reviews section */
        .sas-reviews-section {
            background-color: #F7F2EA !important;
            padding: 88px 20px 96px 20px !important;
            box-sizing: border-box !important;
            width: 100% !important;
        }

        .sas-reviews-container {
            max-width: 1200px !important;
            margin: 0 auto !important;
            text-align: center !important;
        }

        .sas-reviews-eyebrow {
            font-size: 11px !important;
            font-weight: 700 !important;
            letter-spacing: 2.6px !important;
            text-transform: uppercase !important;
            color: #A76C2A !important;
            margin: 0 0 16px 0 !important;
        }

        .sas-reviews-title {
            font-family: 'Georgia', serif !important;
            font-size: 22px !important;
            font-weight: 400 !important;
            text-transform: uppercase !important;
            letter-spacing: 3px !important;
            color: #111111 !important;
            margin: 0 0 18px 0 !important;
            text-align: center !important;
        }

        .sas-reviews-subtitle {
            max-width: 640px !important;
            margin: 0 auto 46px auto !important;
            color: #7D756C !important;
            font-size: 14px !important;
            line-height: 1.7 !important;
            letter-spacing: 0.2px !important;
        }

        .sas-reviews-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 20px !important;
            text-align: left !important;
        }

        .sas-review-card {
            background-color: #FFFCF7 !important;
            border: 1px solid rgba(62, 43, 28, 0.08) !important;
            border-radius: 22px !important;
            padding: 28px 26px 26px 26px !important;
            min-height: 260px !important;
            box-sizing: border-box !important;
            box-shadow: 0 18px 42px rgba(62, 43, 28, 0.06) !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
        }

        .sas-review-stars {
            color: #C9863A !important;
            font-size: 14px !important;
            letter-spacing: 1.2px !important;
            line-height: 1 !important;
            margin-bottom: 18px !important;
        }

        .sas-review-text {
            color: #2B2B2B !important;
            font-size: 15px !important;
            line-height: 1.72 !important;
            font-weight: 500 !important;
            margin: 0 0 24px 0 !important;
            letter-spacing: 0.05px !important;
        }

        .sas-review-meta {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            margin-top: auto !important;
        }

        .sas-review-avatar {
            width: 40px !important;
            height: 40px !important;
            border-radius: 50% !important;
            background-color: #F0DFC6 !important;
            color: #A76C2A !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex: 0 0 40px !important;
        }

        .sas-review-name {
            color: #151515 !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            margin: 0 0 3px 0 !important;
            line-height: 1.2 !important;
        }

        .sas-review-note {
            color: #8C857C !important;
            font-size: 11px !important;
            font-weight: 600 !important;
            letter-spacing: 0.8px !important;
            text-transform: uppercase !important;
            margin: 0 !important;
            line-height: 1.2 !important;
        }

        @media (max-width: 900px) {
            .sas-reviews-section {
                padding: 72px 0 82px 0 !important;
            }

            .sas-reviews-container {
                max-width: none !important;
                width: 100% !important;
            }

            .sas-reviews-eyebrow,
            .sas-reviews-title,
            .sas-reviews-subtitle {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }

            .sas-reviews-title {
                font-size: 18px !important;
                letter-spacing: 2.5px !important;
            }

            .sas-reviews-subtitle {
                margin-bottom: 34px !important;
            }

            .sas-reviews-grid {
                display: flex !important;
                overflow-x: auto !important;
                gap: 16px !important;
                padding: 0 20px 18px 20px !important;
                scroll-snap-type: x mandatory !important;
                -webkit-overflow-scrolling: touch !important;
            }

            .sas-reviews-grid::-webkit-scrollbar {
                display: none !important;
            }

            .sas-review-card {
                flex: 0 0 82vw !important;
                max-width: 360px !important;
                min-height: 278px !important;
                scroll-snap-align: center !important;
                padding: 26px 22px 24px 22px !important;
                border-radius: 20px !important;
            }

            .sas-review-text {
                font-size: 14px !important;
                line-height: 1.7 !important;
            }
        }

        /* FAQ 鍗€鍩?*/
        .faq-section { background-color: #1C1814 !important; padding: 120px 20px !important; box-sizing: border-box !important; width: 100% !important; }
        .faq-container { max-width: 1000px !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 50px !important; }
        .faq-left-title-box { flex: 0 0 250px !important; text-align: left !important; }
        .faq-main-heading { font-family: 'Georgia', serif !important; font-size: 32px !important; font-weight: 400 !important; color: #FFFFFF !important; letter-spacing: 1px !important; margin: 0 !important; position: sticky !important; top: 140px !important; }
        .faq-right-list-box { flex: 1 !important; }
        
        .faq-row-item { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; padding: 24px 0 !important; margin-bottom: 0 !important; cursor: pointer !important; transition: all 0.3s ease !important; }
        .faq-question { font-size: 15px !important; font-weight: 600 !important; color: #FFFFFF !important; line-height: 1.5 !important; margin: 0 !important; text-align: left !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
        .faq-question::after { content: '+' !important; font-family: monospace !important; font-size: 18px !important; font-weight: 300 !important; color: #8C8A85 !important; transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; }
        .faq-row-item.active .faq-question::after { transform: rotate(45deg) !important; color: #FFFFFF !important; }
        
        .faq-answer { font-size: 14px !important; font-weight: 400 !important; color: #C8C6C2 !important; line-height: 1.7 !important; margin-top: 0 !important; text-align: left !important; max-height: 0 !important; overflow: hidden !important; opacity: 0; transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.3s ease, margin-top 0.4s ease !important; }
        .faq-row-item.active .faq-answer { max-height: 300px !important; opacity: 1; margin-top: 14px !important; }

        /* Footer */
        .main-footer { background-color: #1A1A1A !important; color: #999999 !important; padding: 100px 40px 50px 40px !important; box-sizing: border-box !important; width: 100% !important; font-size: 13px !important; letter-spacing: 0.3px !important; }
        .footer-top-wrap { max-width: 1200px !important; margin: 0 auto !important; display: flex !important; justify-content: space-between !important; align-items: flex-start !important; padding-bottom: 80px !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; }
        .footer-links-box { display: flex !important; flex-direction: column !important; gap: 18px !important; }
        .footer-link-item { color: #999999 !important; text-decoration: none !important; font-weight: 500 !important; display: block !important; transition: color 0.2s !important; }
        .footer-link-item:hover { color: #FFF !important; }
        .footer-newsletter-box { max-width: 350px !important; width: 100% !important; text-align: right !important; }
        .newsletter-headline { font-family: 'Georgia', serif !important; font-size: 22px !important; font-weight: 400 !important; color: #FFFFFF !important; margin: 0 !important; margin-bottom: 10px !important; }
        .newsletter-subtext { font-size: 13px !important; color: #666666 !important; margin: 0 !important; margin-bottom: 25px !important; }
        .newsletter-form-group { display: flex !important; width: 100% !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; padding-bottom: 8px !important; }
        .newsletter-input { background: transparent !important; border: none !important; color: #FFFFFF !important; font-size: 13px !important; width: 100% !important; outline: none !important; }
        .newsletter-submit-btn { background: transparent !important; border: none !important; color: #FFFFFF !important; font-size: 12px !important; font-weight: 700 !important; cursor: pointer !important; text-transform: uppercase !important; letter-spacing: 1px !important; }
        .footer-bottom-wrap { max-width: 1200px !important; margin: 0 auto !important; padding-top: 40px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
        .footer-copyright { font-size: 11px !important; color: #555555 !important; letter-spacing: 0.5px !important; }
        .footer-payment-icons { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; flex-wrap: wrap !important; }
        .footer-payment-icons img { display: inline-block !important; height: 24px !important; width: auto !important; max-width: 46px !important; vertical-align: middle !important; border: none !important; box-shadow: none !important; background: transparent !important; opacity: 0.86 !important; filter: grayscale(6%) !important; transition: opacity 0.2s ease, transform 0.2s ease !important; }
        .footer-payment-icons img:hover { opacity: 1 !important; transform: translateY(-1px) !important; }


        /* Newsletter popup + AJAX subscription forms */
        .newsletter-form-message {
            font-size: 12px !important;
            line-height: 1.45 !important;
            color: #BDB7AE !important;
            margin-top: 12px !important;
            min-height: 18px !important;
        }

        .newsletter-form-message.success {
            color: #D9B376 !important;
        }

        .newsletter-form-message.error {
            color: #F0A6A6 !important;
        }

        .newsletter-popup-overlay {
            position: fixed !important;
            inset: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background: rgba(19, 16, 13, 0.48) !important;
            z-index: 100001 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 22px !important;
            box-sizing: border-box !important;
            opacity: 0 !important;
            visibility: hidden !important;
            pointer-events: none !important;
            transition: opacity 0.28s ease, visibility 0.28s ease !important;
        }

        .newsletter-popup-overlay.open {
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
        }

        .newsletter-popup-card {
            position: relative !important;
            width: min(100%, 520px) !important;
            background: #FFFCF7 !important;
            border-radius: 26px !important;
            padding: 42px 42px 38px 42px !important;
            box-sizing: border-box !important;
            box-shadow: 0 30px 80px rgba(20, 16, 12, 0.22) !important;
            border: 1px solid rgba(74, 55, 35, 0.08) !important;
            text-align: center !important;
            transform: translateY(10px) scale(0.98) !important;
            transition: transform 0.28s ease !important;
        }

        .newsletter-popup-overlay.open .newsletter-popup-card {
            transform: translateY(0) scale(1) !important;
        }

        .newsletter-popup-close {
            position: absolute !important;
            top: 18px !important;
            right: 18px !important;
            width: 34px !important;
            height: 34px !important;
            border-radius: 50% !important;
            border: 1px solid rgba(17, 17, 17, 0.08) !important;
            background: #F6EFE5 !important;
            color: #171717 !important;
            font-size: 18px !important;
            line-height: 1 !important;
            cursor: pointer !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .newsletter-popup-eyebrow {
            font-size: 11px !important;
            line-height: 1.2 !important;
            font-weight: 700 !important;
            letter-spacing: 2.7px !important;
            color: #C9863A !important;
            text-transform: uppercase !important;
            margin: 0 0 16px 0 !important;
        }

        .newsletter-popup-title {
            font-family: Georgia, serif !important;
            font-size: 34px !important;
            font-weight: 400 !important;
            line-height: 1.12 !important;
            letter-spacing: -0.8px !important;
            color: #151515 !important;
            margin: 0 0 16px 0 !important;
        }

        .newsletter-popup-copy {
            max-width: 410px !important;
            margin: 0 auto 28px auto !important;
            color: #6F655B !important;
            font-size: 14px !important;
            line-height: 1.7 !important;
        }

        .newsletter-popup-form {
            width: 100% !important;
            max-width: 390px !important;
            margin: 0 auto !important;
        }

        .newsletter-popup-input {
            width: 100% !important;
            height: 50px !important;
            border-radius: 999px !important;
            border: 1px solid rgba(17, 17, 17, 0.13) !important;
            background: #FFFFFF !important;
            color: #171717 !important;
            padding: 0 18px !important;
            box-sizing: border-box !important;
            font-size: 14px !important;
            outline: none !important;
            margin-bottom: 12px !important;
        }

        .newsletter-popup-input:focus {
            border-color: rgba(17, 17, 17, 0.48) !important;
            box-shadow: 0 0 0 4px rgba(201, 134, 58, 0.12) !important;
        }

        .newsletter-popup-submit {
            width: 100% !important;
            height: 50px !important;
            border-radius: 999px !important;
            border: none !important;
            background: #111111 !important;
            color: #FFFFFF !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            letter-spacing: 1.4px !important;
            text-transform: uppercase !important;
            cursor: pointer !important;
            box-shadow: 0 14px 28px rgba(17, 17, 17, 0.18) !important;
        }

        .newsletter-popup-submit:disabled,
        .newsletter-submit-btn:disabled {
            opacity: 0.55 !important;
            cursor: progress !important;
        }

        .newsletter-popup-note {
            margin: 16px auto 0 auto !important;
            font-size: 11px !important;
            line-height: 1.5 !important;
            color: #91887F !important;
        }

        @media (max-width: 650px) {
            .newsletter-popup-overlay {
                align-items: flex-start !important;
                padding: 88px 18px 20px 18px !important;
            }

            .newsletter-popup-card {
                border-radius: 22px !important;
                padding: 36px 22px 30px 22px !important;
            }

            .newsletter-popup-title {
                font-size: 28px !important;
                line-height: 1.14 !important;
            }

            .newsletter-popup-copy {
                font-size: 13px !important;
                margin-bottom: 24px !important;
            }
        }

        /* 澶у綀绐?HTML 搴曞骇 */
        .modal-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.5) !important; z-index: 99999 !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; visibility: hidden !important; transition: all 0.3s ease !important; padding: 20px !important; box-sizing: border-box !important; }
        .modal-overlay.open { opacity: 1 !important; visibility: visible !important; }
        .modal-container { background: #FFF !important; width: 100% !important; max-width: 860px !important; border-radius: 0px !important; overflow: hidden !important; display: flex !important; position: relative !important; box-shadow: 0 30px 70px rgba(0,0,0,0.1) !important; max-height: 85vh !important; box-sizing: border-box !important; }
        .modal-close { position: absolute !important; top: 20px !important; right: 20px !important; background: none !important; border: none !important; font-size: 20px !important; cursor: pointer !important; color: #111111 !important; z-index: 10 !important; }
        .modal-left { width: 55% !important; padding: 40px !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; border-right: 1px solid rgba(17, 17, 17, 0.05) !important; overflow-y: auto !important; }
        .modal-main-img-wrap { width: 100% !important; aspect-ratio: 1/1 !important; overflow: hidden !important; border-radius: 0px !important; background: #FAF8F5 !important; margin-bottom: 20px !important; }
        .modal-main-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
        .modal-left-meta-row { display: flex !important; justify-content: space-between !important; align-items: baseline; margin-bottom: 20px; }
        .modal-left-title { font-family: 'Georgia', serif !important; font-size: 22px !important; font-weight: 400 !important; color: #111111 !important; margin: 0 !important; }
        .modal-left-price { font-size: 18px !important; font-weight: 600 !important; color: #111111 !important; margin: 0 0 0 20px !important; }
        .modal-thumbs { display: flex !important; gap: 8px !important; overflow-x: auto !important; padding-bottom: 5px !important; }
        .modal-thumb { width: 50px !important; height: 50px !important; object-fit: cover !important; border-radius: 0px !important; cursor: pointer !important; border: 1px solid transparent !important; flex-shrink: 0 !important; opacity: 0.5; }
        .modal-thumb.active { border-color: #111111 !important; opacity: 1; }
        .modal-right { width: 45% !important; padding: 40px !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; overflow-y: auto !important; }
        .modal-desc { font-size: 13px !important; color: #555555 !important; line-height: 1.7 !important; margin: 0 0 25px 0 !important; text-align: left !important; }
        .modal-meta-row { display: flex !important; margin-bottom: 15px !important; }
        .modal-meta { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; padding: 4px 10px !important; background: #FAF8F5 !important; border: 1px solid rgba(17,17,17,0.08) !important; text-transform: uppercase !important; color: #111111 !important; }
        .modal-dimensions-box { background: #FAF8F5 !important; border: 1px solid rgba(17, 17, 17, 0.06) !important; padding: 12px 15px !important; border-radius: 0px !important; font-size: 12px !important; color: #555555 !important; margin-bottom: 25px !important; display: flex !important; align-items: center !important; }
        .modal-action-grid { display: flex !important; gap: 10px !important; width: 100% !important; margin-top: auto !important; }
        .modal-btn { flex: 1 !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; border-radius: 2px !important; box-sizing: border-box !important; transition: all 0.25s ease !important; cursor: pointer !important; }
        .modal-btn-add { background: #FFFFFF !important; color: #111111 !important; border: 1px solid #111111 !important; border-radius: 2px !important; }
        .modal-btn-add:hover { background: #FAF8F5 !important; }
        .modal-btn-buy { background: #111111 !important; color: #FFFFFF !important; border: none !important; }
        .modal-btn-buy:hover { background: #333333 !important; }


        /* Section spacing refinement: bring bundles, essentials, and Scenes & Details closer together */
        #bundles-section {
            padding-bottom: 70px !important;
        }

        #essentials-section {
            padding-top: 70px !important;
            padding-bottom: 52px !important;
        }

        .segment-section {
            padding-top: 52px !important;
        }

        /* RWD 琛屽嫊绔柗榛炶垏鎺掔増绱扮瘈 */
        @media (max-width: 1100px) { .product-card { flex: 0 0 calc(50% - 15px) !important; } }
        @media (max-width: 900px) {
            .section-container { padding: 90px 20px !important; }
            .section-title { font-size: 18px !important; letter-spacing: 2.5px !important; margin-bottom: 45px !important; }
            .trust-bar-section { padding: 40px 0px 35px 0px !important; }
            .trust-bar-container { display: block !important; overflow-x: auto !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; padding-left: 20px !important; padding-right: 20px !important; text-align: left !important; }
            .trust-bar-container::-webkit-scrollbar { display: none !important; }
            .trust-item { display: inline-flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; flex: none !important; margin-right: 25px !important; gap: 6px !important; }
            .trust-icon-box { width: 15px !important; height: 15px !important; }
            .trust-icon-svg-embed { width: 15px !important; height: 15px !important; }
            .trust-text { font-size: 11px !important; letter-spacing: 0.3px !important; }
            .trust-disclaimer { padding: 0 20px !important; margin-top: 25px !important; font-size: 10px !important; text-align: center !important; }
            .transition-banner-container { top: 30% !important; width: min(90%, 680px) !important; }
            .transition-core-text { font-size: clamp(24px, 5.2vw, 42px) !important; line-height: 1.1 !important; margin-bottom: 12px !important; }
            .transition-sub-text { font-size: 11.5px !important; white-space: normal !important; max-width: 560px !important; line-height: 1.55 !important; }
            .segment-section { padding: 48px 20px 72px 20px !important; }
            #bundles-section { padding-bottom: 56px !important; }
            #essentials-section { padding-top: 56px !important; padding-bottom: 42px !important; }
            .segment-container { flex-direction: column !important; gap: 30px !important; }
            .segment-card { width: 100% !important; flex: none !important; }
            .segment-img-wrap { padding-bottom: 120% !important; }
            .modal-container { flex-direction: column !important; max-height: 85vh !important; overflow-y: auto !important; }
            .modal-left { width: 100% !important; border-right: none !important; border-bottom: 1px solid rgba(17,17,17,0.06) !important; padding: 25px !important; }
            .modal-right { width: 100% !important; padding: 25px !important; }
            .modal-left-meta-row { margin-top: 10px !important; }
            .modal-left-title, .modal-left-price { font-size: 18px !important; }
            .modal-action-grid { margin-top: 25px !important; }
            .faq-section { padding: 80px 20px !important; }
            .faq-container { flex-direction: column !important; gap: 30px !important; }
            .faq-left-title-box { flex: none !important; width: 100% !important; }
            .faq-main-heading { font-size: 24px !important; position: static !important; margin-bottom: 10px !important; }
            .faq-question { font-size: 14px !important; margin-bottom: 8px !important; }
            .faq-answer { font-size: 13px !important; }
            .main-footer { padding: 80px 20px 40px 20px !important; text-align: center !important; }
            .footer-top-wrap { flex-direction: column !important; gap: 40px !important; align-items: center !important; padding-bottom: 40px !important; }
            .footer-newsletter-box { text-align: center !important; order: -1 !important; width: 100% !important; } 
            .newsletter-headline { text-align: center !important; font-size: 20px !important; }
            .footer-links-box { gap: 16px !important; align-items: center !important; width: 100% !important; }
            .footer-bottom-wrap { flex-direction: column !important; gap: 20px !important; padding-top: 30px !important; }
            .footer-payment-icons { justify-content: center !important; gap: 10px !important; }
        }
        @media (max-width: 650px) { 
            #bundles-section { padding-bottom: 46px !important; }
            #essentials-section { padding-top: 46px !important; padding-bottom: 34px !important; }
            .segment-section { padding-top: 34px !important; }
            .product-grid { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } 
            .product-card { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 35px !important; display: flex !important; flex-direction: column !important; padding: 10px !important; } 
            .product-card:hover { transform: none !important; }
            .card-action-overlay { display: none !important; } 
            .mobile-action-bar { display: flex !important; gap: 8px !important; width: 100% !important; margin-top: 15px !important; }
            .mobile-action-bar .card-btn { height: 42px !important; font-size: 12px !important; }
            .card-view-details { height: 40px !important; margin-top: 13px !important; font-size: 10px !important; letter-spacing: 1.05px !important; background: #FFFCF7 !important; }
            .product-img { width: 100% !important; height: auto !important; aspect-ratio: 1/1 !important; }
            .product-info { padding: 12px 2px 2px 2px !important; }
            .product-name, .price-current { font-size: 14px !important; }
            .price-original { font-size: 12px !important; }
            .main-header { padding: 16px 20px !important; } 
        }


        /* FINAL FIX: mobile hero content must stay centered and high, never edge-to-edge */
        @media (max-width: 650px) {
            .hero-section {
                position: relative !important;
                display: block !important;
                height: 78svh !important;
                min-height: 640px !important;
                padding: 0 !important;
                background:
                    linear-gradient(rgba(0,0,0,0.16), rgba(0,0,0,0.16)),
                    linear-gradient(135deg, rgba(138, 79, 44, 0.12), rgba(243, 227, 207, 0.65)) !important;
            }

            .hero-section::after {
                background:
                    linear-gradient(to bottom, rgba(0,0,0,0.36) 0%, rgba(0,0,0,0.10) 42%, rgba(0,0,0,0.12) 100%) !important;
            }

            .hero-content {
                position: absolute !important;
                z-index: 3 !important;
                inset: 0 !important;
                transform: none !important;
                width: 100% !important;
                max-width: none !important;
                margin: 0 !important;
                padding: 0 !important;
                display: block !important;
                text-align: center !important;
                background: transparent !important;
                backdrop-filter: none !important;
                -webkit-backdrop-filter: none !important;
                pointer-events: none !important;
            }

            .hero-title {
                position: absolute !important;
                top: 188px !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
                width: calc(100% - 56px) !important;
                max-width: 330px !important;
                margin: 0 !important;
                font-size: clamp(30px, 8vw, 36px) !important;
                line-height: 1.04 !important;
                letter-spacing: -0.45px !important;
                text-align: center !important;
                overflow-wrap: normal !important;
                pointer-events: none !important;
            }

            .hero-subtitle {
                position: absolute !important;
                top: 278px !important;
                left: 50% !important;
                transform: translateX(-50%) !important;
                width: calc(100% - 70px) !important;
                max-width: 310px !important;
                margin: 0 !important;
                font-size: 8.5px !important;
                line-height: 1.45 !important;
                letter-spacing: 1.05px !important;
                text-align: center !important;
                pointer-events: none !important;
            }

            .hero-btns {
                position: absolute !important;
                left: 50% !important;
                bottom: 78px !important;
                transform: translateX(-50%) !important;
                width: calc(100% - 44px) !important;
                max-width: 358px !important;
                margin: 0 !important;
                display: grid !important;
                grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
                gap: 10px !important;
                align-items: center !important;
                justify-content: center !important;
                pointer-events: auto !important;
            }

            .hero-btns .btn {
                width: 100% !important;
                min-width: 0 !important;
                height: 42px !important;
                padding: 0 8px !important;
                border-radius: 999px !important;
                font-size: 9px !important;
                letter-spacing: 0.8px !important;
                white-space: nowrap !important;
                text-align: center !important;
            }
        }



        /* Final mobile override: 6 value props as a clean 2 x 3 grid, no horizontal scroll */
        @media (max-width: 900px) {
            .trust-bar-section {
                padding: 42px 16px 34px 16px !important;
            }

            .trust-bar-container {
                max-width: 520px !important;
                margin: 0 auto !important;
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 12px !important;
                overflow: visible !important;
                white-space: normal !important;
                -webkit-overflow-scrolling: auto !important;
                padding: 0 !important;
                text-align: center !important;
            }

            .trust-item {
                width: 100% !important;
                min-width: 0 !important;
                margin: 0 !important;
                padding: 16px 10px !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                background: rgba(255, 252, 247, 0.72) !important;
                border: 1px solid rgba(62, 43, 28, 0.08) !important;
                border-radius: 18px !important;
                box-shadow: 0 10px 24px rgba(62, 43, 28, 0.045) !important;
                box-sizing: border-box !important;
            }

            .trust-icon-box {
                width: 17px !important;
                height: 17px !important;
            }

            .trust-icon-svg-embed {
                width: 17px !important;
                height: 17px !important;
            }

            .trust-text {
                font-size: 10.5px !important;
                line-height: 1.2 !important;
                letter-spacing: 0.65px !important;
                text-align: center !important;
            }

            .trust-disclaimer {
                margin-top: 26px !important;
                padding: 0 8px !important;
                font-size: 10px !important;
                line-height: 1.5 !important;
            }

            .how-it-works-section {
                padding: 76px 18px 42px 18px !important;
            }

            .how-it-works-container {
                max-width: 560px !important;
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 30px !important;
            }

            .how-it-works-copy {
                max-width: 100% !important;
                text-align: center !important;
                margin: 0 auto !important;
            }

            .how-it-works-eyebrow {
                font-size: 10px !important;
                letter-spacing: 2px !important;
                margin-bottom: 14px !important;
            }

            .how-it-works-title {
                font-size: 32px !important;
                line-height: 1.08 !important;
                letter-spacing: -0.35px !important;
                margin-bottom: 18px !important;
            }

            .how-it-works-text {
                max-width: 340px !important;
                margin: 0 auto !important;
                font-size: 14px !important;
                line-height: 1.7 !important;
            }

            .how-it-works-media-card {
                border-radius: 24px !important;
                padding: 10px !important;
                box-shadow: 0 18px 38px rgba(62, 43, 28, 0.08) !important;
            }

            .how-it-works-gif {
                border-radius: 18px !important;
            }
        }

        @media (max-width: 650px) {
            .how-it-works-section {
                padding: 64px 16px 34px 16px !important;
            }

            .how-it-works-title {
                font-size: 30px !important;
            }

            .how-it-works-media-card {
                margin-left: auto !important;
                margin-right: auto !important;
                max-width: 390px !important;
            }
        }



        /* Desktop detail gallery fix: thumbnails switch the large image without changing layout */
        .modal-main-img-wrap {
            display: flex !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            scroll-snap-type: x mandatory !important;
            scroll-behavior: smooth !important;
            -webkit-overflow-scrolling: touch !important;
            scrollbar-width: none !important;
            -ms-overflow-style: none !important;
        }

        .modal-main-img-wrap::-webkit-scrollbar {
            display: none !important;
        }

        .modal-main-img-wrap .modal-main-img,
        .modal-main-img-wrap .modal-main-slide {
            flex: 0 0 100% !important;
            min-width: 100% !important;
            width: 100% !important;
            height: 100% !important;
            scroll-snap-align: center !important;
        }

        /* Final mobile product modal fix: one-screen layout + swipeable top gallery */
        body.sas-modal-open {
            overflow: hidden !important;
            touch-action: none !important;
        }

        .modal-main-slide {
            width: 100% !important;
            min-width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
            flex: 0 0 100% !important;
            scroll-snap-align: center !important;
        }

        @media (max-width: 650px) {
            .modal-overlay {
                padding: 10px !important;
                align-items: center !important;
                justify-content: center !important;
                overflow: hidden !important;
                background: rgba(0, 0, 0, 0.58) !important;
                z-index: 100002 !important;
            }

            .modal-container {
                width: calc(100vw - 20px) !important;
                max-width: 430px !important;
                height: auto !important;
                max-height: calc(100dvh - 20px) !important;
                display: flex !important;
                flex-direction: column !important;
                border-radius: 22px !important;
                overflow: hidden !important;
                background: #FFFFFF !important;
                box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24) !important;
            }

            .modal-close {
                top: 10px !important;
                right: 10px !important;
                width: 32px !important;
                height: 32px !important;
                border-radius: 50% !important;
                background: rgba(255, 255, 255, 0.88) !important;
                border: 1px solid rgba(17, 17, 17, 0.08) !important;
                font-size: 16px !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
            }

            .modal-left {
                width: 100% !important;
                padding: 12px 12px 8px 12px !important;
                border-right: none !important;
                border-bottom: 1px solid rgba(17, 17, 17, 0.06) !important;
                overflow: visible !important;
                flex: 0 0 auto !important;
            }

            .modal-main-img-wrap {
                width: 100% !important;
                height: auto !important;
                aspect-ratio: 1 / 1 !important;
                max-height: none !important;
                margin-bottom: 8px !important;
                border-radius: 16px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                display: flex !important;
                scroll-snap-type: x mandatory !important;
                scroll-behavior: smooth !important;
                -webkit-overflow-scrolling: touch !important;
                background: #FAF8F5 !important;
            }

            .modal-main-img-wrap::-webkit-scrollbar,
            .modal-thumbs::-webkit-scrollbar {
                display: none !important;
            }

            .modal-main-img,
            .modal-main-slide {
                width: 100% !important;
                min-width: 100% !important;
                height: 100% !important;
                object-fit: contain !important;
                object-position: center center !important;
                display: block !important;
                flex: 0 0 100% !important;
                scroll-snap-align: center !important;
                background: #FAF8F5 !important;
            }

            .modal-left-meta-row {
                margin: 0 0 8px 0 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                gap: 10px !important;
            }

            .modal-left-title {
                font-size: 16px !important;
                line-height: 1.18 !important;
                letter-spacing: -0.15px !important;
                flex: 1 !important;
            }

            .modal-left-price {
                font-size: 15px !important;
                margin-left: 8px !important;
                white-space: nowrap !important;
            }

            .modal-thumbs {
                gap: 6px !important;
                padding-bottom: 0 !important;
                max-height: 34px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                -webkit-overflow-scrolling: touch !important;
            }

            .modal-thumb {
                width: 32px !important;
                height: 32px !important;
                border-radius: 8px !important;
            }

            .modal-right {
                width: 100% !important;
                padding: 10px 12px 12px 12px !important;
                overflow: visible !important;
                flex: 0 0 auto !important;
                display: flex !important;
                flex-direction: column !important;
            }

            .modal-meta-row {
                margin-bottom: 8px !important;
            }

            .modal-meta {
                font-size: 9px !important;
                padding: 4px 8px !important;
                border-radius: 999px !important;
            }

            .modal-desc {
                font-size: 11.5px !important;
                line-height: 1.45 !important;
                margin: 0 0 9px 0 !important;
                color: #4E4A45 !important;
            }

            .modal-dimensions-box {
                padding: 8px 10px !important;
                font-size: 10.5px !important;
                margin-bottom: 10px !important;
                border-radius: 12px !important;
            }

            .modal-action-grid {
                gap: 8px !important;
                margin-top: 0 !important;
            }

            .modal-btn {
                height: 42px !important;
                border-radius: 999px !important;
                font-size: 10.5px !important;
                letter-spacing: 0.8px !important;
            }
        }

        @media (max-width: 390px), (max-height: 690px) {
            .modal-container {
                max-height: calc(100dvh - 14px) !important;
            }

            .modal-main-img-wrap {
                height: auto !important;
                aspect-ratio: 1 / 1 !important;
                margin-bottom: 6px !important;
            }

            .modal-left {
                padding: 10px 10px 6px 10px !important;
            }

            .modal-left-title {
                font-size: 14px !important;
            }

            .modal-left-price {
                font-size: 13px !important;
            }

            .modal-thumb {
                width: 28px !important;
                height: 28px !important;
            }

            .modal-right {
                padding: 8px 10px 10px 10px !important;
            }

            .modal-desc {
                font-size: 10.2px !important;
                line-height: 1.32 !important;
                margin-bottom: 6px !important;
            }

            .modal-dimensions-box {
                padding: 7px 9px !important;
                font-size: 10px !important;
                margin-bottom: 8px !important;
            }

            .modal-btn {
                height: 38px !important;
                font-size: 9.8px !important;
            }
        }

        @media (max-height: 760px) and (max-width: 650px) {
            .modal-left { padding: 8px 8px 5px 8px !important; }
            .modal-right { padding: 6px 8px 8px 8px !important; }
            .modal-left-meta-row { margin-bottom: 5px !important; }
            .modal-left-title { font-size: 13.5px !important; line-height: 1.12 !important; }
            .modal-left-price { font-size: 12.5px !important; }
            .modal-thumbs { display: none !important; }
            .modal-meta-row { margin-bottom: 5px !important; }
            .modal-desc { font-size: 9.8px !important; line-height: 1.28 !important; margin-bottom: 5px !important; }
            .modal-dimensions-box { padding: 6px 8px !important; font-size: 9.5px !important; margin-bottom: 6px !important; }
            .modal-btn { height: 36px !important; font-size: 9.4px !important; }
        }


        /* Mobile modal swipe indicator: dots + hint, keeps original-size image clean */
        .modal-swipe-ui {
            display: none !important;
        }

        @media (max-width: 650px) {
            .modal-main-img-wrap {
                position: relative !important;
            }

            .modal-thumbs {
                display: none !important;
            }

            .modal-swipe-ui {
                display: none !important;
                position: relative !important;
                z-index: 6 !important;
                width: fit-content !important;
                max-width: calc(100% - 36px) !important;
                margin: -40px auto 10px auto !important;
                padding: 7px 11px 8px 11px !important;
                border-radius: 999px !important;
                background: rgba(17, 17, 17, 0.46) !important;
                backdrop-filter: blur(10px) !important;
                -webkit-backdrop-filter: blur(10px) !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 8px !important;
                box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18) !important;
                pointer-events: none !important;
            }

            .modal-swipe-ui.has-multiple {
                display: flex !important;
            }

            .modal-swipe-dots {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                gap: 4px !important;
                flex: 0 0 auto !important;
            }

            .modal-swipe-dot {
                width: 5px !important;
                height: 5px !important;
                border-radius: 999px !important;
                background: rgba(255, 255, 255, 0.45) !important;
                transition: width 0.2s ease, background-color 0.2s ease, opacity 0.2s ease !important;
            }

            .modal-swipe-dot.active {
                width: 13px !important;
                background: #FFFFFF !important;
            }

            .modal-swipe-hint {
                display: inline-block !important;
                color: #FFFFFF !important;
                font-size: 8.5px !important;
                line-height: 1 !important;
                font-weight: 700 !important;
                letter-spacing: 0.8px !important;
                text-transform: uppercase !important;
                white-space: nowrap !important;
            }
        }

        @media (max-width: 390px), (max-height: 690px) {
            .modal-swipe-ui {
                margin-top: -34px !important;
                margin-bottom: 7px !important;
                padding: 6px 9px 7px 9px !important;
                gap: 7px !important;
            }

            .modal-swipe-hint {
                font-size: 7.8px !important;
                letter-spacing: 0.65px !important;
            }

            .modal-swipe-dot {
                width: 4.5px !important;
                height: 4.5px !important;
            }

            .modal-swipe-dot.active {
                width: 11px !important;
            }
        }

    

        /* Final mobile spacing refinement: tighten only the two highlighted gaps */
        @media (max-width: 650px) {
            .how-it-works-section {
                padding-bottom: 22px !important;
            }

            #bundles-section {
                padding-top: 46px !important;
                padding-bottom: 18px !important;
            }

            #essentials-section {
                padding-top: 30px !important;
            }

            #bundles-section .product-card:last-child {
                margin-bottom: 18px !important;
            }
        }


        /* Final mobile anchor position adjustment: keep existing links but land closer to the desired visual spot */
        @media (max-width: 650px) {
            #bundles-section {
                scroll-margin-top: 210px !important;
            }

            #essentials-section {
                scroll-margin-top: 190px !important;
            }
        }



        /* Final override: make both desktop side gutters match the existing muted gray edge */
        @media (min-width: 901px) {
            .transition-banner-section {
                background: #E6E5E1 !important;
            }

            .transition-banner-section::after {
                inset: 0 !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                width: 100% !important;
                max-width: none !important;
                transform: none !important;
            }
        }


        /* Expandable transition banner: cropped editorial preview with full-scene reveal */
        .sas-transition-expand-section {
            background: #FAF8F5 !important;
            padding: 0 0 72px 0 !important;
            margin: 0 !important;
            overflow: visible !important;
            text-align: center !important;
        }

        .sas-transition-expand-section::after {
            display: none !important;
            content: none !important;
        }

        .sas-transition-expand-section .transition-banner-container,
        .sas-transition-expand-section .transition-core-text,
        .sas-transition-expand-section .transition-sub-text {
            display: none !important;
        }

        .transition-banner-frame {
            position: relative !important;
            width: min(92vw, 1480px) !important;
            max-width: 1480px !important;
            max-height: clamp(220px, 30vw, 430px) !important;
            margin: 0 auto !important;
            overflow: hidden !important;
            background: #FAF8F5 !important;
            box-shadow: 0 24px 58px rgba(62, 43, 28, 0.08) !important;
            transition: max-height 1.05s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.8s cubic-bezier(0.19, 1, 0.22, 1) !important;
            will-change: max-height !important;
        }

        .transition-banner-frame::after {
            content: '' !important;
            position: absolute !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            height: 34% !important;
            z-index: 1 !important;
            pointer-events: none !important;
            background: linear-gradient(to bottom, rgba(250, 248, 245, 0) 0%, rgba(17, 17, 17, 0.18) 100%) !important;
            opacity: 1 !important;
            transition: opacity 0.55s ease !important;
        }

        .transition-banner-frame.is-expanded {
            max-height: 2600px !important;
            box-shadow: 0 30px 74px rgba(62, 43, 28, 0.1) !important;
        }

        .transition-banner-frame.is-expanded::after {
            opacity: 0 !important;
        }

        .sas-transition-expand-section .transition-banner-image {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            height: auto !important;
            margin: 0 !important;
            padding: 0 !important;
            object-fit: contain !important;
            object-position: center top !important;
            transform: translateZ(0) !important;
        }

        .transition-banner-toggle {
            position: absolute !important;
            left: 50% !important;
            bottom: 22px !important;
            transform: translateX(-50%) !important;
            z-index: 3 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 10px !important;
            height: 44px !important;
            padding: 0 24px !important;
            border-radius: 999px !important;
            border: 1px solid rgba(255, 255, 255, 0.42) !important;
            background: rgba(17, 17, 17, 0.76) !important;
            color: #FFFFFF !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            letter-spacing: 1.35px !important;
            text-transform: uppercase !important;
            cursor: pointer !important;
            box-shadow: 0 18px 36px rgba(17, 17, 17, 0.24) !important;
            backdrop-filter: blur(14px) !important;
            -webkit-backdrop-filter: blur(14px) !important;
            transition: transform 0.35s cubic-bezier(0.19, 1, 0.22, 1), background 0.35s ease, border-color 0.35s ease !important;
        }

        .transition-banner-toggle:hover {
            transform: translateX(-50%) translateY(-2px) !important;
            background: rgba(17, 17, 17, 0.9) !important;
            border-color: rgba(255, 255, 255, 0.62) !important;
        }

        .transition-banner-toggle-icon {
            font-size: 13px !important;
            line-height: 1 !important;
            transition: transform 0.45s cubic-bezier(0.19, 1, 0.22, 1) !important;
        }

        .transition-banner-frame.is-expanded .transition-banner-toggle-icon {
            transform: rotate(180deg) !important;
        }

        @media (max-width: 900px) {
            .sas-transition-expand-section {
                padding-bottom: 52px !important;
            }

            .transition-banner-frame {
                width: 100% !important;
                max-height: clamp(190px, 54vw, 390px) !important;
                box-shadow: none !important;
            }

            .transition-banner-frame.is-expanded {
                max-height: 2200px !important;
            }

            .transition-banner-toggle {
                bottom: 16px !important;
                height: 40px !important;
                padding: 0 18px !important;
                font-size: 10px !important;
                letter-spacing: 1.05px !important;
            }
        }

        @media (max-width: 650px) {
            .sas-transition-expand-section {
                padding-bottom: 42px !important;
            }

            .transition-banner-frame {
                max-height: 210px !important;
            }

            .transition-banner-frame.is-expanded {
                max-height: 1800px !important;
            }
        }

        /* Inline product detail cards: no detail popup, full product information stays in the card */
        .product-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 34px !important;
            align-items: stretch !important;
        }

        .product-card {
            flex: none !important;
            min-width: 0 !important;
            width: 100% !important;
            padding: 16px !important;
            border-radius: 24px !important;
            cursor: default !important;
            overflow: hidden !important;
        }

        .product-card:hover {
            transform: translateY(-4px) !important;
            box-shadow: 0 22px 46px rgba(17, 17, 17, 0.10) !important;
        }

        .product-card:hover .product-img {
            transform: none !important;
        }

        .card-action-overlay,
        .card-view-details,
        .mobile-action-bar {
            display: none !important;
        }

        .product-detail-media {
            border-radius: 18px !important;
            background: #F7F2EA !important;
            overflow: hidden !important;
            position: relative !important;
            border: 1px solid rgba(62, 43, 28, 0.06) !important;
        }

        .card-gallery-main {
            width: 100% !important;
            height: clamp(250px, 23vw, 340px) !important;
            display: flex !important;
            overflow-x: auto !important;
            overflow-y: hidden !important;
            scroll-snap-type: x mandatory !important;
            scroll-behavior: smooth !important;
            -webkit-overflow-scrolling: touch !important;
            background: #F7F2EA !important;
        }

        .card-gallery-main::-webkit-scrollbar,
        .card-thumbs::-webkit-scrollbar {
            display: none !important;
        }

        .card-gallery-slide {
            width: 100% !important;
            min-width: 100% !important;
            height: 100% !important;
            flex: 0 0 100% !important;
            object-fit: cover !important;
            display: block !important;
            scroll-snap-align: center !important;
            background: #F7F2EA !important;
        }

        .card-swipe-ui {
            position: absolute !important;
            left: 50% !important;
            bottom: 12px !important;
            transform: translateX(-50%) !important;
            min-height: 24px !important;
            padding: 6px 10px !important;
            border-radius: 999px !important;
            background: rgba(17, 17, 17, 0.48) !important;
            backdrop-filter: blur(8px) !important;
            -webkit-backdrop-filter: blur(8px) !important;
            display: none !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 7px !important;
            z-index: 4 !important;
            box-sizing: border-box !important;
            pointer-events: none !important;
        }

        .card-swipe-ui.has-multiple {
            display: flex !important;
        }

        .card-swipe-dots {
            display: inline-flex !important;
            align-items: center !important;
            gap: 4px !important;
        }

        .card-swipe-dot {
            width: 5px !important;
            height: 5px !important;
            border-radius: 999px !important;
            background: rgba(255, 255, 255, 0.48) !important;
            transition: width 0.2s ease, background-color 0.2s ease !important;
        }

        .card-swipe-dot.active {
            width: 13px !important;
            background: #FFFFFF !important;
        }

        .card-swipe-hint {
            color: #FFFFFF !important;
            font-size: 8px !important;
            line-height: 1 !important;
            font-weight: 800 !important;
            letter-spacing: 0.7px !important;
            text-transform: uppercase !important;
            white-space: nowrap !important;
        }

        .card-thumbs {
            display: flex !important;
            gap: 8px !important;
            overflow-x: auto !important;
            -webkit-overflow-scrolling: touch !important;
            padding: 10px 2px 2px 2px !important;
            margin: 0 !important;
        }

        .card-thumb {
            width: 48px !important;
            height: 48px !important;
            border-radius: 10px !important;
            object-fit: cover !important;
            flex: 0 0 48px !important;
            border: 1px solid rgba(17, 17, 17, 0.10) !important;
            opacity: 0.62 !important;
            cursor: pointer !important;
            background: #FAF8F5 !important;
            transition: opacity 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
        }

        .card-thumb.active {
            opacity: 1 !important;
            border-color: #111111 !important;
            transform: translateY(-1px) !important;
        }

        .product-info {
            padding: 14px 2px 0 2px !important;
            gap: 0 !important;
        }

        .product-main-row {
            display: flex !important;
            justify-content: space-between !important;
            align-items: flex-start !important;
            gap: 16px !important;
            margin: 0 0 10px 0 !important;
        }

        .product-main-row .product-name {
            margin: 0 !important;
            font-size: 16px !important;
            line-height: 1.28 !important;
            font-weight: 500 !important;
            letter-spacing: 0.1px !important;
            flex: 1 !important;
        }

        .product-main-row .product-price-row {
            width: auto !important;
            margin: 0 !important;
            flex: 0 0 auto !important;
            justify-content: flex-end !important;
            text-align: right !important;
        }

        .product-main-row .product-price-values {
            justify-content: flex-end !important;
            gap: 8px !important;
        }

        .product-main-row .price-current {
            font-size: 16px !important;
            font-weight: 700 !important;
        }

        .product-main-row .price-original {
            font-size: 13px !important;
        }

        .color-selector {
            margin: 0 0 14px 0 !important;
            gap: 8px !important;
        }

        .color-dot {
            width: 18px !important;
            height: 18px !important;
            border: 1px solid rgba(17, 17, 17, 0.18) !important;
        }

        .product-inline-specs {
            display: flex !important;
            flex-direction: column !important;
            gap: 10px !important;
            margin: 0 0 18px 0 !important;
        }

        .product-capacity-label {
            margin: 0 !important;
            font-size: 14px !important;
            line-height: 1.2 !important;
            font-weight: 800 !important;
            color: #111111 !important;
            letter-spacing: 0.1px !important;
        }

        .product-capacity-value,
        .product-card-desc,
        .product-dimensions-box {
            font-size: 13px !important;
            line-height: 1.55 !important;
            color: #5E574F !important;
            margin: 0 !important;
        }

        .product-card-desc {
            display: -webkit-box !important;
            -webkit-line-clamp: 3 !important;
            -webkit-box-orient: vertical !important;
            overflow: hidden !important;
        }

        .product-dimensions-box {
            background: rgba(255, 252, 247, 0.66) !important;
            border: 1px solid rgba(17, 17, 17, 0.07) !important;
            border-radius: 14px !important;
            padding: 9px 11px !important;
            box-sizing: border-box !important;
        }

        .product-card-actions {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 10px !important;
            margin-top: auto !important;
        }

        .product-card-actions .card-btn {
            height: 46px !important;
            border-radius: 10px !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            letter-spacing: 1.25px !important;
        }

        .product-card-actions .card-btn-add {
            background: #FFFCF7 !important;
            border: 1px solid rgba(17, 17, 17, 0.14) !important;
        }

        .product-card-actions .card-btn-buy {
            background: #111111 !important;
        }

        @media (max-width: 1100px) {
            .product-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 650px) {
            .section-container {
                padding-left: 20px !important;
                padding-right: 20px !important;
            }

            .product-grid {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 22px !important;
            }

            .product-card {
                margin: 0 0 18px 0 !important;
                padding: 12px !important;
                border-radius: 22px !important;
            }

            .product-card:hover {
                transform: none !important;
            }

            .product-detail-media {
                border-radius: 18px !important;
            }

            .card-gallery-main {
                height: clamp(186px, 46vw, 238px) !important;
                border-radius: 16px !important;
            }

            .card-swipe-ui {
                bottom: 10px !important;
                min-height: 22px !important;
                padding: 6px 9px !important;
                gap: 6px !important;
            }

            .card-swipe-hint {
                font-size: 7.8px !important;
                letter-spacing: 0.62px !important;
            }

            .card-thumbs {
                gap: 7px !important;
                padding-top: 8px !important;
            }

            .card-thumb {
                width: 36px !important;
                height: 36px !important;
                flex-basis: 36px !important;
                border-radius: 8px !important;
            }

            .product-info {
                padding-top: 12px !important;
            }

            .product-main-row {
                gap: 12px !important;
                margin-bottom: 9px !important;
            }

            .product-main-row .product-name {
                font-size: 17px !important;
                line-height: 1.22 !important;
            }

            .product-main-row .price-current {
                font-size: 17px !important;
            }

            .product-main-row .price-original {
                font-size: 12px !important;
            }

            .color-selector {
                margin-bottom: 10px !important;
            }

            .color-dot {
                width: 18px !important;
                height: 18px !important;
            }

            .product-inline-specs {
                gap: 7px !important;
                margin-bottom: 14px !important;
            }

            .product-capacity-label {
                font-size: 13px !important;
            }

            .product-capacity-value,
            .product-card-desc,
            .product-dimensions-box {
                font-size: 12px !important;
                line-height: 1.42 !important;
            }

            .product-card-desc {
                -webkit-line-clamp: 2 !important;
            }

            .product-dimensions-box {
                padding: 8px 10px !important;
            }

            .product-card-actions {
                gap: 8px !important;
            }

            .product-card-actions .card-btn {
                height: 42px !important;
                border-radius: 9px !important;
                font-size: 10px !important;
                letter-spacing: 1px !important;
            }
        }

        @media (max-width: 390px), (max-height: 720px) {
            .card-gallery-main {
                height: clamp(160px, 42vw, 205px) !important;
            }

            .card-thumb {
                width: 32px !important;
                height: 32px !important;
                flex-basis: 32px !important;
            }

            .product-info {
                padding-top: 10px !important;
            }

            .product-main-row .product-name,
            .product-main-row .price-current {
                font-size: 15px !important;
            }

            .product-capacity-value,
            .product-card-desc,
            .product-dimensions-box {
                font-size: 11px !important;
                line-height: 1.35 !important;
            }

            .product-card-actions .card-btn {
                height: 38px !important;
            }
        }



        /* Final override: product card main gallery images must keep their original image ratio */
        .product-detail-media {
            background: #F7F2EA !important;
        }

        .card-gallery-main {
            height: auto !important;
            min-height: 0 !important;
            align-items: flex-start !important;
            background: #F7F2EA !important;
        }

        .card-gallery-slide {
            height: auto !important;
            aspect-ratio: auto !important;
            object-fit: contain !important;
            object-position: center center !important;
            background: #F7F2EA !important;
        }

        @media (max-width: 650px) {
            .card-gallery-main {
                height: auto !important;
                min-height: 0 !important;
            }

            .card-gallery-slide {
                height: auto !important;
                aspect-ratio: auto !important;
                object-fit: contain !important;
            }
        }

        @media (max-width: 390px), (max-height: 720px) {
            .card-gallery-main {
                height: auto !important;
                min-height: 0 !important;
            }
        }



        /* Final fix: keep Swipe to view on the main image, not over thumbnails */
        .card-swipe-ui {
            bottom: 72px !important;
        }

        @media (max-width: 650px) {
            .card-swipe-ui {
                bottom: 54px !important;
            }
        }

        @media (max-width: 390px), (max-height: 720px) {
            .card-swipe-ui {
                bottom: 50px !important;
            }
        }


        /* Final inline card polish: keep the swipe hint on the image and style Capacity like Dimensions */
        .card-gallery-stage {
            position: relative !important;
            overflow: hidden !important;
            border-radius: 18px !important;
            background: #F7F2EA !important;
        }

        .card-gallery-stage .card-gallery-main {
            border-radius: inherit !important;
        }

        .card-gallery-stage .card-swipe-ui {
            position: absolute !important;
            left: 50% !important;
            right: auto !important;
            top: auto !important;
            bottom: 12px !important;
            transform: translateX(-50%) !important;
            z-index: 6 !important;
            pointer-events: none !important;
        }

        .product-capacity-box,
        .product-dimensions-box {
            background: rgba(255, 252, 247, 0.66) !important;
            border: 1px solid rgba(17, 17, 17, 0.07) !important;
            border-radius: 14px !important;
            padding: 9px 11px !important;
            box-sizing: border-box !important;
            font-size: 13px !important;
            line-height: 1.55 !important;
            color: #5E574F !important;
            margin: 0 !important;
        }

        .product-capacity-box strong,
        .product-dimensions-box strong {
            color: #4E4A45 !important;
            font-weight: 800 !important;
        }

        @media (max-width: 650px) {
            .card-gallery-stage {
                border-radius: 16px !important;
            }

            .card-gallery-stage .card-swipe-ui {
                bottom: 10px !important;
            }

            .product-capacity-box,
            .product-dimensions-box {
                padding: 8px 10px !important;
                font-size: 12px !important;
                line-height: 1.42 !important;
            }
        }

        @media (max-width: 390px), (max-height: 720px) {
            .card-gallery-stage .card-swipe-ui {
                bottom: 8px !important;
            }

            .product-capacity-box,
            .product-dimensions-box {
                font-size: 11px !important;
                line-height: 1.35 !important;
            }
        }



        /* Fixed bottom shop navigation: Bundles / Essentials */
        .sas-bottom-shop-nav {
            position: fixed !important;
            left: 50% !important;
            bottom: max(18px, env(safe-area-inset-bottom)) !important;
            transform: translateX(-50%) !important;
            z-index: 99980 !important;
            width: min(420px, calc(100% - 32px)) !important;
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 10px !important;
            padding: 10px !important;
            border-radius: 999px !important;
            background: rgba(255, 252, 247, 0.86) !important;
            border: 1px solid rgba(62, 43, 28, 0.12) !important;
            box-shadow: 0 18px 44px rgba(62, 43, 28, 0.18) !important;
            backdrop-filter: blur(16px) !important;
            -webkit-backdrop-filter: blur(16px) !important;
            box-sizing: border-box !important;
        }

        .sas-bottom-shop-nav a {
            height: 46px !important;
            border-radius: 999px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            text-decoration: none !important;
            font-size: 11px !important;
            line-height: 1 !important;
            font-weight: 800 !important;
            letter-spacing: 1.25px !important;
            text-transform: uppercase !important;
            transition: transform 0.24s ease, background-color 0.24s ease, color 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease !important;
            box-sizing: border-box !important;
            white-space: nowrap !important;
        }

        .sas-bottom-shop-nav a:hover {
            transform: translateY(-1px) !important;
        }

        .sas-bottom-shop-nav .sas-bottom-link-essentials {
            background: #FFFFFF !important;
            color: #111111 !important;
            border: 1px solid rgba(17, 17, 17, 0.10) !important;
            box-shadow: 0 8px 18px rgba(62, 43, 28, 0.06) !important;
        }

        .sas-bottom-shop-nav .sas-bottom-link-bundles {
            background: #111111 !important;
            color: #FFFFFF !important;
            border: 1px solid #111111 !important;
            box-shadow: 0 12px 24px rgba(17, 17, 17, 0.18) !important;
        }

        .main-footer {
            padding-bottom: 130px !important;
        }

        @media (max-width: 650px) {
            .sas-bottom-shop-nav {
                bottom: max(12px, env(safe-area-inset-bottom)) !important;
                width: calc(100% - 24px) !important;
                padding: 8px !important;
                gap: 8px !important;
                border-radius: 24px !important;
            }

            .sas-bottom-shop-nav a {
                height: 44px !important;
                font-size: 10px !important;
                letter-spacing: 1px !important;
            }

            .main-footer {
                padding-bottom: 120px !important;
            }
        }


        /* Desktop essentials layout: 4 items on the first row, 3 items centered below */
        @media (min-width: 1101px) {
            #essentials-section .product-grid {
                display: flex !important;
                flex-wrap: wrap !important;
                justify-content: center !important;
                align-items: stretch !important;
                gap: 34px !important;
            }

            #essentials-section .product-card {
                flex: 0 0 calc((100% - 102px) / 4) !important;
                max-width: calc((100% - 102px) / 4) !important;
            }
        }

    

        /* Final fix: keep transition banner control below the image so it never covers important image text */
        .sas-transition-expand-section > .transition-banner-toggle {
            position: relative !important;
            left: auto !important;
            right: auto !important;
            bottom: auto !important;
            top: auto !important;
            transform: none !important;
            z-index: 4 !important;
            margin: 18px auto 0 auto !important;
            display: inline-flex !important;
            background: #111111 !important;
            border-color: #111111 !important;
            box-shadow: 0 18px 36px rgba(17, 17, 17, 0.16) !important;
        }

        .sas-transition-expand-section > .transition-banner-toggle:hover {
            transform: translateY(-2px) !important;
            background: #2B211A !important;
            border-color: #2B211A !important;
        }

        .sas-transition-expand-section > .transition-banner-toggle[aria-expanded="true"] .transition-banner-toggle-icon {
            transform: rotate(180deg) !important;
        }

        @media (max-width: 900px) {
            .sas-transition-expand-section > .transition-banner-toggle {
                margin-top: 14px !important;
                height: 40px !important;
                padding: 0 18px !important;
                font-size: 10px !important;
                letter-spacing: 1.05px !important;
            }
        }


        /* Final transition banner adjustments: full expanded desktop image + tighter mobile spacing */
        @media (min-width: 901px) {
            .transition-banner-frame.is-expanded {
                max-height: 99999px !important;
                overflow: visible !important;
            }

            .transition-banner-frame.is-expanded .transition-banner-image {
                display: block !important;
                width: 100% !important;
                height: auto !important;
                max-height: none !important;
                object-fit: contain !important;
            }
        }

        @media (max-width: 650px) {
            .sas-transition-expand-section {
                padding-bottom: 14px !important;
            }

            .sas-transition-expand-section > .transition-banner-toggle {
                margin-top: 10px !important;
                margin-bottom: 0 !important;
            }

            .how-it-works-section {
                padding-top: 42px !important;
            }
        }


        /* Final transition banner state: show the full image by default, no expand/collapse button */
        .sas-transition-expand-section {
            padding-bottom: 28px !important;
        }

        .transition-banner-frame {
            max-height: none !important;
            overflow: visible !important;
            box-shadow: 0 24px 58px rgba(62, 43, 28, 0.08) !important;
        }

        .transition-banner-frame::after {
            display: none !important;
            content: none !important;
            opacity: 0 !important;
        }

        .sas-transition-expand-section .transition-banner-image {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            max-height: none !important;
            object-fit: contain !important;
        }

        .transition-banner-toggle {
            display: none !important;
        }

        @media (max-width: 650px) {
            .sas-transition-expand-section {
                padding-bottom: 14px !important;
            }

            .how-it-works-section {
                padding-top: 42px !important;
            }
        }


        /* Desktop transition banner: keep the new vertical infographic at its intended editorial size, not stretched wide */
        @media (min-width: 901px) {
            .sas-transition-expand-section {
                text-align: center !important;
            }

            .sas-transition-expand-section .transition-banner-frame {
                display: inline-block !important;
                width: auto !important;
                max-width: 768px !important;
                margin-left: auto !important;
                margin-right: auto !important;
                overflow: visible !important;
            }

            .sas-transition-expand-section .transition-banner-image {
                display: block !important;
                width: auto !important;
                max-width: 768px !important;
                height: auto !important;
                margin: 0 auto !important;
                object-fit: contain !important;
            }
        }

        /* Lifestyle redesign layer */
        :root {
            --sas-fixed-header-height: 112px;
            --sas-bg: #fbf7f0;
            --sas-card: #fffdf8;
            --sas-ink: #24180f;
            --sas-muted: #6a5a4a;
            --sas-brown: #8a4f2c;
            --sas-brown-dark: #3d2215;
            --sas-cream: #f3e4d0;
            --sas-sage: #6f7f69;
            --sas-border: #eadac8;
            --sas-shadow: 0 20px 52px rgba(61, 34, 21, 0.12);
        }

        html {
            background: var(--sas-bg) !important;
        }

        body {
            background: var(--sas-bg) !important;
            color: var(--sas-ink) !important;
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
            padding-top: calc(var(--sas-fixed-header-height) + var(--sas-adminbar-height)) !important;
            letter-spacing: 0 !important;
        }

        body,
        p,
        a,
        button,
        input {
            letter-spacing: 0 !important;
        }

        .site-fixed-header {
            background: rgba(251, 247, 240, 0.94) !important;
            border-bottom: 1px solid var(--sas-border) !important;
            box-shadow: 0 10px 28px rgba(61, 34, 21, 0.08) !important;
            backdrop-filter: blur(16px) !important;
            -webkit-backdrop-filter: blur(16px) !important;
        }

        .announcement-bar {
            background: var(--sas-brown-dark) !important;
            color: #fffaf3 !important;
            padding: 9px 16px !important;
            font-size: 13px !important;
            line-height: 1.25 !important;
            font-weight: 800 !important;
            text-transform: none !important;
        }

        .main-header {
            width: min(100%, 1180px) !important;
            margin: 0 auto !important;
            padding: 15px 22px !important;
            min-height: 62px !important;
            background: transparent !important;
            border-bottom: 0 !important;
            display: grid !important;
            grid-template-columns: auto minmax(0, 1fr) auto !important;
            gap: 22px !important;
        }

        .header-logo a,
        .header-logo .custom-logo-link,
        .header-logo .custom-logo-link a {
            color: var(--sas-ink) !important;
            font-size: 22px !important;
            font-weight: 950 !important;
            letter-spacing: -0.03em !important;
            text-transform: none !important;
            text-decoration: none !important;
        }

        .header-nav-links {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 24px !important;
            min-width: 0 !important;
        }

        .header-nav-links a {
            color: var(--sas-muted) !important;
            font-size: 14px !important;
            line-height: 1 !important;
            font-weight: 800 !important;
            text-decoration: none !important;
            transition: color 0.2s ease !important;
            white-space: nowrap !important;
        }

        .header-nav-links a:hover {
            color: var(--sas-ink) !important;
        }

        .header-cart {
            width: 42px !important;
            height: 42px !important;
            border-radius: 999px !important;
            background: var(--sas-ink) !important;
            color: #fff !important;
            box-shadow: 0 12px 22px rgba(36, 24, 15, 0.16) !important;
        }

        .header-cart-icon {
            width: 19px !important;
            height: 19px !important;
        }

        .cart-count {
            top: -4px !important;
            right: -5px !important;
            background: var(--sas-sage) !important;
            color: #fff !important;
            min-width: 17px !important;
            height: 17px !important;
            font-size: 10px !important;
            border: 2px solid var(--sas-bg) !important;
        }

        .hero-section {
            min-height: clamp(590px, 76vh, 760px) !important;
            height: auto !important;
            padding: 42px 20px 64px !important;
            align-items: center !important;
            justify-content: center !important;
            text-align: left !important;
            background:
                linear-gradient(90deg, rgba(36, 24, 15, 0.76) 0%, rgba(36, 24, 15, 0.42) 44%, rgba(36, 24, 15, 0.12) 100%),
                linear-gradient(135deg, rgba(138, 79, 44, 0.12), rgba(243, 227, 207, 0.65)) !important;
        }

        .hero-section::after {
            background: linear-gradient(to bottom, rgba(251,247,240,0) 72%, var(--sas-bg) 100%) !important;
        }

        .hero-content {
            width: min(100%, 1160px) !important;
            max-width: 1160px !important;
            align-items: flex-start !important;
            margin: 0 auto !important;
            padding: 0 !important;
            text-align: left !important;
        }

        .hero-content::before {
            content: "Hidden Storage That Looks Like Furniture" !important;
            display: inline-flex !important;
            margin-bottom: 16px !important;
            padding: 9px 13px !important;
            border-radius: 999px !important;
            background: rgba(255, 253, 248, 0.9) !important;
            border: 1px solid rgba(255, 255, 255, 0.48) !important;
            color: var(--sas-brown) !important;
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 900 !important;
            box-shadow: 0 12px 26px rgba(36, 24, 15, 0.16) !important;
        }

        .hero-title {
            max-width: 680px !important;
            margin: 0 0 18px !important;
            color: #fffaf3 !important;
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
            font-size: clamp(44px, 6.8vw, 82px) !important;
            line-height: 0.98 !important;
            font-weight: 950 !important;
            letter-spacing: -0.04em !important;
            text-shadow: 0 16px 38px rgba(0, 0, 0, 0.36) !important;
        }

        .hero-subtitle {
            max-width: 560px !important;
            margin: 0 0 28px !important;
            color: rgba(255, 250, 243, 0.92) !important;
            font-size: 19px !important;
            line-height: 1.55 !important;
            font-weight: 700 !important;
            text-transform: none !important;
            text-shadow: 0 8px 24px rgba(0, 0, 0, 0.34) !important;
        }

        .hero-btns {
            justify-content: flex-start !important;
            gap: 13px !important;
        }

        .btn,
        .card-btn,
        .modal-btn,
        .newsletter-popup-submit,
        .newsletter-submit-btn {
            border-radius: 999px !important;
            font-weight: 900 !important;
            text-transform: none !important;
            letter-spacing: 0 !important;
        }

        .btn {
            min-width: 154px !important;
            height: 50px !important;
            padding: 0 24px !important;
            font-size: 15px !important;
        }

        .btn-primary {
            background: var(--sas-ink) !important;
            border-color: var(--sas-ink) !important;
            color: #fff !important;
        }

        .btn-secondary {
            background: rgba(255, 253, 248, 0.18) !important;
            color: #fff !important;
            border: 1px solid rgba(255, 255, 255, 0.58) !important;
        }

        .trust-bar-section {
            padding: 34px 18px 56px !important;
            background: var(--sas-bg) !important;
            border-bottom: 0 !important;
        }

        .trust-bar-container {
            width: min(100%, 1160px) !important;
            display: grid !important;
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
            gap: 10px !important;
        }

        .trust-item {
            min-width: 0 !important;
            background: var(--sas-card) !important;
            border: 1px solid var(--sas-border) !important;
            border-radius: 18px !important;
            padding: 16px 12px !important;
            box-shadow: 0 10px 24px rgba(61, 34, 21, 0.06) !important;
        }

        .trust-icon-box {
            color: var(--sas-sage) !important;
        }

        .trust-icon-svg-embed {
            stroke: currentColor !important;
        }

        .trust-text {
            color: var(--sas-brown-dark) !important;
            font-size: 12px !important;
            font-weight: 900 !important;
            text-transform: none !important;
        }

        .trust-disclaimer {
            color: var(--sas-muted) !important;
            text-transform: none !important;
            font-size: 13px !important;
            font-weight: 800 !important;
        }

        .section-container,
        .how-it-works-section,
        .segment-section,
        .sas-reviews-section,
        .faq-section,
        .sas-transition-expand-section {
            padding: 74px 18px !important;
            background: var(--sas-bg) !important;
            border: 0 !important;
        }

        .section-container {
            width: 100% !important;
            max-width: none !important;
        }

        .section-container > .section-title,
        .section-container > .section-subtitle,
        .segment-section > .section-title,
        .segment-section > .section-subtitle,
        .segment-section > .section-kicker,
        .lifestyle-intro,
        .sas-reviews-container {
            width: min(100%, 1160px) !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .section-title,
        .how-it-works-title,
        .sas-reviews-title,
        .faq-main-heading,
        .newsletter-popup-title,
        .newsletter-headline {
            color: var(--sas-ink) !important;
            font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
            font-weight: 950 !important;
            letter-spacing: -0.04em !important;
            line-height: 1.04 !important;
        }

        .section-title {
            max-width: 780px !important;
            margin-bottom: 14px !important;
            font-size: clamp(34px, 5vw, 58px) !important;
            text-align: center !important;
        }

        .section-subtitle {
            max-width: 680px !important;
            margin: 0 auto 34px !important;
            color: var(--sas-muted) !important;
            font-size: 17px !important;
            line-height: 1.65 !important;
            text-align: center !important;
        }

        .section-kicker,
        .how-it-works-eyebrow,
        .sas-reviews-eyebrow,
        .segment-badge {
            display: block !important;
            width: fit-content !important;
            margin: 0 auto 13px !important;
            padding: 8px 12px !important;
            border-radius: 999px !important;
            background: var(--sas-card) !important;
            border: 1px solid var(--sas-border) !important;
            color: var(--sas-brown) !important;
            font-size: 13px !important;
            line-height: 1 !important;
            font-weight: 900 !important;
            text-transform: none !important;
        }

        .sas-transition-expand-section {
            padding-top: 34px !important;
        }

        .lifestyle-intro {
            text-align: center !important;
        }

        .transition-banner-frame {
            display: block !important;
            width: min(100%, 1160px) !important;
            max-width: 1160px !important;
            margin: 0 auto !important;
            border-radius: 28px !important;
            overflow: hidden !important;
            background: var(--sas-cream) !important;
            border: 1px solid var(--sas-border) !important;
            box-shadow: var(--sas-shadow) !important;
        }

        .sas-transition-expand-section .transition-banner-image {
            width: 100% !important;
            max-width: none !important;
            height: auto !important;
            display: block !important;
        }

        .how-it-works-container {
            width: min(100%, 1160px) !important;
            display: grid !important;
            grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
            gap: 34px !important;
            align-items: center !important;
        }

        .how-it-works-copy {
            max-width: 460px !important;
            text-align: left !important;
        }

        .how-it-works-eyebrow {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .how-it-works-title {
            font-size: clamp(34px, 4.6vw, 56px) !important;
            margin-bottom: 18px !important;
        }

        .how-it-works-text {
            color: var(--sas-muted) !important;
            font-size: 18px !important;
            line-height: 1.7 !important;
        }

        .how-it-works-media-card {
            background: var(--sas-card) !important;
            border: 1px solid var(--sas-border) !important;
            border-radius: 28px !important;
            padding: 12px !important;
            box-shadow: var(--sas-shadow) !important;
        }

        .how-it-works-gif {
            border-radius: 20px !important;
        }

        .product-grid {
            width: min(100%, 1160px) !important;
            margin: 0 auto !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 18px !important;
        }

        .product-card {
            background: var(--sas-card) !important;
            border: 1px solid var(--sas-border) !important;
            border-radius: 24px !important;
            padding: 14px !important;
            box-shadow: 0 14px 34px rgba(61, 34, 21, 0.08) !important;
        }

        #bundles-section .product-card,
        #essentials-section .product-card {
            background: var(--sas-card) !important;
        }

        .product-detail-media,
        .card-gallery-stage,
        .card-gallery-main,
        .card-gallery-slide {
            background: #f5eadb !important;
        }

        .product-main-row .product-name {
            color: var(--sas-ink) !important;
            font-size: 18px !important;
            font-weight: 900 !important;
            line-height: 1.25 !important;
        }

        .price-current {
            color: var(--sas-ink) !important;
            font-size: 18px !important;
            font-weight: 950 !important;
        }

        .price-original {
            color: #a29587 !important;
        }

        .color-dot {
            width: 21px !important;
            height: 21px !important;
        }

        .color-left-custom {
            background: #a96a3f !important;
        }

        .color-right-custom {
            background: #4b2a18 !important;
        }

        .product-capacity-box,
        .product-dimensions-box {
            background: #fff8ee !important;
            border: 1px solid var(--sas-border) !important;
            color: var(--sas-muted) !important;
        }

        .product-card-desc {
            color: var(--sas-muted) !important;
        }

        .product-card-actions {
            gap: 9px !important;
        }

        .product-card-actions .card-btn {
            height: 44px !important;
            border-radius: 999px !important;
            font-size: 13px !important;
        }

        .product-card-actions .card-btn-add {
            background: #fffaf3 !important;
            color: var(--sas-ink) !important;
            border: 1px solid var(--sas-border) !important;
        }

        .product-card-actions .card-btn-buy {
            background: var(--sas-ink) !important;
            color: #fff !important;
            border: 1px solid var(--sas-ink) !important;
        }

        .segment-container {
            width: min(100%, 1160px) !important;
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 18px !important;
        }

        .segment-card {
            border-radius: 24px !important;
            overflow: visible !important;
            background: transparent !important;
            box-shadow: none !important;
        }

        .segment-img-wrap {
            height: auto !important;
            aspect-ratio: 0.9 / 1 !important;
            border-radius: 24px !important;
            overflow: hidden !important;
            background: var(--sas-cream) !important;
            box-shadow: 0 16px 34px rgba(61, 34, 21, 0.1) !important;
        }

        .segment-img {
            height: 100% !important;
            object-fit: cover !important;
        }

        .segment-info-overlay {
            position: relative !important;
            inset: auto !important;
            width: calc(100% - 24px) !important;
            margin: -44px auto 0 !important;
            padding: 18px !important;
            border-radius: 18px !important;
            background: rgba(255, 253, 248, 0.94) !important;
            border: 1px solid var(--sas-border) !important;
            color: var(--sas-ink) !important;
            box-shadow: 0 16px 32px rgba(61, 34, 21, 0.1) !important;
            transform: none !important;
        }

        .segment-badge {
            display: inline-flex !important;
            margin: 0 0 10px !important;
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            color: var(--sas-sage) !important;
            font-size: 12px !important;
        }

        .segment-title {
            color: var(--sas-ink) !important;
            font-size: 20px !important;
            line-height: 1.18 !important;
            font-weight: 950 !important;
            letter-spacing: -0.02em !important;
            text-shadow: none !important;
        }

        .sas-reviews-container {
            max-width: 1160px !important;
        }

        .sas-reviews-eyebrow {
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .sas-reviews-title,
        .sas-reviews-subtitle {
            text-align: center !important;
        }

        .sas-reviews-subtitle {
            color: var(--sas-muted) !important;
            font-size: 17px !important;
            line-height: 1.65 !important;
        }

        .sas-reviews-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 14px !important;
        }

        .sas-review-card {
            background: var(--sas-card) !important;
            border: 1px solid var(--sas-border) !important;
            border-radius: 22px !important;
            box-shadow: 0 12px 28px rgba(61, 34, 21, 0.07) !important;
        }

        .sas-review-stars,
        .sas-review-name {
            color: var(--sas-ink) !important;
        }

        .sas-review-text,
        .sas-review-note {
            color: var(--sas-muted) !important;
        }

        .sas-review-avatar {
            background: var(--sas-sage) !important;
            color: #fff !important;
        }

        .faq-section {
            background: var(--sas-brown-dark) !important;
            color: #fffaf3 !important;
        }

        .faq-container {
            width: min(100%, 1040px) !important;
            display: grid !important;
            grid-template-columns: 0.8fr 1.2fr !important;
            gap: 44px !important;
        }

        .faq-main-heading {
            color: #fffaf3 !important;
            font-size: clamp(34px, 5vw, 56px) !important;
            position: sticky !important;
            top: 150px !important;
        }

        .faq-question {
            color: #fffaf3 !important;
            font-size: 17px !important;
            font-weight: 900 !important;
        }

        .faq-answer {
            color: #ead8c3 !important;
            font-size: 15px !important;
        }

        .main-footer {
            background: var(--sas-ink) !important;
            color: #f7eadc !important;
            padding: 56px 18px 130px !important;
        }

        .footer-top-wrap {
            width: min(100%, 1160px) !important;
            display: grid !important;
            grid-template-columns: 1fr 0.8fr 1fr !important;
            gap: 34px !important;
            padding-bottom: 42px !important;
            border-bottom: 1px solid rgba(247, 234, 220, 0.12) !important;
        }

        .footer-brand {
            color: #fffaf3 !important;
            font-size: 26px !important;
            font-weight: 950 !important;
            letter-spacing: -0.03em !important;
        }

        .footer-brand-box p,
        .newsletter-subtext,
        .footer-copyright {
            color: #cdbba8 !important;
            line-height: 1.6 !important;
        }

        .footer-links-box {
            gap: 13px !important;
        }

        .footer-link-item {
            color: #f7eadc !important;
            font-weight: 800 !important;
        }

        .footer-newsletter-box {
            max-width: none !important;
        }

        .newsletter-headline {
            color: #fffaf3 !important;
            font-size: 24px !important;
        }

        .newsletter-form-group {
            border-bottom-color: rgba(247, 234, 220, 0.26) !important;
        }

        .footer-bottom-wrap {
            width: min(100%, 1160px) !important;
        }

        .footer-payments {
            display: grid !important;
            gap: 8px !important;
            justify-items: end !important;
        }

        .footer-payment-label {
            color: rgba(247, 234, 220, 0.46) !important;
            font-size: 10px !important;
            font-weight: 950 !important;
            letter-spacing: 1.8px !important;
            text-transform: uppercase !important;
        }

        .footer-payment-icons {
            display: flex !important;
            align-items: center !important;
            justify-content: flex-end !important;
            gap: 8px !important;
            flex-wrap: wrap !important;
        }

        .footer-payment-icons img {
            height: 25px !important;
            width: auto !important;
            max-width: 52px !important;
            display: block !important;
            opacity: 1 !important;
            filter: none !important;
        }

        @media (max-width: 760px) {
            .footer-payments {
                justify-items: center !important;
            }

            .footer-payment-icons {
                justify-content: center !important;
            }
        }

        .sas-bottom-shop-nav {
            background: rgba(255, 253, 248, 0.94) !important;
            border: 1px solid var(--sas-border) !important;
            box-shadow: 0 18px 44px rgba(61, 34, 21, 0.16) !important;
        }

        .sas-bottom-shop-nav a {
            text-transform: none !important;
            letter-spacing: 0 !important;
            font-size: 13px !important;
            font-weight: 900 !important;
        }

        .newsletter-popup-card {
            background: var(--sas-card) !important;
            border-radius: 24px !important;
            border: 1px solid var(--sas-border) !important;
        }

        @media (max-width: 1100px) {
            .product-grid,
            #essentials-section .product-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            }

            #essentials-section .product-card {
                flex: none !important;
                max-width: none !important;
            }

            .trust-bar-container {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            }
        }

        @media (max-width: 760px) {
            :root {
                --sas-fixed-header-height: 104px;
            }

            body {
                padding-bottom: 82px !important;
            }

            .main-header {
                grid-template-columns: 1fr auto !important;
                padding: 13px 16px !important;
            }

            .header-nav-links {
                display: none !important;
            }

            .header-logo a,
            .header-logo .custom-logo-link,
            .header-logo .custom-logo-link a {
                font-size: 20px !important;
            }

            .hero-section {
                min-height: 590px !important;
                padding: 70px 22px 82px !important;
                align-items: flex-start !important;
                text-align: center !important;
                background:
                    linear-gradient(to bottom, rgba(36, 24, 15, 0.54) 0%, rgba(36, 24, 15, 0.18) 46%, rgba(36, 24, 15, 0.22) 100%),
                    linear-gradient(135deg, rgba(138, 79, 44, 0.12), rgba(243, 227, 207, 0.65)) !important;
            }

            .hero-content {
                max-width: 360px !important;
                align-items: center !important;
                text-align: center !important;
            }

            .hero-content::before {
                font-size: 12px !important;
                margin-bottom: 13px !important;
            }

            .hero-title {
                max-width: 340px !important;
                font-size: clamp(38px, 11vw, 48px) !important;
                text-align: center !important;
            }

            .hero-subtitle {
                max-width: 318px !important;
                font-size: 15px !important;
                line-height: 1.5 !important;
                text-align: center !important;
            }

            .hero-btns {
                width: 100% !important;
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 10px !important;
            }

            .btn {
                width: 100% !important;
            }

            .trust-bar-section {
                padding: 28px 14px 42px !important;
            }

            .trust-bar-container {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 10px !important;
            }

            .section-container,
            .how-it-works-section,
            .segment-section,
            .sas-reviews-section,
            .faq-section,
            .sas-transition-expand-section {
                padding: 52px 16px !important;
            }

            .section-title,
            .how-it-works-title,
            .sas-reviews-title {
                font-size: clamp(31px, 8vw, 40px) !important;
            }

            .section-subtitle {
                font-size: 15px !important;
                margin-bottom: 26px !important;
            }

            .transition-banner-frame,
            .how-it-works-media-card,
            .product-card,
            .segment-img-wrap {
                border-radius: 22px !important;
            }

            .how-it-works-container {
                grid-template-columns: 1fr !important;
                gap: 24px !important;
            }

            .how-it-works-copy {
                text-align: center !important;
                margin: 0 auto !important;
            }

            .how-it-works-eyebrow {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            .how-it-works-text {
                font-size: 15px !important;
            }

            .product-grid,
            #essentials-section .product-grid,
            .segment-container,
            .sas-reviews-grid {
                grid-template-columns: 1fr !important;
            }

            .product-main-row .product-name {
                font-size: 17px !important;
            }

            .product-card-actions .card-btn {
                font-size: 12px !important;
            }

            .faq-container {
                grid-template-columns: 1fr !important;
                gap: 18px !important;
            }

            .faq-main-heading {
                position: static !important;
                text-align: left !important;
            }

            .footer-top-wrap {
                grid-template-columns: 1fr !important;
                gap: 28px !important;
                text-align: center !important;
            }

            .footer-links-box {
                align-items: center !important;
            }

            .footer-newsletter-box {
                text-align: center !important;
            }

            .footer-bottom-wrap {
                flex-direction: column !important;
                gap: 18px !important;
                text-align: center !important;
            }

            .sas-bottom-shop-nav {
                width: calc(100% - 22px) !important;
                border-radius: 24px !important;
            }
        }





/* Final mobile media and purchase-bar polish */
.announcement-bar {
    display: grid !important;
    gap: 2px !important;
    justify-items: center !important;
    padding: 8px 16px 9px !important;
    background: #3d2215 !important;
    color: #fffaf3 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
}

.announcement-bar span {
    display: block !important;
    white-space: nowrap !important;
}

.header-logo a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    height: 38px !important;
    line-height: 1 !important;
}

.header-logo img {
    display: block !important;
    width: auto !important;
    height: 34px !important;
    max-height: 34px !important;
    object-fit: contain !important;
}

.hero .btn-secondary {
    background: #fffdf8 !important;
    color: var(--sas-ink, #24180f) !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    box-shadow: 0 12px 28px rgba(74, 38, 21, 0.10) !important;
    text-shadow: none !important;
}

.hero .btn-secondary:hover {
    background: #fff4e6 !important;
    color: var(--sas-ink, #24180f) !important;
}

.section-how-media {
    padding-top: 28px !important;
}

.section-how-media .sas-how-image {
    margin-top: 0 !important;
}

.sas-photo-label {
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: rgba(36, 24, 15, 0.84) !important;
    color: #fffaf3 !important;
    border: 1px solid rgba(255, 250, 243, 0.42) !important;
    box-shadow: 0 10px 24px rgba(36, 24, 15, 0.20) !important;
    font-size: 12px !important;
    line-height: 32px !important;
    font-weight: 950 !important;
    letter-spacing: 0.2px !important;
    pointer-events: none !important;
    text-align: center !important;
}

.ba-card.sas-media-frame {
    aspect-ratio: auto !important;
    border-radius: 22px !important;
}

.ba-card.sas-media-frame img {
    height: auto !important;
    object-fit: contain !important;
}

.lifestyle-strip .sas-lifestyle-photo .image-box {
    aspect-ratio: auto !important;
    border-radius: 22px !important;
}

.lifestyle-strip .sas-lifestyle-photo .image-box img {
    height: auto !important;
    object-fit: contain !important;
}

.product-badge {
    display: none !important;
}

.product-shop-section .product-main-row,
#bundles-section .product-main-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: end !important;
    margin: 0 0 18px !important;
}

.product-shop-section .product-name,
#bundles-section .product-name {
    margin: 0 !important;
}

.product-shop-section .product-price-row,
#bundles-section .product-price-row,
.product-main-row .product-price-row {
    margin: 0 !important;
    width: auto !important;
    text-align: right !important;
    justify-content: flex-end !important;
}

.product-shop-section .price-current,
#bundles-section .price-current,
.product-main-row .price-current,
.price-current {
    font-size: 28px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    color: var(--sas-ink, #24180f) !important;
}

.product-shop-section .price-original,
#bundles-section .price-original,
.product-main-row .price-original {
    font-size: 13px !important;
    color: #9c8a77 !important;
}

.sticky-atc {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(112px, 0.85fr) minmax(0, 1.9fr) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding: 10px 12px max(10px, env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -8px 22px rgba(36, 24, 15, 0.10) !important;
}

.sticky-atc-copy {
    min-height: 48px !important;
}

.sticky-atc-btn {
    height: 48px !important;
}

.card-gallery-main {
    cursor: grab !important;
    user-select: none !important;
    touch-action: pan-x pan-y !important;
    overscroll-behavior-x: contain !important;
}

.card-gallery-main.is-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
}

.card-gallery-main img {
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* Shared inner-page layouts that now use the global header/footer. */
.about-page,
.contact-main,
.policy-main,
.track-main,
.sas-native-checkout-main,
.page-content-wrapper,
.sas-product-main {
    width: min(100%, 1160px) !important;
    margin: 0 auto !important;
    padding: 56px 18px !important;
    box-sizing: border-box !important;
}

.about-page,
.contact-main,
.policy-main,
.track-main,
.sas-native-checkout-main,
.sas-cart-page-shell,
.sas-product-page {
    background: var(--sas-bg, #fbf7f0) !important;
    color: var(--sas-ink, #24180f) !important;
}

.about-title,
.contact-title,
.policy-main-title,
.track-title {
    margin: 0 0 16px !important;
    color: var(--sas-ink, #24180f) !important;
    font-size: clamp(34px, 8vw, 64px) !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

.about-lead,
.contact-subtitle,
.policy-date,
.policy-text,
.track-subtitle {
    color: var(--sas-muted, #6a5a4a) !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.about-hero,
.about-statement-grid,
.about-approach,
.about-promise,
.contact-info-panel,
.contact-form-panel,
.policy-content-card,
.policy-column,
.track-container,
.sas-native-checkout-shell,
.sas-empty-cart-card,
.sas-cart-surface,
.sas-product-shell .summary,
.sas-product-shell .woocommerce-tabs,
.sas-product-shell .related.products {
    background: var(--sas-card, #fffdf8) !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(61, 34, 21, 0.07) !important;
    box-sizing: border-box !important;
}

.about-hero,
.about-statement-grid,
.about-approach,
.about-promise,
.contact-info-panel,
.contact-form-panel,
.policy-content-card,
.policy-column,
.track-container,
.sas-native-checkout-shell,
.sas-empty-cart-card,
.sas-cart-surface {
    padding: 28px !important;
}

.about-page,
.policy-main {
    display: grid !important;
    gap: 24px !important;
}

.about-column-grid,
.policy-grid,
.contact-main {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.about-eyebrow,
.about-section-kicker,
.info-meta-label,
.policy-sublabel,
.sas-cart-eyebrow {
    display: inline-block !important;
    color: var(--sas-brown, #8a4f2c) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.about-section-title,
.about-promise-title,
.column-heading,
.policy-section-title,
.sas-empty-title,
.sas-cart-title {
    color: var(--sas-ink, #24180f) !important;
    font-size: clamp(24px, 5vw, 42px) !important;
    line-height: 1.08 !important;
    margin: 8px 0 14px !important;
    letter-spacing: 0 !important;
}

.about-btn,
.sas-btn,
.form-submit-btn,
.track-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    background: var(--sas-ink, #24180f) !important;
    color: #fffaf3 !important;
    border: 1px solid var(--sas-ink, #24180f) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

.about-cta-row,
.sas-empty-actions,
.sas-empty-perks,
.sas-trust-row,
.sas-product-trust {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.about-btn-secondary {
    background: transparent !important;
    color: var(--sas-ink, #24180f) !important;
}

.contact-form-panel form,
.track-box-wrap {
    display: grid !important;
    gap: 14px !important;
}

.form-input,
.form-textarea,
#YQNum {
    width: 100% !important;
    border: 1px solid var(--sas-border, #eadac8) !important;
    border-radius: 14px !important;
    background: #fffaf3 !important;
    color: var(--sas-ink, #24180f) !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}

.contact-honeypot {
    position: absolute !important;
    left: -9999px !important;
}

.sas-product-shell div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.85fr) !important;
    gap: 24px !important;
}

@media (max-width: 760px) {
    .about-page,
    .contact-main,
    .policy-main,
    .track-main,
    .sas-native-checkout-main,
    .page-content-wrapper,
    .sas-product-main {
        padding: 38px 18px !important;
    }

    .about-column-grid,
    .policy-grid,
    .contact-main,
    .sas-product-shell div.product {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 390px) {
    .announcement-bar {
        font-size: 12px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .product-shop-section .product-main-row,
    #bundles-section .product-main-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
    }

    .product-shop-section .price-current,
    #bundles-section .price-current,
    .product-main-row .price-current,
    .price-current {
        font-size: 26px !important;
    }

    .sticky-atc {
        width: 100% !important;
        grid-template-columns: minmax(108px, 0.82fr) minmax(0, 1.9fr) !important;
        border-radius: 0 !important;
        padding: 9px 10px max(9px, env(safe-area-inset-bottom)) !important;
    }
}

/* Final product-card layout updates. */
.product-shop-section .product-card-wrap,
#bundles-section .product-card-wrap {
    width: 100% !important;
    min-width: 0 !important;
}

.product-shop-section .color-selector,
#bundles-section .color-selector {
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 16px !important;
}

.product-shop-section .color-dot,
#bundles-section .color-dot {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    overflow: hidden !important;
}

.product-shop-section .color-dot::before,
.product-shop-section .color-dot::after,
#bundles-section .color-dot::before,
#bundles-section .color-dot::after {
    display: none !important;
    content: none !important;
}

.product-shop-section .color-left-custom,
#bundles-section .color-left-custom {
    background: #a96a3f !important;
}

.product-shop-section .color-right-custom,
#bundles-section .color-right-custom {
    background: #4b2a18 !important;
}

.product-shop-section .color-dot.active,
#bundles-section .color-dot.active {
    border-color: #fffaf3 !important;
    box-shadow: 0 0 0 2px #fffaf3, 0 0 0 4px var(--sas-ink, #24180f) !important;
}

.product-shop-section .product-capacity-box,
#bundles-section .product-capacity-box {
    display: none !important;
}

.product-card-note {
    margin: 10px 14px 0 !important;
}

.product-shop-section .product-detail-media,
#bundles-section .product-detail-media,
.product-shop-section .card-gallery-stage,
#bundles-section .card-gallery-stage,
.product-shop-section .card-gallery-main,
#bundles-section .card-gallery-main {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    overflow: hidden !important;
}

.product-shop-section .card-gallery-main,
#bundles-section .card-gallery-main {
    display: flex !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
}

.product-shop-section .card-gallery-slide,
#bundles-section .card-gallery-slide,
.product-shop-section .product-img,
#bundles-section .product-img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    scroll-snap-align: start !important;
}

@media (min-width: 760px) {
    .product-shop-section .section-title,
    #bundles-section .section-title,
    .product-shop-section .section-subtitle,
    #bundles-section .section-subtitle {
        text-align: center !important;
    }

    .product-shop-section .section-title,
    #bundles-section .section-title {
        display: block !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .product-shop-section .product-price-row,
    #bundles-section .product-price-row {
        text-align: center !important;
    }

    .product-shop-section .product-price-values,
    #bundles-section .product-price-values {
        justify-content: center !important;
    }
}

/* Cart page cleanup and mobile product image layout. */
.sas-cart-surface .coupon,
.sas-cart-surface .actions .coupon {
    display: none !important;
}

.sas-cart-surface .product-name a,
.sas-cart-surface .woocommerce-cart-form a,
.sas-cart-surface .cart_totals a {
    color: var(--sas-ink, #24180f) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

.sas-cart-surface .woocommerce-shipping-destination,
.sas-cart-surface .woocommerce-shipping-calculator,
.sas-cart-surface .shipping-calculator-button {
    display: none !important;
}

.sas-cart-note {
    margin-top: 16px !important;
    color: var(--sas-muted, #6a5a4a) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
}

@media (max-width: 760px) {
    .sas-cart-surface table.shop_table_responsive tr.cart_item,
    .sas-cart-surface table.shop_table tr.cart_item {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        align-items: start !important;
        padding: 14px 0 !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item td,
    .sas-cart-surface table.shop_table tr.cart_item td {
        display: block !important;
        width: auto !important;
        border: 0 !important;
        padding: 5px 0 !important;
        text-align: left !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item td::before,
    .sas-cart-surface table.shop_table tr.cart_item td::before {
        float: none !important;
        display: inline-block !important;
        margin-right: 6px !important;
        color: var(--sas-ink, #24180f) !important;
        font-weight: 900 !important;
    }

    .sas-cart-surface td.product-remove {
        grid-column: 1 / -1 !important;
        padding-bottom: 4px !important;
    }

    .sas-cart-surface td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 2 / span 4 !important;
        display: block !important;
        padding: 0 !important;
    }

    .sas-cart-surface td.product-thumbnail::before {
        display: none !important;
        content: none !important;
    }

    .sas-cart-surface td.product-thumbnail a,
    .sas-cart-surface td.product-thumbnail img,
    .sas-cart-surface .sas-cart-color-product-img {
        display: block !important;
        width: 82px !important;
        height: 82px !important;
    }

    .sas-cart-surface td.product-thumbnail img,
    .sas-cart-surface .sas-cart-color-product-img {
        object-fit: cover !important;
        border-radius: 16px !important;
        background: #f3e4d0 !important;
    }

    .sas-cart-surface td.product-name,
    .sas-cart-surface td.product-price,
    .sas-cart-surface td.product-quantity,
    .sas-cart-surface td.product-subtotal {
        grid-column: 2 !important;
    }

    .sas-cart-surface td.actions {
        display: none !important;
    }
}

/* Mobile cart redesign. */
@media (max-width: 760px) {
    .page-content-wrapper {
        padding: 44px 14px 92px !important;
    }

    .sas-cart-hero {
        margin-bottom: 18px !important;
    }

    .sas-cart-eyebrow {
        color: #9b5727 !important;
        letter-spacing: 3.2px !important;
        font-size: 11px !important;
        font-weight: 950 !important;
    }

    .sas-cart-title {
        margin: 8px 0 12px !important;
        font-family: Georgia, "Times New Roman", serif !important;
        font-size: 30px !important;
        line-height: 1.05 !important;
        font-weight: 500 !important;
    }

    .sas-cart-subtitle {
        max-width: 360px !important;
        color: #6a5a4a !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin: 0 !important;
    }

    .sas-trust-row {
        margin: 18px 0 22px !important;
        gap: 10px !important;
    }

    .sas-trust-item {
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 13px !important;
        border: 1px solid var(--sas-border, #eadac8) !important;
        border-radius: 999px !important;
        background: #fffdf8 !important;
        box-shadow: 0 8px 18px rgba(61, 34, 21, 0.05) !important;
        color: var(--sas-ink, #24180f) !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    .sas-cart-surface {
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .sas-cart-surface .woocommerce {
        display: grid !important;
        gap: 26px !important;
    }

    .sas-cart-surface form.woocommerce-cart-form,
    .sas-cart-surface .woocommerce-cart-form__contents,
    .sas-cart-surface table.shop_table,
    .sas-cart-surface table.shop_table tbody {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .sas-cart-surface table.shop_table thead {
        display: none !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item,
    .sas-cart-surface table.shop_table tr.cart_item {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 104px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto !important;
        column-gap: 14px !important;
        row-gap: 8px !important;
        align-items: start !important;
        margin: 0 !important;
        padding: 14px 14px 18px !important;
        border: 1px solid var(--sas-border, #eadac8) !important;
        border-radius: 24px !important;
        background: #fffdf8 !important;
        box-shadow: 0 16px 34px rgba(61, 34, 21, 0.08) !important;
    }

    .sas-cart-surface table.shop_table tr.cart_item td {
        border: 0 !important;
        background: transparent !important;
    }

    .sas-cart-surface td.product-remove {
        position: absolute !important;
        top: 15px !important;
        right: 16px !important;
        z-index: 2 !important;
        padding: 0 !important;
    }

    .sas-cart-surface td.product-remove a.remove {
        width: 30px !important;
        height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        background: #eee9e2 !important;
        color: #a18f7f !important;
        font-size: 22px !important;
        line-height: 1 !important;
        text-decoration: none !important;
        font-weight: 800 !important;
    }

    .sas-cart-surface td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
        padding: 0 !important;
        align-self: start !important;
    }

    .sas-cart-surface td.product-thumbnail a,
    .sas-cart-surface td.product-thumbnail img,
    .sas-cart-surface .sas-cart-color-product-img {
        width: 82px !important;
        height: 104px !important;
    }

    .sas-cart-surface td.product-thumbnail img,
    .sas-cart-surface .sas-cart-color-product-img {
        object-fit: cover !important;
        border-radius: 17px !important;
        background: #f3e4d0 !important;
        box-shadow: 0 12px 24px rgba(61, 34, 21, 0.08) !important;
    }

    .sas-cart-surface td.product-name {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding: 2px 34px 10px 0 !important;
    }

    .sas-cart-surface td.product-name a {
        color: var(--sas-ink, #24180f) !important;
        font-size: 16px !important;
        line-height: 1.18 !important;
        font-weight: 950 !important;
        text-decoration: none !important;
    }

    .sas-cart-surface td.product-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        padding: 0 !important;
        color: #6a5a4a !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    .sas-cart-surface td.product-price::before {
        content: "PRICE" !important;
        display: block !important;
        margin: 0 0 7px !important;
        color: #a18f7f !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface td.product-quantity {
        grid-column: 2 !important;
        grid-row: 3 !important;
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 8px 0 4px !important;
    }

    .sas-cart-surface td.product-quantity::before {
        content: "QTY" !important;
        color: #a18f7f !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface .quantity.sas-qty-ready {
        width: 112px !important;
        height: 42px !important;
        display: inline-grid !important;
        grid-template-columns: 34px 1fr 34px !important;
        align-items: center !important;
        border: 1px solid var(--sas-border, #eadac8) !important;
        border-radius: 999px !important;
        background: #fffdf8 !important;
        overflow: hidden !important;
    }

    .sas-cart-surface .sas-qty-btn {
        width: 34px !important;
        height: 40px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--sas-ink, #24180f) !important;
        font-size: 18px !important;
        font-weight: 950 !important;
        padding: 0 !important;
    }

    .sas-cart-surface .quantity input.qty {
        width: 40px !important;
        min-width: 0 !important;
        height: 40px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--sas-ink, #24180f) !important;
        font-size: 16px !important;
        font-weight: 950 !important;
        text-align: center !important;
        padding: 0 !important;
        appearance: textfield !important;
        -moz-appearance: textfield !important;
    }

    .sas-cart-surface td.product-subtotal {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-top: 10px !important;
        padding: 16px 0 2px !important;
        border-top: 1px solid rgba(61, 34, 21, 0.12) !important;
        color: var(--sas-ink, #24180f) !important;
        font-size: 18px !important;
        font-weight: 950 !important;
    }

    .sas-cart-surface td.product-subtotal::before {
        content: "ITEM TOTAL" !important;
        color: #7e6d5d !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface td.actions {
        height: 32px !important;
        display: block !important;
        margin: 16px 0 8px !important;
        padding: 0 !important;
        border-radius: 999px !important;
        background: #fffdf8 !important;
        border: 1px solid var(--sas-border, #eadac8) !important;
        box-shadow: 0 8px 18px rgba(61, 34, 21, 0.04) !important;
    }

    .sas-cart-surface td.actions > button,
    .sas-cart-surface td.actions > input {
        display: none !important;
    }

    .sas-cart-surface .cart-collaterals,
    .sas-cart-surface .cart_totals {
        width: 100% !important;
        float: none !important;
        clear: both !important;
    }

    .sas-cart-surface .cart_totals {
        margin-top: 0 !important;
        padding: 22px 20px 24px !important;
        border: 1px solid var(--sas-border, #eadac8) !important;
        border-radius: 24px !important;
        background: #fffdf8 !important;
        box-shadow: 0 16px 34px rgba(61, 34, 21, 0.08) !important;
    }

    .sas-cart-surface .cart_totals h2 {
        margin: 0 0 16px !important;
        font-family: Georgia, "Times New Roman", serif !important;
        color: var(--sas-ink, #24180f) !important;
        font-size: 25px !important;
        line-height: 1.1 !important;
        font-weight: 500 !important;
    }

    .sas-cart-surface .cart_totals table,
    .sas-cart-surface .cart_totals tbody,
    .sas-cart-surface .cart_totals tr,
    .sas-cart-surface .cart_totals th,
    .sas-cart-surface .cart_totals td {
        display: block !important;
        width: 100% !important;
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        text-align: left !important;
    }

    .sas-cart-surface .cart_totals tr {
        margin: 0 0 7px !important;
    }

    .sas-cart-surface .cart_totals .cart-subtotal th,
    .sas-cart-surface .cart_totals .order-total th,
    .sas-cart-surface .cart_totals .woocommerce-shipping-totals th {
        display: none !important;
    }

    .sas-cart-surface .cart_totals th,
    .sas-cart-surface .cart_totals td {
        color: var(--sas-ink, #24180f) !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.25 !important;
    }

    .sas-cart-surface .cart_totals .order-total th,
    .sas-cart-surface .cart_totals .order-total td,
    .sas-cart-surface .cart_totals .order-total .amount {
        margin-top: 12px !important;
        font-size: 24px !important;
        font-weight: 950 !important;
    }

    .sas-cart-surface .wc-proceed-to-checkout {
        padding: 28px 0 0 !important;
    }

    .sas-cart-surface .checkout-button,
    .sas-cart-surface .wc-proceed-to-checkout a.checkout-button {
        width: 100% !important;
        min-height: 58px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 999px !important;
        background: #080706 !important;
        color: #fffaf3 !important;
        border: 0 !important;
        font-size: 13px !important;
        font-weight: 950 !important;
        letter-spacing: 1.6px !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    .sas-cart-note {
        margin: 10px 8px 0 !important;
        color: #7e6d5d !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
    }
}

/* Final cart mobile overflow fixes. */
@media (max-width: 760px) {
    body.woocommerce-cart .sticky-atc,
    body.page-template-page-cart .sticky-atc {
        display: none !important;
    }

    body.woocommerce-cart,
    body.page-template-page-cart,
    body.woocommerce-cart .sas-cart-page-shell,
    body.page-template-page-cart .sas-cart-page-shell,
    body.woocommerce-cart .page-content-wrapper,
    body.page-template-page-cart .page-content-wrapper {
        overflow-x: hidden !important;
    }

    body.woocommerce-cart .page-content-wrapper,
    body.page-template-page-cart .page-content-wrapper {
        padding-bottom: 34px !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item td::before,
    .sas-cart-surface table.shop_table tr.cart_item td::before {
        display: none !important;
        content: none !important;
    }

    .sas-cart-surface td.product-name,
    .sas-cart-surface td.product-price,
    .sas-cart-surface td.product-quantity,
    .sas-cart-surface td.product-subtotal {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .sas-cart-surface td.product-name {
        padding-right: 42px !important;
    }

    .sas-cart-surface td.product-name a {
        display: block !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .sas-cart-surface .cart-collaterals,
    .sas-cart-surface .cart_totals {
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .sas-cart-surface .cart_totals table,
    .sas-cart-surface .cart_totals tbody {
        display: block !important;
        width: 100% !important;
        table-layout: fixed !important;
    }

    .sas-cart-surface .cart_totals tr {
        display: grid !important;
        grid-template-columns: minmax(88px, auto) minmax(0, 1fr) !important;
        gap: 8px !important;
        align-items: baseline !important;
        width: 100% !important;
    }

    .sas-cart-surface .cart_totals th,
    .sas-cart-surface .cart_totals td {
        display: block !important;
        min-width: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }

    .sas-cart-surface .cart_totals th {
        text-align: left !important;
    }

    .sas-cart-surface .cart_totals td {
        text-align: right !important;
    }

    .sas-cart-surface .cart_totals .order-total th,
    .sas-cart-surface .cart_totals .order-total td,
    .sas-cart-surface .cart_totals .order-total .amount {
        font-size: 22px !important;
    }

    .sas-cart-surface .wc-proceed-to-checkout a.checkout-button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Final target-style mobile cart polish. */
@media (max-width: 760px) {
    .sas-cart-page-shell {
        background: #fbf7f0 !important;
    }

    .page-content-wrapper {
        padding: 52px 14px 30px !important;
    }

    .sas-cart-hero {
        margin: 0 4px 18px !important;
    }

    .sas-cart-title {
        font-size: 30px !important;
        margin: 8px 0 12px !important;
    }

    .sas-trust-row {
        margin: 18px 0 24px !important;
        padding: 0 !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item,
    .sas-cart-surface table.shop_table tr.cart_item {
        grid-template-columns: 104px minmax(0, 1fr) 32px !important;
        grid-template-rows: auto auto auto auto !important;
        column-gap: 14px !important;
        row-gap: 10px !important;
        padding: 14px 14px 18px !important;
        border-radius: 24px !important;
        min-height: 232px !important;
    }

    .sas-cart-surface td.product-remove {
        position: static !important;
        grid-column: 3 !important;
        grid-row: 1 !important;
        align-self: start !important;
        justify-self: end !important;
        padding: 0 !important;
    }

    .sas-cart-surface td.product-remove a.remove {
        width: 30px !important;
        height: 30px !important;
        font-size: 22px !important;
        background: #eee9e2 !important;
        color: #a18f7f !important;
    }

    .sas-cart-surface td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
    }

    .sas-cart-surface td.product-thumbnail a,
    .sas-cart-surface td.product-thumbnail img,
    .sas-cart-surface .sas-cart-color-product-img {
        width: 82px !important;
        height: 104px !important;
    }

    .sas-cart-surface td.product-name {
        grid-column: 2 / 3 !important;
        grid-row: 1 !important;
        padding: 2px 0 8px !important;
        align-self: start !important;
    }

    .sas-cart-surface td.product-name a {
        font-size: 16px !important;
        line-height: 1.18 !important;
        max-width: 190px !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .sas-cart-surface td.product-price {
        grid-column: 2 / 4 !important;
        grid-row: 2 !important;
        padding: 6px 0 0 !important;
        font-size: 14px !important;
    }

    .sas-cart-surface td.product-price::before {
        display: block !important;
        content: "PRICE" !important;
        margin: 0 0 7px !important;
        color: #a18f7f !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface td.product-quantity {
        grid-column: 2 / 4 !important;
        grid-row: 3 !important;
        display: flex !important;
        align-items: center !important;
        gap: 16px !important;
        padding: 12px 0 4px !important;
    }

    .sas-cart-surface td.product-quantity::before {
        display: inline-block !important;
        content: "QTY" !important;
        color: #a18f7f !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface .quantity.sas-qty-ready {
        width: 112px !important;
        height: 42px !important;
    }

    .sas-cart-surface td.product-subtotal {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        margin-top: 12px !important;
        padding: 17px 0 0 !important;
        border-top: 1px solid rgba(61, 34, 21, 0.12) !important;
        font-size: 18px !important;
    }

    .sas-cart-surface td.product-subtotal::before {
        display: inline-block !important;
        content: "ITEM TOTAL" !important;
        color: #7e6d5d !important;
        font-size: 11px !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface td.actions {
        height: 32px !important;
        margin: 16px 0 8px !important;
        border-radius: 999px !important;
    }

    .sas-cart-surface .cart_totals {
        padding: 22px 20px 24px !important;
        border-radius: 24px !important;
    }

    .sas-cart-surface .cart_totals h2 {
        font-size: 25px !important;
        margin-bottom: 16px !important;
    }

    .sas-cart-surface .cart_totals tr {
        display: block !important;
        margin: 0 0 6px !important;
    }

    .sas-cart-surface .cart_totals th {
        display: none !important;
    }

    .sas-cart-surface .cart_totals td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1.25 !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .sas-cart-surface .cart_totals .order-total td,
    .sas-cart-surface .cart_totals .order-total .amount {
        margin-top: 12px !important;
        font-size: 24px !important;
        font-weight: 950 !important;
    }

    .sas-cart-surface .wc-proceed-to-checkout {
        padding-top: 28px !important;
    }

    .sas-cart-note {
        margin: 26px 8px 0 !important;
    }
}

/* Last-pass cart mobile labels and totals alignment. */
@media (max-width: 760px) {
    .sas-cart-surface table.shop_table_responsive tr.cart_item td.product-price::before,
    .sas-cart-surface table.shop_table tr.cart_item td.product-price::before {
        display: block !important;
        content: "PRICE" !important;
        float: none !important;
        margin: 0 0 7px !important;
        color: #a18f7f !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item td.product-quantity::before,
    .sas-cart-surface table.shop_table tr.cart_item td.product-quantity::before {
        display: inline-block !important;
        content: "QTY" !important;
        float: none !important;
        margin: 0 !important;
        color: #a18f7f !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item td.product-subtotal::before,
    .sas-cart-surface table.shop_table tr.cart_item td.product-subtotal::before {
        display: inline-block !important;
        content: "ITEM TOTAL" !important;
        float: none !important;
        margin: 0 !important;
        color: #7e6d5d !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 2px !important;
    }

    .sas-cart-surface table.shop_table_responsive tr.cart_item td.product-subtotal,
    .sas-cart-surface table.shop_table tr.cart_item td.product-subtotal {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .sas-cart-surface .cart_totals table.shop_table_responsive tr td::before,
    .sas-cart-surface .cart_totals table.shop_table tr td::before,
    .sas-cart-surface .cart_totals td::before {
        display: none !important;
        content: none !important;
    }

    .sas-cart-surface .cart_totals table.shop_table_responsive tr th,
    .sas-cart-surface .cart_totals table.shop_table tr th,
    .sas-cart-surface .cart_totals th {
        display: none !important;
    }

    .sas-cart-surface .cart_totals table.shop_table_responsive tr,
    .sas-cart-surface .cart_totals table.shop_table tr,
    .sas-cart-surface .cart_totals tr {
        display: block !important;
        width: 100% !important;
        margin: 0 0 7px !important;
    }

    .sas-cart-surface .cart_totals table.shop_table_responsive tr td,
    .sas-cart-surface .cart_totals table.shop_table tr td,
    .sas-cart-surface .cart_totals td {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
        padding: 0 !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .sas-cart-surface .cart_totals .cart-subtotal td,
    .sas-cart-surface .cart_totals .cart-subtotal .amount {
        font-size: 15px !important;
        font-weight: 950 !important;
    }

    .sas-cart-surface .cart_totals .woocommerce-shipping-totals td,
    .sas-cart-surface .cart_totals .woocommerce-shipping-totals label,
    .sas-cart-surface .cart_totals .woocommerce-shipping-totals .amount {
        font-size: 15px !important;
        font-weight: 950 !important;
        line-height: 1.25 !important;
    }

    .sas-cart-surface .cart_totals .order-total td,
    .sas-cart-surface .cart_totals .order-total .amount {
        margin-top: 12px !important;
        font-size: 24px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
    }
}

/* Final checkout header guard. */
body.woocommerce-checkout .sticky-atc,
body.woocommerce-order-received .sticky-atc,
body.woocommerce-checkout .sas-bottom-shop-nav,
body.woocommerce-order-received .sas-bottom-shop-nav {
    display: none !important;
}

body.woocommerce-checkout .header-cart,
body.woocommerce-order-received .header-cart {
    visibility: hidden !important;
    pointer-events: none !important;
}

.site-fixed-header .header-cart,
.site-fixed-header .cart-count {
    flex-shrink: 0 !important;
}

.site-fixed-header .cart-count {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
}

/* Final product price and color-choice polish. */
.product-shop-section .color-selector,
#bundles-section .color-selector {
    gap: 13px !important;
    margin: 2px 0 18px !important;
    align-items: center !important;
}

.product-shop-section .color-dot,
#bundles-section .color-dot {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    border-width: 2px !important;
}

.product-shop-section .color-dot.active,
#bundles-section .color-dot.active {
    box-shadow: 0 0 0 3px #fffaf3, 0 0 0 5px var(--sas-ink, #24180f) !important;
}

.product-shop-section .product-price-values,
#bundles-section .product-price-values,
.product-main-row .product-price-values {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    max-width: 178px !important;
}

.price-save-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 19px !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    background: #d94a1a !important;
    color: #fffaf3 !important;
    box-shadow: 0 7px 16px rgba(217, 74, 26, 0.24) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

.product-shop-section .price-original,
#bundles-section .price-original,
.product-main-row .price-original {
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Final mobile product title and price emphasis. */
.product-shop-section .product-main-row,
#bundles-section .product-main-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    column-gap: 12px !important;
    margin: 0 0 18px !important;
}

.product-shop-section .product-name,
#bundles-section .product-name,
.product-main-row .product-name {
    margin: 0 !important;
    max-width: 190px !important;
    color: var(--sas-ink, #24180f) !important;
    font-size: 18px !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    font-weight: 950 !important;
}

.product-shop-section .product-price-row,
#bundles-section .product-price-row,
.product-main-row .product-price-row {
    align-self: end !important;
    margin: 0 !important;
    width: auto !important;
    text-align: right !important;
}

.product-shop-section .product-price-values,
#bundles-section .product-price-values,
.product-main-row .product-price-values {
    max-width: 205px !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 6px !important;
}

.product-shop-section .price-current,
#bundles-section .price-current,
.product-main-row .price-current,
.price-current {
    font-size: 32px !important;
    line-height: 0.95 !important;
    font-weight: 950 !important;
}

.product-shop-section .price-original,
#bundles-section .price-original,
.product-main-row .price-original {
    font-size: 13px !important;
    line-height: 1 !important;
}

.price-save-badge {
    min-height: 23px !important;
    padding: 5px 8px !important;
    font-size: 11px !important;
}

@media (max-width: 380px) {
    .product-shop-section .product-name,
    #bundles-section .product-name,
    .product-main-row .product-name {
        max-width: 168px !important;
        font-size: 17px !important;
    }

    .product-shop-section .price-current,
    #bundles-section .price-current,
    .product-main-row .price-current,
    .price-current {
        font-size: 29px !important;
    }
}

/* Locked product header layout: title left, price cluster right. */
.product-shop-section .product-main-row,
#bundles-section .product-main-row,
.product-main-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 178px !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 58px !important;
    margin: 0 0 18px !important;
}

.product-shop-section .product-name,
#bundles-section .product-name,
.product-main-row .product-name {
    grid-column: 1 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.product-shop-section .product-price-row,
#bundles-section .product-price-row,
.product-main-row .product-price-row {
    grid-column: 2 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 178px !important;
    margin: 0 !important;
    text-align: right !important;
}

.product-shop-section .product-price-values,
#bundles-section .product-price-values,
.product-main-row .product-price-values {
    width: 178px !important;
    max-width: 178px !important;
    display: grid !important;
    grid-template-columns: auto auto auto !important;
    align-items: center !important;
    justify-content: end !important;
    justify-items: end !important;
    column-gap: 5px !important;
    row-gap: 0 !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

.price-save-badge {
    min-height: 25px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

.product-shop-section .price-original,
#bundles-section .price-original,
.product-main-row .price-original {
    font-size: 12px !important;
    line-height: 1 !important;
}

.product-shop-section .price-current,
#bundles-section .price-current,
.product-main-row .price-current,
.price-current {
    font-size: 34px !important;
    line-height: 0.95 !important;
}

@media (max-width: 390px) {
    .product-shop-section .product-main-row,
    #bundles-section .product-main-row,
    .product-main-row {
        grid-template-columns: minmax(0, 1fr) 164px !important;
        gap: 8px !important;
        min-height: 56px !important;
    }

    .product-shop-section .product-price-row,
    #bundles-section .product-price-row,
    .product-main-row .product-price-row,
    .product-shop-section .product-price-values,
    #bundles-section .product-price-values,
    .product-main-row .product-price-values {
        width: 164px !important;
        max-width: 164px !important;
    }

    .product-shop-section .product-name,
    #bundles-section .product-name,
    .product-main-row .product-name {
        font-size: 17px !important;
        line-height: 1.12 !important;
    }

    .price-save-badge {
        min-height: 23px !important;
        padding: 5px 7px !important;
        font-size: 10px !important;
    }

    .product-shop-section .price-current,
    #bundles-section .price-current,
    .product-main-row .price-current,
    .price-current {
        font-size: 31px !important;
    }
}

/* Final cart cleanup for V3: remove the empty WooCommerce actions bar and add home return. */
.sas-cart-topbar {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin: 0 0 18px !important;
}

.sas-cart-back-home {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(61, 34, 21, 0.14) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #6b402f !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.sas-cart-surface td.actions,
.sas-cart-surface tr:has(td.actions) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .sas-cart-topbar {
        margin: 0 0 14px !important;
        padding: 0 2px !important;
    }

    .sas-cart-back-home {
        min-height: 36px !important;
        padding: 0 13px !important;
        font-size: 12px !important;
    }
}


/* Codex fix 2026-06-26: mobile header position and bundle title layout */
@media screen and (max-width: 900px) {
  body.admin-bar {
    --sas-v3-adminbar-height: 0px !important;
    --sas-adminbar-height: 0px !important;
    padding-top: var(--sas-v3-header-height, 97px) !important;
  }

  body.admin-bar .site-header#siteFixedHeader {
    top: 0 !important;
  }

  body .site-header#siteFixedHeader {
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

body.home #bundles .section-heading {
  display: block !important;
  margin-bottom: 22px !important;
}

body.home #bundles .section-heading > span {
  display: block !important;
  height: auto !important;
  margin-bottom: 8px !important;
  color: var(--quiet, #7f6f63) !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.home #bundles .section-heading > span::after {
  content: "Ready-made setups";
  display: block !important;
  color: var(--quiet, #7f6f63) !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.home #bundles .section-heading h2 {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
}

body.home #bundles .section-heading h2::after {
  content: "Curated Sets";
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: var(--accent-dark, #2f2119) !important;
  font-family: inherit !important;
  font-size: clamp(2.55rem, 10vw, 3.35rem) !important;
  line-height: 0.96 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

@media screen and (max-width: 480px) {
  body.home #bundles {
    padding-top: 30px !important;
  }

  body.home #bundles .section-heading h2::after {
    font-size: clamp(2.35rem, 9.4vw, 2.7rem) !important;
  }
}