/* ========================================
   FIX NON-COMPOSITED ANIMATIONS
   ======================================== */

/* Use only transform and opacity for animations */
.car-shop,
.mini-cart-button,
.search-bar-icon,
.my-account-icon,
.my-cart,
.boxed-btn,
button,
a {
    will-change: auto;
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

/* Hover effects - use transform only */
.car-shop:hover {
    transform: scale(1.05);
}

.mini-cart-button:hover {
    transform: translateX(4px);
}

.boxed-btn:hover {
    transform: translateY(-2px);
}

/* Remove problematic animations */
* {
    animation-timing-function: ease-in-out !important;
}

/* Optimize for performance */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}