/* ====== FAQ-аккордеон .main-faq — единый стиль для всего сайта (дизайн главной 2026) ======
   Разметка: чанк FAQ (.main-faq > .main-accordeon > .element > .title + .element-content).
   Перекрывает старые правила из style.css («faq accordion»). Открытие/закрытие — scripts.js (класс .open).
   Шапку блока на главной и лендингах рендерит .home-faq__head (home.css), там .titlespec скрыт. */
.main-faq {
  --faq-green:      #B0CD1F;
  --faq-green-dark: #8FA417;
  --faq-green-soft: #f0f5d6;
  --faq-ink:        #1f2a1a;
  --faq-muted:      #5b6b54;
}
.main-faq .container { max-width: 920px; }
.main-faq .titlespec {
  text-align: center; margin: 0 0 4px;
  font-weight: 700; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.15; color: var(--faq-ink);
}

/* одна колонка вместо двух */
.main-faq .main-accordeon { display: block; margin: 0; }
.main-faq .main-accordeon .col-xs-12,
.main-faq .main-accordeon .col-md-6 { width: 100%; max-width: 100%; flex: none; float: none; padding: 0; }

/* карточка вопроса */
.main-faq .main-accordeon .element {
  background: #fff; border: 1.5px solid #eef2e6; border-radius: 14px;
  box-shadow: 0 8px 30px rgba(31, 42, 26, .08);
  margin: 0 0 12px; overflow: hidden;
}
.main-faq .main-accordeon .title {
  padding: 18px 56px 18px 24px; position: relative; cursor: pointer;
  font-weight: 700; font-size: 16px; line-height: 1.4; color: var(--faq-ink);
}
.main-faq .main-accordeon .element.open .title,
.main-faq .main-accordeon .element.active .title { background: none; color: var(--faq-ink); }

/* кружок «+ / −» */
.main-faq .main-accordeon .title::after {
  content: "+"; position: absolute; right: 22px; top: 50%; transform: translateY(-50%);
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--faq-green-soft); color: var(--faq-green-dark);
  font-size: 20px; font-weight: 700; line-height: 26px; text-align: center; transition: .2s;
}
.main-faq .main-accordeon .element.open .title::after,
.main-faq .main-accordeon .element.active .title::after { content: "−"; background: var(--faq-green); color: #fff; }

/* ответ */
.main-faq .main-accordeon .element-content { padding: 18px 24px 22px; border-top: 1px solid var(--faq-green-soft); }
.main-faq .main-accordeon .element-content .content { color: var(--faq-muted); line-height: 1.6; }