.product-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;list-style:none;display:grid}@media (min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width:1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.product-grid-card{color:inherit;border:1px solid var(--border);background-color:var(--surface);border-radius:.5rem;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}@media (hover:hover){.product-grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.product-grid-image-placeholder{aspect-ratio:1;background:linear-gradient(135deg,#e5e5e5,#f2f2f2)}.product-grid-image{aspect-ratio:1;object-fit:cover;width:100%;display:block}.product-grid-card-body{flex-direction:column;gap:.375rem;padding:.625rem;display:flex}.product-grid-badges{flex-wrap:wrap;align-items:center;gap:.25rem;min-height:1.25rem;display:flex}.product-grid-badge{background-color:var(--surface-muted);color:var(--text-muted);border-radius:var(--radius-full);padding:.25rem .5rem;font-size:.6875rem;font-weight:600;line-height:1}.product-grid-ribbon{background-color:var(--color-secondary);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);padding:.3rem .55rem;font-size:.6875rem;font-weight:700;line-height:1;position:absolute;top:.5rem;right:.5rem}.product-grid-name{font-size:.9375rem;font-weight:500}.product-grid-price{color:var(--text-muted);font-size:.875rem;font-weight:600}.product-grid-price-row{flex-wrap:wrap;align-items:baseline;gap:.375rem;display:flex}.product-grid-price-original{color:var(--text-muted);font-size:.8125rem;font-weight:400;text-decoration:line-through}.product-grid-price-discounted{color:var(--color-secondary);font-size:.875rem;font-weight:600}