/* AIVA Group — CSS страницы «faq» (вынесено из инлайн-<style> при рефакторинге).
   Грузится после main.css + site-fixes.css (см. inc/enqueue.php, блок 4b). */
/* ===================================================================
   FAQ PAGE: секции только этой страницы (.faqp-*)
   Наследует токены/типографику дизайн-системы; новые компоненты — ниже
   =================================================================== */
/* hero: компактный, текст по центру колонки слева */
.faqp-hero{min-height:auto;padding-top:calc(var(--header-h) + 60px);padding-bottom:60px}
.faqp-hero .hero-h1{margin:24px 0 22px}
.faqp-hero .hero-sub{opacity:0;max-width:560px}
.faqp-hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;opacity:0}
/* быстрые ссылки на блоки тем */
.faqp-jump{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px;opacity:0}
.faqp-jump a{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:600;color:var(--ink);background:#fff;transition:border-color .25s,color .25s,background .25s}
.faqp-jump a:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-tint)}
.faqp-jump a i{color:var(--blue);font-size:13px}
/* тематические группы FAQ */
.faqp{padding:0 0 120px}
.faqp-block{padding:96px 0 0}
.faqp-block:first-child{padding-top:56px}
.faqp-block + .faqp-block{border-top:1px solid var(--line);margin-top:96px;padding-top:96px}
.faqp .faq-grid{align-items:start}
.faqp .faq-side h2{margin-bottom:18px}
.faqp .faq-side .faqp-side-num{font-family:var(--font-h);font-weight:800;font-size:13px;letter-spacing:.08em;color:var(--gray);display:block;margin-bottom:14px}
.faqp .faq-side .faqp-side-num b{color:var(--blue)}
/* «не нашли ответ» — финальный CTA-блок на тёмном фоне (тот же .cta) */
.faqp-final h2{font-size:clamp(30px,4.6vw,62px)}
.faqp-final-actions{display:flex;gap:14px;flex-wrap:wrap}
/* поле «Ваш вопрос» в финальной форме (полная ширина над строкой имя/телефон/кнопка) */
.faqp-form .cta-q{grid-column:1 / -1;font-family:var(--font-body);font-size:16px;padding:18px 22px;border:0;border-bottom:1px solid var(--line);outline:none;background:#fff;color:var(--ink);resize:vertical;min-height:62px;width:100%}
.faqp-form .cta-q::placeholder{color:#9aa7b1}
.faqp-form .cta-q:focus{background:var(--blue-tint)}
@media(max-width:900px){.faqp-block + .faqp-block{margin-top:64px;padding-top:64px}.faqp-block{padding-top:64px}}
@media(max-width:768px){.faqp-hero{padding-top:calc(var(--header-h) + 36px)}}
/* FAQ: живой блок «спрашивают чаще всего» в hero */
.faqp-hero .hero-grid{grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
.faq-demo{align-self:center;width:100%;max-width:470px;background:#0f1b24;border:1px solid #24394a;border-radius:var(--r-lg);overflow:hidden}
.fd-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #1e3140;font-size:12.5px;font-weight:700;color:#c3d2dc}
.fd-live{width:9px;height:9px;border-radius:50%;background:#3e9e6e;position:relative;flex-shrink:0}
.fd-live::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid #3e9e6e;animation:fdPulse 1.8s ease-out infinite}
.fd-row{padding:15px 18px;border-bottom:1px solid #1a2a36;border-left:3px solid transparent}
.fd-row:last-child{border-bottom:0}
.fd-q{display:flex;align-items:center;gap:9px;font-family:var(--font-h);font-weight:800;font-size:14.5px;color:#e7eef3}
.fd-q i{color:#7fb0d4;font-size:13px}
.fd-a{display:block;font-size:12.5px;line-height:1.5;color:#7e93a3;margin-top:7px;padding-left:23px}
.fd-row:nth-child(2){animation:fdCycle 9s ease-in-out infinite}
.fd-row:nth-child(3){animation:fdCycle 9s ease-in-out infinite -3s}
.fd-row:nth-child(4){animation:fdCycle 9s ease-in-out infinite -6s}
@keyframes fdPulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.8);opacity:0}}
@keyframes fdCycle{0%,28%{background:rgba(245,124,93,.08);border-left-color:var(--coral)}34%,100%{background:transparent;border-left-color:transparent}}
@media(max-width:760px){.faqp-hero .hero-grid{grid-template-columns:1fr}.faq-demo{margin-top:28px;max-width:none}}
/* живой поиск по вопросам */
.faq-search-wrap{position:relative;max-width:560px;margin-top:30px;opacity:0}
.faq-search-wrap>i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:16px;pointer-events:none}
#faqSearch{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:17px 50px;font-family:var(--font-body);font-size:16px;color:var(--ink);transition:border-color .2s;outline:none}
#faqSearch:focus{border-color:var(--blue)}
#faqSearch::placeholder{color:#9fb0bd}
.faq-search-clear{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:50%;background:var(--gray-bg);color:var(--gray);font-size:19px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background .2s,color .2s}
.faq-search-clear:hover{background:var(--blue-tint);color:var(--blue)}
.faq-search-wrap.has-q .faq-search-clear{display:flex}
.faq-noresults{display:none;text-align:center;color:var(--gray);font-size:17px;padding:50px 0 10px}
.faq-noresults a{color:var(--blue);font-weight:600}
.faq-item.is-hidden,.faqp-block.is-hidden{display:none}