/* ===== Поддержка серверов — специфика поверх variant-a.css + audit.css ===== */

/* --- Hero: фото серверного кластера (7.png) + усиленный тёмный оверлей для читаемости --- */
.srv-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%)}
.srv-hero .hero-top{max-width:1100px}
.srv-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}

/* --- Калькулятор обслуживания серверов (переиспользует .calc/.seg/.calc-result) --- */
.srv-calc-section{background:var(--g80)}
.calc-range{display:flex;flex-direction:column;gap:12px}
.calc-range-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.calc-range-val{font-size:18px;font-weight:800;color:var(--red);letter-spacing:-.01em}
input[type=range][data-range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--pill);background:var(--g300);outline:none;cursor:pointer}
input[type=range][data-range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:var(--sh-sm);cursor:pointer}
input[type=range][data-range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--red);border:3px solid #fff;box-shadow:var(--sh-sm);cursor:pointer}
input[type=range][data-range]:focus-visible{box-shadow:0 0 0 3px var(--red-soft)}
.srv-calc-cta{margin-top:auto}
/* микро-флэш при изменении оценки */
[data-srv-calc] .price{transition:opacity .12s var(--ease,ease)}
[data-srv-calc].flash .price{opacity:.35}

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