/* ============================================================
   BH FAQ redesign — светлый editorial, Вариант 3 «Левый +/− тоггл»
   Перекрывает surfearner-faq-* (cpt-styles / service-reviews / reviews-catalog).
   Скоплено под .surfearner-faq-section. Разметку/JS не трогаем (open = aria-expanded).
   marker BH_FAQ_REDESIGN_2026_06_19
   ============================================================ */

.surfearner-faq-section{
  margin:46px auto 24px !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* ---- заголовок: убрать тёмный бар, лёгкий editorial ---- */
.surfearner-faq-section .surfearner-section-heading-wrapper{
  background:none !important;padding:0 !important;border:0 !important;
  border-radius:0 !important;box-shadow:none !important;margin:0 0 14px !important;overflow:visible !important;
}
.surfearner-faq-section .surfearner-section-heading{
  font-family:'Manrope',-apple-system,Segoe UI,sans-serif !important;
  font-size:29px !important;font-weight:800 !important;color:#1a1f2a !important;
  letter-spacing:-.025em !important;line-height:1.1 !important;padding:0 0 13px !important;margin:0 !important;display:block !important;
}
.surfearner-faq-section .surfearner-section-heading::after{
  left:0;bottom:0;width:54px !important;height:3px !important;background:#95ce5a !important;border-radius:3px;
}

/* ---- контейнер и элементы: безкарточно, хайрлайны ---- */
.surfearner-faq-section .surfearner-faq-container{
  background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;gap:0 !important;
}
.surfearner-faq-section .surfearner-faq-item{
  background:none !important;border:0 !important;border-top:1px solid #ebedf1 !important;
  border-radius:0 !important;box-shadow:none !important;overflow:visible !important;margin:0 !important;
}
.surfearner-faq-section .surfearner-faq-item:last-child{border-bottom:1px solid #ebedf1 !important;}

/* ---- кнопка-вопрос: тоггл слева (flex-start + gap) ---- */
.surfearner-faq-section .surfearner-faq-question{
  background:transparent !important;color:#1a1f2a !important;
  font-family:'DM Sans',-apple-system,Segoe UI,sans-serif !important;
  font-size:17px !important;font-weight:600 !important;line-height:1.4 !important;
  padding:20px 12px !important;
  display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;
  border-radius:8px !important;transition:background .18s !important;
}
.surfearner-faq-section .surfearner-faq-question:hover{background:#fafbfc !important;}
.surfearner-faq-section .surfearner-faq-question:focus-visible{outline:none !important;box-shadow:0 0 0 3px rgba(149,206,90,.4) !important;}
.surfearner-faq-section .surfearner-faq-question[aria-expanded="true"]{font-weight:700 !important;}

/* ---- иконка -> лаймовый +/− слева ---- */
.surfearner-faq-section .surfearner-faq-icon .fas{display:none !important;}
.surfearner-faq-section .surfearner-faq-icon{
  order:-1 !important;margin:0 !important;
  width:28px !important;height:28px !important;min-width:28px;flex:0 0 auto;
  border-radius:9px !important;background:rgba(149,206,90,.16) !important;border:0 !important;
  position:relative;display:block;transform:none !important;transition:background .22s !important;
}
.surfearner-faq-section .surfearner-faq-icon::before,
.surfearner-faq-section .surfearner-faq-icon::after{
  content:"";position:absolute;top:50%;left:50%;background:#5d9a2f;border-radius:2px;
  transition:transform .22s,opacity .22s,background .22s;
}
.surfearner-faq-section .surfearner-faq-icon::before{width:12px;height:2px;transform:translate(-50%,-50%);}
.surfearner-faq-section .surfearner-faq-icon::after{width:2px;height:12px;transform:translate(-50%,-50%);}
.surfearner-faq-section .surfearner-faq-question:hover .surfearner-faq-icon{background:rgba(149,206,90,.28) !important;}
.surfearner-faq-section .surfearner-faq-question[aria-expanded="true"] .surfearner-faq-icon{background:#95ce5a !important;}
.surfearner-faq-section .surfearner-faq-question[aria-expanded="true"] .surfearner-faq-icon::before,
.surfearner-faq-section .surfearner-faq-question[aria-expanded="true"] .surfearner-faq-icon::after{background:#10331a;}
.surfearner-faq-section .surfearner-faq-question[aria-expanded="true"] .surfearner-faq-icon::after{transform:translate(-50%,-50%) scaleY(0);opacity:0;}

/* ---- ответ: механику открытия (max-height/opacity) ведёт JS; правим только вид + отступ под текст ---- */
.surfearner-faq-section .surfearner-faq-answer{padding:0 12px 22px 56px !important;color:#4a5568 !important;}
.surfearner-faq-section .surfearner-faq-answer p,
.surfearner-faq-section .surfearner-faq-answer li,
.surfearner-faq-section .surfearner-faq-answer div{
  font-family:'DM Sans',-apple-system,Segoe UI,sans-serif !important;
  font-size:15.5px !important;line-height:1.68 !important;color:#4a5568 !important;
  text-align:left !important;text-indent:0 !important;
}
.surfearner-faq-section .surfearner-faq-answer p{margin:0 0 12px !important;}
.surfearner-faq-section .surfearner-faq-answer p:last-child{margin-bottom:0 !important;}
.surfearner-faq-section .surfearner-faq-answer ul,
.surfearner-faq-section .surfearner-faq-answer ol{margin:12px 0 !important;padding-left:20px !important;}
.surfearner-faq-section .surfearner-faq-answer a{color:#5d9a2f !important;text-decoration:underline;text-underline-offset:2px;}

@media(max-width:600px){
  .surfearner-faq-section .surfearner-section-heading{font-size:24px !important;}
  .surfearner-faq-section .surfearner-faq-question{font-size:16px !important;padding:18px 6px !important;gap:13px !important;}
  .surfearner-faq-section .surfearner-faq-answer{padding-left:47px !important;}
}

/* ============================================================
   ТУЛ-СТРАНИЦЫ: bh-tool-faq (нативные <details>) -> тот же V3
   ============================================================ */
.bh-tool-faq{max-width:900px;margin:46px auto 0 !important;border-radius:0 !important;overflow:visible !important;background:none !important;}
.bh-tool-faq__heading{background:none !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0 0 14px !important;overflow:visible !important;}
.bh-tool-faq__title{font-family:'Manrope',-apple-system,Segoe UI,sans-serif !important;font-size:29px !important;font-weight:800 !important;color:#1a1f2a !important;letter-spacing:-.025em !important;line-height:1.1 !important;padding:0 0 13px !important;margin:0 !important;display:block !important;}
.bh-tool-faq__title::after{left:0 !important;bottom:0 !important;width:54px !important;height:3px !important;background:#95ce5a !important;border-radius:3px;}
.bh-tool-faq__list{background:none !important;border:0 !important;border-radius:0 !important;gap:0 !important;}
.bh-tool-faq__item{background:none !important;border:0 !important;border-top:1px solid #ebedf1 !important;border-radius:0 !important;box-shadow:none !important;overflow:visible !important;margin:0 !important;}
.bh-tool-faq__item:first-child{border-top:1px solid #ebedf1 !important;}
.bh-tool-faq__item:last-child{border-bottom:1px solid #ebedf1 !important;}
.bh-tool-faq__question{background:transparent !important;color:#1a1f2a !important;font-family:'DM Sans',-apple-system,Segoe UI,sans-serif !important;font-size:17px !important;font-weight:600 !important;line-height:1.4 !important;padding:20px 12px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:16px !important;border-radius:8px !important;transition:background .18s !important;}
.bh-tool-faq__question:hover{background:#fafbfc !important;}
.bh-tool-faq__item[open] .bh-tool-faq__question{color:#1a1f2a !important;font-weight:700 !important;}
/* шеврон-кружок -> лаймовый +/− слева */
.bh-tool-faq__chevron{order:-1 !important;width:28px !important;height:28px !important;min-width:28px;flex:0 0 auto;border-radius:9px !important;background:rgba(149,206,90,.16) !important;border:0 !important;color:#5d9a2f !important;position:relative;transition:background .22s !important;}
.bh-tool-faq__chevron::before{content:"" !important;position:absolute !important;left:50% !important;top:50% !important;width:12px !important;height:2px !important;border:0 !important;background:#5d9a2f !important;border-radius:2px;transform:translate(-50%,-50%) !important;transition:background .22s !important;}
.bh-tool-faq__chevron::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:12px;background:#5d9a2f;border-radius:2px;transform:translate(-50%,-50%);transition:transform .22s,opacity .22s,background .22s;}
.bh-tool-faq__question:hover .bh-tool-faq__chevron{background:rgba(149,206,90,.28) !important;}
.bh-tool-faq__item[open] .bh-tool-faq__chevron{background:#95ce5a !important;border:0 !important;color:#10331a !important;}
.bh-tool-faq__item[open] .bh-tool-faq__chevron::before{background:#10331a !important;transform:translate(-50%,-50%) !important;}
.bh-tool-faq__item[open] .bh-tool-faq__chevron::after{background:#10331a;transform:translate(-50%,-50%) scaleY(0);opacity:0;}
.bh-tool-faq__answer{padding:0 12px 22px 56px !important;background:none !important;color:#4a5568 !important;}
.bh-tool-faq__answer p,.bh-tool-faq__answer li{font-family:'DM Sans',-apple-system,Segoe UI,sans-serif !important;font-size:15.5px !important;line-height:1.68 !important;color:#4a5568 !important;text-align:left !important;text-indent:0 !important;}
.bh-tool-faq__answer p{margin:0 0 12px !important;}
.bh-tool-faq__answer a{color:#5d9a2f !important;text-decoration:underline;text-underline-offset:2px;}
@media(max-width:600px){
  .bh-tool-faq__title{font-size:24px !important;}
  .bh-tool-faq__question{font-size:16px !important;padding:18px 6px !important;gap:13px !important;}
  .bh-tool-faq__answer{padding-left:47px !important;}
}

/* ============================================================
   CPT: форма подписки (.bh-nl-mr / .bh-mr-inline) — как текст (max-width 900),
   чтобы не вылезала под TOC. Зеркалит поведение .expert-review-content > p.
   ============================================================ */
.expert-review-content .bh-newsletter.bh-nl-mr,
.expert-review-content .bh-newsletter.bh-mr-inline{
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
@media (min-width:1300px){
  .expert-review-content .bh-newsletter.bh-nl-mr,
  .expert-review-content .bh-newsletter.bh-mr-inline{ margin-left:0 !important; }
}

/* ============================================================
   Мобильная форма подписки: логотип меньше + eyebrow в одну строку
   ============================================================ */
@media (max-width:480px){
  .bh-newsletter .bh-mr__logo{height:20px !important;}
  .bh-newsletter .bh-mr__brand,
  .bh-newsletter .bh-mrl__brand{gap:9px !important;margin-bottom:13px !important;}
  /* eyebrow «еженедельно по субботам» прячем на мобильном (длинный, ломал бренд-строку) */
  .bh-newsletter .bh-mr__pub{display:none !important;}
}

/* ============================================================
   Логотип формы: бьём .entry-content img темы (на статьях растягивала на 100%).
   Высокая специфичность (0,3,0) + max-width-страховка.
   ============================================================ */
.bh-newsletter .bh-mr__brand .bh-mr__logo,
.bh-newsletter .bh-mrl__brand .bh-mr__logo{
  height:26px !important;width:auto !important;max-width:140px !important;
  margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;display:block !important;
}
@media (max-width:480px){
  .bh-newsletter .bh-mr__brand .bh-mr__logo,
  .bh-newsletter .bh-mrl__brand .bh-mr__logo{height:20px !important;max-width:110px !important;}
}

/* блок подписки-фолбэк на тул-страницах без FAQ (перед футером) */
.bh-tool-sub-after{max-width:900px;margin:34px auto 30px;padding:0 20px;}