body { background-color: #f8f9fa; } .product-card { border: none; transition: transform 0.3s ease, box-shadow 0.3s ease; border-radius: 15px; overflow: hidden; background: #fff; } .product-card:hover { transform: translateY(-30px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); } .product-img { position: relative; height: 250px; background: #f1f1f1; display: flex; align-items: center; justify-content: center; } .badge-top { position: absolute; top: 15px; left: 15px; background: #ff5722; color: #fff; font-weight: 600; padding: 5px 10px; border-radius: 12px; font-size: 0.85rem; } .product-card img { max-height: 200px; transition: transform 0.3s ease; } .product-card:hover img { transform: scale(1.05); } .card-body h5 { font-weight: 600; } .rating i { color: #ffc107; } .price { font-size: 1.2rem; font-weight: bold; color: #007bff; } .old-price { text-decoration: line-through; color: #6c757d; margin-left: 8px; font-size: 0.9rem; } .btn-cart { background: #007bff; color: white; border-radius: 25px; transition: background 0.3s; } .btn-cart:hover { background: #0056b3; } .btn-buy { background: #28a745; color: white; border-radius: 25px; transition: background 0.3s; } .btn-buy:hover { background: #1e7e34; } footer { margin-top: 100px; }