/* ===== СВН-проектирование — специфика поверх variant-a.css + audit.css ===== */

/* --- Hero СВН: фото-фон 5.png + усиленный тёмный оверлей для читаемости --- */
.svn-hero .hero-overlay{background:linear-gradient(100deg,rgba(10,11,14,.95) 0%,rgba(10,11,14,.85) 46%,rgba(10,11,14,.58) 100%),linear-gradient(0deg,rgba(10,11,14,.76),transparent 55%)}
.svn-hero .hero-top{max-width:1100px}
.svn-hero .hero-top h1{font-size:clamp(38px,5.4vw,84px);letter-spacing:-.03em}

/* --- Лента преимуществ (иконка + подпись), без eyebrow-капсов --- */
.advs-band{background:var(--g80);border-bottom:1px solid var(--g150)}
.advs{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding-block:clamp(32px,4vw,52px)}
.adv{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.adv-ic{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--red-soft);border-radius:var(--r-md);color:var(--red)}
.adv-t{font-size:14.5px;font-weight:700;color:var(--black);line-height:1.3;letter-spacing:-.01em}

/* --- Перечень включённого в пакет --- */
.tar-list{display:flex;flex-direction:column;gap:10px;margin:18px 0 4px}
.tar-list li{display:flex;gap:11px;align-items:flex-start;font-size:14px;font-weight:600;color:var(--g700);line-height:1.4}
.tar-list li .ic{color:var(--red);flex:none;margin-top:2px}

/* --- Пункты «что учесть» в карточках-направлениях --- */
.dir-list{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.dir-list li{position:relative;padding-left:18px;font-size:14px;font-weight:500;color:var(--g700);line-height:1.5}
.dir-list li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--red);opacity:.85}

/* --- Индивидуальный комплект: выделенная тёмная панель --- */
.kit-section{background:var(--g80)}
.kit{background:linear-gradient(160deg,#17181c 0%,#0f1013 100%);border-radius:var(--r-xl);padding:clamp(28px,3.6vw,56px);color:#fff;box-shadow:var(--sh-md);display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,3.5vw,56px);align-items:center}
.kit-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-size:13px;font-weight:700;letter-spacing:-.01em;padding:7px 14px;border-radius:var(--pill);margin-bottom:18px}
.kit-eyebrow .ic{color:#fff}
.kit-copy h2{color:#fff;font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;margin-bottom:14px}
.kit-copy>p{font-size:16px;font-weight:500;color:#C4C5CE;line-height:1.6;max-width:56ch;margin-bottom:22px}
.kit-list{display:flex;flex-direction:column;gap:13px;margin-bottom:28px}
.kit-list li{display:flex;gap:13px;align-items:flex-start;font-size:15px;font-weight:600;color:#EDEDF0;line-height:1.5}
.kit-list li .ic{color:var(--red);flex:none;margin-top:2px}
/* визуальный блок-комплект */
.kit-visual{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:22px}
.kit-ic{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);border-radius:var(--r-md);color:#fff}
.kit-ic .ic{width:34px;height:34px}
.kit-rows{display:flex;flex-direction:column;gap:14px}
.kit-row{display:flex;align-items:center;gap:14px}
.kit-row-ic{flex:none;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff}
.kit-bar{flex:1;height:10px;border-radius:5px;background:rgba(255,255,255,.14)}
.kit-bar.short{max-width:62%}

/* --- Адаптив специфики --- */
@media(max-width:1080px){
  .advs{grid-template-columns:repeat(3,1fr);gap:22px 16px}
  .kit{grid-template-columns:1fr;gap:28px}
  .kit-visual{max-width:520px}
}
@media(max-width:620px){
  .advs{grid-template-columns:repeat(2,1fr)}
}
