/**
 * EATLY MENU - Lazy Loading Styles
 * Shared across all templates for optimized image loading
 */

/* Lazy Image Loading Animation */
.lazy-image {
    opacity: 0;
    transition: opacity 0.4s ease-in;
}

.lazy-image.loaded {
    opacity: 1;
}

/* Optional: Blur placeholder effect */
.lazy-image.blur-up {
    filter: blur(10px);
    transition: opacity 0.4s ease-in, filter 0.4s ease-in;
}

.lazy-image.blur-up.loaded {
    filter: blur(0);
}