/* Komponent: product-card + product-grid — Redizajn „D" (neutrálny katalóg) */

.product-grid{
  display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--sp-4);
}
@media (max-width:980px){ .product-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width:560px){ .product-grid{ grid-template-columns:1fr; } }

.product-card{
  background:var(--surface); border:1px solid var(--line); border-radius:0;
  overflow:hidden; display:flex; flex-direction:column;
  transition:box-shadow var(--t-base) var(--ease), transform var(--t-base) var(--ease);
}
.product-card:hover{ box-shadow:0 18px 40px -26px rgba(29,32,31,.5); transform:translateY(-3px); }

.pc-media{
  position:relative; display:block; aspect-ratio:1/.92; background:var(--steel); overflow:hidden;
}
.pc-media img{ width:100%; height:100%; object-fit:cover; mix-blend-mode:multiply; transition:transform var(--t-slow) var(--ease); }
.product-card:hover .pc-media img{ transform:scale(1.04); }
.pc-badge{ position:absolute; top:12px; left:12px; background:var(--accent); color:#fff; font-family:var(--font-display); font-weight:var(--fw-semibold); font-size:11px; letter-spacing:.04em; padding:4px 9px; border-radius:0; }

.pc-body{ padding:15px var(--sp-4) 17px; display:flex; flex-direction:column; gap:5px; flex:1; }
.pc-brand{ font-family:var(--font-display); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); font-weight:var(--fw-semibold); }
.pc-name{
  font-family:var(--font-body); font-weight:var(--fw-regular); font-size:14.5px; color:var(--ink); line-height:1.35;
  transition:color var(--t-fast) var(--ease);
}
.pc-name:hover{ color:var(--accent); }
.pc-price{ margin-top:auto; padding-top:8px; display:flex; align-items:baseline; }
.pc-price .price{ font-family:var(--font-display); font-weight:var(--fw-semibold); font-size:18px; color:var(--ink); }
.pc-price s{ font-size:12px; margin-left:6px; color:var(--muted); }
.pc-b2b{ font-family:var(--font-display); font-weight:var(--fw-semibold); font-size:10.5px; color:var(--accent); margin-top:2px; }
.pc-foot{ display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-top:6px; }
.pc-add{ display:inline-grid; place-items:center; font-family:var(--font-display); font-weight:var(--fw-semibold); font-size:12px; padding:9px 14px; border:1.5px solid var(--ink); background:transparent; color:var(--ink); border-radius:0; text-transform:none; letter-spacing:0; transition:var(--t-base) var(--ease); }
.pc-add:hover{ background:var(--ink); color:#fff; }

/* Redizajn 22 — pohodlný tap-target na mobile */
@media (max-width:560px){
  .pc-add{ min-width:44px; min-height:44px; font-size:20px; padding:0 12px; }
  .pc-body{ padding:13px var(--sp-4) 15px; }
}