/* Product preview layout only. Shared colors, type and components belong to code E. */
#product-previews { padding:var(--space-8) var(--space-2); margin-block:var(--space-6); }
#product-previews .product-eyebrow { margin:0 0 var(--space-3); color:var(--muted); font-size:10px; letter-spacing:1.1px; text-transform:uppercase; }
#product-previews .product-heading { margin:0 0 var(--space-4); }
#product-previews .product-heading span { background:linear-gradient(transparent 84%,var(--yellow) 84%,var(--yellow) 96%,transparent 96%); }
#product-previews .product-intro { margin:0 0 var(--space-6); color:var(--muted); }
#product-previews #product-status { margin:0 0 var(--space-5); font-size:13px; }
#product-previews #retry-products { margin-bottom:var(--space-5); }
#products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-4); }
#products .product-card { display:flex; flex-direction:column; gap:var(--space-3); margin:0; }
#products .product-image { width:100%; height:auto; aspect-ratio:1; border-radius:var(--radius-input); background:var(--white); }
#products .product-copy { color:var(--ink); font-size:16px; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
@media(min-width:360px) { #products .product-copy { font-size:18px; } }
@media(min-width:900px) {
 #product-previews { position:relative; left:50%; width:min(calc(100vw - 2 * var(--page-gutter)),var(--content-width)); transform:translateX(-50%); }
 #products { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(min-width:1200px) { #products { grid-template-columns:repeat(4,minmax(0,1fr)); } }