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

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

/* --- Пункты-перечни в карточках (этапы работ) --- */
.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}

/* --- Калькулятор стоимости (стиль со страницы «Поддержка серверов») --- */
.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-wh-calc] .price{transition:opacity .12s var(--ease,ease)}
[data-wh-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)}
}