/* ===== СИСТЕМА БЫСТРОЙ ЗАГРУЗКИ ИЗОБРАЖЕНИЙ =====
   Безопасная оптимизация: подмена PNG→WebP + LQIP blur-up
   ================================================== */

/* --- LQIP (Low Quality Image Placeholder) — размытая превью под основной картинкой --- */
.img-lqip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: blur(20px);
    transform: scale(1.1);
    z-index: 1;
    pointer-events: none;
}

/* --- Content-visibility для off-screen секций (экономия рендеринга) --- */
.site-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 400px;
}

.modal {
    content-visibility: auto;
    contain-intrinsic-size: auto 600px;
}

/* --- Уменьшение движения для пользователей с prefers-reduced-motion --- */
@media (prefers-reduced-motion: reduce) {
    .img-lqip {
        display: none;
    }
}