.product-card {
            transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: pointer;
            overflow: hidden;
        }
        
        .product-card:hover {
            transform: translateY(-10px) scale(1.02);
        }
        
        .product-card .card-img-overlay {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .product-card:hover .card-img-overlay {
            opacity: 1;
        }
        
        .product-card img {
            transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .product-card:hover img {
            transform: scale(1.05);
        }
        
        .product-title {
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }
        
        .product-card:hover .product-title {
            transform: translateY(0);
            opacity: 1;
        }
        
        /* Animation for cards appearing */
        .product-card {
            animation: fadeInUp 0.6s ease forwards;
        }
        
        .product-card:nth-child(1) { animation-delay: 0.1s; }
        .product-card:nth-child(2) { animation-delay: 0.2s; }
        .product-card:nth-child(3) { animation-delay: 0.3s; }
        .product-card:nth-child(4) { animation-delay: 0.4s; }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Mobile adjustments */
        @media (max-width: 576px) {
            .product-card .card-img-overlay {
                opacity: 1;
                background: rgba(0, 0, 0, 0.5);
            }
            
            .product-card .product-title {
                opacity: 1;
                transform: translateY(0);
            }
        }
