/* =============================================================
   BASE-BLOCKS.CSS
   Общие стили для всех блоков: контейнер, заголовки секций,
   устранение зазоров между шапкой/меню и Hero.
   Подключать ПЕРВЫМ из группы block-стилей.
   ============================================================= */


/* -------------------------------------------------------------
   КОНТЕЙНЕР
   Универсальный ограничитель ширины контента.
   Используется во всех блоках: .container внутри .hero, .section и т.д.
   ------------------------------------------------------------- */
.container {
    max-width    : 1200px;
    margin       : 0 auto;
    padding      : 0 20px;
}


/* -------------------------------------------------------------
   ЗАГОЛОВОК СЕКЦИИ
   Используется во всех блоках для заголовков типа "Наши услуги".
   Размер 28px жёстко — при переезде на CSS-переменные заменить
   на var(--heading-font-size, 28px).
   ------------------------------------------------------------- */
.section-title {
    font-size  : 28px;
    margin     : 30px 0 20px;
    text-align : center;
    color      : #222;
}


/* -------------------------------------------------------------
   УСТРАНЕНИЕ ЗАЗОРА МЕЖДУ МЕНЮ И HERO
   -----------------------------------------------------------------
   ВНИМАНИЕ: это временный фикс.
   Корень проблемы — margin-bottom у .main-nav или .sticky-wrapper
   в header.css, либо padding-top у main в style.css.
   Когда будем рефакторить header.css — убрать этот блок целиком
   и починить в источнике.
   !important здесь оправдан только потому, что мы не видим
   приоритетов правил в header.css и style.css.
   ------------------------------------------------------------- */
main,
.hero,
.main-nav,
.sticky-wrapper,
header {
    margin-top    : 0 !important;
    margin-bottom : 0 !important;
}

.hero {
    padding-top    : 0 !important;
    padding-bottom : 0 !important;
}

.main-nav {
    padding-bottom : 0 !important;
}