/* Секция «частые вопросы» на главной. */

.faq__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  align-items: center;
}

.faq__head {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-align: center;
}

.faq__head .section-head__main {
  align-items: center;
  width: 100%;
}

.faq__head--left {
  align-items: flex-start;
  width: 100%;
  text-align: start;
}

.faq__head--left .section-head__main {
  align-items: flex-start;
  width: 100%;
}

.faq__accordion {
  width: 100%;
  max-width: 880px;
}

.faq__head--left + .faq__accordion { max-width: none; }

/* На мобильном кнопка прижата влево, с планшета уходит вправо. */
.faq__bottom {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

@media (min-width: 768px) {
  .faq__bottom { justify-content: flex-end; }
}

@media (min-width: 1024px) {
  /* На главной FAQ - 0/0 панель между двумя обычными секциями: у каждой
     полные 100 со своей стороны, стык получается ровно 100. На внутренних
     страницах соседи сами .section--tight (по 50 с каждой стороны) - той
     же схемой FAQ там даёт только половину стыка, поэтому здесь отступ
     не гасим. */
  .faq { padding-block: 0; }

  .section--tight.faq { padding-block: 50px; }

  .faq__inner { gap: var(--space-12); }
}