/* LASTO Products — mobile list card reference layout
   Mobile only. Desktop is intentionally untouched. */
@media (max-width:599px){
  .products-page .products-grid.is-list{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .products-page .products-grid.is-list .catalog-product-card{
    display:grid!important;
    grid-template-columns:145px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    align-items:stretch!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }

  /* LEFT: image */
  .products-page .products-grid.is-list .catalog-product-image{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    width:145px!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    padding:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#fff!important;
    border:0!important;
  }
  .products-page .products-grid.is-list .catalog-product-image>a{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    width:100%!important;
    height:100%!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;
    transform:none!important;
  }
  .products-page .products-grid.is-list .catalog-product-badges{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    z-index:5!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:24px!important;
    height:24px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }

  /* RIGHT: logo/model + 6 specs + bottom actions. No third price column. */
  .products-page .products-grid.is-list .catalog-product-content{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:176px!important;
    min-height:176px!important;
    max-height:176px!important;
    padding:9px 10px 8px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    overflow:hidden!important;
    border:0!important;
  }

  .products-page .products-grid.is-list .catalog-product-main{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:30px minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:6px!important;
    align-items:center!important;
    align-content:start!important;
    overflow:hidden!important;
  }

  .products-page .products-grid.is-list .catalog-product-brand-logo-row{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-line{display:none!important;}
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame{
    width:62px!important;
    height:30px!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:0 0 0 1px rgba(205,211,223,.95)!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp{width:52px!important;}
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{width:70px!important;}

  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    min-width:0!important;
    min-height:0!important;
    max-height:30px!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }

  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-specs{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,auto)!important;
    column-gap:9px!important;
    row-gap:5px!important;
    align-self:center!important;
    overflow:hidden!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:15px minmax(0,1fr)!important;
    align-items:center!important;
    gap:5px!important;
    font-size:8.2px!important;
    line-height:1.14!important;
    overflow:hidden!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec:nth-child(even),
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec:nth-child(-n+4){
    padding-left:0!important;
    border:0!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon,
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon .icon{
    width:15px!important;
    min-width:15px!important;
    height:15px!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;
    display:block!important;
  }
  .products-page .products-grid.is-list .catalog-product-availability{display:none!important;}

  /* Force bottom section back under specs; remove old right-side price rail. */
  .products-page .products-grid.is-list .catalog-product-bottom{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 0 0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:7px!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    border-top:1px solid rgba(183,198,221,.28)!important;
  }
  .products-page .products-grid.is-list .product-original-price{
    position:absolute!important;
    left:0!important;
    bottom:31px!important;
    margin:0!important;
    font-size:6px!important;
    line-height:1!important;
  }
  .products-page .products-grid.is-list .catalog-product-bottom>strong{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
    align-self:center!important;
    font-size:17px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-align:left!important;
  }
  .products-page .products-grid.is-list .catalog-product-actions{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 32px!important;
    gap:5px!important;
    align-items:center!important;
  }
  .products-page .products-grid.is-list .product-details-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap!important;
    background:linear-gradient(135deg,#7542ff,#a33cf6)!important;
    border-color:#8f5cff!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .products-page .products-grid.is-list .product-details-button::after{
    content:"›"!important;
    display:inline-block!important;
    margin-left:4px!important;
    font-size:11px!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    border-radius:9px!important;
    border-width:1.5px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp::after{content:none!important;display:none!important;}
  .products-page .products-grid.is-list .product-card-whatsapp .icon{width:16px!important;height:16px!important;}

  .products-page .products-grid.is-list .compare-select-button{
    position:static!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0 6px!important;
    border-radius:9px!important;
    font-size:7.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  html[data-site-theme="dark"] .products-page .products-grid.is-list .catalog-product-card{
    background:linear-gradient(90deg,#09152a 0%,#0c1933 54%,#0a162c 100%)!important;
    border-color:#874cff!important;
    box-shadow:0 0 0 1px rgba(135,76,255,.12)!important;
  }
  html[data-site-theme="dark"] .products-page .products-grid.is-list .catalog-product-content{background:transparent!important;}
  html[data-site-theme="dark"] .products-page .products-grid.is-list .catalog-product-key-spec,
  html[data-site-theme="dark"] .products-page .products-grid.is-list .catalog-product-key-spec-value{color:#dbe6f5!important;}
  html[data-site-theme="dark"] .products-page .products-grid.is-list .catalog-product-key-spec-icon,
  html[data-site-theme="dark"] .products-page .products-grid.is-list .catalog-product-key-spec-icon .icon{color:#c383ff!important;}
  html[data-site-theme="dark"] .products-page .products-grid.is-list .product-card-whatsapp{border-color:#13d773!important;color:#15e47b!important;}
}

@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:172px!important;
    min-height:172px!important;
    max-height:172px!important;
  }
  .products-page .products-grid.is-list .catalog-product-card{grid-template-columns:140px minmax(0,1fr)!important;}
  .products-page .products-grid.is-list .catalog-product-image{width:140px!important;height:172px!important;min-height:172px!important;max-height:172px!important;}
}

/* ================================================================
   2026-09-07 — MOBILE CARD REFERENCE V4 TUNE
   Improve readability and spacing for the approved mobile list card.
   ================================================================ */
@media (max-width:599px){
  .products-page .products-grid.is-list{
    gap:16px!important;
  }

  .products-page .products-grid.is-list .catalog-product-card{
    grid-template-columns:150px minmax(0,1fr)!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    border-radius:20px!important;
  }

  .products-page .products-grid.is-list .catalog-product-image{
    width:150px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    padding:10px!important;
  }

  .products-page .products-grid.is-list .catalog-product-badges{
    top:10px!important;
    left:10px!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:26px!important;
    height:26px!important;
    padding:0 12px!important;
    font-size:9px!important;
  }

  .products-page .products-grid.is-list .catalog-product-content{
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    padding:10px 12px 10px!important;
  }

  .products-page .products-grid.is-list .catalog-product-main{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    column-gap:8px!important;
    row-gap:8px!important;
  }

  .products-page .products-grid.is-list .catalog-product-brand-logo-frame{
    width:66px!important;
    height:32px!important;
    padding:5px 8px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp{width:54px!important;}
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{width:76px!important;}

  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{
    max-height:none!important;
    font-size:11.5px!important;
    line-height:1.14!important;
  }

  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-specs{
    column-gap:11px!important;
    row-gap:6px!important;
    align-self:start!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    grid-template-columns:16px minmax(0,1fr)!important;
    gap:6px!important;
    font-size:9px!important;
    line-height:1.22!important;
    align-items:start!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon,
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon .icon{
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
  }
  .products-page .products-grid.is-list .catalog-product-key-spec-value{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }

  .products-page .products-grid.is-list .catalog-product-bottom{
    padding-top:9px!important;
    column-gap:8px!important;
    align-items:end!important;
  }
  .products-page .products-grid.is-list .catalog-product-bottom>strong{
    font-size:18px!important;
  }
  .products-page .products-grid.is-list .catalog-product-actions{
    grid-template-columns:minmax(0,116px) 36px!important;
    gap:7px!important;
  }
  .products-page .products-grid.is-list .product-details-button{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:8.5px!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp,
  .products-page .products-grid.is-list .compare-select-button{
    min-height:36px!important;
    height:36px!important;
    width:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp .icon{
    width:18px!important;
    height:18px!important;
  }
  .products-page .products-grid.is-list .compare-select-button{
    width:100%!important;
    min-width:0!important;
    padding:0 10px!important;
    font-size:8.5px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:480px){
  .products-page .products-grid.is-list .catalog-product-card{
    grid-template-columns:144px minmax(0,1fr)!important;
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image,
  .products-page .products-grid.is-list .catalog-product-content{
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image{width:144px!important;}
  .products-page .products-grid.is-list .catalog-product-content{padding:10px 10px 9px!important;}
  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{font-size:11px!important;}
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{font-size:8.6px!important;}
  .products-page .products-grid.is-list .catalog-product-bottom>strong{font-size:17px!important;}
  .products-page .products-grid.is-list .catalog-product-actions{grid-template-columns:minmax(0,108px) 34px!important;gap:6px!important;}
  .products-page .products-grid.is-list .product-details-button{font-size:8px!important;min-height:34px!important;height:34px!important;}
  .products-page .products-grid.is-list .product-card-whatsapp,
  .products-page .products-grid.is-list .compare-select-button{min-height:34px!important;height:34px!important;}
  .products-page .products-grid.is-list .product-card-whatsapp{width:34px!important;min-width:34px!important;}
}

@media (max-width:410px){
  .products-page .products-grid.is-list .catalog-product-card{
    grid-template-columns:140px minmax(0,1fr)!important;
    height:192px!important;
    min-height:192px!important;
    max-height:192px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image,
  .products-page .products-grid.is-list .catalog-product-content{
    height:192px!important;
    min-height:192px!important;
    max-height:192px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image{width:140px!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-bottom>strong{font-size:16px!important;}
}

/* ================================================================
   2026-09-07 — MOBILE CARD REFERENCE V5 POLISH
   Mobile-only visual tune. Desktop remains exactly on the locked CSS.
   ================================================================ */
@media (max-width:599px){
  /* Give the model more breathing room beside the brand logo. */
  .products-page .products-grid.is-list .catalog-product-main{
    grid-template-columns:72px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame{
    max-width:72px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp{
    width:54px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{
    width:72px!important;
  }

  /* Enlarge the product visually inside the existing white image area. */
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-image img,
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-card:hover .catalog-product-image img{
    transform:scale(1.14)!important;
    transform-origin:center center!important;
  }

  /* Slightly airier spec rows without increasing card height. */
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-specs{
    column-gap:12px!important;
    row-gap:6px!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    gap:7px!important;
    line-height:1.24!important;
  }

  /* Let View Details use the remaining action width instead of a fixed narrow slot. */
  .products-page .products-grid.is-list .catalog-product-bottom{
    grid-template-columns:minmax(82px,auto) minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .products-page .products-grid.is-list .catalog-product-actions{
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:7px!important;
  }
  .products-page .products-grid.is-list .product-details-button{
    width:100%!important;
    max-width:none!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp{
    width:36px!important;
    min-width:36px!important;
  }
}

@media (max-width:480px){
  .products-page .products-grid.is-list .catalog-product-main{
    grid-template-columns:68px minmax(0,1fr)!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame{max-width:68px!important;}
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{width:68px!important;}
  .products-page .products-grid.is-list .catalog-product-bottom{
    grid-template-columns:minmax(78px,auto) minmax(0,1fr)!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-card-whatsapp{
    width:34px!important;
    min-width:34px!important;
  }
}

/* ================================================================
   2026-09-07 — MOBILE CARD REFERENCE V6 COMPACT PRICE TUNE
   Slightly smaller mobile cards and lighter price weight.
   ================================================================ */
@media (max-width:599px){
  .products-page .products-grid.is-list .catalog-product-card{
    grid-template-columns:146px minmax(0,1fr)!important;
    height:194px!important;
    min-height:194px!important;
    max-height:194px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image{
    width:146px!important;
    height:194px!important;
    min-height:194px!important;
    max-height:194px!important;
    padding:9px!important;
  }
  .products-page .products-grid.is-list .catalog-product-content{
    height:194px!important;
    min-height:194px!important;
    max-height:194px!important;
    padding:9px 11px 9px!important;
  }
  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{
    font-size:11px!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-specs{
    row-gap:5px!important;
    column-gap:10px!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    font-size:8.7px!important;
    line-height:1.2!important;
    gap:6px!important;
  }
  .products-page .products-grid.is-list .catalog-product-bottom{
    padding-top:8px!important;
    column-gap:7px!important;
  }
  .products-page .products-grid.is-list .catalog-product-bottom > strong{
    font-size:16px!important;
    font-weight:600!important;
    letter-spacing:0!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 .compare-select-button{
    min-height:34px!important;
    height:34px!important;
    font-size:8px!important;
    border-radius:10px!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp .icon{
    width:17px!important;
    height:17px!important;
  }
}

@media (max-width:480px){
  .products-page .products-grid.is-list .catalog-product-card{
    grid-template-columns:142px minmax(0,1fr)!important;
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image,
  .products-page .products-grid.is-list .catalog-product-content{
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image{width:142px!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.7px!important;}
  .products-page .products-grid.is-list .catalog-product-bottom > strong{font-size:15px!important;font-weight:600!important;}
}

@media (max-width:410px){
  .products-page .products-grid.is-list .catalog-product-card{
    grid-template-columns:138px minmax(0,1fr)!important;
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image,
  .products-page .products-grid.is-list .catalog-product-content{
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
  }
  .products-page .products-grid.is-list .catalog-product-image{width:138px!important;}
}

/* ================================================================
   2026-09-07 — MOBILE CARD REFERENCE V7 TYPO BUTTON ALIGN TUNE
   Keep desktop locked; refine mobile list cards only.
   ================================================================ */
@media (max-width:599px){
  /* Standardise brand logo frame sizing across brands */
  .products-page .products-grid.is-list .catalog-product-brand-logo-row{
    align-items:flex-start!important;
    margin:0 0 6px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{
    width:68px!important;
    height:32px!important;
    min-width:68px!important;
    padding:5px 8px!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame img,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame svg{
    max-width:100%!important;
    max-height:100%!important;
    width:auto!important;
    height:auto!important;
  }

  /* Use mobile grid-view typography rhythm */
  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }

  /* Make icon + text start neatly on the same line */
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    align-items:start!important;
    gap:6px!important;
    font-size:9px!important;
    line-height:1.22!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon{
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    margin-top:1px!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon .icon{
    width:16px!important;
    height:16px!important;
  }
  .products-page .products-grid.is-list .catalog-product-key-spec-value{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.22!important;
  }

  /* Restore mobile grid-view button sizing/treatment */
  .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 .compare-select-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 .products-grid.is-list .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 .products-grid.is-list .product-card-whatsapp .icon{
    width:15px!important;
    height:15px!important;
  }
}

@media (max-width:480px){
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{
    width:64px!important;
    min-width:64px!important;
    height:30px!important;
  }
}

/* ================================================================
   2026-09-07 — MOBILE CARD V8 EXACT GRID-SIZE MATCH
   Exact mobile grid-view sizing for logo/model/spec text/buttons.
   Layout dimensions remain unchanged. Desktop remains locked.
   ================================================================ */
@media (max-width:599px){
  /* Exact mobile Grid View brand-logo sizing. */
  .products-page .products-grid.is-list .catalog-product-brand-logo-row{
    min-height:24px!important;
    margin-bottom:5px!important;
    gap:6px!important;
    align-items:center!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    padding:3px 6px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:24px!important;
    padding:3px 7px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:24px!important;
    padding:3px 7px!important;
  }

  /* Exact mobile Grid View model typography. */
  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.35!important;
  }

  /* Grid View spec sizing, but top-align icon with first text line. */
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    grid-template-columns:14px minmax(0,1fr)!important;
    align-items:start!important;
    gap:6px!important;
    font-size:9.5px!important;
    font-weight:500!important;
    line-height:1.25!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon{
    width:14px!important;
    min-width:14px!important;
    height:14px!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon .icon{
    width:12px!important;
    height:12px!important;
    margin:1px 0 0!important;
  }
  .products-page .products-grid.is-list .catalog-product-key-spec-value{
    line-height:1.25!important;
    padding:0!important;
    margin:0!important;
  }

  /* Exact mobile Grid View buttons. */
  .products-page .products-grid.is-list .product-details-button,
  .products-page .products-grid.is-list .compare-select-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 .products-grid.is-list .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 .products-grid.is-list .product-card-whatsapp .icon{
    width:15px!important;
    height:15px!important;
  }
}

/* ================================================================
   2026-09-07 — MOBILE CARD V9 VERIFIED GRID-STYLE OVERRIDE
   Mobile list only. Standardise logo frame, align spec icon/text,
   and restore the actual mobile Grid View action button appearance.
   ================================================================ */
@media (max-width:599px){
  /* One identical logo frame size for every brand. */
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    padding:3px 7px!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-brand-logo{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  /* Exact Grid View mobile model typography. */
  .products-page .products-grid.is-list .catalog-product-content h2,
  .products-page .products-grid.is-list .catalog-product-content h2 a{
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.35!important;
  }

  /* Exact Grid View mobile spec sizing; first text line begins with icon row. */
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec{
    display:grid!important;
    grid-template-columns:14px minmax(0,1fr)!important;
    align-items:start!important;
    gap:6px!important;
    font-size:9.5px!important;
    font-weight:500!important;
    line-height:1.25!important;
    padding:0!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon{
    width:14px!important;
    min-width:14px!important;
    height:14px!important;
    align-self:start!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
  }
  .products-page .products-grid.is-list :is(.category-laptop,.category-desktop) .catalog-product-key-spec-icon .icon{
    display:block!important;
    width:12px!important;
    height:12px!important;
    margin:1px 0 0!important;
    padding:0!important;
  }
  .products-page .products-grid.is-list .catalog-product-key-spec-value{
    align-self:start!important;
    padding:0!important;
    margin:0!important;
    line-height:1.25!important;
  }

  /* Restore actual mobile Grid View action geometry. */
  .products-page .products-grid.is-list .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;
    box-shadow:none!important;
  }
  .products-page .products-grid.is-list .product-details-button::after{
    content:none!important;
    display:none!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    border-radius:7px!important;
    box-shadow:none!important;
  }
  .products-page .products-grid.is-list .product-card-whatsapp .icon{
    width:15px!important;
    height:15px!important;
  }

  /* Actual Grid View colours/treatment in dark mode. */
  html[data-site-theme="dark"] .products-page .products-grid.is-list .product-details-button{
    border:1px solid #765cff!important;
    background:transparent!important;
    color:#c6b8ff!important;
    box-shadow:none!important;
  }
  html[data-site-theme="dark"] .products-page .products-grid.is-list .product-card-whatsapp{
    border:1px solid #765cff!important;
    background:transparent!important;
    color:#10d875!important;
    box-shadow:none!important;
  }

  /* Actual Grid View colours/treatment in light mode. */
  html[data-site-theme="light"] .products-page .products-grid.is-list .product-details-button{
    border:1px solid #765cff!important;
    background:#fff!important;
    color:#5c35f4!important;
    box-shadow:none!important;
  }
  html[data-site-theme="light"] .products-page .products-grid.is-list .product-card-whatsapp{
    border:1px solid #765cff!important;
    background:#fff!important;
    color:#11c96b!important;
    box-shadow:none!important;
  }
}

/* ================================================================
   2026-09-07 — MOBILE CARD V10 BRAND LOGO CLIP FIX
   Mobile list only. Prevent the standardised brand pill/logo from
   being visually clipped without changing the rest of the card.
   ================================================================ */
@media (max-width:599px){
  .products-page .products-grid.is-list .catalog-product-main{
    grid-template-columns:70px minmax(0,1fr)!important;
    grid-template-rows:30px minmax(0,1fr)!important;
    overflow:visible!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-row{
    width:70px!important;
    min-width:70px!important;
    height:30px!important;
    min-height:30px!important;
    overflow:visible!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--dell,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--hp,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--acer,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--asus,
  .products-page .products-grid.is-list .catalog-product-brand-logo-frame--lenovo{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:4px 8px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    flex:0 0 64px!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:48px!important;
    max-height:18px!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:auto!important;
  }
}

@media (max-width:480px){
  .products-page .products-grid.is-list .catalog-product-main{
    grid-template-columns:68px minmax(0,1fr)!important;
  }
  .products-page .products-grid.is-list .catalog-product-brand-logo-row{
    width:68px!important;
    min-width:68px!important;
  }
}

/* ================================================================
   2026-09-07 — MOBILE LIST COMPARE SELECT V11
   Compare Mode only: replace View Details + WhatsApp with the same
   Select Product treatment used by mobile Grid View. Card size unchanged.
   ================================================================ */
@media (max-width:599px){
  /* Keep the approved card geometry untouched. */
  body.compare-mode-active .products-page .products-grid.is-list .catalog-product-actions{
    display:none!important;
  }

  body.compare-mode-active .products-page .products-grid.is-list .catalog-product-bottom{
    grid-template-columns:minmax(78px,auto) minmax(0,1fr)!important;
    column-gap:7px!important;
  }

  body.compare-mode-active .products-page .products-grid.is-list .compare-select-button{
    position:static!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid #765cff!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#5c35f4!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    font-family:"Montserrat",Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.compare-mode-active .products-page .products-grid.is-list .compare-select-symbol{
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    border-radius:50%!important;
    background:#eeeaff!important;
    color:#5c35f4!important;
    display:grid!important;
    place-items:center!important;
    font-size:12px!important;
    line-height:1!important;
  }

  body.compare-mode-active .products-page .products-grid.is-list .compare-select-button.is-selected{
    border-color:#5c35f4!important;
    background:#5c35f4!important;
    color:#fff!important;
  }
  body.compare-mode-active .products-page .products-grid.is-list .compare-select-button.is-selected .compare-select-symbol{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
  }

  html[data-site-theme="dark"] body.compare-mode-active .products-page .products-grid.is-list .compare-select-button{
    border-color:#765cff!important;
    background:#111827!important;
    color:#c9baff!important;
  }
  html[data-site-theme="dark"] body.compare-mode-active .products-page .products-grid.is-list .compare-select-symbol{
    background:#eeeaff!important;
    color:#5c35f4!important;
  }
  html[data-site-theme="dark"] body.compare-mode-active .products-page .products-grid.is-list .compare-select-button.is-selected{
    background:#5c35f4!important;
    color:#fff!important;
  }
  html[data-site-theme="dark"] body.compare-mode-active .products-page .products-grid.is-list .compare-select-button.is-selected .compare-select-symbol{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
}

/* ================================================================
   2026-09-07 — MOBILE LIST COMPARE SELECT V12 VERIFIED SWAP
   JS explicitly swaps actions on mobile List View; these rules only
   define the Select Product visual and preserve the approved card size.
   ================================================================ */
@media (max-width:599px){
  body.compare-mode-active .products-page .products-grid.is-list .catalog-product-bottom{
    grid-template-columns:minmax(78px,auto) minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  body.compare-mode-active .products-page .products-grid.is-list .catalog-product-actions[hidden]{
    display:none!important;
  }
  body.compare-mode-active .products-page .products-grid.is-list .compare-select-button{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #765cff!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#5c35f4!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font-size:9px!important;
    font-weight:700!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }
  body.compare-mode-active .products-page .products-grid.is-list .compare-select-symbol{
    width:18px!important;
    min-width:18px!important;
    height:18px!important;
    border-radius:50%!important;
    background:#eeeaff!important;
    color:#5c35f4!important;
    display:grid!important;
    place-items:center!important;
    font-size:12px!important;
    line-height:1!important;
  }
  html[data-site-theme="dark"] body.compare-mode-active .products-page .products-grid.is-list .compare-select-button{
    background:transparent!important;
    border-color:#765cff!important;
    color:#c9baff!important;
  }
  body.compare-mode-active .products-page .products-grid.is-list .compare-select-button.is-selected{
    background:#5c35f4!important;
    border-color:#5c35f4!important;
    color:#fff!important;
  }
  body.compare-mode-active .products-page .products-grid.is-list .compare-select-button.is-selected .compare-select-symbol{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
}