/* st-faq.css — блок «Вопрос-ответ» (только стили, разметка, тексты и скрипт аккордеона не меняются).
   Разметка: .pr-holder-accordion > .accordion > section.accordion_item > h3.title_block + div.info > p
   Отличие от прайс-аккордеона (там внутри .info таблица): селектор «.accordion:not(:has(table))» не трогает прайс-лист.
   Открытое состояние — класс .active_block на section (как в прайс-аккордеоне); display у .info не переопределяется.
   Подключать после adaptiv.css. */
#content .pr-holder-accordion .accordion:not(:has(table)){--fq-ink:#2D3440;--fq-mut:#4A5260;--fq-line:#E3E3E3;--fq-or:#FD8900;margin:0;padding:0;background:transparent!important;box-shadow:none!important;border:0!important}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item{background:#fff;border:1px solid var(--fq-line);border-radius:14px;margin:0 0 10px;overflow:hidden;box-shadow:none;scroll-margin-top:90px;
  transition:border-color .2s ease,box-shadow .2s ease}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item.active_block{border-color:var(--fq-or);box-shadow:0 8px 22px rgba(253,137,0,.12)}

/* вопрос = кнопка аккордеона */
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block{box-sizing:border-box;position:relative;display:flex;align-items:center;min-height:64px;margin:0;padding:18px 68px 18px 24px;
  background:#fff;background-image:none;color:var(--fq-ink);border:0;border-radius:0;box-shadow:none;
  font-size:18px;line-height:1.35;font-weight:700;text-transform:none;text-align:left;cursor:pointer}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item.active_block .title_block{color:var(--fq-ink)}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block::before{content:none}
/* шеврон в круге справа */
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block::after{content:"";position:absolute;right:20px;top:50%;width:32px;height:32px;margin:-16px 0 0;border:0;border-radius:50%;
  background:#F3F4F6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%232D3440' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
  transform:none;font-size:0;line-height:0;transition:transform .2s ease,background-color .2s ease}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item.active_block .title_block::after{transform:rotate(180deg);
  background:var(--fq-or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block:focus-visible{outline:3px solid var(--fq-ink);outline-offset:-3px}

/* ответ */
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .info{margin:0;padding:0;background:#fff}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .info p{margin:0;padding:0 68px 22px 24px!important;font-size:16px;line-height:1.65;font-weight:400;color:var(--fq-mut)}
#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .info p+p{padding-top:0!important}

/* hover только на устройствах с мышью: на iOS после касания пункт не «залипает» оранжевым */
@media (hover:hover){
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item:hover{border-color:#F3C48A}
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block:hover{color:#C25F00}
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item:hover .title_block::after{background-color:#FFF1DE}
}
/* общая подложка/тень контейнера шаблона не нужна: карточки самостоятельные */
#content .pr-holder-accordion:has(>.accordion:not(:has(table))){background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}

@media (max-width:720px){
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item{border-radius:12px;margin-bottom:8px}
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block{min-height:56px;padding:15px 56px 15px 16px;font-size:16px}
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block::after{right:14px;width:30px;height:30px;margin-top:-15px}
  #content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .info p{padding:0 16px 18px!important;font-size:15px;line-height:1.6}
}
@media (prefers-reduced-motion:reduce){#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item,#content .pr-holder-accordion .accordion:not(:has(table)) .accordion_item .title_block::after{transition:none}}