/* Animation Classes */
.fade-in-up,
.fade-in-left,
.fade-in-right {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

.fade-in-up {
    transform: translateY(40px);
}

.fade-in-left {
    transform: translateX(-40px);
}

.fade-in-right {
    transform: translateX(40px);
}

/* Visibility State */
.visible {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
}

/* Enhanced Product Card Hover */
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 167, 193, 0.15);
    /* Updated to Turquoise shadow */
    border-color: var(--primary-blue);
}