.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,24px)}.product-card-image{position:relative;display:block;overflow:hidden;aspect-ratio:3/4;background:#f2f2f2}.product-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity 240ms ease,transform 400ms ease}.product-card-image .product-secondary-image{position:absolute;inset:0;opacity:0}.product-card-image:hover .product-primary-image{opacity:0}.product-card-image:hover .product-secondary-image{opacity:1;transform:scale(1.02)}.product-badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 9px;background:#fff;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.product-badge.sale{background:#111;color:#fff}.product-card-content{padding-top:14px}.product-card h3{margin:0 0 6px;font-size:14px;font-weight:500}.product-card h3 a{text-decoration:none}.product-price{font-size:14px}.product-price del{color:var(--color-muted);font-size:12px}.product-price ins{text-decoration:none}.product-colors{margin:6px 0 0;color:var(--color-muted);font-size:12px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:20px 10px}}

/* Smaller, denser cards used by the home and catalog grids. */
.product-card-image{aspect-ratio:4/5}
.product-card-content{padding-top:10px}
.product-card h3{margin-bottom:4px;font-size:13px;line-height:1.35}
.product-price{font-size:13px}.product-colors{margin-top:4px;font-size:11px}
.product-badge{top:8px;left:8px;padding:5px 7px;font-size:9px}

.product-card-image{background:var(--color-surface)}
.product-card-content{border-top:2px solid var(--color-accent)}
.product-card h3{font-weight:650;letter-spacing:.015em}
.product-price{color:var(--color-text);font-weight:600}
.product-badge{background:var(--color-on-accent);color:var(--color-accent);letter-spacing:.12em}
.product-badge.sale{background:var(--color-accent);color:var(--color-on-accent)}