body { background-color: #f8f9fa; }
.product-card { transition: transform .2s, box-shadow .2s; border:none; }
.product-card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,.12) !important; }
.product-card .card-img-top { height: 220px; object-fit: cover; background:#eee; }
.price { color: #0d6efd; font-weight: 700; font-size: 1.2rem; }
.price-old { text-decoration: line-through; color: #999; font-size: .9rem; }
.badge-sale { position:absolute; top:10px; right:10px; }
.hero { background: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%); color: white; padding: 80px 0; border-radius: 16px; margin-bottom: 2rem; }
.category-card { cursor:pointer; transition: all .2s; }
.category-card:hover { background:#0d6efd !important; color:white !important; }
.cart-item img { width:70px; height:70px; object-fit:cover; border-radius:8px; }
.qty-input { width:70px; text-align:center; }
.admin-sidebar { min-height: calc(100vh - 56px); background:#212529; }
.admin-sidebar .nav-link { color: rgba(255,255,255,.75); padding:.7rem 1rem; border-radius:8px; margin:2px 0; }
.admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { background:#0d6efd; color:white; }
.admin-sidebar .nav-link i { margin-right:.5rem; }
@media(max-width:768px) { .hero { padding:40px 0; } }