.product-card {
    background: #fff; border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02); transition: all 0.3s ease; display: flex; flex-direction: column;
}
.product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-color: #cbd5e1; }

.product-card:hover .product-img-box img { transform: scale(1.08); }