style.css

/* Custom styles that can't be handled by Tailwind */
.product-card:hover {
    transform: translateY(-5px);
    transition: transform 0.3s ease;
}

.rating-stars {
    color: #FFD700;
}

.nav-search:focus {
    box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.3);
}

/* Animation for cart icon */
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

.cart-animate:hover {
    animation: bounce 0.5s;
}