/* Belink TV — "Cinema" premium theme (2026-10-14). Distinct: true black, ivory, crimson, editorial serif. */
@font-face{font-family:BTVSerif;src:url(/fonts/iserif0.woff2) format("woff2");font-display:swap}
@font-face{font-family:BTVSerif;font-style:italic;src:url(/fonts/iserif1.woff2) format("woff2");font-display:swap}
@font-face{font-family:BTVSans;src:url(/fonts/inter.woff2) format("woff2");font-weight:300 800;font-display:swap}
@font-face{font-family:BTVAr;src:url(/fonts/tajawal.woff2) format("woff2");font-display:swap}
:root{--bg:#060606;--fg:#f3eee6;--mut:#a39d93;--acc:#e5383b;--acc2:#e5383b;--card:#121110;--line:rgba(243,238,230,.1);--grad:linear-gradient(135deg,#e5383b,#b21e35);font-family:BTVSans,BTVAr,-apple-system,sans-serif!important}
html,html body{background:#060606!important;color:var(--fg)}
html body .bbg,html body #bbg,html body .bbg-video,html body [class^="bbg-"]{display:none!important}
html body header{background:linear-gradient(#060606e0,#06060600)!important;border:0!important;box-shadow:none!important;padding:calc(env(safe-area-inset-top) + 14px) clamp(16px,4vw,48px) 14px!important}
html body header.solid{background:rgba(6,6,6,.82)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--line)!important}
html body .brand img.logo{display:none!important}
html body .brand:before{content:"Belink";font:600 22px BTVSans,sans-serif;letter-spacing:-.03em;color:var(--fg)}
html body .brand:after{content:"TV";font:400 italic 26px BTVSerif,serif;color:var(--acc);margin-inline-start:6px}
html body #sbtn{width:42px;height:42px;border-radius:50%;background:rgba(243,238,230,.08)!important;border:1px solid var(--line)!important;box-shadow:none!important}
html body #sbtn svg{stroke:var(--fg)!important}
html body #hero{height:min(86vh,760px)!important}
html body .slide{transform:scale(1.06);transition:opacity 1.2s ease,transform 9s ease-out!important}html body .slide.on{transform:scale(1)}
html body .slide:after{background:linear-gradient(180deg,rgba(6,6,6,.1) 30%,rgba(6,6,6,.55) 65%,#060606 97%),linear-gradient(90deg,rgba(6,6,6,.85),rgba(6,6,6,0) 65%)!important}
html body .hcap{left:clamp(18px,4vw,56px)!important;bottom:clamp(40px,8vh,90px)!important;max-width:720px!important;animation:btvup .9s cubic-bezier(.2,.8,.2,1)}
@keyframes btvup{from{opacity:0;transform:translateY(16px)}}
html body .hcap .tag{color:var(--acc)!important;text-shadow:none!important;letter-spacing:.24em!important;font-size:11px!important}
html body .hcap h1{font:400 clamp(40px,7.5vw,96px)/.95 BTVSerif,serif!important;letter-spacing:-.02em!important;margin:12px 0 14px!important;text-shadow:0 2px 40px rgba(0,0,0,.6)!important}
html[dir=rtl] body .hcap h1{font-family:BTVAr,sans-serif!important;font-weight:800!important;line-height:1.2!important}
html body .hcap p{color:#d8d2c8!important;font-size:16px!important;max-width:560px}
html body .play{background:var(--fg)!important;color:#060606!important;box-shadow:none!important;border-radius:99px!important;padding:13px 26px!important;font-weight:700!important}
html body .play:hover{background:#fff!important}
html body .ghost{background:rgba(243,238,230,.12)!important;border:1px solid rgba(243,238,230,.2)!important;border-radius:99px!important;padding:13px 22px!important}
html body .dots i{background:rgba(243,238,230,.3)!important;box-shadow:none!important}html body .dots i.on{background:var(--acc)!important;box-shadow:none!important;width:22px!important;border-radius:9px!important}
html body #chips{padding:6px clamp(16px,4vw,48px) 4px!important;gap:8px!important;position:sticky;top:64px;z-index:12;background:linear-gradient(#060606,#060606e6 70%,#06060600)}
html body #chips button{background:transparent!important;border:1px solid var(--line)!important;color:var(--mut)!important;border-radius:99px!important;box-shadow:none!important;font-weight:600!important}
html body #chips button.on{background:var(--fg)!important;color:#060606!important;border-color:var(--fg)!important;box-shadow:none!important}
html body .row{padding-inline:clamp(16px,4vw,48px)!important;margin-top:26px!important}
html body .row h2{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--fg)!important;font:400 clamp(24px,2.6vw,34px)/1.1 BTVSerif,serif!important;letter-spacing:-.01em!important;display:flex;align-items:center;gap:12px}
html body .row h2:after{content:"";flex:1;height:1px;background:var(--line)}
html body .rail{gap:14px!important;scroll-snap-type:x mandatory;padding-bottom:10px!important}
html body .tile{scroll-snap-align:start}
html body .tile .art{border:0!important;border-radius:14px!important;box-shadow:0 18px 40px -24px #000!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s!important}
@media(hover:hover){html body .tile:hover .art{transform:scale(1.045)!important;box-shadow:0 30px 60px -24px #000,0 0 0 2px var(--fg)!important;border:0!important}}
html body .tile .art .ph{background:linear-gradient(135deg,#2a1414,#121110)!important;font-family:BTVSerif,serif}
html body .tile .t{font-weight:600!important;margin-top:9px!important;color:var(--fg)!important}html body .tile .y{color:var(--mut)!important}
html body .badge{background:rgba(6,6,6,.7)!important;backdrop-filter:blur(6px);border-radius:6px!important;letter-spacing:.1em!important;font-size:10px!important;border:1px solid var(--line)}
html body .badge.live{background:var(--acc)!important;color:#fff!important;border:0}
html body .prog b{background:var(--acc)!important}
html body .card{background:#100f0e!important;border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:0 60px 120px -40px #000}
html body .card .bd:after{background:linear-gradient(#100f0e00 40%,#100f0e)!important}
html body .card h3{font:400 38px/1 BTVSerif,serif!important;letter-spacing:-.01em!important}
html body .lic a,html body #sx,html body footer a{color:var(--acc)!important}
html body #search{background:rgba(6,6,6,.96)!important}html body #q,html body #psrc{background:#121110!important;border:1px solid var(--line)!important;border-radius:14px!important}
html body footer{border-top:1px solid var(--line)!important;color:var(--mut)!important;padding:34px clamp(16px,4vw,48px)!important;margin-top:50px}
html body .bh h2{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--fg)!important;font:400 clamp(24px,2.6vw,34px) BTVSerif,serif!important}
html body .bh-chip{border-color:var(--line)!important;background:transparent!important;color:var(--mut)!important}html body .bh-chip.on{background:var(--fg)!important;color:#060606!important;box-shadow:none!important}
html body .bh-q{background:#121110!important;border:1px solid var(--line)!important}html body .bh-btn{border:1px solid var(--line)!important;background:transparent!important;color:var(--fg)!important}
html body .bh-card .im{border:0!important;border-radius:14px!important}
@media(max-width:640px){html body .hcap{right:18px!important}html body .hcap h1{font-size:34px!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
html body #langBtn{margin-inline-start:auto;margin-inline-end:10px;height:42px;padding:0 16px;border-radius:99px;background:rgba(243,238,230,.08);border:1px solid var(--line);color:var(--fg);font:600 14px BTVSans,BTVAr,sans-serif;cursor:pointer}
html[dir=rtl] body,html[dir=rtl] body button,html[dir=rtl] body input{font-family:BTVAr,BTVSans,sans-serif!important}
html[dir=rtl] body .row h2,html[dir=rtl] body .bh h2,html[dir=rtl] body .card h3{font-family:BTVAr,sans-serif!important;font-weight:800!important}
html[dir=rtl] body .slide:after{background:linear-gradient(180deg,rgba(6,6,6,.1) 30%,rgba(6,6,6,.55) 65%,#060606 97%),linear-gradient(270deg,rgba(6,6,6,.85),rgba(6,6,6,0) 65%)!important}
html[dir=rtl] body .hcap{left:auto!important;right:clamp(18px,4vw,56px)!important}