/* ================================================================
   LASTO PRODUCTS — PHONE POLISH / 390PX PRIMARY
   2026-08-16
   Scope: Products page only. Desktop/tablet base styles remain untouched.
   ================================================================ */

@media (max-width:599px){
    .products-page{
        --products-mobile-gutter:12px;
        --products-mobile-gap:10px;
    }

    /* Catalogue intro: compact, but readable. */
    .products-page .product-catalog{
        padding-top:10px!important;
        padding-bottom:18px!important;
    }
    .products-page .catalog-intro{
        padding:10px 2px 9px!important;
        gap:10px!important;
    }
    .products-page .catalog-intro p{
        margin:0 0 4px!important;
        font-size:8.5px!important;
        line-height:1.25!important;
    }
    .products-page .catalog-intro h2{
        font-size:20px!important;
        line-height:1.12!important;
        letter-spacing:-.02em!important;
    }
    .products-page .catalog-intro-description{
        margin-top:5px!important;
        font-size:10px!important;
        line-height:1.45!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
    }
    .products-page .catalog-intro .products-result-count{
        font-size:9.5px!important;
        line-height:1.2!important;
    }

    /* Sticky Filter / Sort / View / Compare toolbar. */
    .products-page .products-toolbar{
        top:var(--lasto-header-top-height,68px)!important;
        min-height:50px!important;
        margin:0 -10px 10px!important;
        padding:7px 10px!important;
        gap:7px!important;
        background:rgba(255,255,255,.985)!important;
        box-shadow:0 5px 14px rgba(20,22,30,.06)!important;
    }
    .products-page .products-toolbar-left{
        width:38px!important;
        min-width:38px!important;
    }
    .products-page .filter-toggle{
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        border-radius:8px!important;
    }
    .products-page .filter-toggle .icon{
        width:17px!important;
        height:17px!important;
    }
    .products-page .products-toolbar-right{
        grid-template-columns:minmax(88px,1fr) auto auto auto!important;
        grid-template-rows:38px!important;
        gap:5px!important;
    }
    .products-page #products-sort{
        height:38px!important;
        min-height:38px!important;
        padding:0 27px 0 10px!important;
        border-radius:8px!important;
        font-size:9.5px!important;
        font-weight:600!important;
    }
    .products-page .view-switch{
        height:38px!important;
        gap:4px!important;
    }
    .products-page .view-button{
        width:36px!important;
        min-width:36px!important;
        height:38px!important;
        min-height:38px!important;
        border-radius:8px!important;
    }
    .products-page .compare-mode-toggle,
    .products-page .compare-mode-toggle:not(.is-active){
        width:36px!important;
        min-width:36px!important;
        max-width:36px!important;
        height:38px!important;
        min-height:38px!important;
        border-radius:8px!important;
    }

    /* Two-column catalogue with more breathing room than the legacy 7px layout. */
    .products-page .products-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:var(--products-mobile-gap)!important;
        align-items:stretch!important;
    }
    .products-page .catalog-product-card{
        height:100%!important;
        min-height:0!important;
        border-radius:11px!important;
        overflow:hidden!important;
    }
    .products-page .catalog-product-image{
        aspect-ratio:1/.86!important;
        height:auto!important;
        min-height:0!important;
        padding:9px!important;
    }
    .products-page .product-badge{
        top:7px!important;
        left:7px!important;
        min-height:20px!important;
        padding:0 7px!important;
        border-radius:999px!important;
        font-size:7.5px!important;
    }
    .products-page .catalog-product-content{
        padding:9px 9px 10px!important;
    }
    .products-page .catalog-product-main{
        min-height:91px!important;
    }
    .products-page .product-brand{
        margin:0 0 5px!important;
        font-size:8px!important;
        line-height:1.2!important;
    }
    .products-page .catalog-product-content h2,
    .products-page .catalog-product-content h2 a{
        min-height:30px!important;
        margin:0 0 5px!important;
        font-size:11px!important;
        font-weight:700!important;
        line-height:1.35!important;
        white-space:normal!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .products-page .catalog-product-spec,
    .products-page .catalog-product-extra{
        margin:3px 0 0!important;
        font-size:9px!important;
        line-height:1.35!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .products-page .catalog-product-bottom{
        padding-top:8px!important;
    }
    .products-page .catalog-product-bottom>strong{
        margin:0 0 8px!important;
        font-size:15.5px!important;
        line-height:1.05!important;
        letter-spacing:-.02em!important;
    }
    .products-page .product-original-price{
        font-size:8.5px!important;
    }
    .products-page .catalog-product-actions{
        margin-top:0!important;
        grid-template-columns:minmax(0,1fr) 34px!important;
        gap:6px!important;
    }
    .products-page .product-details-button{
        min-height:34px!important;
        height:34px!important;
        padding:0 7px!important;
        border-radius:7px!important;
        font-size:9px!important;
        line-height:1!important;
    }
    .products-page .product-card-whatsapp{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0!important;
        border-radius:7px!important;
    }
    .products-page .product-card-whatsapp .icon{
        width:15px!important;
        height:15px!important;
    }

    /* The JS uses .is-list. Legacy mobile CSS incorrectly targeted .is-list-view. */
    .products-page .products-grid.is-list{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    .products-page .products-grid.is-list .catalog-product-card{
        min-height:0!important;
        display:grid!important;
        grid-template-columns:128px minmax(0,1fr)!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:100%!important;
        min-height:150px!important;
        aspect-ratio:auto!important;
        border-right:1px solid #edf0f4!important;
        border-bottom:0!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        padding:10px!important;
        display:flex!important;
        flex-direction:column!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        min-height:0!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        min-height:0!important;
        font-size:11.5px!important;
    }

    /* Filter bottom sheet readability. */
    .products-page .product-filters{
        height:min(80dvh,660px)!important;
        max-height:80dvh!important;
        padding:0 14px calc(16px + var(--mobile-safe-bottom,0px))!important;
    }
    .products-page .filters-mobile-heading{
        min-height:56px!important;
        margin:0 -14px 10px!important;
        padding:0 15px!important;
    }
    .products-page .filters-mobile-heading strong{
        font-size:13px!important;
    }
    .products-page .filter-heading-row,
    .products-page .dynamic-filter-profile{
        font-size:10.5px!important;
        line-height:1.4!important;
    }
    .products-page .filter-group summary{
        font-size:11.5px!important;
    }
    .products-page .taxonomy-option,
    .products-page .filter-options label{
        min-height:41px!important;
        padding:8px!important;
        border-radius:8px!important;
        font-size:9.5px!important;
        line-height:1.25!important;
    }

    .products-page .products-pagination{
        margin-top:16px!important;
        gap:6px!important;
    }
    .products-page .products-pagination a{
        min-width:34px!important;
        height:34px!important;
        border-radius:7px!important;
        font-size:10px!important;
    }
}

/* Keep Shafiq's 4:3 product-image fix active after this mobile stylesheet.
   Scope stays on Products grid cards; list view and other page cards are untouched. */
@media (max-width:768px){
    .products-page .products-grid:not(.is-list) .catalog-product-image{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:4 / 3!important;
        padding:0!important;
        overflow:hidden!important;
        background:#fff!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-image > a{
        display:block!important;
        width:100%!important;
        height:100%!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-image img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-card:hover .catalog-product-image img{
        transform:none!important;
    }
}

@media (max-width:375px){
    .products-page{
        --products-mobile-gutter:10px;
        --products-mobile-gap:8px;
    }
    .products-page .catalog-intro h2{font-size:19px!important}
    .products-page .catalog-intro-description{font-size:9.5px!important}
    .products-page .products-toolbar{padding-left:8px!important;padding-right:8px!important}
    .products-page .products-toolbar-right{grid-template-columns:minmax(76px,1fr) auto auto auto!important}
    .products-page #products-sort{font-size:9px!important;padding-left:8px!important}
    .products-page .catalog-product-content{padding:8px!important}
    .products-page .catalog-product-main{min-height:88px!important}
    .products-page .catalog-product-content h2,
    .products-page .catalog-product-content h2 a{font-size:10.5px!important}
    .products-page .catalog-product-spec,
    .products-page .catalog-product-extra{font-size:8.5px!important}
    .products-page .catalog-product-bottom>strong{font-size:15px!important}
    .products-page .product-details-button{font-size:8.6px!important}
}

/* ================================================================
   ALL PRODUCTS HERO — PHONE REFERENCE MATCH / 390PX PRIMARY
   2026-08-16
   Target: short cinematic banner, copy on the left, product artwork
   on the right. Scope is the default All Products hero only.
   ================================================================ */
@media (max-width:599px){
    .products-page .all-products-hero.has-custom-background{
        height:176px!important;
        min-height:176px!important;
        margin-top:10px!important;
        border-radius:13px!important;
        overflow:hidden!important;
        background-size:cover!important;
        background-position:center right!important;
    }

    /* Use a side gradient like the supplied reference instead of a tall mobile overlay. */
    .products-page .all-products-hero.has-custom-background::before{
        background:linear-gradient(
            90deg,
            rgba(7,11,22,.92) 0%,
            rgba(7,11,22,.83) 38%,
            rgba(7,11,22,.48) 58%,
            rgba(7,11,22,.12) 78%,
            rgba(7,11,22,0) 100%
        )!important;
    }

    .products-page .all-products-hero.has-custom-background .products-hero-inner{
        height:176px!important;
        min-height:176px!important;
        display:flex!important;
        align-items:center!important;
    }

    .products-page .all-products-hero.has-custom-background .products-hero-copy{
        width:58%!important;
        max-width:58%!important;
        padding:13px 0 12px 16px!important;
        position:relative!important;
        z-index:2!important;
    }

    .products-page .all-products-hero .products-hero-copy > p{
        margin:0 0 5px!important;
        font-size:8.5px!important;
        line-height:1.2!important;
        letter-spacing:.025em!important;
        white-space:nowrap!important;
    }

    .products-page .all-products-hero .products-hero-copy h1{
        margin:0!important;
        font-size:24px!important;
        line-height:1.02!important;
        letter-spacing:-.035em!important;
        white-space:nowrap!important;
    }

    .products-page .all-products-hero .products-hero-description{
        max-width:185px!important;
        margin-top:8px!important;
        font-size:9px!important;
        line-height:1.35!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:3!important;
        overflow:hidden!important;
        text-wrap:pretty!important;
    }

    .products-page .all-products-hero .products-hero-actions{
        margin-top:8px!important;
    }

    .products-page .all-products-hero .products-hero-actions .products-whatsapp-link,
    html[data-site-theme="light"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link,
    html[data-site-theme="dark"] .products-page .all-products-hero .products-hero-actions .products-whatsapp-link{
        min-height:31px!important;
        height:31px!important;
        padding:0 11px!important;
        border-radius:7px!important;
        gap:6px!important;
        font-size:9.5px!important;
        box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
    }

    .products-page .all-products-hero .products-hero-actions .products-whatsapp-link .icon,
    .products-page .all-products-hero .products-hero-actions .products-whatsapp-link .icon-whatsapp{
        width:13px!important;
        height:13px!important;
        flex:0 0 13px!important;
    }

    /* The custom banner artwork is the hero visual on phone. */
    .products-page .all-products-hero.has-custom-background .products-hero-art{
        display:none!important;
    }

    /* Bring the catalogue heading closer to the short banner, like the reference. */
    .products-page .all-products-hero + .product-catalog{
        padding-top:5px!important;
    }
    .products-page .all-products-hero + .product-catalog .catalog-intro{
        padding-top:7px!important;
    }
}

@media (max-width:375px){
    .products-page .all-products-hero.has-custom-background,
    .products-page .all-products-hero.has-custom-background .products-hero-inner{
        height:168px!important;
        min-height:168px!important;
    }
    .products-page .all-products-hero.has-custom-background .products-hero-copy{
        width:60%!important;
        max-width:60%!important;
        padding-left:14px!important;
    }
    .products-page .all-products-hero .products-hero-copy h1{
        font-size:22px!important;
    }
    .products-page .all-products-hero .products-hero-description{
        max-width:170px!important;
        font-size:8.5px!important;
    }
}

/* ================================================================
   2026-08-24 — ALL PRODUCTS MOBILE BANNER EDGE FIT
   Remove the leftover side gutters from the banner only.
   Catalogue content, toolbar and product cards remain unchanged.
   ================================================================ */
@media (max-width:599px){
    .products-page .all-products-hero.has-custom-background{
        width:100%!important;
        max-width:none!important;
        margin:10px 0 0!important;
        border-radius:0!important;
    }
}


/* ================================================================
   PRODUCTS MOBILE QA — LEFT FILTER DRAWER
   2026-08-28
   Mobile only. Overrides the legacy bottom-sheet filter in mobile-app.css.
   ================================================================ */
@media (max-width:599px){
    .products-page .product-filters{
        position:fixed!important;
        z-index:92!important;
        top:0!important;
        bottom:0!important;
        left:0!important;
        right:auto!important;
        width:min(340px,86vw)!important;
        height:100dvh!important;
        max-height:100dvh!important;
        padding:0 14px calc(18px + env(safe-area-inset-bottom,0px))!important;
        border:0!important;
        border-right:1px solid rgba(32,36,48,.12)!important;
        border-radius:0!important;
        background:#fff!important;
        box-shadow:20px 0 52px rgba(7,9,16,.30)!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
        -webkit-overflow-scrolling:touch!important;
        transform:translateX(-105%)!important;
        transition:transform .24s cubic-bezier(.22,.61,.36,1)!important;
    }
    .products-page .product-filters.is-open{
        transform:translateX(0)!important;
    }

    .products-page .filters-mobile-heading{
        position:sticky!important;
        z-index:5!important;
        top:0!important;
        min-height:58px!important;
        margin:0 -14px 10px!important;
        padding:0 14px 0 18px!important;
        border-bottom:1px solid #ececf1!important;
        background:#fff!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        box-shadow:0 3px 8px rgba(15,23,42,.025)!important;
    }
    .products-page .filters-mobile-heading strong{
        font-size:12px!important;
        font-weight:800!important;
    }
    .products-page .filter-close{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
        border-radius:7px!important;
    }

    .products-page .filter-overlay{
        position:fixed!important;
        z-index:91!important;
        inset:0!important;
        display:block!important;
        background:rgba(5,6,10,.52)!important;
        backdrop-filter:blur(2px)!important;
        -webkit-backdrop-filter:blur(2px)!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transition:opacity .20s ease,visibility .20s ease!important;
    }
    .products-page .filter-overlay.is-open{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
    }
}

@media (max-width:375px){
    .products-page .product-filters{
        width:min(320px,88vw)!important;
    }
}


/* ================================================================
   PRODUCTS MOBILE QA V7 — desktop filter hierarchy inside left drawer
   Keep the same order and single-column option layout as desktop.
   ================================================================ */
@media (max-width:599px){
    .products-page .product-filters .taxonomy-options,
    .products-page .product-filters .filter-options{
        display:flex!important;
        grid-template-columns:none!important;
        flex-direction:column!important;
        gap:5px!important;
        padding:0 18px 17px!important;
    }
    .products-page .product-filters .taxonomy-option,
    .products-page .product-filters .filter-options label{
        width:100%!important;
        min-height:33px!important;
        margin:0!important;
        padding:7px!important;
        border:0!important;
        border-radius:6px!important;
        background:transparent!important;
        box-shadow:none!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:8px!important;
        font-size:11.5px!important;
        line-height:1.45!important;
    }
    .products-page .product-filters .taxonomy-option:hover,
    .products-page .product-filters .filter-options label:hover{
        background:#f6f4ff!important;
    }
    .products-page .product-filters .taxonomy-option.is-active{
        background:#f0edff!important;
        color:#5030df!important;
        font-weight:700!important;
    }
    .products-page .product-filters .taxonomy-checkbox,
    .products-page .product-filters .filter-options input[type="checkbox"]{
        width:15px!important;
        min-width:15px!important;
        height:15px!important;
        flex:0 0 15px!important;
    }
    .products-page .product-filters .filter-group summary{
        min-height:50px!important;
        padding:0 18px!important;
        font-size:12px!important;
        font-weight:700!important;
    }
    .products-page .product-filters .filter-heading-row{
        min-height:62px!important;
        padding:0 18px!important;
    }
    .products-page .product-filters .dynamic-filter-profile{
        margin:0 12px 10px!important;
    }
    html[data-site-theme="dark"] .products-page .product-filters .taxonomy-option:hover,
    html[data-site-theme="dark"] .products-page .product-filters .filter-options label:hover{
        background:rgba(124,92,255,.10)!important;
    }
    html[data-site-theme="dark"] .products-page .product-filters .taxonomy-option.is-active{
        background:rgba(124,92,255,.18)!important;
        color:#cfc4ff!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA V8 — BADGES / CARD GAP / ALL CATEGORY HEROES
   2026-08-28
   Mobile only. Desktop Products remains locked.
   ================================================================ */
@media (max-width:599px){
    /* 1) Keep condition + marketing badges on one compact row. */
    .products-page .products-grid:not(.is-list) .catalog-product-badges{
        top:9px!important;
        left:9px!important;
        right:auto!important;
        width:auto!important;
        max-width:calc(100% - 18px)!important;
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        gap:4px!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-badges .product-condition-badge,
    .products-page .products-grid:not(.is-list) .catalog-product-badges .product-badge{
        position:static!important;
        flex:0 0 auto!important;
        min-width:0!important;
        min-height:20px!important;
        height:20px!important;
        padding:0 7px!important;
        border-radius:8px!important;
        font-size:7.5px!important;
        line-height:1!important;
        letter-spacing:.025em!important;
        box-shadow:0 4px 10px rgba(15,23,42,.08)!important;
    }

    /* 2) Remove the oversized empty band between key specs and price/actions. */
    .products-page .products-grid:not(.is-list){
        align-items:start!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-card{
        height:auto!important;
        align-self:start!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-main{
        min-height:0!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-key-specs{
        min-height:0!important;
        margin:5px 0 4px!important;
        gap:3px!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-bottom{
        margin-top:0!important;
        padding-top:3px!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-bottom:has(.product-original-price){
        padding-top:15px!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-bottom>strong{
        margin-bottom:8px!important;
    }

    /* 3) Category hero: use the same compact mobile banner rhythm as All Products. */
    .products-page .products-hero:not(.all-products-hero){
        width:100%!important;
        max-width:none!important;
        height:176px!important;
        min-height:176px!important;
        margin:10px 0 0!important;
        border-radius:0!important;
        overflow:hidden!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-inner{
        position:relative!important;
        width:100%!important;
        height:176px!important;
        min-height:176px!important;
        display:block!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-copy{
        position:relative!important;
        z-index:4!important;
        width:59%!important;
        max-width:59%!important;
        padding:14px 0 12px 16px!important;
        text-align:left!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-copy>p{
        margin:0 0 5px!important;
        font-size:8.5px!important;
        line-height:1.2!important;
        letter-spacing:.025em!important;
        white-space:nowrap!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-copy h1{
        margin:0!important;
        font-size:24px!important;
        line-height:1.02!important;
        letter-spacing:-.035em!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-description{
        max-width:190px!important;
        margin-top:8px!important;
        font-size:9px!important;
        line-height:1.35!important;
        display:-webkit-box!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:3!important;
        overflow:hidden!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-actions{
        margin-top:8px!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-actions .products-whatsapp-link,
    html[data-site-theme="light"] .products-page .products-hero:not(.all-products-hero) .products-hero-actions .products-whatsapp-link,
    html[data-site-theme="dark"] .products-page .products-hero:not(.all-products-hero) .products-hero-actions .products-whatsapp-link{
        min-height:31px!important;
        height:31px!important;
        padding:0 11px!important;
        border-radius:7px!important;
        gap:6px!important;
        font-size:9.5px!important;
        box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-actions .products-whatsapp-link .icon,
    .products-page .products-hero:not(.all-products-hero) .products-hero-actions .products-whatsapp-link .icon-whatsapp{
        width:13px!important;
        height:13px!important;
        flex:0 0 13px!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-art{
        position:absolute!important;
        z-index:2!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:auto!important;
        width:50%!important;
        height:176px!important;
        min-height:0!important;
        display:block!important;
        overflow:visible!important;
        pointer-events:none!important;
    }
    .products-page .products-hero:not(.all-products-hero) .hero-category-image{
        position:absolute!important;
        z-index:3!important;
        top:7%!important;
        right:-7%!important;
        bottom:auto!important;
        left:auto!important;
        width:112%!important;
        height:88%!important;
        max-width:none!important;
        object-fit:contain!important;
        object-position:center!important;
        border-radius:0!important;
        filter:drop-shadow(0 14px 18px rgba(0,0,0,.40))!important;
    }
    .products-page .products-hero:not(.all-products-hero)::before{
        opacity:.25!important;
        mask-image:linear-gradient(90deg,transparent 2%,#000 46%,#000 100%)!important;
        -webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 46%,#000 100%)!important;
    }
    .products-page .products-hero:not(.all-products-hero)::after{
        left:48%!important;
        right:-12%!important;
        bottom:-105px!important;
        height:190px!important;
    }
    .products-page .products-hero:not(.all-products-hero) + .product-catalog{
        padding-top:5px!important;
    }
    .products-page .products-hero:not(.all-products-hero) + .product-catalog .catalog-intro{
        padding-top:7px!important;
    }
}

@media (max-width:375px){
    .products-page .products-hero:not(.all-products-hero),
    .products-page .products-hero:not(.all-products-hero) .products-hero-inner,
    .products-page .products-hero:not(.all-products-hero) .products-hero-art{
        height:168px!important;
        min-height:168px!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-copy{
        width:61%!important;
        max-width:61%!important;
        padding-left:14px!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-copy h1{
        font-size:22px!important;
    }
    .products-page .products-hero:not(.all-products-hero) .products-hero-description{
        max-width:165px!important;
        font-size:8.5px!important;
    }
    .products-page .products-grid:not(.is-list) .catalog-product-badges .product-condition-badge,
    .products-page .products-grid:not(.is-list) .catalog-product-badges .product-badge{
        min-height:19px!important;
        height:19px!important;
        padding:0 6px!important;
        border-radius:7px!important;
        font-size:7px!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA V9 — COMPACT LIST CARD + FITTED IMAGE
   2026-08-28
   Mobile list view only. Desktop and mobile grid view stay unchanged.
   ================================================================ */
@media (max-width:599px){
    /* Keep the desktop list-card relationship on mobile, but compress it. */
    .products-page .products-grid.is-list .catalog-product-card{
        display:grid!important;
        grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
        min-height:188px!important;
        height:auto!important;
        border-radius:11px!important;
        overflow:hidden!important;
        align-items:stretch!important;
    }

    /* Make the 4:3 product artwork use the left panel properly. */
    .products-page .products-grid.is-list .catalog-product-image{
        width:100%!important;
        height:100%!important;
        min-height:188px!important;
        padding:4px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
        background:#fff!important;
        border-right:1px solid #edf0f4!important;
        border-bottom:0!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        width:100%!important;
        height:100%!important;
        min-width:0!important;
        min-height:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:scale(1.08)!important;
        transform-origin:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:scale(1.08)!important;
    }

    /* Compact the right-hand content so the card is noticeably shorter. */
    .products-page .products-grid.is-list .catalog-product-content{
        min-width:0!important;
        padding:9px 10px!important;
        gap:2px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-start!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        min-height:0!important;
        flex:0 0 auto!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin:0 0 4px!important;
        font-size:8.5px!important;
        line-height:1.15!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        min-height:0!important;
        margin:0 0 4px!important;
        font-size:11.5px!important;
        line-height:1.25!important;
        -webkit-line-clamp:2!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        min-height:0!important;
        margin:3px 0 4px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        gap:5px!important;
        font-size:9px!important;
        line-height:1.15!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon{
        width:13px!important;
        min-width:13px!important;
        height:13px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon .icon{
        width:11px!important;
        height:11px!important;
    }
    .products-page .products-grid.is-list .catalog-product-availability{
        margin:2px 0 0!important;
        font-size:8px!important;
        line-height:1.15!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        margin-top:auto!important;
        padding-top:2px!important;
        display:block!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin:0 0 7px!important;
        font-size:17px!important;
        line-height:1!important;
        text-align:center!important;
        font-weight:500!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin:0 0 2px!important;
        font-size:8px!important;
        line-height:1!important;
        text-align:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 34px!important;
        gap:6px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:34px!important;
        height:34px!important;
    }

    /* Badges remain attached to the image panel and stay compact. */
    .products-page .products-grid.is-list .catalog-product-badges{
        top:9px!important;
        left:9px!important;
        right:auto!important;
        max-width:calc(100% - 18px)!important;
        gap:4px!important;
        flex-wrap:wrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:20px!important;
        height:20px!important;
        padding:0 7px!important;
        border-radius:8px!important;
        font-size:7.5px!important;
        line-height:1!important;
    }
}

@media (max-width:375px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
        min-height:182px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        min-height:182px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        padding:8px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        font-size:16px!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA V10 — DESKTOP-LIKE 3-ZONE LIST CARD
   2026-08-28
   Mobile list view only:
   [ image + badges ] [ product info + 3 specs ] [ price + actions ]
   Desktop and mobile grid view remain unchanged.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-card{
        display:grid!important;
        grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
        min-height:158px!important;
        height:158px!important;
        align-items:stretch!important;
        overflow:hidden!important;
    }

    /* Left zone: keep the same visual relationship as desktop list cards. */
    .products-page .products-grid.is-list .catalog-product-image{
        width:100%!important;
        height:158px!important;
        min-height:158px!important;
        max-height:158px!important;
        padding:3px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
        border-right:1px solid #edf0f4!important;
        border-bottom:0!important;
        background:#fff!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        width:100%!important;
        height:100%!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:none!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:scale(1.12)!important;
        transform-origin:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:scale(1.12)!important;
    }

    /* Right side becomes two internal zones, matching desktop. */
    .products-page .products-grid.is-list .catalog-product-content{
        min-width:0!important;
        height:158px!important;
        padding:9px 8px 9px 10px!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(104px,38%)!important;
        align-items:center!important;
        gap:7px!important;
    }

    /* Middle zone: category, title and the same 3 key specs. */
    .products-page .products-grid.is-list .catalog-product-main{
        min-width:0!important;
        min-height:0!important;
        align-self:center!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin:0 0 4px!important;
        font-size:7.8px!important;
        line-height:1.15!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        min-height:0!important;
        margin:0 0 5px!important;
        font-size:10.7px!important;
        line-height:1.22!important;
        -webkit-line-clamp:2!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        min-height:0!important;
        margin:0!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        min-width:0!important;
        gap:4px!important;
        font-size:8.3px!important;
        line-height:1.1!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-value{
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon{
        width:12px!important;
        min-width:12px!important;
        height:12px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon .icon{
        width:10px!important;
        height:10px!important;
    }
    .products-page .products-grid.is-list .catalog-product-availability{
        display:none!important;
    }

    /* Far-right zone: desktop-like price + View Details + WhatsApp. */
    .products-page .products-grid.is-list .catalog-product-bottom{
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        align-self:center!important;
        display:block!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin:0 0 3px!important;
        font-size:7.5px!important;
        line-height:1!important;
        text-align:left!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin:0 0 9px!important;
        font-size:15.5px!important;
        line-height:1!important;
        font-weight:500!important;
        letter-spacing:-.02em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        width:100%!important;
        margin:0!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 31px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        min-width:0!important;
        min-height:31px!important;
        height:31px!important;
        padding:0 4px!important;
        border-radius:7px!important;
        font-size:7.7px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:31px!important;
        min-width:31px!important;
        height:31px!important;
        min-height:31px!important;
        padding:0!important;
        border-radius:7px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp .icon{
        width:13px!important;
        height:13px!important;
    }

    /* Badges stay attached to the image zone, like desktop. */
    .products-page .products-grid.is-list .catalog-product-badges{
        top:8px!important;
        left:8px!important;
        right:auto!important;
        max-width:calc(100% - 16px)!important;
        gap:4px!important;
        flex-wrap:nowrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:19px!important;
        height:19px!important;
        padding:0 6px!important;
        border-radius:7px!important;
        font-size:7px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
}

@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(0,39%) minmax(0,61%)!important;
        min-height:152px!important;
        height:152px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:152px!important;
        min-height:152px!important;
        max-height:152px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:152px!important;
        grid-template-columns:minmax(0,1fr) minmax(96px,40%)!important;
        gap:5px!important;
        padding:8px 6px 8px 8px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        font-size:7.2px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        font-size:9.8px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        font-size:7.7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:7px!important;
        font-size:14px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 29px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:29px!important;
        height:29px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:29px!important;
        min-width:29px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        font-size:7px!important;
        padding:0 3px!important;
    }
}


/* ================================================================
   PRODUCTS MOBILE QA V11 — SHORTER LIST CARD HEIGHT
   2026-08-28
   Reduce left image/card height in mobile list view only.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-card{
        min-height:144px!important;
        height:144px!important;
        grid-template-columns:minmax(0,38%) minmax(0,62%)!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:144px!important;
        min-height:144px!important;
        max-height:144px!important;
        padding:2px 3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        transform:scale(1.08)!important;
    }
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:scale(1.08)!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:144px!important;
        grid-template-columns:minmax(0,1fr) minmax(92px,37%)!important;
        gap:5px!important;
        padding:7px 6px 7px 8px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin:0 0 3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        margin:0 0 4px!important;
        font-size:10px!important;
        line-height:1.18!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        gap:2px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        font-size:7.8px!important;
        line-height:1.05!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin:0 0 7px!important;
        font-size:14px!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin:0 0 2px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 29px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:29px!important;
        height:29px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 4px!important;
        font-size:7.1px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:29px!important;
        min-width:29px!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges{
        top:6px!important;
        left:6px!important;
        max-width:calc(100% - 12px)!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:18px!important;
        height:18px!important;
        padding:0 6px!important;
        font-size:6.8px!important;
    }
}

@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        min-height:138px!important;
        height:138px!important;
        grid-template-columns:minmax(0,37%) minmax(0,63%)!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:138px!important;
        min-height:138px!important;
        max-height:138px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:138px!important;
        grid-template-columns:minmax(0,1fr) minmax(88px,37%)!important;
        padding:6px 5px 6px 7px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        font-size:7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        font-size:9.5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        font-size:7.3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        font-size:13.5px!important;
        margin-bottom:6px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 28px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:28px!important;
        height:28px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:28px!important;
        min-width:28px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        font-size:6.8px!important;
        padding:0 3px!important;
    }
}


/* ================================================================
   PRODUCTS MOBILE QA V13 — RIGHT ZONE LOWER + WIDER SHORT CTA
   2026-08-28
   Mobile list view only. Keep specs in middle; price/actions stay in
   the dedicated right zone and sit lower within that zone.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-content{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(112px,40%)!important;
        align-items:stretch!important;
        gap:6px!important;
        height:144px!important;
        padding:7px 7px 7px 8px!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        min-width:0!important;
        align-self:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        min-width:0!important;
        width:100%!important;
        margin:0!important;
        padding:0 0 7px!important;
        align-self:end!important;
        justify-self:stretch!important;
        display:block!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin:0 0 2px!important;
        text-align:left!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        display:block!important;
        margin:0 0 6px!important;
        font-size:14px!important;
        line-height:1!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        width:100%!important;
        margin:0!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 28px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:25px!important;
        height:25px!important;
        padding:0 8px!important;
        border-radius:6px!important;
        font-size:7px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:28px!important;
        min-width:28px!important;
        height:25px!important;
        min-height:25px!important;
        padding:0!important;
        border-radius:6px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp .icon{
        width:12px!important;
        height:12px!important;
    }
}

@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-content{
        grid-template-columns:minmax(0,1fr) minmax(106px,41%)!important;
        gap:4px!important;
        height:138px!important;
        padding:6px 5px 6px 7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding-bottom:6px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:5px!important;
        font-size:13.5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 27px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        min-height:24px!important;
        height:24px!important;
        padding:0 6px!important;
        font-size:6.7px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:27px!important;
        min-width:27px!important;
        min-height:24px!important;
        height:24px!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA V14 — OPTION 2 LIST VIEW
   2026-09-02
   Exact mobile-list visual direction supplied during QA:
   [ image + badges ] [ brand/name/specs ] [ price/actions ]
   Mobile list view only. Desktop and mobile grid view are untouched.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list{
        grid-template-columns:1fr!important;
        gap:12px!important;
    }

    .products-page .products-grid.is-list .catalog-product-card{
        display:grid!important;
        grid-template-columns:minmax(118px,36%) minmax(0,64%)!important;
        width:100%!important;
        min-height:176px!important;
        height:auto!important;
        align-items:stretch!important;
        overflow:hidden!important;
        border-radius:14px!important;
    }

    /* Left zone — large product visual with badges attached to the image. */
    .products-page .products-grid.is-list .catalog-product-image{
        width:100%!important;
        height:auto!important;
        min-height:176px!important;
        max-height:none!important;
        padding:9px 7px 7px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
        border-right:1px solid #edf0f4!important;
        border-bottom:0!important;
        background:#fff!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        width:94%!important;
        height:94%!important;
        max-width:94%!important;
        max-height:94%!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
    }
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:none!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges{
        top:8px!important;
        left:8px!important;
        right:auto!important;
        max-width:calc(100% - 16px)!important;
        display:flex!important;
        gap:4px!important;
        flex-wrap:wrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:22px!important;
        height:22px!important;
        padding:0 8px!important;
        border-radius:8px!important;
        font-size:8px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    /* Content becomes the middle + right zones from the supplied reference. */
    .products-page .products-grid.is-list .catalog-product-content{
        min-width:0!important;
        width:100%!important;
        height:auto!important;
        min-height:176px!important;
        padding:12px 9px 11px 11px!important;
        display:grid!important;
        grid-template-columns:minmax(0,58%) minmax(92px,42%)!important;
        align-items:stretch!important;
        gap:8px!important;
    }

    /* Middle zone — readable hierarchy with natural wrapping. */
    .products-page .products-grid.is-list .catalog-product-main{
        min-width:0!important;
        min-height:0!important;
        align-self:center!important;
        overflow:visible!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin:0 0 6px!important;
        font-size:8.5px!important;
        line-height:1.25!important;
        font-weight:800!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        display:block!important;
        min-height:0!important;
        max-height:none!important;
        margin:0 0 9px!important;
        font-size:12px!important;
        line-height:1.28!important;
        font-weight:800!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        -webkit-line-clamp:unset!important;
        -webkit-box-orient:unset!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        min-height:0!important;
        margin:0!important;
        display:grid!important;
        gap:6px!important;
        overflow:visible!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        min-width:0!important;
        display:flex!important;
        align-items:center!important;
        gap:6px!important;
        font-size:9.4px!important;
        line-height:1.2!important;
        overflow:visible!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-value{
        min-width:0!important;
        white-space:normal!important;
        overflow:visible!important;
        text-overflow:clip!important;
        overflow-wrap:anywhere!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon{
        width:14px!important;
        min-width:14px!important;
        height:14px!important;
        display:grid!important;
        place-items:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon .icon{
        width:13px!important;
        height:13px!important;
    }
    .products-page .products-grid.is-list .catalog-product-availability{
        display:none!important;
    }

    /* Right zone — price, compare selection CTA, then detail/WhatsApp actions. */
    .products-page .products-grid.is-list .catalog-product-bottom{
        min-width:0!important;
        width:100%!important;
        margin:0!important;
        padding:10px 0 8px 8px!important;
        align-self:stretch!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        border-left:1px solid rgba(129,105,255,.12)!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        display:block!important;
        margin:0 0 3px!important;
        font-size:8px!important;
        line-height:1.15!important;
        text-align:left!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        display:block!important;
        margin:0 0 10px!important;
        font-size:16px!important;
        line-height:1.05!important;
        font-weight:700!important;
        letter-spacing:-.02em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }

    .products-page .products-grid.is-list .compare-select-button{
        width:100%!important;
        min-width:0!important;
        min-height:34px!important;
        height:auto!important;
        margin:0 0 7px!important;
        padding:7px 7px!important;
        border-radius:8px!important;
        gap:5px!important;
        font-size:8.2px!important;
        line-height:1.1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:19px!important;
        min-width:19px!important;
        height:19px!important;
        font-size:12px!important;
    }

    .products-page .products-grid.is-list .catalog-product-actions{
        width:100%!important;
        margin:0!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 31px!important;
        gap:5px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:31px!important;
        height:31px!important;
        padding:0 5px!important;
        border-radius:7px!important;
        font-size:7.8px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:31px!important;
        min-width:31px!important;
        height:31px!important;
        min-height:31px!important;
        padding:0!important;
        border-radius:7px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp .icon{
        width:14px!important;
        height:14px!important;
    }
}

/* 390px is the primary mobile target. Keep all three zones readable. */
@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(116px,35%) minmax(0,65%)!important;
        min-height:180px!important;
        height:auto!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        min-height:180px!important;
        height:auto!important;
        max-height:none!important;
        padding:9px 6px 7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        min-height:180px!important;
        height:auto!important;
        grid-template-columns:minmax(0,57%) minmax(92px,43%)!important;
        gap:6px!important;
        padding:11px 7px 10px 9px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin-bottom:5px!important;
        font-size:8px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        margin-bottom:8px!important;
        font-size:11.2px!important;
        line-height:1.27!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        gap:5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        gap:5px!important;
        font-size:8.7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:9px 0 7px 6px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:9px!important;
        font-size:15px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:32px!important;
        padding:6px 5px!important;
        font-size:7.7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 29px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:29px!important;
        height:29px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:29px!important;
        min-width:29px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 4px!important;
        font-size:7.2px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(108px,34%) minmax(0,66%)!important;
        min-height:188px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        min-height:188px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        min-height:188px!important;
        grid-template-columns:minmax(0,56%) minmax(88px,44%)!important;
        gap:5px!important;
        padding:10px 6px 9px 8px!important;
    }
    .products-page .products-grid.is-list .product-brand{font-size:7.5px!important}
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{font-size:10.5px!important}
    .products-page .products-grid.is-list .catalog-product-key-spec{font-size:8.1px!important}
    .products-page .products-grid.is-list .catalog-product-bottom>strong{font-size:14px!important}
    .products-page .products-grid.is-list .product-details-button{font-size:6.8px!important}
}

/* ================================================================
   PRODUCTS MOBILE QA V15 — IMAGE-LED COMPACT CARD HEIGHT
   2026-09-03
   Keep Option 2 horizontal hierarchy, but make the card height follow
   the visual/image zone instead of expanding with content.
   Mobile list view only; desktop and mobile grid view are untouched.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-card{
        height:164px!important;
        min-height:164px!important;
        max-height:164px!important;
        align-items:stretch!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:164px!important;
        min-height:164px!important;
        max-height:164px!important;
        padding:8px 6px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        height:100%!important;
        min-height:0!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:164px!important;
        min-height:164px!important;
        max-height:164px!important;
        padding:9px 8px 8px 9px!important;
        align-items:stretch!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        align-self:center!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin-bottom:4px!important;
        font-size:8px!important;
        line-height:1.15!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        margin-bottom:6px!important;
        font-size:10.8px!important;
        line-height:1.2!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        gap:4px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        gap:4px!important;
        font-size:8.3px!important;
        line-height:1.1!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon{
        width:13px!important;
        min-width:13px!important;
        height:13px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon .icon{
        width:12px!important;
        height:12px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:7px 0 6px 6px!important;
        justify-content:center!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin-bottom:2px!important;
        font-size:7.5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:7px!important;
        font-size:14.5px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:30px!important;
        height:30px!important;
        margin-bottom:6px!important;
        padding:5px 4px!important;
        font-size:7.2px!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:18px!important;
        min-width:18px!important;
        height:18px!important;
        font-size:11px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 28px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:28px!important;
        height:28px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 4px!important;
        font-size:6.9px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:28px!important;
        min-width:28px!important;
    }
}

/* 390px primary target — compact like the supplied reference. */
@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(116px,35%) minmax(0,65%)!important;
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
        padding:7px 5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
        grid-template-columns:minmax(0,58%) minmax(88px,42%)!important;
        gap:5px!important;
        padding:8px 6px 7px 8px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        font-size:7.7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        margin-bottom:5px!important;
        font-size:10.4px!important;
        line-height:1.16!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        gap:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        font-size:8px!important;
        line-height:1.08!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:6px 0 5px 5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:6px!important;
        font-size:14px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:29px!important;
        height:29px!important;
        margin-bottom:5px!important;
        font-size:7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 27px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:27px!important;
        height:27px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:27px!important;
        min-width:27px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        font-size:6.6px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-card,
    .products-page .products-grid.is-list .catalog-product-image,
    .products-page .products-grid.is-list .catalog-product-content{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(106px,34%) minmax(0,66%)!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        grid-template-columns:minmax(0,57%) minmax(86px,43%)!important;
        gap:4px!important;
        padding:7px 5px 6px 7px!important;
    }
    .products-page .products-grid.is-list .product-brand{font-size:7.2px!important}
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{font-size:9.8px!important}
    .products-page .products-grid.is-list .catalog-product-key-spec{font-size:7.5px!important}
    .products-page .products-grid.is-list .catalog-product-bottom>strong{font-size:13.2px!important}
    .products-page .products-grid.is-list .compare-select-button{font-size:6.6px!important}
    .products-page .products-grid.is-list .product-details-button{font-size:6.2px!important}
}

/* ================================================================
   PRODUCTS MOBILE QA V16 — OPTION 2 REFINED PROPORTIONS
   2026-09-03
   Refines the tested 390px list card against the supplied Option 2
   reference: larger visual, clearer middle hierarchy, stronger actions.
   Scope: mobile list view only. Card height remains image-led/compact.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-image{
        padding:4px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        overflow:visible!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:scale(1.14) translateY(4px)!important;
        transform-origin:center center!important;
    }
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:scale(1.14) translateY(4px)!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges{
        top:7px!important;
        left:8px!important;
        gap:4px!important;
        z-index:4!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:21px!important;
        height:21px!important;
        padding:0 8px!important;
        font-size:7.8px!important;
        border-radius:8px!important;
    }
    .products-page .products-grid.is-list .compare-card-controls{
        top:7px!important;
        right:7px!important;
        gap:4px!important;
        z-index:4!important;
    }
    .products-page .products-grid.is-list .compare-drag-handle,
    .products-page .products-grid.is-list .compare-card-checkbox{
        width:25px!important;
        min-width:25px!important;
        height:25px!important;
        min-height:25px!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        align-self:center!important;
    }
    .products-page .products-grid.is-list .product-brand{
        font-weight:800!important;
        letter-spacing:-.015em!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-value{
        min-width:0!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        border-left:1px solid #edf0f4!important;
        align-self:stretch!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        white-space:nowrap!important;
        justify-content:flex-start!important;
    }
}

/* 390px primary comparison target. */
@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(118px,34%) minmax(0,66%)!important;
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
        padding:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img{
        transform:scale(1.20) translateY(5px)!important;
    }
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:scale(1.20) translateY(5px)!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
        grid-template-columns:minmax(0,58%) minmax(91px,42%)!important;
        gap:5px!important;
        padding:8px 6px 7px 9px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin-bottom:4px!important;
        font-size:7.6px!important;
        line-height:1.12!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        margin-bottom:6px!important;
        font-size:10.8px!important;
        line-height:1.17!important;
        letter-spacing:-.015em!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        gap:4px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        gap:4px!important;
        font-size:8px!important;
        line-height:1.08!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:5px 0 5px 6px!important;
        justify-content:center!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin-bottom:2px!important;
        font-size:7.4px!important;
        line-height:1!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:7px!important;
        font-size:14.5px!important;
        line-height:1!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:31px!important;
        height:31px!important;
        margin-bottom:7px!important;
        padding:5px 5px!important;
        border-radius:7px!important;
        font-size:7.1px!important;
        gap:5px!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:19px!important;
        min-width:19px!important;
        height:19px!important;
        font-size:11px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 28px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:28px!important;
        height:28px!important;
        border-radius:7px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 4px!important;
        font-size:6.7px!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:28px!important;
        min-width:28px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(108px,34%) minmax(0,66%)!important;
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img,
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        transform:scale(1.16) translateY(5px)!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
        grid-template-columns:minmax(0,57%) minmax(88px,43%)!important;
        gap:4px!important;
        padding:7px 5px 6px 7px!important;
    }
    .products-page .products-grid.is-list .product-brand{font-size:7.1px!important}
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{font-size:9.9px!important}
    .products-page .products-grid.is-list .catalog-product-key-spec{font-size:7.4px!important}
    .products-page .products-grid.is-list .catalog-product-bottom>strong{font-size:13.4px!important}
    .products-page .products-grid.is-list .compare-select-button{font-size:6.5px!important}
    .products-page .products-grid.is-list .product-details-button{font-size:6.1px!important}
}

/* ================================================================
   PRODUCTS MOBILE QA V17 — OPTION 2 / TRUE 4:3 IMAGE PANEL
   2026-09-03
   Final refinement requested from the supplied Option 2 reference.
   The product visual uses a true 1200x900 (4:3) display box while the
   middle information and right action zones keep the same horizontal
   Option 2 hierarchy. Scope: Products mobile list view only.
   ================================================================ */
@media (max-width:599px){
    /* Option 2 proportions: image / information / actions. */
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(132px,34%) minmax(0,66%)!important;
        height:164px!important;
        min-height:164px!important;
        max-height:164px!important;
        align-items:stretch!important;
    }

    /* Left visual zone. The actual product image box is locked to 4:3. */
    .products-page .products-grid.is-list .catalog-product-image{
        position:relative!important;
        height:164px!important;
        min-height:164px!important;
        max-height:164px!important;
        padding:0!important;
        overflow:hidden!important;
        border-right:1px solid #edf0f4!important;
        border-bottom:0!important;
        background:linear-gradient(180deg,#fff,#fbfbfd)!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        position:absolute!important;
        left:6px!important;
        right:6px!important;
        bottom:7px!important;
        width:auto!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:4/3!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img,
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center!important;
        transform:none!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges{
        top:7px!important;
        left:8px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:22px!important;
        height:22px!important;
        padding:0 8px!important;
        border-radius:8px!important;
        font-size:8px!important;
        line-height:1!important;
    }
    .products-page .products-grid.is-list .compare-card-controls{
        top:6px!important;
        right:6px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .compare-drag-handle,
    .products-page .products-grid.is-list .compare-card-checkbox{
        width:26px!important;
        min-width:26px!important;
        height:26px!important;
        min-height:26px!important;
    }

    /* Middle + right zones follow Option 2 spacing and hierarchy. */
    .products-page .products-grid.is-list .catalog-product-content{
        height:164px!important;
        min-height:164px!important;
        max-height:164px!important;
        padding:10px 8px 9px 11px!important;
        display:grid!important;
        grid-template-columns:minmax(0,58%) minmax(100px,42%)!important;
        gap:7px!important;
        align-items:stretch!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        min-width:0!important;
        align-self:center!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .product-brand{
        max-width:100%!important;
        margin:0 0 5px!important;
        font-size:8.4px!important;
        line-height:1.15!important;
        font-weight:800!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        display:-webkit-box!important;
        margin:0 0 7px!important;
        font-size:11.6px!important;
        line-height:1.18!important;
        font-weight:800!important;
        letter-spacing:-.015em!important;
        white-space:normal!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        -webkit-box-orient:vertical!important;
        -webkit-line-clamp:2!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        margin:0!important;
        gap:4px!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        min-width:0!important;
        gap:5px!important;
        font-size:8.4px!important;
        line-height:1.1!important;
        overflow:hidden!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-value{
        min-width:0!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon{
        width:13px!important;
        min-width:13px!important;
        height:13px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec-icon .icon{
        width:12px!important;
        height:12px!important;
    }

    /* Right action zone — larger controls and price hierarchy like Option 2. */
    .products-page .products-grid.is-list .catalog-product-bottom{
        min-width:0!important;
        width:100%!important;
        margin:0!important;
        padding:7px 0 6px 8px!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:center!important;
        align-self:stretch!important;
        border-left:1px solid #edf0f4!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        display:block!important;
        margin:0 0 2px!important;
        font-size:8px!important;
        line-height:1!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        display:block!important;
        margin:0 0 8px!important;
        font-size:16px!important;
        line-height:1!important;
        font-weight:800!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        width:100%!important;
        min-width:0!important;
        min-height:34px!important;
        height:34px!important;
        margin:0 0 7px!important;
        padding:5px 6px!important;
        border-radius:8px!important;
        gap:5px!important;
        justify-content:center!important;
        font-size:8px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:20px!important;
        min-width:20px!important;
        height:20px!important;
        font-size:12px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        width:100%!important;
        margin:0!important;
        grid-template-columns:minmax(0,1fr) 31px!important;
        gap:5px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:31px!important;
        height:31px!important;
        border-radius:8px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 5px!important;
        font-size:7.4px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:31px!important;
        min-width:31px!important;
        padding:0!important;
    }
}

/* 390px primary mobile target. */
@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(120px,35%) minmax(0,65%)!important;
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        left:5px!important;
        right:5px!important;
        bottom:8px!important;
        aspect-ratio:4/3!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges{
        top:7px!important;
        left:7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-badges .product-condition-badge,
    .products-page .products-grid.is-list .catalog-product-badges .product-badge{
        min-height:21px!important;
        height:21px!important;
        padding:0 7px!important;
        font-size:7.6px!important;
    }
    .products-page .products-grid.is-list .compare-card-controls{
        top:6px!important;
        right:6px!important;
    }
    .products-page .products-grid.is-list .compare-drag-handle,
    .products-page .products-grid.is-list .compare-card-checkbox{
        width:24px!important;
        min-width:24px!important;
        height:24px!important;
        min-height:24px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:154px!important;
        min-height:154px!important;
        max-height:154px!important;
        grid-template-columns:minmax(0,57%) minmax(94px,43%)!important;
        gap:5px!important;
        padding:8px 6px 7px 8px!important;
    }
    .products-page .products-grid.is-list .product-brand{
        margin-bottom:4px!important;
        font-size:7.5px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{
        margin-bottom:5px!important;
        font-size:10.4px!important;
        line-height:1.16!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-specs{
        gap:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-key-spec{
        gap:4px!important;
        font-size:7.7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:6px 0 5px 6px!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        font-size:7.2px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin-bottom:6px!important;
        font-size:14.5px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:31px!important;
        height:31px!important;
        margin-bottom:6px!important;
        padding:4px!important;
        font-size:7px!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:18px!important;
        min-width:18px!important;
        height:18px!important;
        font-size:11px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 28px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:28px!important;
        height:28px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 4px!important;
        font-size:6.6px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:28px!important;
        min-width:28px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-card{
        grid-template-columns:minmax(108px,35%) minmax(0,65%)!important;
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }
    .products-page .products-grid.is-list .catalog-product-image{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
        grid-template-columns:minmax(0,56%) minmax(88px,44%)!important;
        gap:4px!important;
        padding:7px 5px 6px 7px!important;
    }
    .products-page .products-grid.is-list .product-brand{font-size:7px!important}
    .products-page .products-grid.is-list .catalog-product-content h2,
    .products-page .products-grid.is-list .catalog-product-content h2 a{font-size:9.6px!important}
    .products-page .products-grid.is-list .catalog-product-key-spec{font-size:7.2px!important}
    .products-page .products-grid.is-list .catalog-product-bottom>strong{font-size:13.5px!important}
    .products-page .products-grid.is-list .compare-select-button{font-size:6.5px!important}
    .products-page .products-grid.is-list .product-details-button{font-size:6.1px!important}
}

/* ================================================================
   PRODUCTS MOBILE QA V18 — IMAGE-LED CARD HEIGHT + TIDY ACTION STACK
   2026-09-03
   Keep the accepted Option 2 widths unchanged. Only reduce the list-card
   height so it follows the visual/image area more closely and tighten the
   right-side price/action hierarchy. Scope: Products mobile list view only.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-card{
        height:146px!important;
        min-height:146px!important;
        max-height:146px!important;
        box-sizing:border-box!important;
    }
    .products-page .products-grid.is-list .catalog-product-image,
    .products-page .products-grid.is-list .catalog-product-content{
        height:146px!important;
        min-height:146px!important;
        max-height:146px!important;
        box-sizing:border-box!important;
    }

    /* Keep the right column visually grouped like Option 2. */
    .products-page .products-grid.is-list .catalog-product-bottom{
        height:100%!important;
        min-height:0!important;
        padding:8px 0 8px 8px!important;
        display:grid!important;
        grid-template-rows:auto auto 34px 31px!important;
        align-content:center!important;
        row-gap:6px!important;
        justify-content:stretch!important;
        box-sizing:border-box!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin:0!important;
        text-align:center!important;
        line-height:1!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin:0!important;
        text-align:center!important;
        line-height:1!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:34px!important;
        height:34px!important;
        margin:0!important;
        align-self:stretch!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        height:31px!important;
        margin:0!important;
        align-self:stretch!important;
    }
}

/* 390px primary target: width proportions remain exactly as V17. */
@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card,
    .products-page .products-grid.is-list .catalog-product-image,
    .products-page .products-grid.is-list .catalog-product-content{
        height:138px!important;
        min-height:138px!important;
        max-height:138px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:6px 0 6px 6px!important;
        grid-template-rows:auto auto 31px 28px!important;
        row-gap:5px!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        font-size:7.2px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        font-size:14.5px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:31px!important;
        height:31px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        height:28px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-card,
    .products-page .products-grid.is-list .catalog-product-image,
    .products-page .products-grid.is-list .catalog-product-content{
        height:134px!important;
        min-height:134px!important;
        max-height:134px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding-top:5px!important;
        padding-bottom:5px!important;
        row-gap:4px!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA V19 — 4:3 IMAGE-BOX DRIVEN CARD + BOTTOM ACTIONS
   2026-09-03
   Final requested adjustment: keep the accepted card widths, let the left
   1200x900 (4:3) image box determine the list-card height, and anchor the
   right-side price/actions to the bottom. Products mobile list view only.
   ================================================================ */
@media (max-width:599px){
    /* Keep the accepted horizontal proportions. Card height now follows
       the 34% image column at a true 4:3 ratio instead of a fixed px value. */
    .products-page .products-grid.is-list .catalog-product-card{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:200/51!important; /* 34% width x 3/4 = 25.5% card height */
        align-items:stretch!important;
        overflow:hidden!important;
    }

    /* The whole left panel IS the 1200x900 / 4:3 image box. */
    .products-page .products-grid.is-list .catalog-product-image{
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:4/3!important;
        align-self:stretch!important;
        overflow:hidden!important;
        padding:0!important;
    }
    .products-page .products-grid.is-list .catalog-product-image>a{
        inset:0!important;
        left:0!important;
        right:0!important;
        top:0!important;
        bottom:0!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        aspect-ratio:auto!important;
        padding:4px!important;
        box-sizing:border-box!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-image img,
    .products-page .products-grid.is-list .catalog-product-card:hover .catalog-product-image img{
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
        object-position:center!important;
    }

    /* Content is forced to the same image-led height. */
    .products-page .products-grid.is-list .catalog-product-content{
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
        overflow:hidden!important;
        align-self:stretch!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        min-height:0!important;
        overflow:hidden!important;
    }

    /* Price + actions belong at the BOTTOM, not top/centre. */
    .products-page .products-grid.is-list .catalog-product-bottom{
        height:100%!important;
        min-height:0!important;
        padding:2px 0 4px 6px!important;
        display:grid!important;
        grid-template-rows:auto auto 31px 28px!important;
        align-content:end!important;
        justify-content:stretch!important;
        row-gap:3px!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
    }
    .products-page .products-grid.is-list .product-original-price,
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin:0!important;
        line-height:1!important;
    }
    .products-page .products-grid.is-list .compare-select-button,
    .products-page .products-grid.is-list .catalog-product-actions{
        margin:0!important;
        align-self:end!important;
    }
}

/* 390px primary target. Width stays exactly as approved (35% / 65%). */
@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-card{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:80/21!important; /* 35% image width at 4:3 */
    }
    .products-page .products-grid.is-list .catalog-product-image,
    .products-page .products-grid.is-list .catalog-product-content{
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
    }
    .products-page .products-grid.is-list .catalog-product-content{
        padding:5px 5px 4px 7px!important;
    }
    .products-page .products-grid.is-list .catalog-product-main{
        align-self:center!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:1px 0 3px 5px!important;
        grid-template-rows:auto auto 29px 26px!important;
        row-gap:2px!important;
        align-content:end!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:29px!important;
        height:29px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        height:26px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:26px!important;
        height:26px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:26px!important;
        min-width:26px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 26px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-card{
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        aspect-ratio:80/21!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding-bottom:2px!important;
        grid-template-rows:auto auto 27px 24px!important;
        row-gap:2px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:27px!important;
        height:27px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions,
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:24px!important;
        height:24px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:24px!important;
        min-width:24px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 24px!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA V20 — TIDY RIGHT-SIDE PRICE/ACTION AREA ONLY
   2026-09-03
   Final cleanup requested: keep the approved card width and image sizing.
   Only tidy the RIGHT action area so the content sits at the bottom,
   with cleaner spacing between old price, current price, Select Product,
   and the View Details / WhatsApp row.
   Scope: Products mobile list view only.
   ================================================================ */
@media (max-width:599px){
    .products-page .products-grid.is-list .catalog-product-bottom{
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-end!important;
        align-items:stretch!important;
        gap:4px!important;
        padding:8px 0 8px 8px!important;
        height:100%!important;
        min-height:0!important;
        box-sizing:border-box!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        margin-top:auto!important;
        margin-bottom:0!important;
        font-size:7.6px!important;
        line-height:1!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        margin:0 0 2px!important;
        font-size:15px!important;
        line-height:1!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        width:100%!important;
        min-height:30px!important;
        height:30px!important;
        margin:0!important;
        padding:4px 6px!important;
        justify-content:flex-start!important;
        align-items:center!important;
        font-size:7.2px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:18px!important;
        min-width:18px!important;
        height:18px!important;
        font-size:11px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        margin:0!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 27px!important;
        gap:4px!important;
        align-items:stretch!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:27px!important;
        height:27px!important;
        border-radius:8px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        padding:0 4px!important;
        font-size:6.8px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:27px!important;
        min-width:27px!important;
        padding:0!important;
    }
}

@media (max-width:410px){
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:6px 0 6px 6px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .product-original-price{
        font-size:6.9px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        font-size:14.2px!important;
        margin-bottom:1px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:28px!important;
        height:28px!important;
        padding:4px 5px!important;
        font-size:6.9px!important;
        gap:4px!important;
    }
    .products-page .products-grid.is-list .compare-select-symbol{
        width:17px!important;
        min-width:17px!important;
        height:17px!important;
        font-size:10px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 26px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:26px!important;
        height:26px!important;
    }
    .products-page .products-grid.is-list .product-details-button{
        font-size:6.4px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:26px!important;
        min-width:26px!important;
    }
}

@media (max-width:360px){
    .products-page .products-grid.is-list .catalog-product-bottom{
        padding:5px 0 5px 5px!important;
        gap:3px!important;
    }
    .products-page .products-grid.is-list .catalog-product-bottom>strong{
        font-size:13.4px!important;
    }
    .products-page .products-grid.is-list .compare-select-button{
        min-height:27px!important;
        height:27px!important;
        font-size:6.4px!important;
    }
    .products-page .products-grid.is-list .catalog-product-actions{
        grid-template-columns:minmax(0,1fr) 24px!important;
    }
    .products-page .products-grid.is-list .product-details-button,
    .products-page .products-grid.is-list .product-card-whatsapp{
        min-height:24px!important;
        height:24px!important;
    }
    .products-page .products-grid.is-list .product-card-whatsapp{
        width:24px!important;
        min-width:24px!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA — FILTER CLOSE BUTTON VISIBILITY
   2026-09-03
   Scope: mobile Products filter drawer only.
   Keep the white close button, but force a clear centred X icon.
   ================================================================ */
@media (max-width:599px){
    .products-page .filter-close{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0!important;
        border:1px solid #d9dde6!important;
        border-radius:7px!important;
        background:#fff!important;
        color:#111827!important;
        display:grid!important;
        place-items:center!important;
        line-height:1!important;
        opacity:1!important;
        visibility:visible!important;
    }
    .products-page .filter-close .icon{
        width:17px!important;
        height:17px!important;
        display:block!important;
        color:#111827!important;
        stroke:currentColor!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:none!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE — LAPTOP CONDITION NESTED UNDER CATEGORY
   2026-09-03
   Move New/Recond from its own filter section into Category > Laptop.
   ================================================================ */
@media (max-width:599px){
    .products-page .product-filters .taxonomy-option-chevron{
        margin-left:auto!important;
        display:grid!important;
        place-items:center!important;
    }
    .products-page .product-filters .taxonomy-option-chevron .icon{
        width:12px!important;
        height:12px!important;
    }
    .products-page .product-filters .taxonomy-child-options{
        width:auto!important;
        margin:-2px 18px 8px 32px!important;
        padding:0 0 0 9px!important;
        border-left:1px solid rgba(124,92,255,.22)!important;
        display:flex!important;
        flex-direction:column!important;
        gap:4px!important;
    }
    .products-page .product-filters .taxonomy-child-options .taxonomy-option{
        min-height:30px!important;
        padding:5px 7px!important;
        font-size:10.5px!important;
    }
    .products-page .product-filters .taxonomy-child-options .taxonomy-option small{
        font-size:9.5px!important;
    }
}

/* Mobile: Laptop remains collapsed until the Laptop row itself is tapped. */
@media (max-width:599px){
    .products-page .product-filters .taxonomy-parent-dropdown{
        width:100%!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
    }
    .products-page .product-filters .taxonomy-parent-dropdown>summary{
        list-style:none!important;
        cursor:pointer!important;
    }
    .products-page .product-filters .taxonomy-parent-dropdown>summary::-webkit-details-marker{
        display:none!important;
    }
    .products-page .product-filters .taxonomy-parent-toggle{
        width:100%!important;
        justify-content:space-between!important;
    }
    .products-page .product-filters .taxonomy-parent-dropdown>.taxonomy-child-options{
        display:none!important;
    }
    .products-page .product-filters .taxonomy-parent-dropdown[open]>.taxonomy-child-options{
        display:flex!important;
    }
    .products-page .product-filters .taxonomy-parent-dropdown[open]>.taxonomy-parent-toggle .taxonomy-option-chevron{
        transform:rotate(180deg)!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA — VIEW TOGGLE THEME + COMPARE ICON-ONLY ACTIVE
   2026-09-04
   Scope: mobile Products toolbar only. Desktop/tablet unchanged.
   1) Grid/List pressed state follows light/dark theme.
   2) Active Compare button stays icon-only; live 3/3 summary remains outside.
   ================================================================ */
@media (max-width:599px){
    /* Grid / List: clear inactive + selected state in LIGHT mode. */
    html[data-site-theme="light"] .products-page .view-button{
        border-color:#dce0e8!important;
        background:#ffffff!important;
        color:#697386!important;
        box-shadow:none!important;
    }
    html[data-site-theme="light"] .products-page .view-button.is-active,
    html[data-site-theme="light"] .products-page .view-button[aria-pressed="true"]{
        border-color:#6846f5!important;
        background:#6846f5!important;
        color:#ffffff!important;
        box-shadow:0 6px 14px rgba(104,70,245,.20)!important;
    }

    /* Grid / List: dark surfaces stay dark; selected view gets a clear purple state. */
    html[data-site-theme="dark"] .products-page .view-button{
        border-color:var(--theme-border-strong,#3a475d)!important;
        background:var(--theme-input-bg,#151e2e)!important;
        color:var(--theme-text-secondary,#cbd5e1)!important;
        box-shadow:none!important;
    }
    html[data-site-theme="dark"] .products-page .view-button.is-active,
    html[data-site-theme="dark"] .products-page .view-button[aria-pressed="true"]{
        border-color:var(--theme-primary,#8b72ff)!important;
        background:var(--theme-primary,#8b72ff)!important;
        color:#ffffff!important;
        box-shadow:0 6px 16px rgba(0,0,0,.24)!important;
    }

    /* Compare: when Compare Mode is ON, keep the compact toolbar control icon-only. */
    .products-page .compare-mode-toggle.is-active{
        width:36px!important;
        min-width:36px!important;
        max-width:36px!important;
        height:38px!important;
        min-height:38px!important;
        padding:0!important;
        gap:0!important;
        overflow:hidden!important;
    }
    .products-page .compare-mode-toggle.is-active [data-compare-mode-label],
    .products-page .compare-mode-toggle.is-active [data-compare-toolbar-count]{
        display:none!important;
    }
    .products-page .compare-mode-toggle.is-active .icon{
        margin:0!important;
        flex:0 0 auto!important;
    }
}

/* ================================================================
   PRODUCTS MOBILE QA — FILTER DRAWER MUST COVER / HIDE COMPARE TRAY
   2026-09-04 V2
   Scope: mobile Products page only.
   products.js adds body.product-filter-open while the filter drawer is open.
   This avoids relying on :has() and also keeps the tray below the drawer overlay.
   Selection/compare mode stay active and return unchanged when the drawer closes.
   ================================================================ */
@media (max-width:599px){
    .products-page .compare-floating-bar{
        z-index:90!important;
    }
    body.products-page.product-filter-open .compare-floating-bar{
        display:none!important;
        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
    }
    body.products-page.product-filter-open{
        --mobile-compare-tray-height:0px!important;
    }
}