/* Product Card Hover Animation Fix - Oak Fusion */

/* Override existing product card hover effects to prevent jittery animations */
.product-card {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    will-change: transform, box-shadow !important;
}

.product-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 30px rgba(139, 38, 53, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Fix image scaling to be smoother */
.product-card .card-img-top,
.product-card .product-image img {
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.product-card:hover .card-img-top,
.product-card:hover .product-image img {
    transform: scale(1.03) !important;
}

/* Prevent conflicting transformations */
.product-card:hover .card {
    transform: none !important;
}

/* Ensure smooth transition for recommendation cards */
.recommendations-section .product-card {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.recommendations-section .product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 10px 25px rgba(139, 38, 53, 0.15) !important;
}

/* Mobile optimization - disable complex transforms on touch devices */
@media (hover: none) and (pointer: coarse) {
    .product-card:hover {
        transform: none !important;
        box-shadow: 0 6px 20px rgba(139, 38, 53, 0.1) !important;
    }
    
    .product-card:hover .card-img-top,
    .product-card:hover .product-image img {
        transform: none !important;
    }
    
    .product-card:active {
        transform: scale(0.98) !important;
        transition: transform 0.1s ease !important;
    }
}

/* Ensure wishlist button doesn't interfere with card hover */
.product-card .wishlist-toggle {
    z-index: 30 !important;
    transition: all 0.2s ease !important;
}

.product-card:hover .wishlist-toggle {
    transform: none !important;
}