.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.product-card-image{aspect-ratio:3/4;background:var(--color-soft);overflow:hidden}
.product-card-image img{width:100%;height:100%;object-fit:cover}
.product-card-info{padding:12px 0}
.product-card-name{margin-bottom:6px}
.product-card-price{font-weight:700}
@media(max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}}