/* ============================================================================
   Страницы услуг и информационные страницы (комплектация по проекту, подбор
   аналогов, отопление, о компании, доставка и оплата).
   Подключается ПОСЛЕ styles.css. Префикс sv- — чтобы не пересекаться с pt-/lp-.
   ============================================================================ */

.sv-hero{position:relative;padding:28px 0 56px;overflow:hidden;
  background:radial-gradient(900px 600px at 80% -20%,rgba(26,95,168,.4),transparent 55%),
             radial-gradient(600px 400px at 10% 80%,rgba(232,35,42,.16),transparent 50%),var(--bg)}
.sv-hero .breadcrumbs{padding:0 0 28px}
.sv-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(26,95,168,.2);border:1px solid rgba(26,95,168,.4);
  border-radius:100px;padding:6px 16px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7ab4ff;margin-bottom:20px}
.sv-hero__title{font-family:"DM Serif Display",serif;font-size:clamp(32px,5vw,60px);line-height:1.06;margin:0 0 22px;font-weight:400;color:#fff;max-width:920px}
.sv-hero__lead{font-size:clamp(15px,1.3vw,18px);color:#c4d0ea;max-width:820px;margin:0 0 32px;line-height:1.7}
.sv-hero__cta{display:flex;flex-wrap:wrap;gap:14px}
.sv-hero__cta .btn--ghost{color:#fff;border-color:rgba(255,255,255,.35)}

.sv-section{padding:64px 0;background:var(--bg)}
.sv-section--alt{background:var(--bg-2)}
.sv-section .section__head{margin-bottom:28px}
.sv-prose{max-width:880px}
.sv-prose p{color:#a8bcd8;font-size:15px;line-height:1.75;margin:0 0 14px}
.sv-prose a,.sv-faq a,.sv-table a,.sv-note a{color:#5ba8ff;border-bottom:1px solid rgba(91,168,255,.3)}
.sv-prose a:hover,.sv-faq a:hover,.sv-table a:hover,.sv-note a:hover{color:#fff}
.sv-prose .bullets li{color:#c4d0ea}
.sv-prose h3{font-size:18px;font-weight:800;color:#fff;margin:28px 0 10px}

.sv-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sv-box{border:1px solid var(--line-2);border-radius:16px;padding:24px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.sv-box h3{font-size:17px;font-weight:800;color:#fff;margin:0 0 8px}
.sv-box p{color:#a8bcd8;font-size:14.5px;line-height:1.7;margin:0 0 10px}
.sv-box .bullets{margin:8px 0 0}
.sv-box .bullets li{font-size:14.5px;color:#c4d0ea}
.sv-box--muted{background:rgba(255,255,255,.02);border-style:dashed}

.sv-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.sv-card{display:flex;flex-direction:column;gap:10px;padding:24px 22px;border:1px solid var(--line-2);border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.01));color:#fff;text-decoration:none;
  transition:transform .2s,box-shadow .2s,border-color .2s}
a.sv-card:hover{transform:translateY(-3px);box-shadow:var(--glow-blue);border-color:rgba(91,168,255,.4)}
.sv-card__title{font-size:16.5px;font-weight:700;line-height:1.35;margin:0}
.sv-card__text{font-size:14px;color:var(--ink-soft);line-height:1.6;margin:0}
.sv-card__brands{font-size:12.5px;color:#9db3d6;margin:0}
.sv-card__more{margin-top:auto;font-size:13px;font-weight:700;color:#5ba8ff}

.sv-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin-top:8px}

.sv-table{width:100%;border-collapse:collapse;font-size:15px}
.sv-table th,.sv-table td{padding:12px 14px;border-bottom:1px solid var(--line-2);text-align:left;vertical-align:top}
.sv-table th{color:var(--ink-soft);font-weight:600;width:34%}
.sv-table td{color:#dbe6f7}
.sv-table--params th{width:auto;color:#fff;font-weight:700;background:rgba(255,255,255,.04)}
.sv-table--params td{color:#c4d0ea}
.sv-table-wrap{overflow-x:auto;border:1px solid var(--line-2);border-radius:14px}
.sv-table-wrap .sv-table tr:last-child td{border-bottom:0}

.sv-faq{max-width:900px;display:grid;gap:14px}
.sv-faq__item{border:1px solid var(--line-2);border-radius:14px;padding:20px 22px;background:rgba(255,255,255,.03)}
.sv-faq__q{font-size:16.5px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.4}
.sv-faq__a{color:#a8bcd8;font-size:15px;line-height:1.7;margin:0}

.sv-note{color:var(--ink-soft);font-size:14px;line-height:1.7;margin:18px 0 0;max-width:880px}

.sv-cta{padding:64px 0;text-align:center;background:linear-gradient(135deg,rgba(26,95,168,.3) 0%,rgba(232,35,42,.2) 100%),var(--bg)}
.sv-cta h2{font-family:"DM Serif Display",serif;font-size:clamp(26px,3.4vw,40px);margin:0 0 14px;font-weight:400}
.sv-cta p{color:#c4d0ea;margin:0 auto 28px;font-size:16px;max-width:720px}
.sv-cta__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.sv-cta .btn--ghost{border-color:rgba(255,255,255,.4);color:#fff}

.footer__links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--ink-soft)}

@media (max-width:860px){.sv-cols{grid-template-columns:1fr}}
@media (max-width:640px){
  .sv-hero{padding:20px 0 40px}
  .sv-section{padding:44px 0}
  .sv-cta{padding:48px 0}
  .sv-cta__buttons,.sv-hero__cta{flex-direction:column;align-items:stretch}
  .sv-table th{width:40%}
  .sv-table th,.sv-table td{padding:10px 10px;font-size:14px}
}