:root{
    --primary: #0d6efd;
    --muted: #6c757d;
    --card-radius: 10px;
}

/* PRODUCT CARD */
.product-item { border-radius: 12px; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.product-item:hover { transform: translateY(-8px); box-shadow: 0 28px 60px rgba(2,6,23,0.08); }
.product-img { position: relative; background: #fff; }
.product-img img { width:100%; height:200px; object-fit:cover; }
.product-action { position:absolute; top:10px; right:10px; display:flex; gap:8px; opacity:0; transition:opacity .15s ease; }
.product-item:hover .product-action{ opacity:1; }
.btn-square{ width:40px; height:40px; border-radius:8px; display:flex; align-items:center; justify-content:center; }

.badge-custom { position:absolute; left:10px; top:10px; padding:6px 10px; border-radius:8px; font-weight:700; font-size:0.8rem; color:#fff; }
.badge-new{ background: linear-gradient(90deg,#28a745,#20c997); }
.badge-discount{ background: linear-gradient(90deg,#ff7b00,#ff4d4d); }
.badge-oem { background: linear-gradient(90deg,#0d6efd,#6610f2); } /* example */
.badge-aftermarket { background: linear-gradient(90deg,#ffc107,#fd7e14); } /* example */

.price-old { color: var(--muted); font-size:0.95rem; margin-left:8px; text-decoration:line-through; }

/* Responsive */
@media (max-width: 991px){ .product-img img{ height:180px; } }