/*
===============================================================================
 FILE: /css/spacing.css
 VERSION: 1.1
 PROJECT: ОКНА ORIGINAL — вертикальный ритм / compact spacing
 DATE: 2026-09-04

 PURPOSE:
 - убрать избыточные пустые вертикальные пространства;
 - desktop: умеренное уплотнение примерно на 15–25%;
 - mobile: уплотнение примерно на 25–35%;
 - НЕ менять типографику;
 - НЕ уменьшать критически высоты изображений, карт и технических визуализаций.

 PRINCIPLE:
 расстояние между смысловыми блоками уменьшаем раньше, чем внутренние
 отступы контента. Специальные композиционные области (фото/hero/чертежи)
 сохраняют достаточную высоту.
===============================================================================
*/

/* Общий нижний ритм */
.site-footer{
    margin-top:2rem !important;
}

/* ==========================================================================
   Главная
   ========================================================================== */
.home-page{
    padding-bottom:52px !important;
}
.home-section{
    margin-top:48px !important;
}
.home-section-head{
    margin-bottom:16px !important;
}
.home-choice{
    margin-top:48px !important;
    padding-top:42px !important;
    padding-bottom:42px !important;
}
.home-actions{
    margin-top:24px !important;
}
.home-trust{
    margin-top:28px !important;
    padding-top:18px !important;
}

@media(max-width:720px){
    .home-page{
        padding-bottom:34px !important;
    }
    .home-section{
        margin-top:34px !important;
    }
    .home-section-head{
        margin-bottom:13px !important;
    }
    .home-hero-copy{
        padding-top:32px !important;
    }
    .home-actions{
        margin-top:20px !important;
    }
    .home-trust{
        margin-top:22px !important;
        padding-top:15px !important;
    }

    /* Здесь нижнее место занято изображением консультанта, поэтому не сжимаем до обычных 30px. */
    .home-choice{
        margin-top:36px !important;
        padding-top:28px !important;
        padding-bottom:215px !important;
    }
}

/* ==========================================================================
   REHAU — /okna/ и страницы профилей
   ========================================================================== */
.okna-page{
    padding-top:28px !important;
    padding-bottom:52px !important;
}
.okna-hero{
    padding-top:46px !important;
    padding-bottom:46px !important;
}
.okna-gallery-section,
.okna-docs-section,
.okna-related,
.okna-seo-content{
    margin-top:36px !important;
}
.okna-cta{
    padding-top:30px !important;
    padding-bottom:30px !important;
}
.okna-section-head{
    margin-bottom:16px !important;
}

@media(max-width:760px){
    .okna-page{
        padding-top:14px !important;
        padding-bottom:34px !important;
    }
    .okna-hero{
        padding:28px 20px !important;
    }
    .okna-gallery-section,
    .okna-docs-section,
    .okna-related,
    .okna-seo-content{
        margin-top:30px !important;
    }
    .okna-profile-hero{
        padding:23px 19px !important;
    }
    .okna-cta{
        padding:24px 20px !important;
    }
    .okna-cta-actions{
        margin-top:15px !important;
    }
}

/* ==========================================================================
   Услуги
   ========================================================================== */
.services-page{
    padding-top:32px !important;
    padding-bottom:52px !important;
}
body .services-page .services-cta{
    padding-top:28px !important;
    padding-bottom:28px !important;
}

@media(max-width:820px){
    .services-page{
        padding-top:22px !important;
        padding-bottom:38px !important;
    }
    body .services-page .services-cta{
        gap:18px !important;
        padding:23px 20px !important;
    }
    .service-benefits{
        padding-top:5px !important;
        padding-bottom:5px !important;
    }
    .benefit{
        padding-top:13px !important;
        padding-bottom:13px !important;
    }
}

/* ==========================================================================
   Контакты
   ========================================================================== */
.contacts-page{
    padding-bottom:48px !important;
}
.contacts-hero{
    padding-bottom:30px !important;
}
.factory-section{
    margin-bottom:42px !important;
    padding:34px !important;
}
.contacts-location{
    margin-bottom:30px !important;
}
.contacts-bottom-cta{
    padding:28px 32px !important;
}

@media(max-width:680px){
    .contacts-hero{
        padding-top:12px !important;
        padding-bottom:22px !important;
    }
    .contact-fact{
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
    .factory-section{
        margin-top:20px !important;
        margin-bottom:32px !important;
        padding:18px 16px !important;
    }
    .contacts-location{
        margin-bottom:26px !important;
    }
    .contacts-bottom-cta{
        padding:22px 18px !important;
    }
    .contacts-bottom-cta .contacts-actions{
        margin-top:15px !important;
    }
}

/* ==========================================================================
   Новости
   ========================================================================== */
.news-grid{
    margin-top:1.5rem !important;
    margin-bottom:2.25rem !important;
}
.news-article{
    padding-bottom:3rem !important;
}

@media(max-width:720px){
    .news-grid{
        margin-top:1.1rem !important;
        margin-bottom:1.8rem !important;
    }
    .news-article{
        padding-top:1rem !important;
        padding-bottom:2.2rem !important;
    }
}

/* ==========================================================================
   Технический раздел
   ========================================================================== */
.tech-shell{
    padding-top:26px !important;
    padding-bottom:44px !important;
}
.tech-title{
    margin-bottom:18px !important;
}
.tech-content{
    padding-top:24px !important;
    padding-bottom:24px !important;
}

@media(max-width:820px){
    .tech-shell{
        padding-top:18px !important;
        padding-bottom:34px !important;
    }
    .tech-content{
        padding-top:18px !important;
        padding-bottom:18px !important;
    }
}

/* ==========================================================================
   Модальная форма
   ========================================================================== */
.contact-modal__content{
    padding-top:36px !important;
    padding-bottom:30px !important;
}
.contact-modal__success{
    padding-top:46px !important;
    padding-bottom:38px !important;
}

@media(max-width:640px){
    .contact-modal__content{
        padding-top:28px !important;
        padding-bottom:22px !important;
    }
    .contact-modal__success{
        padding-top:38px !important;
        padding-bottom:28px !important;
    }
}


/* ==========================================================================
   v1.1 — Контакты: мобильное выравнивание и крошки
   ========================================================================== */
@media(max-width:680px){
    /* Убираем накопившийся зазор:
       breadcrumbs top + contacts-page + hero + hero-copy. */
    body:has(.contacts-page) .site-breadcrumbs-wrap{
        padding-top:9px !important;
    }
    .contacts-page{
        padding-top:0 !important;
    }
    .contacts-hero{
        padding-top:4px !important;
    }
    .contacts-hero__copy{
        padding:6px 6px 0 !important;
    }

    /* Первый читаемый блок и быстрые контакты не прилипают
       к визуальному краю контейнера. */
    .contacts-lead,
    .contacts-actions,
    .contacts-quick{
        margin-left:2px;
        margin-right:2px;
    }
    .contacts-quick a{
        padding:4px 2px;
    }
}