/* Блок «вопрос-ответ» (аккордеон) и восстановленные разделы в стиле секций сайта.
   Подключается из чанка tpl.meta. Откат: убрать подключение в tpl.meta. */

/* --- FAQ-аккордеон: оформление как у .faq-list --- */
.faq-acc { margin: 30px 12px 30px 0; border-bottom: 1px solid #e3e3e3; }
.faq-acc details { border-top: 1px solid #e3e3e3; }
.faq-acc summary {
  list-style: none; cursor: pointer; position: relative;
  padding: 22px 56px 22px 0;
  font-weight: 700; font-size: 25px; line-height: 32px; color: #0b132a;
}
.faq-acc summary::-webkit-details-marker { display: none; }
.faq-acc summary .faq-question,
.faq-acc summary h3 { display: inline; margin: 0; padding: 0; font: inherit; color: inherit; }
.faq-acc summary::after {
  content: ""; position: absolute; right: 0; top: 50%; width: 38px; height: 38px; margin-top: -19px;
  background: url("/assets/templates/img/faq.svg") center / contain no-repeat; transition: transform .3s;
}
.faq-acc details[open] summary::after { transform: rotate(180deg); }
.faq-acc summary:focus-visible { outline: 2px solid #d83f87; outline-offset: 2px; }
.faq-acc .faq-a { padding: 0 56px 24px 0; font-size: 20px; line-height: 26px; color: #4f5665; }
.faq-acc .faq-a p { margin: 0 0 10px; font-size: inherit; line-height: inherit; color: inherit; }
.faq-acc .faq-a p:last-child { margin-bottom: 0; }

/* --- Восстановленные разделы: карточки как «Наши преимущества» --- */
.restored-legacy { margin: 50px 0 0; }
.restored-legacy .title {
  margin: 0 0 24px; font-weight: 700; font-size: 40px; line-height: 54px; color: #0b132a; text-align: left;
}
.restored-legacy .row { margin-bottom: 10px; }
.restored-legacy .circle-item { margin: 15px 0 40px; }
.restored-legacy .circle-item .ico { display: flex; align-items: center; justify-content: center; }
.restored-legacy .circle-item .ico img { display: block; width: 48px; height: 48px; }
.restored-legacy .circle-item .title { margin: 0 0 15px; font-size: 25px; line-height: 30px; text-align: center; }
.restored-legacy .restored-text p { font-size: 20px; line-height: 26px; color: #4f5665; }

@media (max-width: 767px) {
  .restored-legacy .row > [class*="col-"] { flex: 0 0 50%; max-width: 50%; padding-left: 6px; padding-right: 6px; }
}
@media (max-width: 700px) {
  .faq-acc summary { font-size: 18px; line-height: 22px; padding: 16px 40px 16px 0; }
  .faq-acc summary::after { width: 30px; height: 30px; margin-top: -15px; }
  .faq-acc .faq-a { font-size: 16px; line-height: 20px; padding-right: 0; }
}
@media (max-width: 450px) {
  .restored-legacy .title { font-size: 27px; line-height: 32px; }
  .restored-legacy .circle-item { margin-bottom: 30px; }
  .restored-legacy .circle-item .title { font-size: 22px; line-height: 26px; }
  .restored-legacy .circle-item .txt, .restored-legacy .restored-text p { font-size: 17px; line-height: 22px; }
}