/* Единый FAQ (решение владельца 10.11: вариант «Услуга, компьютер»). Подключает integrations/faq-edin.mjs на всех страницах
 * с блоком #faq.hq3t (метка data-faq-edin). Разметка блока у главной, услуг, кейсов и статей одна (hq3t макета главной),
 * здесь – только то, чем оформление расходилось.
 * Компьютер – значения FAQ услуг (карточка ответа на сером, кнопка без жёсткой тени).
 * Телефон – карточки FAQ главной класс в класс (glavnaya-sistema.css, «вопросы: серая плита, белые карточки, вопрос без
 * подложки»), плюс кнопка окна прогноза под строкой с почтой. Вкладки – ряд главной с горизонтальной прокруткой. */

html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-sendbtn{box-shadow:none!important;line-height:1.2!important}
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-sendbtn:is(:hover,:active){box-shadow:none!important}

/* «Ещё N вопросов» (13+ вопросов во вкладке, сейчас – статьи): кнопка главной класс в класс; в статьях её стиль сбрасывался (all:revert острова) */
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-all{align-self:flex-start!important;margin-left:18px!important;padding:4px 0!important;border:0!important;background:none!important;color:#12122b!important;font:600 14px/1.3 Onest,"Onest Fallback",system-ui,sans-serif!important;cursor:pointer!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important;transition:color .15s ease!important}
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-all:hover{color:#eb3c7f!important}

/* Вкладки: видна одна панель, скрытые убраны из потока на любой ширине (макет на компьютере ставил панели в одну ячейку сетки –
   короткая вкладка держала пустое поле по самой длинной). Высоту вкладок уравнивает число вопросов K и высота карточек
   (scripts/maket-faq-vkladka.ts), а не пустое место. */
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-ps{display:block!important;min-height:0!important} /* резерв «по самой длинной» снят; уравнивает scripts/maket-faq-vkladka.ts (inline !important) */
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-p[data-off]{display:none!important}
/* Короткий ответ переносится, а не режется */
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-s{-webkit-line-clamp:none!important;line-clamp:none!important;overflow:visible!important;text-overflow:clip!important}
/* Одна вкладка (кейсы, статьи): безликая подпись «Вопросы» не показывается, левая колонка – заголовок, уже по сетке компонента 4/8 */
html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-topics[hidden]{display:none!important}
@media (min-width:1024px){
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin][data-faq-odna]{grid-template-columns:minmax(0,4fr) minmax(0,8fr)!important}
}

@media (min-width:768px){
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-ab{background-color:#f4f3f6!important}
}

/* кнопка окна прогноза видна на любой ширине: макет прятал её до 1023 px */
@media (max-width:1023px){
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-comp .hq3t-sendbtn{display:inline-flex!important}
}

@media (max-width:767px){
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-thread{background:#f5f5f7!important;background-image:none!important}
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] :is(.hq3t-pair,.hq3t-ab){background:#fff!important;border-radius:16px!important}
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-rq{font:600 15px/1.3 Onest,"Onest Fallback",system-ui,sans-serif!important;color:#211f2c!important;background:none!important;background-image:none!important;margin:-3px 0 10px!important;padding:2px 0!important;border-radius:0!important;box-shadow:none!important}
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-s b{background-image:none!important}
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] :is(.hq3t-pair,.hq3t-pair *,.hq3t-p>*){opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-topics{overflow-x:auto!important}
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-comp .hq3t-sendbtn{justify-content:space-between!important}
  /* planshet-sloj даёт полю flex-basis 300px для ряда; в столбец телефона это становилось высотой 300 px */
  html:not(#f#f#f#f#f#f) body #faq[data-faq-edin] .hq3t-comp>.hq3t-field{flex:0 0 auto!important}
}