/* public/cards.css
 * Produktkort (rutnät) — delas av index.html (kategori/rea/sök) och produkt.html
 * ("Fler i kategorin"). Ändra korten HÄR. */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}
.product-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative;}
.pc-link-area{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;}
.pc-link-area:hover{text-decoration:none;}
.pc-badge{position:absolute;top:10px;left:10px;background:var(--rea);color:#fff;font-size:0.78rem;font-weight:700;padding:3px 8px;border-radius:4px;}
.product-card img{width:100%;height:170px;object-fit:contain;background:#fff;padding:10px;}
.product-card .pc-body{padding:14px;display:flex;flex-direction:column;gap:6px;flex:1;}
.pc-brand{font-size:0.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;}
.pc-title{font-size:0.95rem;font-weight:600;line-height:1.3;}
.pc-store{font-size:0.78rem;color:var(--ink-soft);}
.pc-price-row{margin-top:auto;display:flex;align-items:baseline;gap:8px;}
.pc-price{font-weight:700;font-size:1.15rem;}
.pc-original{font-size:0.85rem;color:var(--ink-soft);text-decoration:line-through;}
.pc-sale{color:var(--rea);}
.pc-buy-btn{
  display:block;text-align:center;padding:12px;margin:0 14px 14px;border-radius:6px;
  background:var(--alert);color:#fff;font-weight:700;font-size:0.92rem;text-decoration:none;
}
.pc-buy-btn:hover{background:var(--alert-dark);text-decoration:none;}