/* Страница категории (22.09.2026) — поверх home.css/dark.css/ui.css */
.ot-cat .box-h svg{width:18px;height:18px;flex:none}
.ot-cat .lcol .li.on{color:var(--or);font-weight:600}
.ot-cat .lcol .li small{margin-left:auto;color:var(--muted);font-size:12px}
.ot-cat .lcol .li small+span{margin-left:8px}
.ot-cat .lcol .li.li-x{display:none}
.ot-cat .lcol .box.open .li.li-x{display:flex}
.ot-cat .li-tg{margin-top:4px;font-size:12.5px}
.fbox .chk{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13px;color:var(--txt)}
.fbox .chk i{width:15px;height:15px;border:1.5px solid var(--line);border-radius:4px;flex:none;position:relative;background:rgba(255,255,255,.03)}
.fbox .chk.on i{background:var(--or);border-color:var(--or)}
.fbox .chk.on i:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--acc-txt,#fff);border-width:0 2px 2px 0;transform:rotate(45deg)}
.fbox .chk:hover{color:var(--or)}
.prange{display:flex;align-items:center;gap:6px;margin-top:8px}
.prange input{width:0;flex:1;min-width:0;padding:6px 8px;font-size:12.5px;border:1px solid var(--line);border-radius:var(--rs,8px);background:var(--surf2,#0b1f2e);color:var(--txt)}
.prange span{color:var(--muted)}
.prange button{padding:6px 10px;font-size:12px;font-weight:600;background:var(--or);color:var(--acc-txt,#fff);border:none;border-radius:var(--rs,8px);cursor:pointer}
.crumb{font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.crumb a{color:var(--muted)}.crumb a:hover{color:var(--or)}.crumb b{color:var(--txt);font-weight:500}
.cat-head h1{font-size:28px;font-weight:600;letter-spacing:-.4px;margin:0 0 4px;color:var(--txt)}
.cat-desc{color:var(--muted);font-size:14px;max-width:720px;margin-bottom:8px}
.cat-desc p{margin:0}
.cat-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.cat-chips a{font-size:12.5px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:var(--txt);background:var(--surf)}
.cat-chips a:hover{border-color:var(--or);color:var(--or)}
.wsr{margin-top:12px}
.wsr .reel-row{gap:10px}
.wsr .reel{flex:0 0 150px}
.wsr .reel-play{width:34px;height:34px;font-size:12px}
.wsr .reel-cap{font-size:11.5px;padding:24px 8px 8px}
.wsr .reel-cap b{display:block;margin-top:3px;font-weight:600;color:#fff}
.wsr .reel-dur{bottom:auto;top:8px;right:8px}
.tools{display:flex;align-items:center;gap:14px;margin:14px 0 2px;flex-wrap:wrap}
.tools-l{display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:600;color:var(--txt)}
.tools-l em{font-style:normal;font-size:13px;font-weight:400;color:var(--muted)}
.tools-tabs{display:flex;gap:4px;background:var(--surf);border:1px solid var(--line);border-radius:var(--rs,8px);padding:3px}
.tools-tabs a{font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;color:var(--txt)}
.tools-tabs a.on,.tools-tabs a:hover{background:rgba(255,255,255,.08);color:var(--or)}
.tools-sort{margin-left:auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:6px}
.tools-sort select{padding:6px 10px;font-size:13px;border:1px solid var(--line);border-radius:var(--rs,8px);background:var(--surf);color:var(--txt)}
.cat-empty{padding:40px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--r,12px);margin-top:12px}
.cat-empty a{color:var(--or)}
@media (max-width:768px){.tools-l{width:100%}.tools-sort{margin-left:0}.cat-head h1{font-size:22px}}