/* Головна — точкові правки композиції (scoped під .home).
   Не зачіпає глобальні класи поза головною: усі селектори під .home. */

/* 1. ЄДИНИЙ КОНТЕЙНЕР 1140px + узгоджений горизонтальний padding */
.home .main-section > .container,
.home .main-section-article > .container{
  max-width:1140px; width:auto!important;
  margin-left:auto; margin-right:auto;
  padding-left:24px; padding-right:24px;
  box-sizing:border-box;
}
.home #faq{ max-width:1140px!important; padding-left:24px!important; padding-right:24px!important; }
.home .faq-cards-grid,
.home #чого-у-нас-немає .no-grid{ max-width:1140px!important; padding-left:24px!important; padding-right:24px!important; }

/* 1. Прибиваємо контент до однієї лівої межі (центровані заголовки секцій лишаються центрованими) */
.home .main-section-article > .container,
.home .main-section > .container{ text-align:left; }
.home .main-section-article > .container > h2,
.home .main-section > .container > h2,
.home .main-section-article > .container > .h6,
.home .main-section > .container > .h6{ text-align:center; }

/* 3. РЕГІСТР H2 СЕКЦІЙ — звичайний (текст не змінюємо, лише знімаємо uppercase з CSS) */
.home .main-section h2,
.home .main-section-article h2{ text-transform:none; }

/* 4 + ШКАЛА: ритм заголовок → підзаголовок → контент */
.home .main-section h2,
.home .main-section-article h2{ margin:0 0 16px; }            /* заголовок → підзаголовок 16 */
.home .main-section .h6,
.home .main-section-article .h6{ margin:0 0 48px; }           /* підзаголовок → контент 48 */
.home .main-section-article p{ margin:0 0 12px; }             /* абзац → абзац 12 */

/* 1 + ШКАЛА: відступи між секціями 96 (десктоп) */
.home .main-section,
.home .main-section-article{ padding-top:96px!important; padding-bottom:96px!important; }

/* ШКАЛА: картки — gap 24, padding усередині 24 */
.home .faq-cards-grid,
.home #чого-у-нас-немає .no-grid{ gap:24px!important; }
.home .faq-cards-grid .faq-card,
.home #чого-у-нас-немає .no-item{ padding:24px!important; }

/* МОБАЙЛ */
@media (max-width:768px){
  .home .main-section,
  .home .main-section-article{ padding-top:56px!important; padding-bottom:56px!important; }
  .home .main-section > .container,
  .home .main-section-article > .container{ padding-left:16px; padding-right:16px; }
  .home #faq,
  .home .faq-cards-grid,
  .home #чого-у-нас-немає .no-grid{ padding-left:16px!important; padding-right:16px!important; }
  .home .main-section .h6,
  .home .main-section-article .h6{ margin:0 0 32px; }          /* підзаголовок → контент 32 */
  .home .faq-cards-grid,
  .home #чого-у-нас-немає .no-grid{ gap:16px!important; }
  .home .faq-cards-grid .faq-card,
  .home #чого-у-нас-немає .no-item{ padding:20px!important; }
}