/* CE Animations - Optimized Performance */
[data-animation="true"] {
    will-change: transform, opacity;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Initial hidden state */
[data-animation="true"]:not(.ce-animated) {
    opacity: 0;
}

/* CSS Fallback */
[data-animation="true"].ce-animated {
    opacity: 1 !important;
    transform: none !important;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    [data-animation="true"] {
        animation: none !important;
        transition: none !important;
    }
    
    [data-animation="true"]:not(.ce-animated) {
        opacity: 1 !important;
    }
}

/* Optimize for mobile */
@media (max-width: 768px) {
    [data-animation="true"] {
        /* Reduce animation distance on mobile */
        transform: translate3d(0, 0, 0) !important;
    }
}