/* ===== Weathry Dark. Все правила под body.wthr ===== */
body.wthr{--bg:#0a0b0c;--pn:#12181c;--pn2:#1b252b;--bd:rgba(255,255,255,.07);--tx:#f2f6f8;--mu:#8497a1;--ac:#3aa0ff;--ac2:#25d0e8;--on-ac:#04121c;--r:30px;--gap:14px;--sw:128px;
 --glass:linear-gradient(155deg,rgba(36,58,70,.75),rgba(14,22,27,.92) 60%,rgba(20,34,42,.85));
 background:#5e5d62;color:var(--tx);font-family:"Inter","SF Pro Display","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-weight:400}
.wthr a:hover{color:var(--ac2)}
.wthr ::selection{background:var(--ac);color:var(--on-ac)}
.wthr h1,.wthr h2{font-weight:500;letter-spacing:-.01em}

/* чёрный корпус с серым полем вокруг (десктоп) */
@media(min-width:1200px){
 body.wthr{padding:50px 0 0 50px}
 .wthr .app{position:relative;min-height:calc(100vh - 50px);background:var(--bg);border-radius:38px 0 0 0;overflow:clip}
 .wthr .side{position:absolute;inset:18px auto 18px 18px;height:auto}
 .wthr .main{margin-left:var(--sw);padding:18px 20px 22px 8px}
}
@media(max-width:1199px){body.wthr{background:var(--bg)}}
.wthr .wrap{max-width:1500px;padding:0 0 36px}

/* боковая панель с белой полосой у активного пункта */
.wthr .side{width:calc(var(--sw) - 28px);background:linear-gradient(180deg,#14191c,#101417);border:1px solid var(--bd);border-radius:30px;padding:18px 0}
.wthr .lg{background:transparent;color:var(--ac2);border-radius:0}
.wthr .nv{position:relative;border-radius:0;color:#a8b6bd;border-radius:0}
.wthr .nv:hover{background:rgba(255,255,255,.05);color:#fff}
.wthr .nv.on{background:rgba(255,255,255,.07);color:#fff}
.wthr .nv.on::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#fff}
.wthr .nv .tag{background:var(--ac);color:var(--on-ac)}
.wthr .me{background:var(--pn2);border:0;border-radius:18px}
@media(min-width:1024px){
 .wthr .side .logo{justify-content:center;border-bottom:1px solid var(--bd);padding-bottom:14px}
 .wthr .side .logo b{font-size:.8rem;font-weight:400}
 .wthr .nv>span,.wthr .nv .tag,.wthr .me>span{display:none}
 .wthr .side nav{gap:6px;align-items:stretch}
 .wthr .nv{height:56px;padding:0;justify-content:center}
 .wthr .side-b .btn{padding:10px 4px;font-size:.7rem}
 .wthr .soc-side{flex-direction:column;align-items:center}
}

/* шапка */
.wthr .top{position:sticky;top:0;margin:0 0 16px;padding:8px 0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:12px}
.wthr .sbox{max-width:360px;margin:0}
.wthr .sbox input{height:46px;background-color:var(--pn);border:1px solid var(--bd);border-radius:999px}
.wthr .sbox input:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(58,160,255,.18)}
.wthr .sug{background:var(--pn);border:1px solid var(--bd);border-radius:20px}
.wthr .top-pills{display:flex;gap:8px;margin-right:auto}
.wthr .top-pills a{height:42px;padding:0 20px;display:grid;place-items:center;border-radius:999px;background:var(--pn);border:1px solid var(--bd);color:var(--mu);white-space:nowrap}
.wthr .top-pills a:hover{color:#fff}.wthr .top-pills a.on{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac);border-color:transparent;font-weight:600}
.wthr .ib{background:var(--pn);border:1px solid var(--bd);border-radius:50%;width:46px;height:46px}
.wthr .ib:hover{background:var(--pn2)}.wthr .ib.on{background:var(--ac);color:var(--on-ac)}
.wthr .dot{background:#ff4d4d;border:2px solid var(--bg)}
@media(max-width:1199px){.wthr .top-pills{display:none}.wthr .sbox{max-width:none;flex:1}}

/* стеклянные панели с мягким свечением */
.wthr .pn,.wthr .hero,.wthr .card,.wthr .foot,.wthr .filters{background:var(--glass);border:1px solid var(--bd);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.wthr .pn{border-radius:var(--r);padding:22px}
.wthr .btn{background:var(--pn2);border:1px solid var(--bd);border-radius:999px;font-weight:500}
.wthr .btn:hover{background:#24323a;color:#fff}
.wthr .btn.acc,.wthr .chip-b.on,.wthr .tr span,.wthr .bigplay,.wthr .s2-b.watch,.wthr .bd.q,.wthr .nv .tag{background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:var(--on-ac)!important;border-color:transparent;box-shadow:none}
.wthr .btn.acc{box-shadow:0 12px 28px -12px var(--ac)}
.wthr .btn.acc:hover{filter:brightness(1.08);color:var(--on-ac)!important}
.wthr .btn.gh.on{background:rgba(58,160,255,.16);color:var(--ac2);border-color:rgba(58,160,255,.4)}
.wthr .s2-b.watch svg{fill:var(--on-ac)}
.wthr .bigplay{box-shadow:0 0 0 10px rgba(58,160,255,.18),0 14px 40px rgba(0,0,0,.6)}
.wthr .in{background-color:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:16px;height:48px}
.wthr .in:focus{border-color:var(--ac);box-shadow:0 0 0 3px rgba(58,160,255,.18)}
.wthr .chip span{background:var(--pn2);border:1px solid var(--bd);border-radius:999px;padding:10px 18px}
.wthr .chip.on span,.wthr .chip input:checked+span{background:rgba(58,160,255,.18);color:var(--ac2);border-color:rgba(58,160,255,.45)}
.wthr .tab{background:var(--pn);border:1px solid var(--bd);border-radius:999px}.wthr .tab.on{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac);border-color:transparent}
.wthr .seg{background:var(--pn2);border:1px solid var(--bd);border-radius:999px}.wthr .seg button{border-radius:999px}.wthr .seg .on{background:var(--ac);color:var(--on-ac)}
.wthr .chip-b{background:var(--pn2);border:1px solid var(--bd);border-radius:999px}
.wthr .pager a,.wthr .pager span{background:var(--pn);border:1px solid var(--bd);border-radius:14px}.wthr .pager a.on{background:var(--ac);color:var(--on-ac)}
.wthr .vb.on{background:rgba(58,160,255,.16);color:var(--ac2)}
.wthr .tag{border-radius:999px}.wthr .tag.acc{background:var(--ac);color:var(--on-ac)}
.wthr .flash{background:var(--glass);border:1px solid var(--bd);border-left:4px solid var(--ac);border-radius:16px}
.wthr .sec-h h2,.wthr .ph h1{font-weight:500;font-size:1.35rem}
.wthr .sec-h>a{background:var(--pn2);padding:6px 16px;border-radius:999px;font-size:.8rem;color:#fff;border:1px solid var(--bd)}
.wthr .st b{font-weight:300;font-size:2.2rem;color:#fff}

/* карточки */
.wthr .card{padding:10px 10px 12px;border-radius:26px}
.wthr .card:hover{border-color:rgba(58,160,255,.5);box-shadow:0 20px 40px -22px rgba(58,160,255,.5);transform:translateY(-3px);color:inherit}
.wthr .poster{border:0;border-radius:18px}
.wthr .card:hover .poster{transform:none;box-shadow:none}
.wthr .ct{margin-top:10px;font-size:.92rem;font-weight:500}
.wthr .bd{border-radius:999px;background:rgba(10,14,17,.72);border:1px solid var(--bd)}

.wthr .slider{border:1px solid var(--bd);border-radius:32px;height:420px}
.wthr .slide::after{background:linear-gradient(90deg,rgba(8,14,18,.92),rgba(8,14,18,.35) 60%,transparent)}
.wthr .slide h2,.wthr .slide h1{font-weight:300;font-size:clamp(2rem,4.5vw,3.4rem)}
.wthr .slide .tag{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wthr .sp{transform:none;border-radius:22px}.wthr .dots .on{background:var(--ac)}
.wthr .hero{border-radius:32px}.wthr .hi h1{font-weight:300;font-size:clamp(2rem,4vw,3.2rem)}
.wthr .hp,.wthr .frame{border-radius:22px}
.wthr .ring{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:20px;box-shadow:none}
.wthr .ring.st span{background:none;-webkit-text-fill-color:var(--ac2);color:var(--ac2)}
.wthr .facts a,.wthr .ppl a{color:var(--ac2)}
.wthr .cav{background:linear-gradient(135deg,var(--ac),var(--ac2))}
.wthr .cm2.sub{background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:18px}
.wthr .cpb{background:var(--pn);border:1px solid var(--bd);border-radius:14px}.wthr .cpb.on{background:var(--ac);color:var(--on-ac)}
.wthr .nt.un{background:var(--pn2);box-shadow:inset 3px 0 0 var(--ac)}
.wthr .fa,.wthr .mbox{background:var(--glass);border:1px solid var(--bd)}.wthr .mbox{border-radius:28px}
.wthr .toast{background:var(--pn2);border:1px solid var(--bd);border-radius:16px}
.wthr .foot{border-radius:26px;margin-top:20px}
.wthr .ap-hero{background:var(--glass);border:1px solid var(--bd)}.wthr .ap-steps .n{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--on-ac)}.wthr .ap-f .fi{background:var(--pn2)}
.wthr .stbar i,.wthr .bar i,.wthr .s2-bar i{background:linear-gradient(90deg,var(--ac),var(--ac2))}

@media(max-width:1199px){
 .wthr .main{padding:12px}
 .wthr .side{width:290px;border-radius:0 28px 28px 0;padding:18px 8px}
 .wthr .nv{border-radius:14px}.wthr .nv.on::before{display:none}
 .wthr .top{top:0;background:var(--bg)}
 .wthr .slider{height:350px;border-radius:26px}.wthr .filters{border-radius:26px 26px 0 0}
}
@media(max-width:767px){
 .wthr .tabbar{background:#12181c;border:1px solid var(--bd);border-radius:26px}.wthr .tabbar a.on{background:rgba(58,160,255,.16);color:var(--ac2)}
 .wthr .slider{height:390px}.wthr .pn{padding:16px;border-radius:24px}
}