/* tomosha sahifasi (asosiy uslublar index.css da) */
.top .back{margin-left:auto}
.pill{display:inline-block;padding:10px 18px;border-radius:999px;border:2px solid var(--surface2);background:var(--surface);cursor:pointer;font-weight:700;font-size:.9rem;color:var(--text)}
.pill:hover:not(:disabled){border-color:var(--firuza)}
.pill:disabled{opacity:.4;cursor:default}
.wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding:24px var(--pad) 0;align-items:start}
.col{min-width:0}
.stage{position:relative;z-index:6;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.stage video{display:block;width:100%;aspect-ratio:16/9;max-height:78vh;background:#000}
.col h1{font:800 clamp(1.25rem,2.8vw,1.9rem)/1.25 var(--display);margin:22px 0 10px;letter-spacing:-.02em}
.bar{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.desc{margin-top:4px}
.desc.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.adw:not(:empty){margin-top:18px}
.adw .ad{min-height:96px;padding:18px 22px}
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:76px}
.side .adw:not(:empty){margin:0}
.side h2{font-size:1.05rem;font-weight:800;margin-bottom:12px}
.list{display:flex;flex-direction:column;gap:10px;max-height:min(62vh,560px);overflow-y:auto}
.list.eps{flex-direction:row;margin-top:0;align-content:flex-start}
.mini{display:flex;gap:12px;align-items:center;padding:8px;border-radius:12px;background:var(--surface)}
.mini:hover{background:var(--surface2)}
.mini img{width:54px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:var(--surface2);flex:none}
.mini div{display:flex;flex-direction:column;min-width:0}
.mini b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini small{color:var(--muted)}
.dim::before{content:"";position:fixed;inset:0;z-index:5;background:rgba(5,2,10,.94)}
@media (max-width:980px){.wrap{grid-template-columns:1fr}.side{position:static}.list{max-height:none}}
@media (max-width:760px){body.watch{padding-bottom:0}.wrap{padding-top:0}.stage{border-radius:0;margin:0 calc(var(--pad) * -1)}.pill{padding:11px 16px}}

.err{padding:12px 24px;background:#4a1530;color:#ffc2d1;font-size:.9rem}
.pill[aria-pressed=true]{border-color:var(--firuza);background:var(--surface2)}

/* ===== REGISTON TEMASI (tomosha sahifasi) ===== */
:root{
  --i-like:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M7 11v9H4v-9zM7 11l4-8a2 2 0 012 2v4h5.5a2 2 0 012 2.3l-1 6A2 2 0 0117.5 20H7'/%3E%3C/svg%3E");
  --i-eye:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --i-share:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V3M7 8l5-5 5 5M5 13v6a2 2 0 002 2h10a2 2 0 002-2v-6'/%3E%3C/svg%3E");
  --i-bulb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 00-4 10.5c.7.7 1 1.500 1 2.500h6c0-1 .3-1.800 1-2.500A6 6 0 0012 3z'/%3E%3C/svg%3E");
  --i-flag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E")}
.backdrop{position:absolute;top:0;left:0;right:0;height:85vh;z-index:0;background:center top/cover;filter:blur(46px) saturate(1.4);opacity:.4;transform:scale(1.15);pointer-events:none;-webkit-mask:linear-gradient(#000 30%,transparent);mask:linear-gradient(#000 30%,transparent)}
body.watch{position:relative;overflow-x:hidden}
.wrap,.block,.foot{position:relative}

.pill{border-radius:14px;transition:.2s}
.pill:hover:not(:disabled){border-color:var(--zarg);transform:translateY(-2px)}
.pill[aria-pressed=true]{border-color:var(--zarg);background:var(--surface2)}
.pill[class*="i-"]{display:inline-flex;align-items:center;gap:8px}
.pill[class*="i-"]::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.i-back{--m:var(--i-left)}.i-heart{--m:var(--i-heart)}.i-heart.on{--m:var(--i-heartf);color:var(--zarg)}
.i-like{--m:var(--i-like)}.i-dislike{--m:var(--i-like)}.i-dislike::before{transform:scaleY(-1)}
.i-share{--m:var(--i-share)}.i-bulb{--m:var(--i-bulb)}.i-flag{--m:var(--i-flag)}
.bar{gap:8px}
.eye{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.eye::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-eye) center/contain no-repeat;mask:var(--i-eye) center/contain no-repeat}

.stage{border-radius:24px;box-shadow:0 0 0 2px var(--surface2),0 40px 90px -30px rgba(47,123,255,.55)}
.head{display:flex;gap:clamp(14px,2.4vw,24px);align-items:flex-end;margin-top:24px}
.head h1{margin:0 0 12px}
.pbig{flex:none;width:clamp(92px,13vw,150px);aspect-ratio:2/3;object-fit:cover;border-radius:16px;background:var(--surface2);box-shadow:0 0 0 2px var(--zarg),0 22px 44px -14px rgba(0,0,0,.85)}
.head .meta{margin-bottom:2px}
.desc{padding-left:16px;border-left:3px solid var(--zarg)}
.side h2{display:flex;align-items:center;gap:10px}
.mini{border-radius:14px;border:1px solid var(--surface2);transition:.2s}
.mini:hover{border-color:var(--zarg);transform:translateX(4px)}
.mini img{border-radius:10px}
#wideBlock .poster{border-radius:16px}
#wideBlock h2::before{background:var(--firuza)}
@media (max-width:760px){.stage{border-radius:0}.head{align-items:flex-start}.pbig{width:88px}}