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

/* --- Hero: фото + усиленный тёмный оверлей для читаемости --- */
.hotspot-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%)}
.hotspot-hero .hero-top{max-width:1100px}
.hotspot-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:13.5px;font-weight:600;color:var(--g700);line-height:1.4}
.tar-list li .ic{color:var(--red);flex:none;margin-top:2px}

/* --- Переключатель периода подписки --- */
.pricing-period{display:flex;justify-content:center;margin-bottom:clamp(24px,3vw,36px)}

/* --- Отрасли применения (чипы) --- */
.ind-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.ind{position:relative;display:inline-flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--g150);border-radius:var(--pill);padding:12px 22px 12px 20px;font-size:14.5px;font-weight:600;color:var(--ink);box-shadow:var(--sh-sm)}
.ind::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}

/* --- Блок «Wi-Fi по закону» (тёмная панель) --- */
.law-section{background:var(--g80)}
.law-panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.5vw,56px);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);align-items:center}
.law-copy h2{color:#fff;font-size:clamp(26px,3vw,40px);letter-spacing:-.02em;margin-bottom:16px}
.law-copy p{font-size:15.5px;color:#C4C5CE;line-height:1.6;max-width:52ch}
.law-points{display:flex;flex-direction:column;gap:14px}
.law-point{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:16px 18px}
.law-point .ic{color:var(--red);flex:none;margin-top:2px}
.law-point b{display:block;color:#fff;font-size:15px;margin-bottom:4px;letter-spacing:-.01em}
.law-point span{color:#C4C5CE;font-size:13.5px;line-height:1.45}

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