/* ============================================================
   FREE_DOM — responsive.css v2
   Все медиа-запросы. Дубли с критическим CSS убраны.
   Порядок: от больших к меньшим (max-width).
   ============================================================ */

/* ============================================================
   3. FOOTER
   ============================================================ */
@media (max-width: 992px) {
    .fd-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 768px) {
    .fd-footer { padding: 60px 0 32px; margin-top: 80px; }
}
@media (max-width: 600px) {
    .fd-footer__inner { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 480px) {
    .fd-footer__bottom { flex-direction: column; text-align: center; }
}

/* ============================================================
   4. МОДАЛЬНОЕ ОКНО
   ============================================================ */
@media (max-width: 768px) {
    .fd-modal__dialog { padding: 32px 24px; }
    .fd-modal__title { font-size: 22px; }
}

/* ============================================================
   6. ПЛИТКИ «ЧТО МЫ ДЕЛАЕМ» — только то, что не в критическом
   ============================================================ */
/* (.fd-tiles на 768px и .fd-tile--large на 992/768px — в критическом) */

/* ============================================================
   7. ПРЕИМУЩЕСТВА
   ============================================================ */
@media (max-width: 992px) {
    .fd-adv__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .fd-adv__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   8. КАК УСТРОЕНА
   ============================================================ */
@media (max-width: 992px) {
    .fd-info__grid { grid-template-columns: 1fr; gap: 48px; }
}

/* ============================================================
   9. ВИДЫ ШКАФ-КРОВАТЕЙ
   ============================================================ */
@media (max-width: 1200px) {
    .fd-variants__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .fd-variants__grid { grid-template-columns: repeat(2, 1fr); }
    .fd-variants__types { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .fd-variants__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   10. РАСЦВЕТКИ И ФУРНИТУРА
   ============================================================ */
@media (max-width: 992px) {
    .fd-colors__grid { grid-template-columns: 1fr; }
    .fd-swatches { grid-template-columns: repeat(6, 1fr); }
}
@media (max-width: 600px) {
    .fd-swatches { grid-template-columns: repeat(4, 1fr); }
}

/* ============================================================
   11. ПОРТФОЛИО — только то, что не в критическом
   ============================================================ */
/* (.fd-portfolio__grid на 1200/992px — в критическом) */
@media (max-width: 600px) {
    .fd-portfolio__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   12. УСЛУГИ
   ============================================================ */
@media (max-width: 992px) {
    .fd-services__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   13. КОМУ ПОДХОДИТ
   ============================================================ */
@media (max-width: 768px) {
    .fd-audience__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   14. ДОВЕРИЕ
   ============================================================ */
@media (max-width: 768px) {
    .fd-trust__grid { grid-template-columns: 1fr; }
    .fd-trust__item--wide { grid-column: auto; }
}

/* ============================================================
   15. КОНТАКТЫ + КАРТА
   ============================================================ */
@media (max-width: 992px) {
    .fd-contacts__grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 768px) {
    .fd-map { min-height: 360px; }
}

/* ============================================================
   16. CTA
   ============================================================ */
@media (max-width: 992px) {
    .fd-cta__inner { flex-direction: column; align-items: flex-start; gap: 32px; }
    .fd-cta__actions { flex-wrap: wrap; }
}
@media (max-width: 600px) {
    .fd-cta__btn { width: 100%; }
}

/* ============================================================
   17. SEO-БЛОК
   ============================================================ */
@media (max-width: 768px) {
    .fd-seo { padding: 60px 0 40px; }
}

/* ============================================================
   18. КАТАЛОГ — КАТЕГОРИИ
   ============================================================ */
@media (max-width: 992px) {
    .fd-catalog__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .fd-catalog__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   19. КАТЕГОРИЯ — ЛИСТИНГ ТОВАРОВ
   ============================================================ */
@media (max-width: 1200px) {
    .fd-tovars__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
    .fd-tovars__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .fd-tovars__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   20. СТРАНИЦА ТОВАРА
   ============================================================ */
@media (max-width: 992px) {
    .fd-product__top { grid-template-columns: 1fr; gap: 32px; }
}

/* ============================================================
   21. ГАЛЕРЕЯ — АЛЬБОМЫ
   ============================================================ */
@media (max-width: 1200px) {
    .fd-albums__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
    .fd-albums__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .fd-albums__grid { grid-template-columns: 1fr; }
}

/* ============================================================
   22. ГАЛЕРЕЯ — ФОТО
   ============================================================ */
@media (max-width: 992px) {
    .fd-gallery__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 600px) {
    .fd-gallery__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   23. ЛАЙТБОКС
   ============================================================ */
@media (max-width: 600px) {
    .fd-lightbox { padding: 20px; }
    .fd-lightbox__close { top: 12px; right: 12px; width: 44px; height: 44px; font-size: 26px; }
    .fd-lightbox__nav { width: 44px; height: 44px; font-size: 30px; }
    .fd-lightbox__nav--prev { left: 8px; }
    .fd-lightbox__nav--next { right: 8px; }
}

/* ============================================================
   24. 404
   ============================================================ */
@media (max-width: 768px) {
    .fd-404 { padding: 140px 0 80px; }
}

/* ============================================================
   25. СТРАНИЦА УСЛУГИ
   ============================================================ */
@media (max-width: 992px) {
    .fd-service-page__steps { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .fd-service-page__head { flex-direction: column; gap: 16px; }
    .fd-service-page__lead { padding-top: 0; }
    .fd-service-page__cta { padding: 40px 24px; }
    .fd-service-page__features { grid-template-columns: 1fr; }
}

/* ============================================================
   26. ФИЛЬТР ТОВАРОВ
   ============================================================ */
@media (max-width: 600px) {
    .fd-filter__row { flex-direction: column; align-items: stretch; }
    .fd-filter__group { min-width: auto; }
    .fd-filter__reset { width: 100%; }
}

/* ============================================================
   27. ТАБЫ КАТЕГОРИЙ ПРОЕКТОВ
   ============================================================ */
@media (max-width: 600px) {
    .fd-portfolio__tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }
    .fd-portfolio__tab { flex-shrink: 0; }
}