/* ===== Pure Black. Все правила под body.pblk ===== */
body.pblk{--bg:#000;--pn:#0c0c0d;--pn2:#1f2023;--bd:rgba(255,255,255,.06);--tx:#f4f4f5;--mu:#9a9aa0;--ac:#f1f1f1;--ac2:#d8d8d8;--on-ac:#111;--r:10px;--sw:64px;--gap:14px;
 background:var(--bg);color:var(--tx);font-family:"Poppins","Montserrat","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}
.pblk a:hover{color:#fff}
.pblk ::selection{background:#fff;color:#000}

/* каркас: узкая панель слева, чёрный фон */
.pblk .main{margin-left:var(--sw);padding:0 var(--gap) var(--gap)}
.pblk .wrap{max-width:1700px;padding:0 0 40px}
.pblk .side{inset:0 auto 0 0;width:var(--sw);background:#1a1b1e;border:0;border-radius:0;padding:14px 8px}
.pblk .lg{background:transparent;color:#fff;border-radius:10px}
.pblk .nv{border-radius:10px;color:#cfcfd4}
.pblk .nv:hover{background:#2a2b2f;color:#fff}
.pblk .nv.on{background:#2a2b2f;color:#fff}
.pblk .nv .tag{background:#fff;color:#000}
.pblk .me{background:#2a2b2f;border:0;border-radius:12px}
.pblk .top{position:sticky;top:0;margin:0 calc(var(--gap)*-1) var(--gap);padding:12px var(--gap);background:#1a1b1e;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;gap:12px}
.pblk .sbox{max-width:560px;margin:0 auto}
.pblk .sbox input{height:44px;background-color:#000;border:0;border-radius:8px;padding-left:48px}
.pblk .sbox input:focus{box-shadow:0 0 0 1px #666}
.pblk .sug{background:#0c0c0d;border:1px solid var(--bd);border-radius:10px}
.pblk .ib{background:#2a2b2f;border:0;border-radius:8px;height:42px;width:42px}
.pblk .ib:hover{background:#3a3b40}.pblk .ib.on{background:#fff;color:#000}
.pblk .dot{background:#ff4d4d;border:2px solid #1a1b1e}

/* плитки разделов (как «Trending / Music / Gaming») */
.pblk .top-pills{position:absolute;left:var(--gap);right:var(--gap);top:100%;display:flex;gap:12px;overflow-x:auto;padding:14px;margin-top:var(--gap);background:#0c0c0d;border-radius:10px;scrollbar-width:none}
.pblk .top-pills::-webkit-scrollbar{display:none}
.pblk .top-pills a{flex:0 0 112px;height:104px;display:grid;place-items:center;text-align:center;border-radius:10px;background:var(--pn2);font-weight:500;font-size:.88rem;padding:10px}
.pblk .top-pills a:hover{background:#2c2d32;color:#fff}.pblk .top-pills a.on{background:#fff;color:#000}
.pblk .top{margin-bottom:calc(104px + 28px + var(--gap)*2)}
@media(max-width:1199px){.pblk .top-pills{display:none}.pblk .top{margin-bottom:var(--gap)}}

/* десктоп: только значки в панели */
@media(min-width:1024px){
 .pblk .side .logo b,.pblk .nv>span,.pblk .nv .tag,.pblk .me>span{display:none}
 .pblk .side nav{align-items:center;gap:6px}
 .pblk .nv{width:46px;height:46px;padding:0;justify-content:center}
 .pblk .side .logo{justify-content:center}
 .pblk .side-b .btn{padding:10px 4px;font-size:.7rem}
 .pblk .soc-side{flex-direction:column;align-items:center}
}

/* панели и элементы */
.pblk .pn{background:var(--pn);border:0;border-radius:12px;padding:22px}
.pblk .btn{background:#2a2b2f;border:0;border-radius:8px;font-weight:600}
.pblk .btn:hover{background:#3a3b40;color:#fff}
.pblk .btn.acc,.pblk .chip-b.on,.pblk .tr span,.pblk .bigplay,.pblk .s2-b.watch,.pblk .bd.q,.pblk .nv .tag{background:#fff!important;color:#000!important;border-color:transparent;box-shadow:none}
.pblk .btn.acc:hover{background:#e2e2e2!important}
.pblk .btn.gh.on{background:#fff;color:#000}
.pblk .bigplay{box-shadow:0 0 0 10px rgba(255,255,255,.12),0 14px 40px rgba(0,0,0,.7)}
.pblk .s2-b.watch svg{fill:#000}
.pblk .in{background-color:#1f2023;border:0;border-radius:8px;height:46px}
.pblk .in:focus{box-shadow:0 0 0 1px #777}
.pblk .chip span{background:#1f2023;border:0;border-radius:8px;padding:10px 18px}
.pblk .chip:hover span{background:#2c2d32}.pblk .chip.on span,.pblk .chip input:checked+span{background:#fff;color:#000}
.pblk .tab{background:#1f2023;border:0;border-radius:8px}.pblk .tab.on{background:#fff;color:#000}
.pblk .seg{background:#1f2023;border:0;border-radius:8px}.pblk .seg .on{background:#fff;color:#000}
.pblk .chip-b{background:#1f2023;border:0;border-radius:8px}
.pblk .pager a,.pblk .pager span{background:#1f2023;border:0;border-radius:8px}.pblk .pager a.on{background:#fff;color:#000}
.pblk .vb.on{background:#fff;color:#000}
.pblk .flash{background:#0c0c0d;border:0;border-left:3px solid #fff;border-radius:8px}
.pblk .sec-h h2,.pblk .ph h1{font-weight:600;font-size:1.7rem}
.pblk .sec-h>a{color:var(--mu)}
.pblk .st b{color:#fff}

/* карточки в стиле видео-превью */
.pblk .card{background:transparent;padding:0;border-radius:8px}
.pblk .card:hover{background:transparent;color:inherit}
.pblk .poster{border:0;border-radius:8px}
.pblk .card:hover .poster{transform:none;box-shadow:0 0 0 2px #fff}
.pblk .ct{font-size:.95rem;font-weight:600;margin-top:10px}
.pblk .bd{border-radius:6px;background:rgba(0,0,0,.75)}

/* слайдер, фильм */
.pblk .slider{border:0;border-radius:12px;height:420px}
.pblk .slide::after{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35) 60%,transparent)}
.pblk .slide .tag{background:rgba(255,255,255,.14)}
.pblk .sp{transform:none;border-radius:10px}
.pblk .dots .on{background:#fff}
.pblk .hero{border:0;border-radius:12px;background:var(--pn)}
.pblk .hp{border-radius:10px}.pblk .frame{border-radius:12px}
.pblk .ring{background:#1f2023;border:0;border-radius:10px;box-shadow:none}
.pblk .ring.st span{background:none;-webkit-text-fill-color:#fff;color:#fff}
.pblk .facts a,.pblk .ppl a{color:#fff;text-decoration:underline;text-decoration-color:#555}
.pblk .cav{background:#2a2b2f}
.pblk .cm2.sub{background:#1f2023;border:0;border-radius:10px}
.pblk .cpb{background:#1f2023;border:0;border-radius:8px}.pblk .cpb.on{background:#fff;color:#000}
.pblk .nt.un{background:#1f2023;box-shadow:inset 3px 0 0 #fff}
.pblk .fa,.pblk .mbox{background:#0c0c0d;border:0}
.pblk .mbox{border-radius:14px}
.pblk .toast{background:#2a2b2f;border:0;border-radius:10px}
.pblk .foot{background:#0c0c0d;border:0;border-radius:12px;margin-top:20px}
.pblk .ap-hero{background:#0c0c0d;border:0}.pblk .ap-steps .n{background:#fff;color:#000}.pblk .ap-f .fi{background:#1f2023}
.pblk .stbar i,.pblk .bar i,.pblk .s2-bar i{background:#fff}

/* планшет и телефон */
@media(max-width:1023px){
 body.pblk{--sw:0px}
 .pblk .main{padding:0 10px 10px}
 .pblk .side{width:280px;background:#1a1b1e;border-radius:0}
 .pblk .top{margin:0 -10px 12px;padding:10px}
 .pblk .slider{height:340px}
 .pblk .filters{background:#0c0c0d}
}
@media(max-width:767px){
 .pblk .tabbar{background:#1a1b1e;border:0;border-radius:18px}
 .pblk .tabbar a.on{background:#2a2b2f;color:#fff}
 .pblk .slider{height:380px}
 .pblk .pn{padding:16px}
}