/* ============================================================
   СПБ Переезд — страница FAQ (page-faq.php)
   Использует .sp-faq из blocks/faq.css + свои обвязки
   ============================================================ */

.sp-faq-page{background:var(--bg-2);padding-bottom:8px}

/* --- шапка --- */
.sp-faq-hero{background:linear-gradient(135deg,var(--ink),var(--brand-dk));
  color:#fff;padding:110px 0 100px;position:relative;background-size:cover;background-position:center}
.sp-faq-hero__overlay{position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(12,22,38,.86),rgba(31,95,240,.55));pointer-events:none}
.sp-faq-hero__content{position:relative;z-index:1}
.sp-faq-hero h1{font-size:clamp(26px,4vw,42px);font-weight:800;margin:0 0 12px;line-height:1.15}
.sp-faq-hero p{font-size:16.5px;color:rgba(255,255,255,.85);margin:0;max-width:640px;line-height:1.5}

/* --- навигация по разделам --- */
.sp-faq-nav{display:flex;flex-wrap:wrap;gap:8px;padding:30px 0 8px}
.sp-faq-nav__link{background:var(--card);border:1px solid var(--line);border-radius:99px;
  padding:9px 18px;font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;
  transition:var(--dur) var(--ease);white-space:nowrap}
.sp-faq-nav__link:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}

/* --- группа вопросов --- */
.sp-faq-group{padding:28px 0 8px;scroll-margin-top:90px}
.sp-faq-group__title{font-size:23px;font-weight:800;color:var(--ink);margin:0 0 20px;
  padding-left:14px;border-left:4px solid var(--brand);line-height:1.3}

/* сетка аккордеонов — из blocks/faq.css, тут только контейнер */
.sp-faq-page .sp-faq{max-width:none;margin:0}

/* --- CTA --- */
.sp-faq-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;
  flex-wrap:wrap;background:linear-gradient(135deg,var(--ink),var(--brand-dk));
  color:#fff;border-radius:var(--r-lg);padding:34px 38px;margin:36px 0 48px;
  box-shadow:var(--sh-lg)}
.sp-faq-cta h2{font-size:24px;font-weight:800;margin:0 0 8px;color:#fff}
.sp-faq-cta p{font-size:15px;color:rgba(255,255,255,.8);margin:0;line-height:1.55;max-width:520px}
.sp-faq-cta__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sp-faq-cta__actions .sp-btn--ghost{background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.25);color:#fff;font-family:var(--f-display);
  font-size:17px;font-weight:700;white-space:nowrap}
.sp-faq-cta__actions .sp-btn--ghost:hover{background:#fff;color:var(--brand-dk);border-color:#fff}

/* --- SEO --- */
.sp-faq-seo{padding:44px 0;background:var(--card);border-top:1px solid var(--line)}

/* --- адаптив --- */
@media(max-width:600px){
  .sp-faq-hero{padding:54px 0 48px}
  .sp-faq-group__title{font-size:19px;padding-left:12px}
  .sp-faq-cta{flex-direction:column;align-items:stretch;padding:24px 20px;margin:26px 0 36px}
  .sp-faq-cta__actions{flex-direction:column;align-items:stretch}
  .sp-faq-cta__actions .sp-btn{width:100%;justify-content:center}
}