.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.product-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;transition:border-color var(--animation-duration) ease,transform var(--animation-duration) ease}
.product-card:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));transform:translateY(-2px)}
.product-card__media{position:relative;display:block;overflow:hidden;background:var(--color-surface)}
.product-card__media--square{aspect-ratio:1}.product-card__media--portrait{aspect-ratio:4/5}.product-card__media--adapt{aspect-ratio:4/3}
.product-card__media>img,.product-card__media>svg{width:100%;height:100%;object-fit:contain}
.product-card__secondary-image{position:absolute;inset:0;opacity:0;transition:opacity var(--animation-duration) ease}
.product-card:hover .product-card__secondary-image{opacity:1}
.product-card__badges{position:absolute;z-index:2;top:.55rem;left:.55rem;display:flex;flex-wrap:wrap;gap:.35rem}
.product-card__content{display:flex;flex:1;flex-direction:column;padding:.85rem}
.product-card__vendor{margin:0 0 .25rem;color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase}
.product-card__title{margin:0 0 .35rem;font-size:.95rem;letter-spacing:-.01em}
.product-card__title a{text-decoration:none}
.product-card__subtitle{margin:0 0 .65rem;color:var(--color-text-muted);font-size:.8rem}
.product-card__specs{display:grid;gap:.2rem;margin:0 0 .65rem;font-size:.78rem}
.product-card__specs div{display:flex;justify-content:space-between;gap:.5rem}
.product-card__specs dt{color:var(--color-text-muted)}.product-card__specs dd{margin:0;font-weight:700;text-align:right}
.price{margin:.25rem 0;font-weight:800}
.price__regular,.price__sale{display:flex;flex-wrap:wrap;gap:.35rem .55rem;align-items:baseline}
.price--on-sale .price__regular{display:none}
.price-item--compare{color:var(--color-text-muted);font-size:.82em;font-weight:500}
.price-item--sale{color:var(--color-primary)}
.unit-price{display:block;color:var(--color-text-muted);font-weight:400}
.product-card .availability{margin-top:auto}
.product-card .button{margin-top:.55rem;padding-inline:.65rem;font-size:.82rem}
.product-card--placeholder .product-card__media{aspect-ratio:1}
@media(min-width:750px){
  .product-grid{gap:1.2rem}
  .product-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-card__content{padding:1rem}
  .product-card__title{font-size:1.02rem}
}
@media(hover:none){
  .product-card__secondary-image{display:none}
}