/* Performance Optimizations */
.card {
    will-change: auto;
    transform: translateZ(0);
}

.card:hover {
    will-change: transform;
}

/* Reduce animations on mobile */
@media (max-width: 768px) {
    .transition {
        transition: none !important;
    }
    
    .group-hover\:scale-110:hover {
        transform: none !important;
    }
}

/* Optimize image loading */
img {
    content-visibility: auto;
    contain-intrinsic-size: 200px 150px;
}

/* Debounce scroll events */
.owl-carousel {
    contain: layout style paint;
}