/* ===== Legacy product card (compat) ===== */
.product{
  overflow:hidden; background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); box-shadow: var(--shadow);
}
.product__thumb{ position:relative; aspect-ratio: 4/3; background:var(--surface); overflow:hidden }
.product__thumb img{ width:100%; height:100%; object-fit:cover; transition: transform .3s ease }
.product:hover .product__thumb img{ transform: scale(1.03) }
.product__badges{ position:absolute; top:8px; left:8px; display:flex; gap:6px }
.badge--sale{ background: linear-gradient(135deg,#ef4444,#f97316) }
.badge--new{ background: linear-gradient(135deg,#16a34a,#22c55e) }
.product__body{ padding:12px }
.product__title{ font-weight:700; font-size:16px; line-height:1.4; margin:0 0 6px; color:var(--fg) }
.product__meta{ display:flex; gap:8px; align-items:center; color:var(--muted); font-size:13px }
.product__price{ display:flex; align-items:baseline; gap:8px; margin-top:8px }
.price--current{ font-weight:800; color:var(--fg) }
.price--old{ text-decoration:line-through; color:var(--muted) }
.product__actions{ display:flex; gap:8px; margin-top:12px }

/* ===== Pro product card (modern) ===== */
.product--pro{ position:relative; overflow:hidden }
.product--pro .product__media{ position:relative; border-radius:var(--radius); overflow:hidden }
.product--pro .product__thumb{ display:block; aspect-ratio:4/3; background:var(--surface) }
.product--pro .product__img{
  width:100%; height:100%; object-fit:cover;
  transform:scale(1); transition:transform .35s ease, filter .35s ease;
  filter:saturate(1) contrast(1.03);
}
.product--pro:hover .product__img{ transform:scale(1.035) }

.product--pro .product__badges{
  position:absolute; inset:10px auto auto 10px; display:flex; gap:6px; z-index:2;
}

.product--pro .product__hover{
  position:absolute; right:10px; bottom:10px; display:flex; gap:8px; z-index:2;
  transform:translateY(8px); opacity:0; pointer-events:none; transition:.25s ease;
}
.product--pro:hover .product__hover{ transform:none; opacity:1; pointer-events:auto }

/* Body */
.product--pro .product__body{ padding:12px }
.product--pro .product__title{ margin:0 0 6px; font-size:16px; line-height:1.4 }
.product--pro .product__meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--muted); font-size:13px }
.product--pro .product__price{ display:flex; align-items:baseline; gap:8px; margin-top:6px }
.product--pro .price--current{ font-weight:800 }
.product--pro .price--old{ text-decoration:line-through; color:var(--muted) }
.product--pro .product__actions{ display:flex; gap:8px; margin-top:12px }