/* Phone round 3 (owner, 23 Oct 2026): Samsung/Apple-style 2-up product grid, compact cards, minimal type.
   Phones only — desktop untouched. Loaded after mobile.css. */
@media (max-width: 850px) {
  .grid.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 12px!important;padding:0!important}
  .grid.products>[data-product-card]{min-width:0;margin:0;border-radius:14px;padding:0;overflow:hidden}
  [data-product-card] .product-image-stack{aspect-ratio:1/1;border-radius:14px 14px 0 0;overflow:hidden}
  [data-product-card] .product-art,[data-product-card] .product-art-primary{display:block;width:100%;height:100%}
  [data-product-card] .product-art img{width:100%;height:100%;object-fit:cover}
  [data-product-card] .product-art-alt,[data-product-card] .quick-view{display:none!important}
  [data-product-card] .scalloped-badge{transform:scale(.72);transform-origin:top left;top:6px;left:6px}
  [data-product-card] .product-info{padding:9px 10px 11px;gap:4px}
  [data-product-card] h3{font-size:14px;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  [data-product-card] .colourway,[data-product-card] .fine,[data-product-card] .tag-row,
  [data-product-card] .card-variant-toggle,[data-product-card] .card-blurb,[data-product-card] .product-blurb{display:none!important}
  [data-product-card] .price{font-size:15px;font-weight:700;margin:2px 0 6px}
  [data-product-card] .product-actions,[data-product-card] .card-actions{display:flex;gap:6px;margin:0;padding:0}
  [data-product-card] .product-actions .button{flex:1;min-height:40px!important;height:40px;padding:0 8px!important;font-size:13px!important;line-height:40px;border-radius:999px;white-space:nowrap}
  /* one button per card: the image already opens the product, so keep only the primary action */
  [data-product-card] .product-actions .button.secondary{display:none!important}
  [data-product-card]{display:flex;flex-direction:column}
  [data-product-card] .product-info{display:flex;flex-direction:column;flex:1}
  [data-product-card] .product-actions{margin-top:auto}
  [data-product-card] .phone-card-more{display:none!important}
  [data-product-card] .price{margin-bottom:10px}
}
@media (max-width: 340px){.grid.products{gap:10px 8px!important}[data-product-card] h3{font-size:13px}}
