/* =========================================================
   Частые вопросы и ответы (общий блок: каталог, товар)
   Разметка:
   <section class="section faq-section" id="faq">
     <div class="container">
       <h2 class="section-title section-title--center" data-i18n="…"></h2>
       <div class="faq" data-faq="ключ"></div>
     </div>
   </section>
   Данные: window.FAQ_SETS['ключ'] — см. assets/js/components/faq.js
   ========================================================= */
.faq { max-width: 1050rem; margin: 0 auto; display: flex; flex-direction: column; gap: 38rem; }
.faq__title {
  font-family: var(--font-main);
  font-weight: var(--fw-medium);
  font-size: 22rem;
  line-height: 24rem;
  color: var(--c-head);
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 24rem;
  width: 100%;
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
.faq__title span { width: 878rem; max-width: 100%; padding-bottom: 12rem; border-bottom: 1px solid var(--c-accent); }
.faq__title svg { margin-left: auto; width: 19rem; height: 18rem; display: block; transition: transform .3s; flex-grow: 0; flex-shrink: 0; }
.faq__item.is-open .faq__title svg { transform: rotate(180deg); }
.faq__text { font-family: var(--font-main); font-size: 18rem; font-weight: var(--fw-regular); line-height: normal; color: var(--c-text); display: none; overflow: hidden; }
.faq__text p, .faq__text ul { margin: 1em 0; }
.faq__text ul { padding-left: 1.4em; }
.faq__text a { color: var(--c-accent); }
@media (max-width: 767px) {
  .faq { max-width: 260rem; gap: 12rem; }
  .faq__title { font-size: 10rem; line-height: 12rem; }
  .faq__title svg { width: 16rem; height: auto; }
  .faq__text { font-size: 10rem; line-height: 12rem; }
  .scale-multi .faq-section .section-title { font-family: var(--font-main); font-size: 16rem; line-height: 17rem; margin-bottom: 14rem; text-transform: none; }
}