.product-card{border-radius:var(--radius-card);background:var(--color-bg);grid-template-columns:112px 1fr;gap:12px;padding:8px;display:grid;position:relative}.product-card:has(.product-card__open:focus-visible){outline:3px solid var(--color-accent-strong);outline-offset:2px}.product-card__media{aspect-ratio:1;background:var(--color-surface);border-radius:12px;overflow:hidden}.product-card__media img{object-fit:cover;width:100%;height:100%}.product-card__body{flex-direction:column;min-width:0;padding:2px 2px 0 0;display:flex}.product-card__title{font:var(--text-card)}.product-card__open{text-decoration:none}.product-card__open:after{content:"";border-radius:var(--radius-card);position:absolute;inset:0}.product-card__open:focus-visible{outline:none}.product-card__desc{-webkit-line-clamp:2;font:var(--text-small);color:var(--color-text-muted);-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.product-card__footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.product-card__price{font:var(--font-bold) 16px/1.2 var(--font-family);white-space:nowrap}.product-card__weight{font:var(--text-caption);color:var(--color-text-muted);margin-top:2px;display:block}@media (min-width:600px){.product-card{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:0;padding:0}.product-card__media{aspect-ratio:3/2;border-radius:var(--radius-card) var(--radius-card) 0 0}.product-card__body{padding:16px 20px 20px}.product-card__desc{margin-top:6px}.product-card__footer{padding-top:20px}.product-card__price{font-size:18px}}
.product-grid{gap:var(--grid-gap);display:grid}@media (min-width:600px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr)}}