/* ============================================================
   sub-categories.css — legacy .sar-card aliases (optional)
   Product listings use .pc-card from main.css + listing.css
   ============================================================ */

/* If legacy markup still outputs .sar-card, keep parity with .pc-card */
.sar-card,
.prd-grid-item {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.sar-card-img {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--color-ink-05);
}

.sar-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}