/* ОПТИМИЗАЦИЯ ПРОИЗВОДИТЕЛЬНОСТИ */

/* Lazy loading для фоновых изображений */
.advantages,
.tariff-cards-section {
    background-color: #f8f9fa;
}

/* Загружаем фон только когда секция становится видимой */
.advantages.loaded {
    background-image: url('../images/main-bg-pattern.jpg');
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
}

/* Оптимизация для мобильных - убираем фоновые изображения */
@media (max-width: 768px) {
    .advantages,
    .tariff-cards-section,
    .info-section,
    .requirements-section,
    .cta-section,
    .map-section,
    .contacts-content,
    .social-section {
        background-image: none !important;
        background-color: #f8f9fa;
    }
}

/* Скрываем изображения до полной загрузки страницы */
img {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

img.loaded {
    opacity: 1;
}

/* Критический CSS - показываем контент сразу */
body {
    visibility: visible !important;
}

/* Fallback для медленного интернета */
.hero {
    min-height: 100vh;
    background-color: #1a5490;
}