/* ===== FAQ Page - Start ===== */

/* FAQ - Start */
/* Макет: 1920 `471:35461`, 1480 `476:53404`, 375 `471:40971`.

   Сітка лягає на тему один в один, свого CSS під колонки не треба:
   `.container` + два `col-6` при `--blocks-indent: 20px` дають 930 на 1920 і 710 на 1480 —
   рівно ширини з макета, gap 20 теж збігається. На 375 колонка стає 355 при indent 10.

   Компонент аккордеона (плашка 68/66/61, шеврон, ритм 20/10) живе в
   `components/06-helpers.css` — тут його не чіпаємо.

   Кегль H1 теж коробковий: тема дає Forum 56/50 → 48/43 → 34/31, це числа макета.
   Відступ від хлібних крихт до H1 дає їхній власний `padding: 20px` з бази
   (розрахунок сходиться: 177 проти 175 у макеті на обох ПК-тирах, 107 проти 106 на 375). */

.faq-page .faq-page-section {
	/* Порожнє поле до футера: на 1480 у макеті 150 при повних восьми парах, на 375 — 80.
	   На 1920 дизайнер намалювала 214, але там лише сім пар — число не переносиме,
	   тому ПК-тири беруть однакові 150. */
	padding-bottom: 150px;
}

.faq-page .faq-page-section h1 {
	/* Заголовок по центру — рішення власника 23.08.2026 (закриває #2324):
	   лишаємо як у макеті, хоча H1 інших внутрішніх сторінок притиснутий вліво. */
	text-align: center;
	margin-bottom: 80px;
}

/* На ПК аккордеони стартують розкритими — стан проставляє скрипт у `pages/faq.php`,
   далі все тримає штатний компонент. Окремих правил під розкритий вигляд не треба. */

@media (max-width: 1680px) {
	.faq-page .faq-page-section h1 {
		margin-bottom: 60px;
	}
}

@media (max-width: 1279px) {
	.faq-page .faq-page-section {
		padding-bottom: 80px;
	}

	.faq-page .faq-page-section h1 {
		margin-bottom: 30px;
	}
}
/* FAQ - End */

/* ===== FAQ Page - End ===== */