/* ACME-TRUST-COMPACT-1789560775 */
/**
 * Figma mobile locks — load LAST.
 * Trust 1019-9024/8871 | Footer 1019-9045 | Best Seller actions 1569-1861
 * Desktop (≥1024): wishlist+CTA same row; do not hide title/price.
 */

/* ========== MOBILE ≤1023 ========== */
@media (max-width: 1023px) {
    /*
     * Trust USPs — Figma 1019-9024 / 1019-8871
     * ONE card per pill (not one shared border around all four).
     */
    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust {
        position: relative !important;
        isolation: isolate !important;
        padding-inline: 1rem !important;
        padding-block: 0.5rem !important;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        /* Section stays white; each pill is Figma #F8F9FC */
        background: #ffffff !important;
        overflow: visible !important;
    }

    html body.cms-index-index .acme-home-trust::before,
    html body.cms-page-view.cms-home .acme-home-trust::before {
        content: none !important;
        display: none !important;
    }

    html body.cms-index-index .acme-home-trust__track,
    html body.cms-page-view.cms-home .acme-home-trust__track {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        column-gap: clamp(0.35rem, 1.5vw, 0.5rem) !important;
        row-gap: clamp(0.35rem, 1.5vw, 0.5rem) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        overflow: visible !important;
        box-shadow: none !important;
        gap: clamp(0.35rem, 1.5vw, 0.5rem) !important;
    }

    html body.cms-index-index .acme-home-trust__item,
    html body.cms-page-view.cms-home .acme-home-trust__item,
    html body.cms-index-index .acme-home-trust__item--first,
    html body.cms-page-view.cms-home .acme-home-trust__item--first,
    html body.cms-index-index .acme-home-trust__item--last,
    html body.cms-page-view.cms-home .acme-home-trust__item--last {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0.25rem !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0.45rem 0.3rem 0.4rem !important;
        margin: 0 !important;
        /* Figma 1019-9037 — cool grey pill fill */
        background: #f8f9fc !important;
        background-color: #f8f9fc !important;
        border: 0 !important;
        border-radius: 0.75rem !important;
        box-shadow: none !important;
        transform: none !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .acme-home-trust__icon,
    html body.cms-page-view.cms-home .acme-home-trust__icon {
        flex: 0 0 auto !important;
        width: 2.875rem !important;
        height: 2.875rem !important;
        min-width: 2.875rem !important;
        min-height: 2.875rem !important;
        max-width: 2.875rem !important;
        max-height: 2.875rem !important;
        margin: 0 auto !important;
        transform: none !important;
    }

    html body.cms-index-index .acme-home-trust__icon img,
    html body.cms-page-view.cms-home .acme-home-trust__icon img,
    html body.cms-index-index .acme-home-trust__icon svg,
    html body.cms-page-view.cms-home .acme-home-trust__icon svg {
        width: 1.55rem !important;
        height: 1.55rem !important;
        max-width: 1.55rem !important;
        max-height: 1.55rem !important;
        object-fit: contain !important;
        transform: none !important;
    }

    html body.cms-index-index .acme-home-trust__label,
    html body.cms-page-view.cms-home .acme-home-trust__label {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0.1rem !important;
        font-size: clamp(0.75rem, 3.4vw, 0.875rem) !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        color: #0f2d52 !important;
        text-align: center !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        transform: none !important;
    }

    /* Best sellers — restore title + price unit; wishlist+CTA same row */
    html body.cms-index-index .acme-home-products .acme-product-card__info,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__info {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.35rem !important;
        padding: 0.65rem 0.75rem 0 !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__head,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__head {
        display: block !important;
        width: 100% !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__name,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__name,
    html body.cms-index-index .acme-home-products .acme-product-card__name a,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__name a {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        font-size: 0.875rem !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
        color: #0f2d52 !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__price,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price {
        display: block !important;
        visibility: visible !important;
        width: 100% !important;
        overflow: visible !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__price .old-price .acme-product-price-unit,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .old-price .acme-product-price-unit {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        font-size: 0 !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.5rem !important;
        padding: 0.5rem 0.75rem 0.85rem !important;
        overflow: visible !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__media .acme-product-card__wishlist--overlay,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__media .acme-product-card__wishlist--overlay {
        display: none !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline {
        display: block !important;
        position: static !important;
        inset: auto !important;
        flex: 0 0 2.5rem !important;
        width: 2.5rem !important;
        height: 2.5rem !important;
        margin: 0 !important;
        order: 1 !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions .acme-product-card__cart,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions .acme-product-card__cart {
        display: inline-flex !important;
        flex: 1 1 auto !important;
        order: 2 !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 2.5rem !important;
        height: 2.5rem !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Footer — Figma 1019-9045: brand full-width left; 3 nav cols; newsletter full */
    html body .acme-footer__inner {
        padding-inline: 1rem !important;
    }

    html body .acme-footer__main {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1.5rem 0.75rem !important;
        align-items: start !important;
        justify-content: stretch !important;
        width: 100% !important;
    }

    html body .acme-footer__brand {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        text-align: left !important;
    }

    html body .acme-footer__nav,
    html body nav.acme-footer__nav {
        grid-column: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-inline: 0.25rem !important;
        text-align: center !important;
    }

    html body .acme-footer__newsletter {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    html body .acme-footer__heading,
    html body .acme-footer__nav .acme-footer__heading,
    html body nav.acme-footer__nav .acme-footer__heading {
        display: block !important;
        width: 100% !important;
        margin: 0 0 0.75rem !important;
        text-align: center !important;
    }

    html body .acme-footer__list,
    html body .acme-footer__nav .acme-footer__list,
    html body nav.acme-footer__nav .acme-footer__list,
    html body ul.acme-footer__list {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        text-align: center !important;
    }

    html body .acme-footer__list li,
    html body .acme-footer__nav .acme-footer__list li,
    html body nav.acme-footer__nav .acme-footer__list li {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 0.5rem !important;
        padding: 0 !important;
        text-align: center !important;
        list-style: none !important;
    }

    html body .acme-footer__list a,
    html body .acme-footer__nav .acme-footer__list a,
    html body nav.acme-footer__nav .acme-footer__list a,
    html body .acme-footer__legal a {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0.25rem 0 !important;
        text-align: center !important;
        justify-content: center !important;
    }

    html body .acme-footer__logo,
    html body .acme-footer__about,
    html body .acme-footer__contact,
    html body .acme-footer__social,
    html body .acme-footer__newsletter-text {
        text-align: center !important;
        margin-inline: auto !important;
    }

    html body .acme-footer__contact,
    html body .acme-footer__social {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
    }

    html body .acme-footer__contact {
        flex-direction: column !important;
    }

    html body .acme-footer__contact li {
        justify-content: center !important;
        text-align: center !important;
    }

    html body .acme-footer__bottom-inner {
        align-items: center !important;
        text-align: center !important;
    }
}

/* ========== DESKTOP ≥1024 — Figma 1569-1861 wishlist+CTA row; keep overlay off ========== */
@media (min-width: 1024px) {
    html body.cms-index-index .acme-home-products .acme-product-card__media .acme-product-card__wishlist--overlay,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__media .acme-product-card__wishlist--overlay {
        display: none !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0.5rem !important;
        width: 100% !important;
        padding: 0.5rem 1rem 1rem !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline {
        display: block !important;
        position: static !important;
        inset: auto !important;
        flex: 0 0 2.75rem !important;
        width: 2.75rem !important;
        height: 2.75rem !important;
        margin: 0 !important;
        order: 1 !important;
        z-index: 1 !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline button,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline button,
    html body.cms-index-index .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline .acme-product-card__wish-btn,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions .acme-product-card__wishlist--inline .acme-product-card__wish-btn {
        width: 2.75rem !important;
        height: 2.75rem !important;
        min-width: 2.75rem !important;
        min-height: 2.75rem !important;
        border-radius: 0.375rem !important;
        border: 1px solid #d0d7e2 !important;
        background: #fff !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__actions .acme-product-card__cart,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__actions .acme-product-card__cart {
        display: inline-flex !important;
        flex: 1 1 auto !important;
        order: 2 !important;
        width: auto !important;
        max-width: none !important;
        min-height: 2.75rem !important;
        height: 2.75rem !important;
        align-items: center !important;
        justify-content: center !important;
        position: static !important;
    }

    /* Keep title + unit visible on desktop */
    html body.cms-index-index .acme-home-products .acme-product-card__name,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__name,
    html body.cms-index-index .acme-home-products .acme-product-card__name a,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__name a {
        display: -webkit-box !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #0f2d52 !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__price .old-price .acme-product-price-unit,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .old-price .acme-product-price-unit {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ========== SEO / CMS — same content width as Best Selling (homepage --acme-pad-x) ==========
 * Do NOT use --acme-header-pad-x here: header gutters are larger, which made the grey
 * panel narrower than .acme-home-products / .acme-home-cats on desktop.
 * Pattern matches products: section padding-inline = --acme-pad-x; inner = min(100%, --acme-content).
 */
html body.cms-index-index .acme-home-seo:has(.acme-home-seo-desk--center),
html body.cms-page-view.cms-home .acme-home-seo:has(.acme-home-seo-desk--center),
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose:has(.acme-home-seo-desk--center),
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose:has(.acme-home-seo-desk--center),
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: var(--acme-pad-x, clamp(1.25rem, 9.7vw, 11.53rem)) !important;
    box-sizing: border-box !important;
}

html body.cms-index-index .acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk--center,
html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center {
    width: min(100%, var(--acme-content, 93rem)) !important;
    max-width: var(--acme-content, 93rem) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

html body.cms-index-index .acme-home-custom__cards,
html body.cms-page-view.cms-home .acme-home-custom__cards,
html body .acme-home-custom__cards {
    width: 100% !important;
    max-width: var(--acme-content, 93rem) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 1023px) {
    /* Align with Best Selling: pad-x on host only; no extra desk side gutters */
    html body.cms-index-index .acme-home-seo:has(.acme-home-seo-desk--center),
    html body.cms-page-view.cms-home .acme-home-seo:has(.acme-home-seo-desk--center),
    html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose:has(.acme-home-seo-desk--center),
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose:has(.acme-home-seo-desk--center),
    html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
    html body.cms-index-index .column.main > [data-content-type="text"],
    html body.cms-page-view.cms-home .column.main > [data-content-type="text"],
    html body.cms-index-index .acme-home [data-content-type="text"],
    html body.cms-page-view.cms-home .acme-home [data-content-type="text"] {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding-inline: var(--acme-pad-x, var(--acme-m-pad, 1rem)) !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .acme-home-seo-desk--center,
    html body.cms-page-view.cms-home .acme-home-seo-desk--center,
    html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
    html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body.cms-index-index .acme-home-custom__cards,
    html body.cms-page-view.cms-home .acme-home-custom__cards {
        width: 100% !important;
        max-width: none !important;
    }
}

/* ========== Figma 1019-9025 — USP band + CMS white prose ==========
 * Trust pills section + Custom Solutions share Figma fill #f8f9fc.
 * CMS prose under the grey desk must match white bands (Shop by Category).
 */
html body.cms-index-index,
html body.cms-page-view.cms-home {
    --acme-figma-usp-band: #f8f9fc;
}

/* Custom Solutions — white band (other homepage sections use #f8f9fc) */
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom {
    background: #ffffff !important;
}

html body.cms-index-index .acme-home-custom::before,
html body.cms-page-view.cms-home .acme-home-custom::before {
    content: none !important;
    display: none !important;
}

@media (min-width: 1024px) {
    html body.cms-index-index .acme-home-custom::before,
    html body.cms-page-view.cms-home .acme-home-custom::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        z-index: -1 !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        width: 100vw !important;
        background: #ffffff !important;
    }
}

/* CMS prose host — WHITE full-bleed (desk stays grey). Locked in acme-home-locks.css */
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose:has(.acme-home-seo-desk--center),
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose:has(.acme-home-seo-desk--center) {
    background: #ffffff !important;
}

html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before {
    /* Desktop only — mobile full-bleed ::before caused CLS ~1.0 when deferred CSS applied */
    content: none !important;
    display: none !important;
}

@media (min-width: 1024px) {
    /* Reinforce critical-pack band only — do not change geometry (avoids CLS). */
    html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before {
        background: #ffffff !important;
        background-color: #ffffff !important;
    }
}

@media (max-width: 1023px) {
    /* Trust pills — #F8F9FC cards on a white band (Figma 1019-9037) */
    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust {
        position: relative !important;
        isolation: isolate !important;
        background: #ffffff !important;
        padding-block: 0.75rem !important;
        margin-inline: 0 !important;
        padding-inline: 1rem !important;
    }

    html body.cms-index-index .acme-home-trust::before,
    html body.cms-page-view.cms-home .acme-home-trust::before {
        content: none !important;
        display: none !important;
    }

    html body.cms-index-index .acme-home-trust__item,
    html body.cms-page-view.cms-home .acme-home-trust__item,
    html body.cms-index-index .acme-home-trust__item--first,
    html body.cms-page-view.cms-home .acme-home-trust__item--first,
    html body.cms-index-index .acme-home-trust__item--last,
    html body.cms-page-view.cms-home .acme-home-trust__item--last {
        background: #f8f9fc !important;
        background-color: #f8f9fc !important;
        border: 0 !important;
    }
}

@media (min-width: 1024px) {
    /* Desktop trust track uses the same Figma USP fill as Custom Solutions */
    html body.cms-index-index .acme-home-trust__track,
    html body.cms-page-view.cms-home .acme-home-trust__track {
        background: var(--acme-figma-usp-band, #f8f9fc) !important;
    }

    /* Custom Solutions — 4 equal-width cards across the content column */
    html body.cms-index-index .acme-home-custom__cards,
    html body.cms-page-view.cms-home .acme-home-custom__cards {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 1.25rem !important;
        width: 100% !important;
        max-width: var(--acme-header-inner, 93.3125rem) !important;
        margin-inline: auto !important;
    }

    html body.cms-index-index .acme-home-custom__card,
    html body.cms-page-view.cms-home .acme-home-custom__card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: unset !important;
    }
}

/* ========== Figma 1019-9045 — mobile footer (brand left + 3 centered nav cols) ========== */
@media (max-width: 1023px) {
    html body .acme-footer {
        padding: 0 !important;
        background: #fff !important;
    }

    html body .acme-footer__inner {
        padding-inline: 1rem !important;
        width: 100% !important;
        max-width: none !important;
    }

    html body .acme-footer__main {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 1.25rem 0.5rem !important;
        align-items: start !important;
        width: 100% !important;
        padding: 1.5rem 0 0.5rem !important;
    }

    html body .acme-footer__brand {
        grid-column: 1 / -1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 0.5rem !important;
        background: transparent !important;
        text-align: left !important;
        gap: 1rem !important;
    }

    html body .acme-footer__logo {
        display: inline-flex !important;
        margin: 0 !important;
    }

    html body .acme-footer__about {
        max-width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        font-size: 0.875rem !important;
        line-height: 1.5 !important;
        color: #000 !important;
    }

    html body .acme-footer__contact {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0.65rem !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
    }

    html body .acme-footer__contact li {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 0.5rem !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        font-size: 0.8125rem !important;
        line-height: 1.35 !important;
        color: #000 !important;
    }

    html body .acme-footer__social {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 0.65rem !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    html body .acme-footer__nav,
    html body nav.acme-footer__nav {
        grid-column: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0.25rem 0.15rem 0 !important;
        gap: 0.65rem !important;
        text-align: center !important;
        background: #fff !important;
    }

    html body .acme-footer__heading,
    html body .acme-footer__nav .acme-footer__heading,
    html body nav.acme-footer__nav .acme-footer__heading {
        display: block !important;
        width: 100% !important;
        margin: 0 0 0.5rem !important;
        text-align: center !important;
        font-size: 0.7rem !important;
        font-weight: 700 !important;
        letter-spacing: 0.1em !important;
        text-transform: uppercase !important;
        color: #1f99ce !important;
        line-height: 1.4 !important;
    }

    html body .acme-footer__list,
    html body .acme-footer__nav .acme-footer__list,
    html body nav.acme-footer__nav .acme-footer__list {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        gap: 0.5rem !important;
        text-align: center !important;
    }

    html body .acme-footer__list li,
    html body .acme-footer__nav .acme-footer__list li {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body .acme-footer__list a,
    html body .acme-footer__nav .acme-footer__list a {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0.15rem 0.25rem !important;
        text-align: center !important;
        font-size: 0.8125rem !important;
        line-height: 1.35 !important;
        color: #000 !important;
        white-space: normal !important;
    }

    html body .acme-footer__newsletter {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 1rem 0 1.25rem !important;
        text-align: center !important;
        background: #fff !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    html body .acme-footer__newsletter-text {
        text-align: center !important;
        margin: 0 auto 0.75rem !important;
        max-width: 22rem !important;
    }

    html body .acme-footer__newsletter-form {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.65rem !important;
        width: 100% !important;
        max-width: 22rem !important;
        margin-inline: auto !important;
    }

    html body .acme-footer__bottom-inner {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 0.75rem !important;
        padding: 1rem !important;
    }

    /* Mobile Custom Solutions — equal cards; shrink labels that would exceed 2 lines */
    html body.cms-index-index .acme-home-custom__cards,
    html body.cms-page-view.cms-home .acme-home-custom__cards {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0.5rem !important;
        width: 100% !important;
        max-width: none !important;
    }

    html body.cms-index-index .acme-home-custom__card,
    html body.cms-page-view.cms-home .acme-home-custom__card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: unset !important;
        height: auto !important;
        min-height: 7.5rem !important;
        padding: 0.65rem 0.35rem !important;
    }

    html body.cms-index-index .acme-home-custom__label,
    html body.cms-page-view.cms-home .acme-home-custom__label {
        display: block !important;
        overflow: visible !important;
        font-size: clamp(0.55rem, 2.1vw, 0.7rem) !important;
        line-height: 1.15 !important;
        max-height: none !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        -webkit-hyphens: none !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
        text-align: center !important;
    }
}

/* ========== FINAL — mobile trust pills Figma 1019-9025 pale blue ========== */
@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust,
    html body.cms-index-index section.acme-home-trust,
    html body.cms-page-view.cms-home section.acme-home-trust {
        background: #f8f9fc !important;
        background-color: #f8f9fc !important;
        padding-block: 0.5rem !important;
        min-height: 0 !important;
    }

    html body.cms-index-index .acme-home-trust::before,
    html body.cms-page-view.cms-home .acme-home-trust::before {
        content: none !important;
        display: none !important;
    }

    html body.cms-index-index .acme-home-trust__track,
    html body.cms-page-view.cms-home .acme-home-trust__track {
        background: transparent !important;
        background-color: transparent !important;
    }

    html body.cms-index-index .acme-home-trust__item,
    html body.cms-page-view.cms-home .acme-home-trust__item,
    html body.cms-index-index .acme-home-trust__item--first,
    html body.cms-page-view.cms-home .acme-home-trust__item--first,
    html body.cms-index-index .acme-home-trust__item--last,
    html body.cms-page-view.cms-home .acme-home-trust__item--last {
        background: #f8f9fc !important;
        background-color: #f8f9fc !important;
        border: 0 !important;
        min-height: 0 !important;
        padding: 0.45rem 0.3rem 0.4rem !important;
        gap: 0.25rem !important;
    }
}

/* ========== v19 — bands + SBC titles (final cascade) ========== */
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom {
    background: #ffffff !important;
}
html body.cms-index-index .acme-home-custom::before,
html body.cms-page-view.cms-home .acme-home-custom::before {
    background: #ffffff !important;
}

html body.cms-index-index .acme-home-cats,
html body.cms-page-view.cms-home .acme-home-cats,
html body.cms-index-index .acme-home-products,
html body.cms-page-view.cms-home .acme-home-products,
html body.cms-index-index .acme-home-blogs,
html body.cms-page-view.cms-home .acme-home-blogs,
html body.cms-index-index .acme-home-certs,
html body.cms-page-view.cms-home .acme-home-certs {
    background: #f8f9fc !important;
}

@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-cat__title,
    html body.cms-page-view.cms-home .acme-home-cat__title {
        font-size: clamp(0.75rem, 3.2vw, 0.9375rem) !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        line-clamp: unset !important;
    }
}

/* ========== v21 — homepage bands final (must win over home.css cream) ========== */
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom,
body.cms-index-index .acme-home-custom,
body.cms-page-view.cms-home .acme-home-custom {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

html body.cms-index-index .acme-home-custom::before,
html body.cms-page-view.cms-home .acme-home-custom::before {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

html body.cms-index-index .acme-home-cats,
html body.cms-page-view.cms-home .acme-home-cats,
html body.cms-index-index .acme-home-products,
html body.cms-page-view.cms-home .acme-home-products,
html body.cms-index-index .acme-home-blogs,
html body.cms-page-view.cms-home .acme-home-blogs,
html body.cms-index-index .acme-home-certs,
html body.cms-page-view.cms-home .acme-home-certs,
html body.cms-index-index .acme-home-trust,
html body.cms-page-view.cms-home .acme-home-trust {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}

/* v22 — SEO band cream (was white, broke alternating sections) */
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .acme-home-seo,
html body.cms-page-view.cms-home .acme-home-seo {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}

html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}


/* ========== v23 — trust band cream (was white on mobile, broke band lock) ========== */
html body.cms-index-index .acme-home-trust,
html body.cms-page-view.cms-home .acme-home-trust,
html body.cms-index-index section.acme-home-trust,
html body.cms-page-view.cms-home section.acme-home-trust {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-seo,
html body.cms-page-view.cms-home .acme-home-seo,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


/* ========== v24 — homepage bands (trust/cats/cms/gallery cream; desk cream; custom white) ========== */
html body.cms-index-index .acme-home-trust,
html body.cms-page-view.cms-home .acme-home-trust,
html body.cms-index-index .acme-home-cats,
html body.cms-page-view.cms-home .acme-home-cats,
html body.cms-index-index .acme-home-seo,
html body.cms-page-view.cms-home .acme-home-seo,
html body.cms-index-index .acme-home-seo.acme-home-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .acme-gallery--strip,
html body.cms-page-view.cms-home .acme-gallery--strip,
html body.cms-index-index .acme-home-products,
html body.cms-page-view.cms-home .acme-home-products,
html body.cms-index-index .acme-home-certs,
html body.cms-page-view.cms-home .acme-home-certs,
html body.cms-index-index .acme-home-blogs,
html body.cms-page-view.cms-home .acme-home-blogs {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-trust::before,
html body.cms-page-view.cms-home .acme-home-trust::before,
html body.cms-index-index .acme-home-cats::before,
html body.cms-page-view.cms-home .acme-home-cats::before,
html body.cms-index-index .acme-home-seo::before,
html body.cms-page-view.cms-home .acme-home-seo::before,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-index-index .acme-home-products::before,
html body.cms-page-view.cms-home .acme-home-products::before,
html body.cms-index-index .acme-home-certs::before,
html body.cms-page-view.cms-home .acme-home-certs::before,
html body.cms-index-index .acme-home-blogs::before,
html body.cms-page-view.cms-home .acme-home-blogs::before {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
/* SEO desk panel specifically (not only host) */
html body.cms-index-index .acme-home-seo-desk,
html body.cms-page-view.cms-home .acme-home-seo-desk,
html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body.cms-index-index .acme-home-custom::before,
html body.cms-page-view.cms-home .acme-home-custom::before {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust,
    html body.cms-index-index section.acme-home-trust,
    html body.cms-page-view.cms-home section.acme-home-trust {
        background: #f8f9fc !important;
        background-color: #f8f9fc !important;
    }
}


/* ========== v25 — homepage cream bands + SEO desk 38px ========== */
html body.cms-index-index .acme-home-trust,
html body.cms-page-view.cms-home .acme-home-trust,
html body.cms-index-index section.acme-home-trust,
html body.cms-page-view.cms-home section.acme-home-trust,
html body.cms-index-index .acme-home-cats,
html body.cms-page-view.cms-home .acme-home-cats,
html body.cms-index-index .acme-home-seo,
html body.cms-page-view.cms-home .acme-home-seo,
html body.cms-index-index .acme-home-seo.acme-home-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .acme-gallery--strip,
html body.cms-page-view.cms-home .acme-gallery--strip,
html body.cms-index-index .acme-home-products,
html body.cms-page-view.cms-home .acme-home-products,
html body.cms-index-index .acme-home-certs,
html body.cms-page-view.cms-home .acme-home-certs,
html body.cms-index-index .acme-home-blogs,
html body.cms-page-view.cms-home .acme-home-blogs {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-trust::before,
html body.cms-page-view.cms-home .acme-home-trust::before,
html body.cms-index-index .acme-home-cats::before,
html body.cms-page-view.cms-home .acme-home-cats::before,
html body.cms-index-index .acme-home-seo::before,
html body.cms-page-view.cms-home .acme-home-seo::before,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-seo-desk,
html body.cms-page-view.cms-home .acme-home-seo-desk,
html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-seo-desk span,
html body.cms-page-view.cms-home .acme-home-seo-desk span,
html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center span,
html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center span {
    font-size: 38px !important;
    line-height: 1.25 !important;
}
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-seo-desk span,
    html body.cms-page-view.cms-home .acme-home-seo-desk span {
        font-size: clamp(1.375rem, 6.5vw, 38px) !important;
    }
}


/* ========== v26 — homepage bands + SEO lead bold (mobile pack) ========== */
html body.cms-index-index .acme-home-seo,
html body.cms-page-view.cms-home .acme-home-seo,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom,
html body.cms-index-index .acme-home-trust,
html body.cms-page-view.cms-home .acme-home-trust,
html body.cms-index-index .acme-home-cats,
html body.cms-page-view.cms-home .acme-home-cats,
html body.cms-index-index .acme-gallery--strip,
html body.cms-page-view.cms-home .acme-gallery--strip {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body.cms-index-index .acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk--center {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-seo-desk .acme-home-seo__lead,
html body.cms-page-view.cms-home .acme-home-seo-desk .acme-home-seo__lead,
html body.cms-index-index .acme-home-seo-desk .acme-home-seo__accent,
html body.cms-page-view.cms-home .acme-home-seo-desk .acme-home-seo__accent,
html body.cms-index-index .acme-home-seo-desk span,
html body.cms-page-view.cms-home .acme-home-seo-desk span {
    font-weight: 700 !important;
}

/* ========== v33 — homepage bands (desk #F8F9FC, not the host) ========== */
html body.cms-index-index .acme-home-trust,
html body.cms-page-view.cms-home .acme-home-trust,
html body.cms-index-index section.acme-home-trust,
html body.cms-page-view.cms-home section.acme-home-trust,
html body.cms-index-index .acme-home-cats,
html body.cms-page-view.cms-home .acme-home-cats,
html body.cms-index-index .acme-home-custom,
html body.cms-page-view.cms-home .acme-home-custom,
html body.cms-index-index .acme-home-seo,
html body.cms-page-view.cms-home .acme-home-seo,
html body.cms-index-index .acme-home-seo.acme-home-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .acme-gallery--strip,
html body.cms-page-view.cms-home .acme-gallery--strip {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body.cms-index-index .acme-home-trust::before,
html body.cms-page-view.cms-home .acme-home-trust::before,
html body.cms-index-index .acme-home-cats::before,
html body.cms-page-view.cms-home .acme-home-cats::before,
html body.cms-index-index .acme-home-custom::before,
html body.cms-page-view.cms-home .acme-home-custom::before,
html body.cms-index-index .acme-home-seo::before,
html body.cms-page-view.cms-home .acme-home-seo::before,
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before,
html body.cms-index-index .acme-gallery--strip::before,
html body.cms-page-view.cms-home .acme-gallery--strip::before {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html body.cms-index-index .acme-home-seo-desk,
html body.cms-page-view.cms-home .acme-home-seo-desk,
html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center,
html body.cms-index-index .acme-home-products,
html body.cms-page-view.cms-home .acme-home-products,
html body.cms-index-index .acme-home-certs,
html body.cms-page-view.cms-home .acme-home-certs,
html body.cms-index-index .acme-home-blogs,
html body.cms-page-view.cms-home .acme-home-blogs {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
html body.cms-index-index .acme-home-products::before,
html body.cms-page-view.cms-home .acme-home-products::before,
html body.cms-index-index .acme-home-certs::before,
html body.cms-page-view.cms-home .acme-home-certs::before,
html body.cms-index-index .acme-home-blogs::before,
html body.cms-page-view.cms-home .acme-home-blogs::before {
    background: #f8f9fc !important;
    background-color: #f8f9fc !important;
}
@media (min-width: 1024px) {
    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust,
    html body.cms-index-index section.acme-home-trust,
    html body.cms-page-view.cms-home section.acme-home-trust {
        background: transparent !important;
        background-color: transparent !important;
    }
    html body.cms-index-index .acme-home-trust::before,
    html body.cms-page-view.cms-home .acme-home-trust::before {
        content: none !important;
        display: none !important;
    }
}

/* ========== Mobile CLS lock (must win over earlier content:"" band pseudos) ========== */
@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-seo::before,
    html body.cms-page-view.cms-home .acme-home-seo::before,
    html body.cms-index-index .acme-home-seo.acme-home-prose::before,
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose::before,
    html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose::before,
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose::before,
    html body.cms-index-index .acme-home-seo-row::before,
    html body.cms-page-view.cms-home .acme-home-seo-row::before,
    html body.cms-index-index .column.main .acme-home-seo-row::before,
    html body.cms-index-index .acme-home-trust::before,
    html body.cms-page-view.cms-home .acme-home-trust::before,
    html body.cms-index-index .acme-home-trust + [data-content-type="row"]::before,
    html body.cms-index-index .acme-home-cats::before,
    html body.cms-page-view.cms-home .acme-home-cats::before,
    html body.cms-index-index .acme-home-products::before,
    html body.cms-page-view.cms-home .acme-home-products::before,
    html body.cms-index-index .acme-home-certs::before,
    html body.cms-page-view.cms-home .acme-home-certs::before,
    html body.cms-index-index .acme-home-blogs::before,
    html body.cms-page-view.cms-home .acme-home-blogs::before,
    html body.cms-index-index .acme-home-custom::before,
    html body.cms-page-view.cms-home .acme-home-custom::before,
    html body.cms-index-index .acme-gallery--strip::before,
    html body.cms-page-view.cms-home .acme-gallery--strip::before {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    html body.cms-index-index .acme-home-seo,
    html body.cms-page-view.cms-home .acme-home-seo,
    html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose {
        background: #f8f9fc !important;
        background-color: #f8f9fc !important;
        position: relative !important;
    }

    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust {
        min-height: 0 !important;
        height: auto !important;
    }
}

/* Homepage Best Selling — / Case on current price only; never on struck old price */
html body.cms-index-index .acme-home-products .acme-product-card__price .old-price .acme-product-price-unit,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .old-price .acme-product-price-unit {
    display: none !important;
    visibility: hidden !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*
 * Bare Aitoc " / Case" text nodes: hide via visibility on wrappers, then re-show
 * .price + current-price unit span only (not old-price unit).
 */
html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .special-price,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .special-price,
html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .normal-price,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .normal-price,
html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .old-price,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .old-price,
html body.cms-index-index .acme-home-products .acme-product-card__price .acme-price-amount-line,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-price-amount-line {
    font-size: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
}

html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .price-container,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .price-container,
html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .price-wrapper,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .price-wrapper,
html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .price,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .price,
html body.cms-index-index .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit {
    visibility: visible !important;
}

html body.cms-index-index .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit {
    display: inline !important;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: 400 !important;
    color: #0f2d52 !important;
    white-space: nowrap !important;
}

html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .price,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .price {
    font-size: 1.25rem !important;
    line-height: 2rem !important;
}

html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .old-price .price,
html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .old-price .price {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .price,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .price {
        font-size: clamp(0.75rem, 3.2vw, 0.8125rem) !important;
        line-height: 1.1 !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit {
        font-size: clamp(0.5rem, 2.2vw, 0.5625rem) !important;
        line-height: 1.1 !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__price .price-box .old-price .price,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .price-box .old-price .price {
        font-size: clamp(0.5625rem, 2.4vw, 0.625rem) !important;
        line-height: 1.1 !important;
    }
}


/* ========== Mobile trust pills — compact whitespace (content-sized) ========== */
@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-trust,
    html body.cms-page-view.cms-home .acme-home-trust,
    html body.cms-index-index section.acme-home-trust,
    html body.cms-page-view.cms-home section.acme-home-trust {
        min-height: 0 !important;
        height: auto !important;
        padding-block: 0.5rem !important;
        margin-block: 0.5rem !important;
    }

    html body.cms-index-index .acme-home-trust__item,
    html body.cms-page-view.cms-home .acme-home-trust__item,
    html body.cms-index-index .acme-home-trust__item--first,
    html body.cms-page-view.cms-home .acme-home-trust__item--first,
    html body.cms-index-index .acme-home-trust__item--last,
    html body.cms-page-view.cms-home .acme-home-trust__item--last {
        min-height: 4.75rem !important;
        height: auto !important;
        padding: 0.5rem 0.2rem !important;
        gap: 0.4rem !important;
        justify-content: center !important;
    }

    html body.cms-index-index .acme-home-trust__icon,
    html body.cms-page-view.cms-home .acme-home-trust__icon {
        width: 2.875rem !important;
        height: 2.875rem !important;
        min-width: 2.875rem !important;
        min-height: 2.875rem !important;
        max-width: 2.875rem !important;
        max-height: 2.875rem !important;
    }

    html body.cms-index-index .acme-home-trust__label,
    html body.cms-page-view.cms-home .acme-home-trust__label {
        font-size: clamp(0.75rem, 3.4vw, 0.875rem) !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        padding: 0 !important;
        white-space: normal !important;
    }

    /* Best Selling — square photos (desktop uses ~280px square; mobile width is narrower) */
    html body.cms-index-index .acme-home-products .acme-product-card__media,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__media {
        position: relative !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__photo,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__photo {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__photo img,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__photo img,
    html body.cms-index-index .acme-home-products .acme-product-card__photo .product-image-photo,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__photo .product-image-photo {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* ========== CMS homepage width lock v2 (loads last) ==========
 * Why PR #3 failed: outer desk already matched cats/products (~1573px @1905),
 * but INNER content was capped — desk__copy 55rem, longform/FAQ
 * --acme-home-seo-measure 42rem / prose 60rem (~1158px). That is the narrow look.
 * Also neutralize Page Builder contained-row container on homepage.
 */
html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .acme-home-seo:has(.acme-home-seo-desk--center),
html body.cms-page-view.cms-home .acme-home-seo:has(.acme-home-seo-desk--center),
html body.cms-index-index .column.main [data-content-type="row"][data-appearance="contained"] > .acme-home-seo,
html body.cms-page-view.cms-home .column.main [data-content-type="row"][data-appearance="contained"] > .acme-home-seo {
    --acme-home-seo-measure: 100%;
    --acme-home-prose-measure: 100%;
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: var(--acme-pad-x, clamp(1.25rem, 9.7vw, 11.53rem)) !important;
    box-sizing: border-box !important;
}

/* Page Builder contained row on homepage — do not use Tailwind container max-width */
html body.cms-index-index .column.main > [data-content-type="row"][data-appearance="contained"],
html body.cms-page-view.cms-home .column.main > [data-content-type="row"][data-appearance="contained"],
html body.cms-index-index .acme-home [data-content-type="row"][data-appearance="contained"],
html body.cms-page-view.cms-home .acme-home [data-content-type="row"][data-appearance="contained"] {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
}

/* Grey desk = full content rail (desktop). Keep internal pad — desk-fix owns it.
 * Do NOT zero pad or widen desk__copy here; that broke the two-pills copy lock. */
html body.cms-index-index .acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk--center,
html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center {
    width: min(100%, var(--acme-content, 93rem)) !important;
    max-width: var(--acme-content, 93rem) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
}

/* Desktop: restore copy ≈ two pills (wins if locks/desk-fix 404 from empty acme-fix/). */
@media (min-width: 1024px) {
    html body.cms-index-index,
    html body.cms-page-view.cms-home {
        --acme-trust-track-max: 93.125rem;
        --acme-trust-two-pills: calc(min(100%, var(--acme-trust-track-max)) / 2 - 0.9375rem);
        --acme-desk-copy: calc(var(--acme-trust-two-pills) + 1.5rem);
    }

    html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center .acme-home-seo-desk__copy,
    html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center .acme-home-seo-desk__copy,
    html body.cms-index-index .acme-home-seo .acme-home-seo-desk--center .acme-home-seo-desk__copy,
    html body.cms-page-view.cms-home .acme-home-seo .acme-home-seo-desk--center .acme-home-seo-desk__copy,
    html body.cms-index-index .acme-home-seo-desk__copy,
    html body.cms-page-view.cms-home .acme-home-seo-desk__copy {
        width: 100% !important;
        max-width: var(--acme-desk-copy) !important;
        min-width: 0 !important;
        margin-inline: auto !important;
        box-sizing: border-box !important;
    }
}

/* Contained Page Builder SEO row: same gutters as .acme-home-products */
html body.cms-index-index .column.main [data-content-type="row"][data-appearance="contained"] > .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-page-view.cms-home .column.main [data-content-type="row"][data-appearance="contained"] > .acme-home-seo.acme-home-prose.acme-cms-prose,
html body.cms-index-index .column.main [data-content-type="row"][data-appearance="contained"] > [data-element="inner"].acme-home-seo,
html body.cms-page-view.cms-home .column.main [data-content-type="row"][data-appearance="contained"] > [data-element="inner"].acme-home-seo {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: var(--acme-pad-x, clamp(1.25rem, 9.7vw, 11.53rem)) !important;
    box-sizing: border-box !important;
}

html body.cms-index-index .column.main [data-content-type="row"][data-appearance="contained"] [data-content-type="text"],
html body.cms-page-view.cms-home .column.main [data-content-type="row"][data-appearance="contained"] [data-content-type="text"] {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
}

/* Long-form CMS + FAQ: full section content width (not 42rem/60rem reading column) */
html body.cms-index-index .acme-home-seo.acme-home-prose > h1,
html body.cms-index-index .acme-home-seo.acme-home-prose > h1.acme-home-seo__lead,
html body.cms-index-index .acme-home-seo.acme-home-prose > h2,
html body.cms-index-index .acme-home-seo.acme-home-prose > h3:not(.acme-faq__title):not(.acme-faq__question),
html body.cms-index-index .acme-home-seo.acme-home-prose > p,
html body.cms-index-index .acme-home-seo .acme-cms-prose__more > h2,
html body.cms-index-index .acme-home-seo .acme-cms-prose__more > h3,
html body.cms-index-index .acme-home-seo .acme-cms-prose__more > p,
html body.cms-index-index .acme-home-seo .acme-cms-prose__actions,
html body.cms-index-index .acme-home-seo > .acme-faq,
html body.cms-index-index .acme-home-seo .acme-faq,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"].acme-home-seo > h1,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"].acme-home-seo > h2,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"].acme-home-seo > h3,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"].acme-home-seo > p,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"] > h1,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"] > h2,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"] > h3,
html body.cms-index-index .column.main [data-content-type="row"] [data-content-type="text"] > p,
html body.cms-index-index .acme-home [data-content-type="text"] > h1,
html body.cms-index-index .acme-home [data-content-type="text"] > h2,
html body.cms-index-index .acme-home [data-content-type="text"] > h3,
html body.cms-index-index .acme-home [data-content-type="text"] > p,
html body.cms-index-index .acme-home [data-content-type="text"] > .acme-faq,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose > h1,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose > h2,
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose > h3:not(.acme-faq__title):not(.acme-faq__question),
html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose > p,
html body.cms-page-view.cms-home .acme-home-seo .acme-cms-prose__more > h2,
html body.cms-page-view.cms-home .acme-home-seo .acme-cms-prose__more > h3,
html body.cms-page-view.cms-home .acme-home-seo .acme-cms-prose__more > p,
html body.cms-page-view.cms-home .acme-home-seo .acme-cms-prose__actions,
html body.cms-page-view.cms-home .acme-home-seo > .acme-faq,
html body.cms-page-view.cms-home .acme-home-seo .acme-faq {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-seo.acme-home-prose.acme-cms-prose,
    html body.cms-page-view.cms-home .acme-home-seo.acme-home-prose.acme-cms-prose,
    html body.cms-index-index .acme-home [data-content-type="text"],
    html body.cms-page-view.cms-home .acme-home [data-content-type="text"],
    html body.cms-index-index .column.main [data-content-type="row"][data-appearance="contained"] > .acme-home-seo,
    html body.cms-page-view.cms-home .column.main [data-content-type="row"][data-appearance="contained"] > .acme-home-seo {
        padding-inline: var(--acme-pad-x, var(--acme-m-pad, 1rem)) !important;
    }

    html body.cms-index-index .acme-home-seo-desk--center,
    html body.cms-page-view.cms-home .acme-home-seo-desk--center,
    html body.cms-index-index .acme-home-seo-desk.acme-home-seo-desk--center,
    html body.cms-page-view.cms-home .acme-home-seo-desk.acme-home-seo-desk--center {
        width: 100% !important;
        max-width: none !important;
        margin-inline: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body.cms-index-index .acme-home-seo-desk--center .acme-home-seo-desk__copy,
    html body.cms-page-view.cms-home .acme-home-seo-desk--center .acme-home-seo-desk__copy {
        width: 100% !important;
        max-width: none !important;
        padding-inline: 0 !important;
    }
}

/* ========== Best Selling lock — 16px corners, price/unit gap, outline CTA no fill ========== */
@media (max-width: 1023px) {
    html body.cms-index-index .acme-home-products .acme-product-card,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card,
    html body.cms-index-index .acme-home-products__grid > .acme-product-card,
    html body.cms-page-view.cms-home .acme-home-products__grid > .acme-product-card,
    html body.cms-index-index .acme-home-products__grid > .item.product,
    html body.cms-page-view.cms-home .acme-home-products__grid > .item.product,
    html body.cms-index-index .acme-home-products__grid > .item.product.acme-product-card,
    html body.cms-page-view.cms-home .acme-home-products__grid > .item.product.acme-product-card,
    html body.cms-index-index .acme-home-products .item.product.acme-product-card.acme-product-card--home,
    html body.cms-page-view.cms-home .acme-home-products .item.product.acme-product-card.acme-product-card--home {
        border-radius: 16px !important;
        overflow: hidden !important;
        background: #fff !important;
        background-clip: padding-box !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__media,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__media,
    html body.cms-index-index .acme-home-products .acme-product-card__photo,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__photo,
    html body.cms-index-index .acme-home-products .acme-product-card__photo img,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__photo img {
        border-radius: 0 !important; /* parent overflow clips to 16px — no white corner fill */
        background: transparent !important;
    }

    html body.cms-index-index .acme-home-products .acme-product-card__price .acme-product-price-unit,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-product-price-unit,
    html body.cms-index-index .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-price-amount-line .acme-product-price-unit {
        display: inline !important;
        visibility: visible !important;
        margin-left: 0.375rem !important;
        padding-left: 0 !important;
    }

    /* View All / outline: border only — no white background fill */
    html body.cms-index-index .acme-home-products .acme-home-outline-btn,
    html body.cms-page-view.cms-home .acme-home-products .acme-home-outline-btn,
    html body.cms-index-index .acme-home-blogs .acme-home-outline-btn,
    html body.cms-page-view.cms-home .acme-home-blogs .acme-home-outline-btn,
    html body.cms-index-index .acme-home-outline-btn,
    html body.cms-page-view.cms-home .acme-home-outline-btn {
        background: transparent !important;
        background-color: transparent !important;
    }
}

/* Desktop Best Selling — same 16px + unit gap */
@media (min-width: 1024px) {
    html body.cms-index-index .acme-home-products .acme-product-card,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card,
    html body.cms-index-index .acme-home-products__grid > .item.product.acme-product-card,
    html body.cms-page-view.cms-home .acme-home-products__grid > .item.product.acme-product-card {
        border-radius: 16px !important;
        background-clip: padding-box !important;
    }
    html body.cms-index-index .acme-home-products .acme-product-card__media,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__media,
    html body.cms-index-index .acme-home-products .acme-product-card__photo,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__photo {
        border-radius: 16px 16px 0 0 !important;
    }
    html body.cms-index-index .acme-home-products .acme-product-card__price .acme-product-price-unit,
    html body.cms-page-view.cms-home .acme-home-products .acme-product-card__price .acme-product-price-unit {
        margin-left: 0.375rem !important;
    }
}
