/* ===== Lazy fade-in (images / iframes / etc.) ===== */
.lazy-fade {
    opacity: 0;
    transform: translateY(6px);
    filter: blur(6px);
    transition: opacity 320ms ease, transform 320ms ease, filter 420ms ease;
    will-change: opacity, transform, filter;
}

.lazy-fade.is-loaded {
    opacity: 1;
    transform: none;
    filter: none;
}

/* Якщо картинка не завантажилась */
.lazy-fade.is-error {
    opacity: 1;
    transform: none;
    filter: none;
}

/* Доступність */
@media (prefers-reduced-motion: reduce) {
    .lazy-fade {
        transition: none;
        transform: none;
        filter: none;
    }
}