/* styles.css */
:root{--cinema-bg:#090909;--cinema-surface:#111214;--cinema-surface-raised:#17181b;--cinema-text:#f7f7f7;--cinema-muted:#a7aab0;--cinema-line:rgba(255,255,255,.10);--bg:var(--cinema-bg);--bg-soft:var(--cinema-surface);--panel:var(--cinema-surface);--panel2:var(--cinema-surface-raised);--text:var(--cinema-text);--muted:var(--cinema-muted);--brand:#e50914;--line:var(--cinema-line);--radius:12px;--shadow:0 20px 60px rgba(0,0,0,.48);--page-pad:clamp(18px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:"Cairo",system-ui,sans-serif}body.nav-open{overflow:hidden}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer}.hidden{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:3px}.ui-icon{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.brand-symbol{display:block;width:34px;height:34px;border-radius:10px;flex:none}.premium-footer .brand-symbol{width:30px;height:30px}.premium-footer{contain:layout style}
.stream-header{height:70px;display:flex;align-items:center;gap:24px;padding:max(7px,env(safe-area-inset-top)) var(--page-pad) 7px;position:fixed;inset:0 0 auto;z-index:60;background:linear-gradient(180deg,rgba(9,9,9,.9) 0%,rgba(9,9,9,.5) 58%,transparent 100%);border-bottom:1px solid transparent;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;will-change:background}.stream-header.scrolled{background:#090909;border-bottom-color:var(--cinema-line);box-shadow:0 10px 28px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:.4px;flex:none;min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);font-size:18px;font-weight:900;box-shadow:0 8px 24px rgba(229,9,20,.22)}.brand strong{font-weight:900;color:var(--cinema-text);letter-spacing:1px}.nav{display:flex;align-items:center;gap:22px;flex:1;min-width:0}.nav a{position:relative;font-size:12.5px;font-weight:600;text-decoration:none;color:#d5d5d7;transition:color .16s ease}.nav a:hover{color:#fff}.actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.icon-btn,.pill,.avatar,.mobile-menu-btn{border:1px solid transparent;background:transparent;color:#fff;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.icon-btn:hover,.pill:hover,.avatar:hover,.mobile-menu-btn:hover{background:rgba(255,255,255,.08);border-color:var(--cinema-line)}.icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px}.pill{height:38px;padding:0 12px;border:1px solid var(--cinema-line);border-radius:999px;font-weight:800;background:rgba(17,18,20,.62)}.avatar{width:36px;height:36px;border-radius:11px;background:var(--cinema-surface-raised);font-weight:800;border-color:var(--cinema-line)}.mobile-menu-btn{display:none;width:40px;height:40px;border-radius:11px;font-size:18px}
.mobile-nav-backdrop{position:fixed;inset:0;z-index:69;background:rgba(2,3,8,.78)}.mobile-nav{position:fixed;z-index:70;inset:0 auto 0 0;width:min(340px,88vw);padding:max(18px,env(safe-area-inset-top)) 18px calc(18px + env(safe-area-inset-bottom));background:#0a0d13f5;border-inline-end:1px solid var(--line);box-shadow:30px 0 90px #000a;transform:translateX(-105%);transition:transform .26s ease;overflow:auto}.mobile-nav.open{transform:translateX(0)}[dir=rtl] .mobile-nav{left:auto;right:0;transform:translateX(105%);border-inline-end:0;border-inline-start:1px solid var(--line);box-shadow:-30px 0 90px #000a}[dir=rtl] .mobile-nav.open{transform:translateX(0)}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.mobile-nav nav{display:grid;gap:7px}.mobile-nav nav a{padding:13px 14px;border-radius:12px;text-decoration:none;font-weight:700;color:#d8dee9}.mobile-nav nav a:hover{background:#ffffff0d;color:#fff}
.stream-hero{height:min(76vh,790px);min-height:560px;position:relative;display:flex;align-items:flex-end;padding:0 clamp(18px,6vw,92px) 10vh;background:var(--cinema-bg) center 22%/cover no-repeat;overflow:hidden;transition:opacity .18s ease}.premium-hero{background-color:var(--cinema-bg)}.stream-hero.hero-changing{opacity:.92}.stream-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.96) 0%,rgba(9,9,9,.74) 34%,rgba(9,9,9,.18) 67%,transparent 82%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.78) 16%,transparent 54%)}[dir=rtl] .stream-hero:before{background:linear-gradient(270deg,rgba(9,9,9,.96) 0%,rgba(9,9,9,.74) 34%,rgba(9,9,9,.18) 67%,transparent 82%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.78) 16%,transparent 54%)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090909 0%,transparent 30%);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(620px,92vw);padding-bottom:8px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2.2px;color:#f4f4f4;font-weight:900;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:3px;border-radius:99px;background:var(--brand)}.hero h1{font-size:clamp(40px,5.7vw,68px);line-height:1.08;margin:13px 0 12px;letter-spacing:-1px;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.58)}.hero-meta{margin:0 0 10px;color:#f1f1f1;font-size:12px;font-weight:800}.hero-text{max-width:600px;color:#d2d3d6;line-height:1.72;font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 8px #000}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{border:1px solid transparent;border-radius:10px;padding:10px 18px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;transition:background .18s ease,border-color .18s ease,transform .18s ease}.btn.primary{background:#f7f7f7;color:#090909}.btn.primary:hover{background:#fff;transform:translateY(-1px)}.btn.glass{background:rgba(23,24,27,.78);color:#fff;border-color:var(--cinema-line)}.btn.glass:hover{background:#202124;border-color:rgba(255,255,255,.2)}.btn.wide{width:100%}.play-glyph{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-inline-start:10px solid currentColor;transform:translateX(1px)}[dir=rtl] .play-glyph{transform:translateX(-1px)}.hero-dots{position:absolute;z-index:3;bottom:28px;inset-inline-end:var(--page-pad);display:flex;gap:6px}.hero-dots button{width:18px;height:3px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.34);transition:width .18s ease,background .18s ease}.hero-dots button.active{width:34px;background:#fff}
.content-shell{position:relative;z-index:4;margin-top:-28px;padding-bottom:74px}.media-section{max-width:1480px;margin-inline:auto;padding:14px var(--page-pad)}.stream-row{position:relative;overflow:visible}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px}.section-head h2{font-size:clamp(18px,2vw,22px);margin:0;font-weight:900;letter-spacing:-.2px}.rail-actions{display:flex;gap:6px}.rail-actions button{width:34px;height:34px;border:1px solid var(--cinema-line);border-radius:10px;background:var(--cinema-surface);color:#fff;font-size:20px;display:grid;place-items:center}.rail-actions button:hover{background:var(--cinema-surface-raised);border-color:rgba(255,255,255,.2)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(230px,19vw,330px);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:12px 2px 22px;margin:0;scroll-padding-inline:2px}.rail::-webkit-scrollbar{display:none}.card{min-width:0}.stream-card{position:relative;scroll-snap-align:start;border-radius:6px;z-index:1;transition:transform .22s ease,box-shadow .22s ease;background:#181818}.stream-card-link{display:block;color:inherit;text-decoration:none;border-radius:6px;overflow:hidden}.poster,.stream-card-media{aspect-ratio:16/9;background:#202020 center/cover no-repeat;overflow:hidden;position:relative}.stream-card-media:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#090909cc);z-index:1}.stream-card-media.no-image{background:linear-gradient(145deg,#262626,#151515)}.poster-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff30;font-size:13px;font-weight:900;letter-spacing:1.5px}.badge{position:absolute;z-index:3;top:8px;inset-inline-start:8px;padding:3px 7px;border-radius:4px;background:#050505c9;border:1px solid #ffffff12;font-size:9px;text-transform:uppercase}.card-play{position:absolute;z-index:3;inset-block-end:9px;inset-inline-end:9px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:11px;opacity:0;transform:translateY(4px);transition:.18s}.stream-card:hover .card-play,.stream-card:focus-within .card-play{opacity:1;transform:none}.progress{height:4px;background:#ffffff25;position:absolute;inset:auto 8px 8px;z-index:4;border-radius:9px;overflow:hidden}.progress b{display:block;height:100%;background:var(--brand)}.stream-card-copy{padding:8px 10px 9px;background:#181818}.card-title{font-size:12.5px;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:10.5px;color:var(--muted);min-height:16px}.card-meta span{opacity:.55}.stream-card-details{position:absolute;z-index:4;inset:calc(100% - 2px) 0 auto;padding:10px 11px 12px;background:#181818;border-radius:0 0 6px 6px;box-shadow:0 16px 24px #0009;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.stream-card-actions{display:flex;align-items:center;gap:7px}.stream-card-action{width:30px;height:30px;border:1px solid #ffffff80;border-radius:50%;background:#202020;color:#fff;display:grid;place-items:center;text-decoration:none;padding:0;font-size:12px}.stream-card-action:hover{border-color:#fff;background:#2f2f2f}.stream-card-play{background:#fff;color:#111;border-color:#fff}.stream-card-detail-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;color:#d5d5d5;font-size:10px}.stream-card-detail-meta span+span:before{content:"•";margin-inline-end:7px;color:#737373}.stream-card:focus-within .stream-card-details{opacity:1;pointer-events:auto;transform:translateY(0)}@media(hover:hover) and (pointer:fine){.stream-card:hover{transform:scale(1.08);z-index:25;box-shadow:0 16px 35px #000b}.stream-card:hover .stream-card-details{opacity:1;pointer-events:auto;transform:translateY(0)}}
.search-dialog,.account-dialog{border:1px solid #ffffff20;color:#fff;box-shadow:var(--shadow)}.search-dialog::backdrop,.account-dialog::backdrop{background:#000c}.stream-search{width:min(1200px,calc(100vw - 48px));height:min(820px,88dvh);padding:0;border-radius:8px;background:#141414}.dialog-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #ffffff24;position:sticky;top:0;background:#141414;z-index:2}.dialog-head>span{font-size:22px;color:var(--muted)}.dialog-head input{flex:1;min-width:0;background:#2b2b2b;border:1px solid #ffffff20;border-radius:4px;color:#fff;padding:13px 15px;outline:none}.dialog-head input:focus{border-color:#fff}.search-results{padding:22px 20px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;overflow:auto;max-height:calc(88dvh - 78px)}.stream-account{width:min(430px,94vw);padding:0;border-radius:8px;background:#181818}.account-card{padding:30px 28px;position:relative}.account-card h3{margin:0 0 20px;font-size:25px}.close-x{position:absolute;top:13px;inset-inline-end:13px;background:transparent;color:#fff;border:0;font-size:27px}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;background:#242424;border-radius:4px;margin-bottom:18px}.tabs button{border:0;background:transparent;color:var(--muted);padding:9px;border-radius:3px}.tabs button.active{background:#e50914;color:#fff}.account-card label{display:grid;gap:7px;font-size:12px;color:#d2d2d2;margin:12px 0}.account-card input{background:#333;border:1px solid #555;color:#fff;border-radius:4px;padding:12px}.account-card input:focus{border-color:#fff}.form-message{min-height:20px;font-size:12px;color:#ff777d}.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));inset-inline-start:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#fff;color:#111;padding:10px 18px;border-radius:4px;z-index:90;transition:.2s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.seo-shell{margin-top:0;padding-bottom:0}.stream-detail{position:relative;min-height:100vh;padding:0 0 80px;overflow:hidden;background:#141414}.stream-detail-backdrop{position:absolute;inset:0 0 auto;height:min(76vh,760px);background:#141414 center/cover no-repeat;opacity:.52;pointer-events:none}.stream-detail-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141414f2 0%,#1414149c 38%,transparent 72%),linear-gradient(0deg,#141414 0%,#141414b8 20%,transparent 58%)}[dir=rtl] .stream-detail-backdrop:after{background:linear-gradient(270deg,#141414f2 0%,#1414149c 38%,transparent 72%),linear-gradient(0deg,#141414 0%,#141414b8 20%,transparent 58%)}.stream-detail-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);gap:32px;align-items:end;max-width:1280px;margin:0 auto;padding:clamp(220px,45vh,430px) var(--page-pad) 30px}.detail-poster{width:100%;aspect-ratio:2/3;border-radius:6px;background:#202020 center/cover no-repeat;box-shadow:0 18px 40px #000a;position:relative;overflow:hidden}.detail-poster.no-image{display:grid;place-items:center}.detail-copy{min-width:0}.detail-copy h1{font-size:clamp(34px,5.3vw,66px);line-height:1.08;margin:0 0 12px;text-shadow:0 2px 18px #000a}.detail-copy h2{font-size:clamp(18px,2.2vw,28px);margin:4px 0 12px;color:#e5e5e5}.detail-copy p{max-width:780px;color:#d2d2d2;line-height:1.75;margin:10px 0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:5px 9px;border-radius:3px;background:#ffffff12;border:1px solid #ffffff24;font-size:11px;color:#e5e5e5}.stream-episodes{position:relative;z-index:2;display:grid;gap:0;margin:10px auto 0;max-width:1200px;padding:0 var(--page-pad)}.stream-episodes h2{font-size:24px;margin:0 0 10px}.stream-episode{display:grid;grid-template-columns:180px minmax(0,1fr) 38px;gap:18px;align-items:center;background:transparent;border:0;border-top:1px solid #404040;border-radius:0;padding:14px 0;text-decoration:none;transition:background .16s}.stream-episode:hover{background:#ffffff08}.episode-thumb{aspect-ratio:16/9;border-radius:4px;background:#242424 center/cover no-repeat;position:relative;overflow:hidden}.episode-number{position:absolute;inset-block-end:7px;inset-inline-start:8px;min-width:25px;height:25px;padding:0 6px;border-radius:3px;background:#000b;display:grid;place-items:center;font-weight:800;font-size:11px}.stream-episode-copy{min-width:0}.stream-episode strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.stream-episode small{display:block;color:#b3b3b3;margin-top:3px}.stream-episode p{margin:6px 0 0;color:#a9a9a9;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-play{width:34px;height:34px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-size:11px}.breadcrumbs{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:90px var(--page-pad) 0;color:#b3b3b3;font-size:12px}.breadcrumbs a{color:#fff;text-decoration:none}.stream-person-content{padding-top:130px;align-items:start}.stream-person-works{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:12px var(--page-pad) 40px}.stream-person-works h2{margin:0 0 8px;font-size:23px}.stream-person-works .rail{grid-auto-columns:clamp(220px,18vw,310px);padding-block:18px 40px;margin-block:0}.stream-person-card{overflow:hidden}.detail-loading,.empty-state{padding:120px 20px;text-align:center;color:var(--muted)}
@media(max-width:900px){:root{--page-pad:18px}.stream-header{height:64px;padding:max(7px,env(safe-area-inset-top)) 14px 7px;gap:10px}.desktop-nav{display:none}.mobile-menu-btn{display:grid;place-items:center}.brand strong{font-size:14px}.stream-hero{height:68vh;min-height:500px;padding:0 18px 66px;background-position:center}.stream-hero:before{background:linear-gradient(0deg,#141414 0%,#14141499 52%,transparent 80%),linear-gradient(90deg,#14141480,transparent)}[dir=rtl] .stream-hero:before{background:linear-gradient(0deg,#141414 0%,#14141499 52%,transparent 80%),linear-gradient(270deg,#14141480,transparent)}.hero-content{width:min(620px,94vw)}.hero h1{font-size:clamp(36px,9vw,54px)}.hero-text{font-size:13px;-webkit-line-clamp:3}.content-shell{margin-top:-30px}.seo-shell{margin-top:0}.media-section{padding:13px 18px}.rail{grid-auto-columns:clamp(210px,36vw,300px);gap:9px}.rail-actions button{width:32px;height:32px}.stream-detail-content{grid-template-columns:135px minmax(0,1fr);gap:22px;align-items:end;padding:clamp(190px,38vh,330px) 18px 26px}.detail-copy h1{font-size:34px}.detail-copy p{font-size:13px}.stream-episodes{padding-inline:18px}.stream-episode{grid-template-columns:150px minmax(0,1fr) 34px;gap:14px}.stream-search{width:96vw;height:90dvh}.search-results{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:14px;gap:11px}.stream-person-content{padding-top:100px}}
@media(max-width:640px){:root{--page-pad:14px}.stream-header{height:60px;padding-inline:10px}.brand-mark{width:32px;height:32px}.brand strong{font-size:12px}.actions{gap:3px}.icon-btn,.avatar,.mobile-menu-btn{width:36px;height:36px}.pill{height:34px;padding:0 8px}.stream-hero{height:62vh;min-height:440px;padding:0 14px 54px}.hero h1{font-size:34px;letter-spacing:-.4px}.hero-meta{font-size:11px}.hero-text{font-size:12.5px;line-height:1.65;-webkit-line-clamp:3}.hero-actions{margin-top:17px}.btn{min-height:42px;padding:10px 15px;font-size:12px}.hero-dots{display:none}.media-section{padding:10px 14px}.section-head{margin-bottom:5px}.section-head h2{font-size:16px}.rail-actions{display:none}.rail{grid-auto-columns:min(72vw,280px);gap:9px;padding:10px 1px 18px;margin-block:0;scroll-snap-type:x mandatory}.stream-card-details{display:none}.card-play{display:none}.stream-card-copy{padding:7px 8px 8px}.card-title{font-size:12px}.card-meta{font-size:10px}.stream-detail-backdrop{height:56vh}.stream-detail-content{grid-template-columns:90px minmax(0,1fr);gap:14px;padding:clamp(160px,32vh,250px) 14px 20px}.detail-copy h1{font-size:25px;margin-bottom:8px}.detail-copy p{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.chips{margin-top:0}.chip{font-size:9px;padding:4px 7px}.stream-episodes{padding-inline:14px;margin-top:8px}.stream-episodes h2{font-size:20px}.stream-episode{grid-template-columns:108px minmax(0,1fr) 30px;padding:10px 0;gap:10px}.stream-episode strong{font-size:12px}.stream-episode small{font-size:9px}.stream-episode p{display:none}.episode-play{width:30px;height:30px}.breadcrumbs{padding:76px 14px 0;font-size:10px}.stream-search{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0}.dialog-head{padding:max(13px,env(safe-area-inset-top)) 10px 12px}.search-results{grid-template-columns:1fr;padding:10px}.stream-account{width:calc(100vw - 20px)}.account-card{padding:22px 18px}.stream-person-content{grid-template-columns:90px minmax(0,1fr);padding-top:84px}.stream-person-works{padding-inline:14px}.toast{width:max-content;max-width:calc(100vw - 24px);text-align:center;font-size:12px}}
@media(hover:none){.stream-card:hover{transform:none;box-shadow:none}.stream-card-details{display:none}.card-play{opacity:0}.rail{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.section-tools{display:flex;align-items:center;gap:10px}.view-all{font-size:12px;font-weight:800;text-decoration:none;color:#e5e5e5;padding:7px 10px;border-radius:4px;transition:background .18s,color .18s}.view-all:hover{background:#ffffff10;color:#fff}.site-footer{border-top:1px solid var(--cinema-line);background:var(--cinema-bg);padding:34px var(--page-pad) calc(34px + env(safe-area-inset-bottom));position:relative;z-index:5}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.footer-nav{display:flex;flex-wrap:wrap;gap:18px}.footer-nav a{color:var(--cinema-muted);text-decoration:none;font-size:11.5px;transition:color .16s ease}.footer-nav a:hover{color:#fff}.site-footer p{margin:0;color:#74777d;font-size:10.5px}.footer-brand{width:max-content}.server-lang{text-decoration:none;display:grid;place-items:center}.server-mobile-nav{display:none}.catalog-page{min-height:100vh;padding:112px var(--page-pad) 78px;max-width:1440px;margin:0 auto}.premium-catalog{max-width:1440px}.catalog-hero{padding:24px 0 24px;border-bottom:1px solid var(--cinema-line);margin-bottom:26px}.catalog-hero h1{font-size:clamp(34px,4.8vw,56px);line-height:1.12;margin:9px 0 8px;letter-spacing:-.6px}.catalog-description{max-width:760px;margin:0;color:var(--cinema-muted);font-size:13px;line-height:1.8}.catalog-count{display:inline-flex;margin-top:12px;padding:5px 9px;border:1px solid var(--cinema-line);border-radius:999px;background:var(--cinema-surface);color:#d8d9dc;font-size:10px;font-weight:800}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:20px 14px;align-items:start}.section-grid .stream-card{min-width:0}.section-grid .stream-card:hover{transform:translateY(-3px) scale(1.012)}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:40px 0 0}.pagination a,.pagination .page-number,.pagination .page-ellipsis{min-width:38px;height:38px;padding:0 10px;border-radius:10px;display:grid;place-items:center;text-decoration:none;background:var(--cinema-surface);border:1px solid var(--cinema-line);color:#dedfe2;font-size:11px}.pagination a:hover{background:var(--cinema-surface-raised);border-color:rgba(255,255,255,.22)}.pagination .current{background:#f7f7f7;color:#090909;border-color:#f7f7f7;font-weight:900}.pagination .page-nav{padding-inline:15px}.pagination .page-ellipsis{background:transparent;border-color:transparent;min-width:22px}.catalog-section{position:relative;z-index:2;max-width:1280px;margin:28px auto 0;padding:0 var(--page-pad) 32px}.catalog-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.catalog-section-head h2{margin:0;font-size:24px}.recommendations-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media(max-width:900px){.server-header .desktop-nav{display:none}.server-mobile-nav{display:flex;position:fixed;z-index:59;top:64px;inset-inline:0;gap:7px;overflow-x:auto;padding:8px 14px;background:#141414f2;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff12;scrollbar-width:none}.server-mobile-nav::-webkit-scrollbar{display:none}.server-mobile-nav a{white-space:nowrap;text-decoration:none;color:#d8d8d8;background:#ffffff08;border:1px solid #ffffff10;border-radius:999px;padding:7px 11px;font-size:11px}.catalog-page{padding-top:130px}.section-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.footer-inner{grid-template-columns:1fr;justify-items:start}.catalog-section{padding-inline:18px}}
@media(max-width:640px){.section-tools{gap:4px}.view-all{font-size:10px;padding:6px 7px}.catalog-page{padding:104px 14px 54px}.catalog-hero{margin-bottom:18px;padding:14px 0 18px}.catalog-hero h1{font-size:32px}.catalog-description{font-size:12px;line-height:1.7}.catalog-count{margin-top:9px}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.section-grid .stream-card-copy{min-height:54px}.pagination{margin-top:28px;gap:5px}.pagination a,.pagination .page-number,.pagination .page-ellipsis{min-width:34px;height:34px;padding:0 8px}.footer-nav{gap:11px}.site-footer{padding-inline:14px}.recommendations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Global typography: keep Cairo consistent across every control and page. */
html,body,button,input,select,textarea{font-family:"Cairo",system-ui,sans-serif!important}

/* Professional streaming cards */
.stream-card{border:1px solid transparent;border-radius:12px;background:#181818;overflow:visible;transform-origin:center;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.stream-card-link{border-radius:12px;overflow:hidden;background:#181818}
.stream-card-media{border-radius:12px 12px 0 0;isolation:isolate}
.stream-card-overlay{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 36%,rgba(0,0,0,.8) 100%);pointer-events:none}
.stream-card-badge-row{position:absolute;z-index:4;inset:9px 9px auto;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.stream-card-badge-row .badge{position:static;inset:auto;background:rgba(8,8,8,.78);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.16);font-weight:800}
.stream-card-rating{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:5px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.15);font-size:9px;font-weight:800;color:#ffd76a}
.stream-card-copy{padding:10px 11px 11px}.card-title{font-size:13px;font-weight:800}.card-meta{display:flex;align-items:center;gap:8px;color:#9fa3aa}.stream-card-year{color:#e4e6ea;font-weight:700}.mobile-rating{display:none}
.stream-card .card-play{width:38px;height:38px;inset-block-end:10px;inset-inline-end:10px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
@media(hover:hover) and (pointer:fine){.stream-card:hover{transform:translateY(-5px) scale(1.045);border-color:rgba(255,255,255,.15);box-shadow:0 20px 42px rgba(0,0,0,.55)}.stream-card:hover .stream-card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.88) 100%)}}
.trailer-section{margin-top:20px}.trailer-frame-wrap{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#080808;box-shadow:0 18px 50px rgba(0,0,0,.35)}.trailer-frame-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:640px){.stream-card{border-radius:9px}.stream-card-link{border-radius:9px}.stream-card-media{border-radius:9px 9px 0 0}.stream-card-copy{padding:8px 8px 9px}.stream-card-badge-row{inset:7px}.stream-card-rating{font-size:8px;padding:2px 5px}.mobile-rating{display:inline-flex;background:transparent;border:0;padding:0}.stream-card-badge-row .stream-card-rating{display:none}.trailer-frame-wrap{border-radius:9px}}

/* Cast cards */
.cast-section{margin-top:24px}.cast-grid{display:flex;overflow-x:auto;gap:14px;padding:2px 2px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.cast-grid::-webkit-scrollbar{display:none}.cast-card{flex:0 0 132px;scroll-snap-align:start}.cast-card{display:block;min-width:0;text-decoration:none;color:inherit}.cast-photo{aspect-ratio:2/3;border-radius:12px;background:#121212 center/cover no-repeat;overflow:hidden;position:relative;box-shadow:0 12px 28px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease}.cast-card strong{display:block;margin-top:8px;font-size:13px;line-height:1.45}.cast-card small{display:block;margin-top:2px;color:var(--muted,#a8a8a8);font-size:11px;line-height:1.4}@media(hover:hover) and (pointer:fine){.cast-card:hover .cast-photo{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.38)}}@media(max-width:640px){.cast-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:4px;scroll-snap-type:x proximity}.cast-card{flex:0 0 112px;scroll-snap-align:start}.cast-photo{border-radius:9px}}@media(prefers-reduced-motion:reduce){.cast-photo{transition:none}}

.detail-crew{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 2px;color:#c9c9c9;font-size:12px}.detail-crew span{display:inline-flex;gap:5px;align-items:baseline}.detail-crew b{color:#fff}.detail-crew a{color:#ddd;text-decoration:none}.detail-crew a:hover{text-decoration:underline;color:#fff}@media(max-width:640px){.cast-card{flex-basis:108px}.detail-crew{font-size:10px;gap:5px 12px}}

/* Latest episode cards: series first, episode identity as compact premium badges. */
.episode-card .stream-card-copy{min-height:62px}.episode-series-title{font-weight:900;letter-spacing:-.1px}.episode-title-secondary{margin-top:2px;color:#aeb3bc;font-size:10.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.episode-badges{display:flex;align-items:center;gap:5px;min-width:0}.episode-season-badge,.episode-number-badge{display:inline-flex;align-items:center;min-height:21px;padding:3px 7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;backdrop-filter:blur(7px);font-size:8.5px;font-weight:900;line-height:1;white-space:nowrap}.episode-season-badge{background:rgba(8,8,8,.78);color:#f0f1f4}.episode-number-badge{background:rgba(229,9,20,.88);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:0 4px 14px rgba(229,9,20,.18)}
@media(max-width:640px){.episode-card .stream-card-copy{min-height:58px}.episode-title-secondary{font-size:9.5px}.episode-season-badge,.episode-number-badge{min-height:19px;padding:3px 6px;font-size:7.8px}}

/* Portrait movie/series poster system */
.rail:has(.portrait-media-card){grid-auto-columns:clamp(158px,13.5vw,215px);gap:14px}
.rail:has(.episode-landscape-card),.rail:has(.channel-landscape-card){grid-auto-columns:clamp(230px,19vw,330px)}
.portrait-media-card{background:transparent;border:0;border-radius:13px;box-shadow:none;overflow:visible;transition:transform .18s ease,filter .18s ease;transform-origin:center}
.portrait-poster{aspect-ratio:2/3;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:var(--cinema-surface) center/cover no-repeat;box-shadow:0 12px 26px rgba(0,0,0,.3);isolation:isolate}.poster-art,.episode-art,.channel-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.portrait-poster.no-image{background:linear-gradient(145deg,#282828,#111)}
.portrait-poster-gradient{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.06) 28%,rgba(0,0,0,.08) 53%,rgba(0,0,0,.94) 100%);pointer-events:none}
.poster-detail-link{position:absolute;z-index:2;inset:0;border-radius:inherit}
.poster-top-meta{position:absolute;z-index:5;inset:10px 10px auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;pointer-events:none}
.poster-top-meta a.poster-year-badge{pointer-events:auto;position:relative;z-index:8;text-decoration:none;cursor:pointer}
.poster-type-badge,.poster-year-badge,.poster-rating-badge{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(8,8,8,.76);font-size:9px;font-weight:800;line-height:1;color:#f5f5f5;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.poster-rating-badge{color:#ffd66b;margin-inline-start:auto}
.poster-play-center{position:absolute;z-index:7;inset:50% auto auto 50%;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.94);color:#111;border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(0,0,0,.42);font-size:18px;line-height:1;padding-inline-start:3px;opacity:.92;transform:translate(-50%,-50%);transition:transform .18s ease,opacity .18s ease,background .18s ease}
.poster-list-btn{position:absolute;z-index:8;inset:auto 10px 78px auto;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.62);background:rgba(10,10,10,.72);color:#fff;display:grid;place-items:center;font-size:20px;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.3)}
[dir=rtl] .poster-list-btn{right:auto;left:10px}
.poster-bottom-meta{position:absolute;z-index:5;inset:auto 0 0;padding:58px 12px 12px;background:linear-gradient(0deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.68) 58%,transparent 100%);pointer-events:none}
.poster-title-link{display:block;color:#fff;text-decoration:none;pointer-events:auto}
.poster-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.5;font-weight:800;text-shadow:0 2px 10px #000;min-height:39px}
.poster-submeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:#c9c9c9;font-size:9px;font-weight:700}
.poster-submeta span+span:before{content:"•";margin-inline-end:7px;color:#777}
.portrait-poster .progress{inset:auto 10px 7px;z-index:9}
.episode-landscape-card,.channel-landscape-card{border-radius:11px;overflow:hidden}
.episode-card-media{aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:11px 11px 0 0;background:var(--cinema-surface) center/cover no-repeat;box-shadow:0 10px 22px rgba(0,0,0,.24)}
.episode-card-link{position:absolute;z-index:2;inset:0}
.episode-card-media:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.36),transparent 46%,rgba(0,0,0,.72))}
.episode-badges{position:absolute;z-index:5;inset:9px 9px auto;display:flex;gap:6px;pointer-events:none}.episode-season-badge,.episode-number-badge{padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.76);border:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:800}
.episode-copy-link{color:inherit;text-decoration:none}.episode-title-secondary{margin-top:3px;color:#a9a9a9;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-grid:has(.portrait-media-card){grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 13px}.search-results:has(.portrait-media-card){grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px 12px}
@media(hover:hover) and (pointer:fine){.portrait-media-card:hover,.portrait-media-card:focus-within{transform:translateY(-4px) scale(1.025);z-index:24}.portrait-media-card:hover .portrait-poster,.portrait-media-card:focus-within .portrait-poster{box-shadow:0 22px 44px rgba(0,0,0,.58)}.portrait-media-card:hover .poster-play-center,.portrait-media-card:focus-within .poster-play-center{opacity:1;transform:translate(-50%,-50%) scale(1.08);background:#fff}.poster-list-btn:hover{background:#fff;color:#111;border-color:#fff}}
@media(max-width:900px){.rail:has(.portrait-media-card){grid-auto-columns:clamp(150px,27vw,195px);gap:11px}.section-grid:has(.portrait-media-card){grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}
@media(max-width:640px){.rail:has(.portrait-media-card){grid-auto-columns:min(42vw,176px);gap:9px}.portrait-poster{border-radius:11px}.poster-top-meta{inset:7px 7px auto;gap:4px}.poster-type-badge,.poster-year-badge,.poster-rating-badge{min-height:20px;padding:3px 5px;border-radius:5px;font-size:8px}.poster-play-center{width:44px;height:44px;font-size:15px}.poster-list-btn{width:32px;height:32px;inset:auto 7px 69px auto;font-size:17px}[dir=rtl] .poster-list-btn{right:auto;left:7px}.poster-bottom-meta{padding:48px 9px 9px}.poster-title{font-size:11.5px;min-height:35px}.poster-submeta{font-size:8px;gap:5px}.section-grid:has(.portrait-media-card),.search-results:has(.portrait-media-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px}.episode-card-media{border-radius:9px 9px 0 0}}
@media(hover:none){.portrait-media-card:hover{transform:none;box-shadow:none}.poster-play-center{opacity:1}.portrait-media-card .poster-list-btn{opacity:1}}

/* Professional public authentication */
.stream-account{width:min(480px,calc(100vw - 28px));max-height:min(780px,94dvh);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(165deg,#202020 0%,#151515 58%,#101010 100%);overflow:auto;box-shadow:0 30px 90px rgba(0,0,0,.72)}
.stream-account::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(7px)}
.auth-shell{padding:30px 30px 26px;position:relative}
.auth-brand{display:flex;align-items:center;gap:12px;margin:0 36px 28px 0}.auth-brand .brand-mark{width:42px;height:42px;border-radius:9px;font-size:23px}.auth-brand>div{display:grid;gap:2px}.auth-brand strong{font-size:18px;color:#fff;letter-spacing:.7px}.auth-brand small{color:#8f949d;font-size:10px;line-height:1.5}
[dir=rtl] .auth-brand{margin:0 0 28px 36px}
.auth-heading{margin-bottom:20px}.auth-kicker{display:block;color:#e50914;font-size:10px;font-weight:900;letter-spacing:.8px;margin-bottom:6px}.auth-heading h3{margin:0;font-size:27px;line-height:1.3}.auth-heading p{margin:7px 0 0;color:#a7abb2;font-size:11.5px;line-height:1.7}
.auth-tabs{margin:0 0 16px;padding:4px;border-radius:10px;background:#0d0d0d;border:1px solid rgba(255,255,255,.08)}.auth-tabs button{min-height:38px;border-radius:7px;font-weight:800;font-size:11px}.auth-tabs button.active{background:#fff;color:#111;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.auth-field{display:grid;gap:7px;margin:12px 0;color:#d9dce1;font-size:11px;font-weight:700}.auth-field input{width:100%;min-height:48px;padding:12px 13px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:#0f0f0f;color:#fff;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.auth-field input:focus{border-color:rgba(255,255,255,.65);background:#141414;box-shadow:0 0 0 3px rgba(255,255,255,.06)}
.auth-password-control{position:relative}.auth-password-control input{padding-inline-end:52px}.auth-password-control button{position:absolute;z-index:2;inset-block:5px;inset-inline-end:5px;width:40px;border:0;border-radius:7px;background:transparent;color:#aeb2b9;font-size:17px;display:grid;place-items:center}.auth-password-control button:hover{background:#ffffff0c;color:#fff}
.form-message{min-height:22px;margin:0 0 4px;color:#ff8c91;font-size:11px;line-height:1.55}.auth-submit{position:relative;margin-top:17px;min-height:48px;border-radius:9px;background:#fff;color:#111}.auth-submit:disabled{cursor:wait;opacity:.72}.auth-spinner{width:17px;height:17px;border:2px solid rgba(0,0,0,.2);border-top-color:#111;border-radius:50%;animation:authSpin .7s linear infinite}.auth-privacy{margin:12px 2px 0;color:#70747b;font-size:9.5px;line-height:1.65;text-align:center}.auth-shell .close-x{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0d0d0dbd;border:1px solid rgba(255,255,255,.09);font-size:21px}.auth-shell .close-x:hover{background:#292929}
@keyframes authSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.stream-account{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.auth-shell{padding:24px 18px calc(22px + env(safe-area-inset-bottom))}.auth-brand{margin-bottom:22px}.auth-brand .brand-mark{width:38px;height:38px}.auth-heading h3{font-size:24px}.auth-field input{min-height:47px}.auth-submit{min-height:47px}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation-duration:1.4s}}

/* Signed-in account avatar and menu */
.account-control{position:relative;display:flex;align-items:center}.account-avatar{position:relative;overflow:hidden;display:grid;place-items:center;padding:0;background:linear-gradient(145deg,#3d3d3d,#1b1b1b);border:1px solid rgba(255,255,255,.16);box-shadow:0 5px 16px rgba(0,0,0,.3)}.account-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-avatar span{font-size:12px;font-weight:900}
.account-menu{position:absolute;z-index:85;top:calc(100% + 12px);inset-inline-end:0;width:min(310px,calc(100vw - 24px));padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(24,24,24,.97);box-shadow:0 22px 60px rgba(0,0,0,.62);backdrop-filter:blur(14px)}
.account-menu:before{content:"";position:absolute;inset-block-start:-6px;inset-inline-end:13px;width:12px;height:12px;background:#181818;border-inline-start:1px solid rgba(255,255,255,.12);border-block-start:1px solid rgba(255,255,255,.12);transform:rotate(45deg)}
.account-menu-user{position:relative;display:grid;gap:2px;padding:11px 12px 12px;border-bottom:1px solid rgba(255,255,255,.09)}.account-menu-user strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-menu-user small{color:#8f949b;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-menu-links{display:grid;padding:6px 0}.account-menu-links a,.account-menu-logout{width:100%;min-height:40px;display:flex;align-items:center;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#e9e9e9;text-decoration:none;text-align:start;font-size:11px;font-weight:700}.account-menu-links a:hover,.account-menu-links a:focus-visible,.account-menu-logout:hover,.account-menu-logout:focus-visible{background:#ffffff0d;color:#fff}.account-menu-logout{border-top:1px solid rgba(255,255,255,.09);border-radius:0 0 8px 8px;color:#ff9a9f;margin-top:2px}
[dir=rtl] .account-menu{right:auto;left:0}[dir=rtl] .account-menu:before{right:auto;left:13px}
@media(max-width:640px){.account-menu{position:fixed;top:66px;inset-inline:10px;width:auto;max-width:none;border-radius:13px}.account-menu:before{display:none}.account-menu-links a,.account-menu-logout{min-height:44px}}

/* User account dashboard shell */
.account-page{min-height:100vh;max-width:1440px;margin:0 auto;padding:118px var(--page-pad) 80px}.account-profile-hero{display:flex;align-items:center;gap:22px;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(135deg,#202020,#111);box-shadow:0 18px 46px rgba(0,0,0,.26)}.account-profile-avatar{flex:0 0 86px;width:86px;height:86px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#e50914,#8b0710);color:#fff;font-size:34px;font-weight:900;box-shadow:0 14px 30px rgba(229,9,20,.2)}.account-profile-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-copy{min-width:0}.account-profile-copy h1{margin:2px 0 4px;font-size:clamp(26px,4vw,40px)}.account-profile-copy p{margin:0;color:#b3b3b3;font-size:12px}.account-profile-copy small{display:block;margin-top:7px;color:#737373;font-size:10px}
.account-dashboard-nav{position:sticky;top:68px;z-index:20;display:flex;gap:7px;overflow-x:auto;margin:22px 0 8px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(20,20,20,.94);backdrop-filter:blur(12px);scrollbar-width:none}.account-dashboard-nav::-webkit-scrollbar{display:none}.account-dashboard-nav a{white-space:nowrap;padding:8px 12px;border-radius:8px;text-decoration:none;color:#c8c8c8;font-size:10.5px;font-weight:800}.account-dashboard-nav a:hover,.account-dashboard-nav a:focus-visible{background:#ffffff0d;color:#fff}
.account-dashboard-section{scroll-margin-top:135px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.08)}.account-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.account-section-head h2{margin:0;font-size:21px}.account-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px 12px;min-height:110px}.account-loading{grid-column:1/-1;display:grid;place-items:center;min-height:110px;border:1px dashed rgba(255,255,255,.11);border-radius:12px;color:#777;font-size:11px}.account-settings-mount{min-height:140px}
@media(max-width:640px){.account-page{padding:90px 14px 54px}.account-profile-hero{gap:14px;padding:17px;border-radius:14px}.account-profile-avatar{flex-basis:64px;width:64px;height:64px;border-radius:17px;font-size:26px}.account-profile-copy h1{font-size:23px}.account-dashboard-nav{top:60px;margin-top:14px;padding:7px}.account-dashboard-section{padding:22px 0;scroll-margin-top:118px}.account-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px}.account-section-head h2{font-size:18px}}
.account-empty,.account-error{grid-column:1/-1;min-height:120px;display:grid;place-items:center;padding:20px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#777;font-size:11px;text-align:center}.account-error{color:#d58a8d;border-color:rgba(229,9,20,.22);background:rgba(229,9,20,.035)}

/* Account settings forms */
.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-settings-card{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:linear-gradient(145deg,#1d1d1d,#131313)}.account-settings-card h3{margin:0 0 5px;font-size:17px}.account-settings-card>p{margin:0 0 17px;color:#8d9198;font-size:10.5px;line-height:1.65}.account-form-grid{display:grid;gap:12px}.account-form-grid label{display:grid;gap:6px;color:#cfd2d7;font-size:10.5px;font-weight:700}.account-form-grid input,.account-form-grid select{width:100%;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0f0f0f;color:#fff;outline:none}.account-form-grid input:focus,.account-form-grid select:focus{border-color:rgba(255,255,255,.62);box-shadow:0 0 0 3px rgba(255,255,255,.05)}.account-form-grid input[readonly]{color:#777;background:#111;cursor:not-allowed}.account-form-submit{min-height:44px;border-radius:8px;margin-top:2px}.account-form-submit:disabled{opacity:.55;cursor:wait}.account-form-message{min-height:20px;color:#ff8c91;font-size:10px;line-height:1.5}.account-form-message.success{color:#7cd99a}
@media(max-width:640px){.account-settings-grid{grid-template-columns:1fr;gap:12px}.account-settings-card{padding:16px;border-radius:12px}.account-form-grid input,.account-form-grid select{min-height:46px}}

/* Ads Studio V2 — neutral page placements. Empty slots remain fully collapsed. */
.page-ad-slot{position:relative;z-index:6;width:min(970px,calc(100% - (var(--page-pad) * 2)));min-height:90px;margin:18px auto;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(10,10,10,.72);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.2)}
.page-ad-slot.hidden{display:none!important}.page-ad-frame{width:100%;height:90px;display:grid;place-items:center;overflow:hidden}.page-ad-frame iframe{display:block;width:100%;height:100%;border:0;background:transparent}.page-ad-close{position:absolute;z-index:3;inset-block-start:6px;inset-inline-end:6px;width:28px;height:28px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.78);color:#fff;font-size:18px;line-height:1}
.page-ad-slot--site_header{margin-top:calc(76px + env(safe-area-inset-top));margin-bottom:8px}.page-ad-slot--content_top{margin-top:10px}.page-ad-slot--content_inline,.page-ad-slot--content_bottom{margin-block:12px 28px}.page-ad-slot--site_footer{margin-block:24px}.page-ad-slot--sidebar{position:fixed;z-index:32;inset-block-start:50%;inset-inline-end:12px;transform:translateY(-50%);width:min(300px,22vw);min-height:250px;height:min(420px,58vh);margin:0}.page-ad-slot--sidebar .page-ad-frame{height:100%}
@media(max-width:1180px){.page-ad-slot--sidebar{position:relative;inset:auto;transform:none;width:min(970px,calc(100% - (var(--page-pad) * 2)));height:90px;min-height:90px;margin:18px auto}.page-ad-slot--sidebar .page-ad-frame{height:90px}}
@media(max-width:640px){.page-ad-slot{width:calc(100% - 20px);min-height:68px;margin-block:12px;border-radius:9px}.page-ad-frame,.page-ad-slot--sidebar .page-ad-frame{height:68px}.page-ad-slot--site_header{margin-top:calc(66px + env(safe-area-inset-top));margin-bottom:6px}.page-ad-slot--sidebar{width:calc(100% - 20px);height:68px;min-height:68px}.page-ad-close{width:25px;height:25px;font-size:16px}}
/* Canonical SEO watch surface: the existing player runtime stays isolated in the iframe. */
.canonical-player-section{margin:28px auto 36px;max-width:1280px;padding:0 var(--page-pad) 32px}.canonical-player-head{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:0 auto 12px}.canonical-player-head h2{margin:0}.canonical-player-shell{position:relative;width:100%;max-width:1120px;margin-inline:auto;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.35)}.canonical-player-frame{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.canonical-player-status{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;background:#080808;color:#ddd;pointer-events:none}.canonical-player-section[data-player-state="ready"] .canonical-player-status{display:none}@media(max-width:700px){.canonical-player-section{margin:16px auto 24px;padding-inline:var(--page-pad)}.canonical-player-shell{border-radius:10px}}

/* Editorial / News */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.news-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#11151d}.news-card-image{display:block;aspect-ratio:16/9;background:#1c2230;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;display:block}.news-card-copy{padding:16px}.news-card-copy time,.editorial-byline{color:#919bad;font-size:12px}.news-card-copy h2{font-size:18px;line-height:1.5;margin:8px 0}.news-card-copy h2 a{color:inherit;text-decoration:none}.news-card-copy p{color:#aab2c0;line-height:1.8;margin:0}.editorial-article{max-width:980px;margin:0 auto;padding-bottom:56px}.editorial-head{padding:36px 0 22px}.editorial-head h1{font-size:clamp(30px,5vw,58px);line-height:1.25;margin:10px 0}.editorial-summary{font-size:18px;line-height:1.9;color:#b9c1ce;max-width:820px}.editorial-byline{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.editorial-image{margin:14px 0 30px}.editorial-image img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:20px}.editorial-body{font-size:17px;line-height:2;max-width:820px;margin:0 auto}.editorial-body p{margin:0 0 20px}@media(max-width:720px){.news-grid{grid-template-columns:1fr}.editorial-head{padding-top:22px}.editorial-summary{font-size:16px}.editorial-body{font-size:16px}}

.poster-play-center .play-glyph{border-top-width:5px;border-bottom-width:5px;border-inline-start-width:8px}

/* Premium cinema entity detail surfaces */
.premium-detail{background:var(--cinema-bg);color:var(--cinema-text)}
.premium-detail .stream-detail-backdrop{height:min(72vh,740px);opacity:.42;filter:saturate(.92)}
.premium-detail .stream-detail-backdrop:after{background:linear-gradient(90deg,rgba(9,9,9,.96) 0%,rgba(9,9,9,.72) 38%,rgba(9,9,9,.16) 72%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.88) 20%,transparent 62%)}
[dir=rtl] .premium-detail .stream-detail-backdrop:after{background:linear-gradient(270deg,rgba(9,9,9,.96) 0%,rgba(9,9,9,.72) 38%,rgba(9,9,9,.16) 72%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.88) 20%,transparent 62%)}
.premium-detail-hero{max-width:1280px;grid-template-columns:minmax(170px,220px) minmax(0,1fr);gap:34px;padding-top:clamp(230px,43vh,400px);padding-bottom:34px}
.premium-detail .detail-poster{border:1px solid var(--cinema-line);border-radius:16px;background-color:var(--cinema-surface);box-shadow:0 18px 44px rgba(0,0,0,.42)}
.premium-detail .detail-copy h1{font-size:clamp(34px,4.7vw,60px);letter-spacing:-.7px;line-height:1.12}
.premium-detail .detail-copy h2{color:#d5d6d9}
.premium-detail .detail-copy p{max-width:760px;color:#c2c4c9;line-height:1.85}
.premium-detail .chip{background:rgba(17,18,20,.78);border-color:var(--cinema-line);border-radius:999px;color:#e3e4e7}
.premium-detail .breadcrumbs{color:var(--cinema-muted)}
.premium-detail .breadcrumbs a{color:#f0f0f0}
.premium-episodes{max-width:1120px}
.premium-episodes .stream-episode{border-top-color:var(--cinema-line);border-radius:10px;padding-inline:10px}
.premium-episodes .stream-episode:hover{background:var(--cinema-surface)}
.premium-player-section{margin-top:22px}
.premium-player-section .canonical-player-head{padding-inline:2px}
.premium-player-section .canonical-player-shell{border:1px solid var(--cinema-line);background:#000;box-shadow:0 18px 44px rgba(0,0,0,.42)}
@media(max-width:900px){.premium-detail-hero{grid-template-columns:130px minmax(0,1fr);gap:20px;padding-top:clamp(190px,36vh,300px)}}
@media(max-width:640px){.premium-detail .stream-detail-backdrop{height:50vh}.premium-detail-hero{grid-template-columns:128px minmax(0,1fr);gap:13px;padding:clamp(150px,29vh,220px) 14px 20px}.premium-detail .detail-poster{border-radius:11px}.premium-detail .detail-copy h1{font-size:24px}.premium-detail .detail-copy p{font-size:11.5px;line-height:1.65}.premium-episodes{padding-inline:14px}.premium-player-section{margin-top:14px}}

/* Premium search, authentication, and account surfaces */
.premium-search{width:min(1120px,calc(100vw - 48px));height:min(760px,86dvh);padding:0;border:1px solid var(--cinema-line);border-radius:18px;background:var(--cinema-surface);color:var(--cinema-text);box-shadow:0 28px 80px rgba(0,0,0,.58)}
.premium-search::backdrop{background:rgba(0,0,0,.8)}
.premium-search .dialog-head{padding:15px 17px;border-bottom:1px solid var(--cinema-line);background:var(--cinema-surface)}
.premium-search .dialog-search-icon{color:var(--cinema-muted);flex:none}
.premium-search .dialog-head input{min-height:44px;background:var(--cinema-surface-raised);border:1px solid var(--cinema-line);border-radius:11px;color:#fff;padding:10px 13px}
.premium-search .dialog-head input:focus{border-color:rgba(255,255,255,.3);box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.premium-search .search-results{padding:18px;gap:14px;max-height:calc(86dvh - 76px)}
.premium-auth{width:min(470px,calc(100vw - 28px));border:1px solid var(--cinema-line);border-radius:20px;background:var(--cinema-surface);box-shadow:0 28px 84px rgba(0,0,0,.62)}
.premium-auth::backdrop{background:rgba(0,0,0,.82);backdrop-filter:none}
.premium-auth .auth-shell{padding:28px 28px 25px}
.premium-auth .auth-brand .brand-symbol{width:42px;height:42px;border-radius:11px}
.premium-auth .auth-tabs{background:var(--cinema-bg);border:1px solid var(--cinema-line)}
.premium-auth .auth-field input{background:var(--cinema-surface-raised);border-color:var(--cinema-line)}
.premium-auth .auth-field input:focus{border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.premium-auth .close-x{background:var(--cinema-bg);border-color:var(--cinema-line)}
.premium-account{max-width:1280px;margin:0 auto;padding:112px var(--page-pad) 70px}
.premium-account .account-profile-hero{background:var(--cinema-surface);border:1px solid var(--cinema-line);border-radius:18px;box-shadow:none}
.premium-account .account-profile-avatar{background:var(--cinema-surface-raised);border:1px solid var(--cinema-line);color:#fff}
.premium-account .account-dashboard-nav{background:rgba(17,18,20,.96);border-color:var(--cinema-line)}
.premium-account .account-dashboard-section{border-bottom-color:var(--cinema-line)}
.premium-account .account-loading{border-color:var(--cinema-line);background:rgba(17,18,20,.52);color:var(--cinema-muted)}
@media(max-width:640px){.premium-search{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.premium-search .search-results{max-height:calc(100dvh - 72px);padding:10px}.premium-auth{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:16px}.premium-auth .auth-shell{padding:24px 18px calc(22px + env(safe-area-inset-bottom))}.premium-account{padding:90px 14px 54px}.premium-account .account-profile-hero{border-radius:14px}}

/* Lightweight share and embed tools */
.share-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.share-tools-label{color:var(--cinema-muted);font-size:11px;font-weight:800}.share-tools-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.share-tool{min-height:36px;padding:7px 11px;border:1px solid var(--cinema-line);border-radius:999px;background:rgba(17,18,20,.88);color:var(--cinema-text);font:inherit;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.share-tool:hover{background:var(--cinema-surface-raised);border-color:rgba(255,255,255,.22);transform:translateY(-1px)}.share-tool-primary{background:#f7f7f7;color:#090909;border-color:#f7f7f7}.share-tool-primary:hover{background:#fff}.share-tool-whatsapp{border-color:rgba(37,211,102,.32)}.share-tool-facebook{border-color:rgba(24,119,242,.34)}.share-tool-telegram{border-color:rgba(42,171,238,.34)}.share-embed-dialog{width:min(680px,calc(100vw - 28px));padding:0;border:1px solid var(--cinema-line);border-radius:18px;background:var(--cinema-surface);color:var(--cinema-text);box-shadow:0 30px 90px rgba(0,0,0,.72)}.share-embed-dialog::backdrop{background:rgba(0,0,0,.72)}.share-embed-card{padding:18px}.share-embed-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.share-embed-head h2{margin:2px 0 0;font-size:18px}.share-embed-head small{color:var(--cinema-muted);font-size:10px}.share-embed-close{width:38px;height:38px;border:1px solid var(--cinema-line);border-radius:50%;background:transparent;color:inherit}.share-embed-card textarea{width:100%;resize:vertical;min-height:132px;padding:12px;border:1px solid var(--cinema-line);border-radius:12px;background:#090909;color:#eee;font:500 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left}.share-embed-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.share-embed-actions button{min-height:40px;padding:8px 14px;border:1px solid var(--cinema-line);border-radius:10px;background:var(--cinema-surface-raised);color:inherit;font:inherit}.share-embed-actions [data-share-copy-embed]{background:#f7f7f7;color:#090909;border-color:#f7f7f7}.share-embed-card [data-share-feedback]{min-height:18px;margin:8px 0 0;color:var(--cinema-muted);font-size:10px}@media(max-width:640px){.share-tools{align-items:flex-start;flex-direction:column}.share-tools-actions{gap:6px}.share-tool{min-height:34px;padding:6px 9px}.share-embed-dialog{width:calc(100vw - 18px);border-radius:14px}}

/* Preserve full portrait artwork on media and episode detail pages. */
.media-detail-poster,.episode-detail-poster{aspect-ratio:auto;background-image:none!important}
.media-detail-poster .detail-poster-image,.episode-detail-poster .detail-poster-image{display:block;width:100%;height:auto;object-fit:contain;object-position:center;background:var(--cinema-surface)}
@media(max-width:640px){.premium-detail-hero{grid-template-columns:128px minmax(0,1fr)}.media-detail-poster,.episode-detail-poster{align-self:start}}

.live-news-meta{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-bottom:.55rem}.live-news-source-badge,.live-news-category,.live-news-stale{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.28rem .65rem;font-size:.78rem;font-weight:700}.live-news-source-badge{background:rgba(255,255,255,.1)}.live-news-category{opacity:.82}.live-news-stale{opacity:.65}.live-news-attribution{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.news-source-link{display:inline-flex;align-items:center;padding:.6rem .9rem;border-radius:.65rem;background:rgba(255,255,255,.1);text-decoration:none}.live-news-unavailable{grid-column:1/-1}.live-news-summary{white-space:normal}
@media(max-width:640px){.live-news-attribution{align-items:stretch;flex-direction:column}.news-source-link{justify-content:center}}

/* Channel detail: preserve full logo artwork, add atmospheric backdrop and related channels. */
.stream-channel-detail .channel-detail-backdrop{height:min(68vh,680px);opacity:.28;filter:blur(22px) saturate(1.08);transform:scale(1.08);background-position:center;background-size:cover}
.stream-channel-detail .channel-detail-backdrop:after{background:linear-gradient(90deg,rgba(9,9,9,.9) 0%,rgba(9,9,9,.62) 42%,rgba(9,9,9,.18) 75%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.82) 25%,transparent 66%)}
[dir=rtl] .stream-channel-detail .channel-detail-backdrop:after{background:linear-gradient(270deg,rgba(9,9,9,.9) 0%,rgba(9,9,9,.62) 42%,rgba(9,9,9,.18) 75%),linear-gradient(0deg,#090909 0%,rgba(9,9,9,.82) 25%,transparent 66%)}
.stream-channel-content{grid-template-columns:minmax(230px,340px) minmax(0,1fr);align-items:center}
.channel-logo-poster{aspect-ratio:16/10;align-self:center;background:linear-gradient(145deg,#17181b,#0d0d0e);display:grid;place-items:center;padding:14px}
.channel-logo-poster .seo-primary-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:10px;background:rgba(255,255,255,.025)}
.channel-more{margin-top:18px;padding-bottom:50px}.channel-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.channel-more-grid .channel-art{object-fit:contain;padding:12px;background:#101113}.channel-more-grid .stream-card-media{background:#101113}.channel-more-grid .stream-card-copy{min-height:48px}
@media(max-width:900px){.stream-channel-content{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.channel-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.stream-channel-detail .channel-detail-backdrop{height:42vh;filter:blur(16px) saturate(1.04);opacity:.24}.stream-channel-content{grid-template-columns:118px minmax(0,1fr);gap:13px;padding-top:clamp(145px,28vh,210px)}.channel-logo-poster{aspect-ratio:1/1;padding:8px;border-radius:12px}.channel-logo-poster .seo-primary-image{border-radius:7px}.channel-more{padding-inline:14px}.channel-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}.channel-more-grid .channel-art{padding:8px}}

/* Viewing totals */
.views-count{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;color:var(--muted,#b8c0cc);white-space:nowrap;direction:inherit}
.chips .views-count{border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:.34rem .68rem;color:inherit}
.stream-card-copy .views-count,.stream-episode-copy .views-count{margin-top:.3rem}

/* Accessible official Google sign-in, only displayed when enabled in admin settings */
.auth-google-wrap{display:grid;justify-items:center;gap:8px;margin:12px 0;max-width:100%;min-height:46px}
.auth-google-wrap.hidden{display:none!important}
.auth-google-wrap small{font-size:11px;color:#989da8}

/* Unified premium site footer and navigation: site-wide */
.site-footer-pro{position:relative;margin-top:56px;padding:68px var(--page-pad) 20px;background:radial-gradient(ellipse at 14% 0%,rgba(190,15,28,.09),transparent 45%),linear-gradient(180deg,#131416 0%,#090a0c 100%);border-top:1px solid rgba(255,255,255,.1)}
.site-footer-pro:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#d81d2b 45%,transparent);opacity:.8}
.site-footer-pro .footer-pro-inner{display:block;max-width:1480px;margin:0 auto}
.site-footer-pro .footer-pro-main{display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(3,minmax(135px,1fr));gap:clamp(20px,3vw,62px);align-items:start}
.site-footer-pro .footer-pro-brand-block .footer-brand{display:inline-flex;align-items:center;gap:12px}
.site-footer-pro .footer-pro-brand-block .brand-symbol{width:42px;height:42px}
.site-footer-pro .footer-pro-brand-block .footer-brand strong{font-size:21px;font-weight:900;letter-spacing:1.1px}
.site-footer-pro .footer-pro-brand-block h2{margin:22px 0 8px;color:#fff;font-size:clamp(16px,2vw,19px);font-weight:800}
.site-footer-pro .footer-pro-brand-block p{margin:0;max-width:340px;color:#a9afb9;font-size:13px;line-height:1.9}
.site-footer-pro .footer-app-cta{display:inline-flex;align-items:center;margin-top:24px;min-height:42px;padding:10px 18px;border-radius:11px;background:#c31624;color:#fff!important;text-decoration:none;font-size:12px;font-weight:800;border:1px solid #e22939;transition:transform .2s ease,background .2s ease}
.site-footer-pro .footer-app-cta:hover{background:#e50914;transform:translateY(-2px)}
.site-footer-pro .footer-pro-column{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.site-footer-pro .footer-pro-column h3{margin:4px 0 8px;font-size:15px;font-weight:900;color:#fff}
.site-footer-pro .footer-pro-column a{display:inline-flex;text-decoration:none;color:#a9afb9;font-size:12.5px;font-weight:600;line-height:1.45;transition:color .2s ease,transform .2s ease}
.site-footer-pro .footer-pro-column a:hover{color:white;transform:translateX(-2px)}
.site-footer-pro .footer-pro-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-top:58px;padding:21px 0 0;border-top:1px solid rgba(255,255,255,.1);color:#9298a4;font-size:11px}
.site-footer-pro .footer-pro-bottom a{color:#e7e8ee;text-decoration:none;font-weight:800}
.site-footer-pro .footer-pro-bottom a:hover{color:#fff}
.stream-header .account-control{flex-shrink:0}
.stream-header #searchBtn{text-decoration:none}
@media(max-width:960px){.site-footer-pro .footer-pro-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.site-footer-pro .footer-pro-brand-block{grid-column:1/-1}}
@media(max-width:620px){.site-footer-pro{padding:44px 18px 23px}.site-footer-pro .footer-pro-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.site-footer-pro .footer-pro-brand-block{grid-column:1/-1}.site-footer-pro .footer-pro-column h3{font-size:13px}.site-footer-pro .footer-pro-column a{font-size:11.5px}.site-footer-pro .footer-pro-bottom{margin-top:35px;display:grid;gap:11px}.site-footer-pro .footer-pro-brand-block p{font-size:12px}}

/* Search and account experience */
.premium-search-page{min-height:65vh;max-width:1360px;margin:auto;padding-top:118px}
.site-search-form{max-width:930px;margin:24px auto 22px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,#17181c,#101114);box-shadow:0 18px 60px rgba(0,0,0,.24)}
.site-search-form label{display:block;font-weight:800;font-size:15px;margin-bottom:13px}
.site-search-fields{display:flex;gap:10px}
.site-search-fields input{flex:1;min-width:0;min-height:54px;padding:12px 17px;border-radius:11px;background:#232427;border:1px solid #43444a;color:white;font:inherit}
.site-search-fields input:focus{outline:2px solid #df3545;outline-offset:1px}
.site-search-fields .btn{border:0;padding:12px 26px;font-weight:850;border-radius:11px}
.site-search-status{max-width:930px;margin:12px auto 28px;color:#b6bbc4;font-size:13px}
.site-search-results{margin-top:26px}
.account-auth-page{min-height:calc(100vh - 200px)}
.account-auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:clamp(28px,5vw,88px);max-width:1130px;margin:0 auto;align-items:center}
.account-auth-intro{padding:20px 0}
.account-auth-intro>img{border-radius:15px;margin-bottom:19px}
.account-auth-intro h1{font-size:clamp(27px,4.5vw,48px);line-height:1.3;margin:14px 0}
.account-auth-intro p{max-width:530px;color:#aeb3bd;line-height:1.9;font-size:15px}
.account-auth-benefits{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.account-auth-benefits span{border:1px solid rgba(255,255,255,.13);border-radius:50px;padding:8px 14px;color:#e4e5eb;font-size:12px}
.account-auth-card{padding:29px!important;border-radius:20px!important;box-shadow:0 28px 78px rgba(0,0,0,.28)}
.account-auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;background:#25262b;padding:5px;margin-bottom:22px;border-radius:12px}
.account-auth-tabs button{border:0;border-radius:9px;background:transparent;color:#aeb1ba;padding:12px;font:inherit;font-weight:800;cursor:pointer}
.account-auth-tabs button.active{background:#c91525;color:white}
.account-google-wrap{display:grid;justify-items:center;gap:14px;margin-top:23px;padding-top:21px;border-top:1px solid rgba(255,255,255,.1);color:#aeb3bd;font-size:12px}
.account-form-grid .avatar-upload-field small{font-size:10px;color:#9298a4}
.account-form-grid input[type=file]{background:#181a1e;padding:10px;cursor:pointer}
.account-profile-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.premium-search-page{padding-top:90px}.site-search-form{padding:17px}.site-search-fields{flex-wrap:wrap}.site-search-fields .btn{flex:1 1 100%}.account-auth-layout{grid-template-columns:minmax(0,1fr);gap:17px}.account-auth-intro{padding:0}.account-auth-card{padding:18px!important}.account-auth-intro p{font-size:12px}.account-auth-benefits{margin-top:15px}}

/* Unified on-demand TMDB and YouTube discovery */
.smart-search-section{margin:30px 0 38px}.smart-search-hint{max-width:900px;color:#bbc2ce;font-size:14px;line-height:1.9;margin:9px 0 20px}
.smart-search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(166px,1fr));gap:18px 13px}
.smart-search-card{background:#131419;border:1px solid #292a32;border-radius:13px;overflow:hidden}
.smart-poster{display:block;position:relative;aspect-ratio:2/3;background:#181923}
.smart-poster img{width:100%;height:100%;object-fit:cover}.smart-poster-kind{position:absolute;top:9px;inset-inline-start:9px;background:#b51b35;color:white;border-radius:5px;padding:2px 9px;font-size:11px}
.smart-card-body{display:flex;flex-direction:column;gap:6px;padding:11px}.smart-card-body strong{font-size:13px;line-height:1.7;color:white;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.smart-card-body small{color:#b1b4bf}
.smart-card-action{margin-top:auto;color:#f0bdc6;font-weight:700;font-size:11px}.smart-tmdb-credit{font-size:11px;color:#969eab;margin-top:16px}
.smart-youtube-card{border-radius:12px;overflow:hidden;background:#15171d}.smart-youtube-card a{display:flex;flex-direction:column;gap:6px;color:#fff;padding-bottom:12px}.smart-youtube-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.smart-youtube-card strong,.smart-youtube-card small{margin-inline:11px}.smart-youtube-card strong{font-size:12px;line-height:1.5}.smart-youtube-card small{color:#afb2bd}
.smart-virtual-hero{display:grid;grid-template-columns:minmax(190px,300px) 1fr;gap:30px;align-items:start;margin:25px 0}.smart-virtual-hero .detail-poster{width:100%;overflow:hidden;border-radius:13px}.smart-virtual-hero img{width:100%;display:block}.smart-virtual-hero .detail-copy h1{margin:13px 0}
.smart-modal-result{display:flex;gap:13px;padding:10px;border:1px solid #30333b;border-radius:9px;margin:6px 0;text-decoration:none;color:white;align-items:center}.smart-modal-result img{width:47px;height:67px;object-fit:cover;border-radius:4px}.smart-modal-result span{display:flex;flex-direction:column;gap:5px}.smart-modal-result strong{font-size:13px}.smart-modal-result small{color:#b6bac7;font-size:11px}.search-results h3{font-size:15px;margin:20px 4px 10px}
@media(max-width:600px){.smart-search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.smart-virtual-hero{grid-template-columns:1fr}.smart-virtual-hero .detail-poster{max-width:250px}}


/* Search V3: one EGYSHOW visual system for local, TMDB and YouTube cards */
.premium-search-page{max-width:1400px;padding-top:clamp(100px,12vw,145px);min-height:0}
.premium-search-page .catalog-hero{text-align:center;max-width:900px;margin:0 auto}
.premium-search-page .catalog-hero h1{font-size:clamp(27px,4vw,49px);letter-spacing:-.025em}
.premium-search-page .catalog-description{max-width:720px;margin-inline:auto;color:#aeb3bf}
.premium-search-page .site-search-form{max-width:1000px;margin:26px auto 12px;padding:10px 12px 10px 22px;border-radius:20px;background:linear-gradient(120deg,#24252c,#111217);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 60px #0006}
.premium-search-page .site-search-form>label{display:none}
.premium-search-page .site-search-fields{align-items:center}
.premium-search-page .site-search-fields input{min-height:58px;border:0;background:transparent;padding-inline:15px;color:#fff;font-size:clamp(14px,1.1vw,17px)}
.premium-search-page .site-search-fields input:focus{outline:none}
.premium-search-page .site-search-fields:focus-within{box-shadow:inset 0 0 0 1px #ca3145;border-radius:14px}
.premium-search-page .site-search-fields .btn{min-width:108px;min-height:49px;border-radius:13px;background:linear-gradient(130deg,#e12a41,#af152c);box-shadow:0 6px 21px #a6112a4d}
.smart-search-nav{display:flex;gap:9px;max-width:1000px;margin:18px auto 5px;align-items:center;overflow-x:auto;scrollbar-width:thin;padding:2px 0 7px}
.smart-search-nav a{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 17px;border-radius:100px;border:1px solid #393b45;background:#1a1b22;color:#e6e7ed;font-size:13px;font-weight:800;text-decoration:none;transition:.2s}
.smart-search-nav a:hover,.smart-search-nav a:focus-visible{color:white;border-color:#b72b43;background:#2f1a26}
.smart-search-nav b{color:#f3b6bd;font-size:11px}
.premium-search-page .site-search-status{max-width:1000px;margin:10px auto 18px;font-size:12px;color:#a3a8b5}
.smart-local-section,.smart-search-section{max-width:1400px;margin:clamp(26px,4vw,47px) auto 0;scroll-margin-top:105px}
.smart-search-section{padding-top:6px}
.smart-search-heading,.smart-search-section .catalog-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding-inline:1px}
.smart-search-heading h2,.smart-search-section .catalog-section-head h2{font-size:clamp(19px,2.2vw,26px);font-weight:900;margin:0}
.smart-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:29px;padding:0 10px;border:1px solid #393b44;border-radius:18px;background:#21222b;color:#e8e9ef;font-weight:800;font-size:12px}
.smart-search-section .smart-search-hint{margin:0 0 20px;font-size:13px;color:#aeb4c0}
.smart-search-grid,.smart-local-section .site-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:clamp(11px,1.4vw,19px)}
.smart-search-grid .portrait-media-card,.smart-local-section .portrait-media-card{width:100%;min-width:0;margin:0}
.smart-discovery-card{border:1px solid #39313d;border-radius:14px;overflow:hidden}
.smart-discovery-card .portrait-poster{aspect-ratio:2/3}
.smart-discovery-card .poster-play-center{z-index:4;text-decoration:none}
.smart-discovery-card .smart-add-glyph{display:grid;place-items:center;width:100%;height:100%;font-size:30px;color:white;line-height:1}
.smart-discovery-card .smart-tmdb-badge{display:inline-flex;padding:3px 7px;border-radius:5px;background:rgba(6,17,32,.86);color:#a9e1ea;font-weight:900;font-size:10px;letter-spacing:.05em}
.smart-discovery-card .poster-top-meta{gap:5px;flex-wrap:wrap}
.smart-discovery-card .smart-discovery-note{color:#efb5bd;font-size:10px;font-weight:750}
.smart-discovery-card:hover{border-color:#ba455a;box-shadow:0 12px 35px #0008}
.smart-youtube-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:22px 15px}
.smart-youtube-grid .smart-youtube-card{background:#15151b;border:1px solid #2c2d34;border-radius:14px;overflow:hidden;min-width:0}
.smart-youtube-card .episode-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#1b1d25}
.smart-youtube-card .episode-art{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.smart-youtube-card a.episode-card-link{position:absolute;inset:0;z-index:2;display:block;padding:0;margin:0}
.smart-youtube-card a.poster-play-center{z-index:4;padding:0;align-items:center;justify-content:center}
.smart-youtube-card .smart-youtube-source{position:absolute;top:10px;inset-inline-start:10px;border-radius:7px;background:#e72031;color:#fff;font-size:11px;font-weight:900;padding:5px 9px;z-index:3;pointer-events:none}
.smart-youtube-card .stream-card-copy{padding:12px 13px 15px}
.smart-youtube-card a.smart-youtube-copy{display:flex;flex-direction:column;gap:5px;padding:0;color:#fff;text-decoration:none}
.smart-youtube-card .smart-youtube-copy strong,.smart-youtube-card .smart-youtube-copy small{margin:0}
.smart-youtube-card .smart-youtube-copy .card-title{font-size:13px;line-height:1.65;max-height:3.3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.smart-youtube-card .smart-youtube-copy small{font-size:11px;color:#acb2c0}
.smart-youtube-card:hover{transform:translateY(-3px);border-color:#555}
.smart-youtube-loading{padding:24px 15px;background:#191b21;border:1px solid #30323c;border-radius:13px;color:#b7becb;grid-column:1/-1}
.smart-import-status{display:inline-flex;padding:12px 18px;background:#241d27;border:1px solid #663447;border-radius:12px;color:#f1c4d0;font-size:13px;font-weight:700;margin-top:17px}
.smart-virtual-detail{max-width:1220px;margin:65px auto 25px}
.smart-virtual-hero{grid-template-columns:minmax(190px,300px) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}
.smart-virtual-detail .detail-poster{box-shadow:0 14px 40px #0009}
.smart-virtual-detail .detail-copy h1{font-size:clamp(24px,3vw,44px)}
.smart-virtual-detail .detail-copy>p{line-height:1.9}
@media(max-width:700px){
 .premium-search-page{padding-top:92px}
 .premium-search-page .site-search-form{margin-top:20px;padding:7px}
 .premium-search-page .site-search-fields{flex-wrap:nowrap}
 .premium-search-page .site-search-fields input{min-height:51px;padding:8px;font-size:13px}
 .premium-search-page .site-search-fields .btn{min-width:76px;flex:0 0 auto;min-height:46px;padding:7px 13px}
 .smart-search-nav a{padding:9px 12px;font-size:11px}
 .smart-search-section .smart-search-hint{font-size:11px;line-height:1.8}
 .smart-search-grid,.smart-local-section .site-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .smart-youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .smart-youtube-card .stream-card-copy{padding:8px}
 .smart-youtube-card .smart-youtube-copy .card-title{font-size:11px}
 .smart-youtube-card .smart-youtube-source{font-size:9px;padding:3px 6px}
 .smart-virtual-detail{margin-top:25px}
 .smart-virtual-hero{grid-template-columns:1fr}
 .smart-virtual-hero .detail-poster{max-width:220px}
}


/* Responsive category groups in the legacy search overlay */
.premium-search .search-results{display:block;overflow-y:auto;max-height:calc(86dvh - 76px);padding:18px}
.premium-search .smart-modal-section{margin:0 0 28px}
.premium-search .smart-modal-section>h3{font-weight:900;font-size:19px;margin:10px 0 16px;padding-bottom:11px;border-bottom:1px solid #373945}
.premium-search .smart-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:13px}
.premium-search .smart-modal-grid .portrait-media-card{width:100%;min-width:0}
.premium-search .smart-youtube-grid{grid-template-columns:repeat(auto-fill,minmax(225px,1fr))}
@media(max-width:640px){
 .premium-search .search-results{padding:12px;max-height:calc(100dvh - 75px)}
 .premium-search .smart-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .premium-search .smart-youtube-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .premium-search .smart-modal-section>h3{font-size:16px}
}

.smart-scan-banner{display:flex;align-items:center;gap:16px;margin:105px auto -65px;max-width:1320px;padding:17px 20px;border:1px solid #54404b;background:linear-gradient(105deg,#251c26,#161820);border-radius:13px;color:#f0edf1}
.smart-scan-banner>div{flex:1;min-width:0}.smart-scan-banner strong{font-size:14px}.smart-scan-banner p{font-size:12px;color:#afb4bf;line-height:1.8;margin:4px 0 0}.smart-scan-pulse{height:11px;width:11px;flex:none;background:#e3394e;box-shadow:0 0 0 7px #e3394e22;border-radius:50%;animation:smart-pulse 1.8s infinite}
@keyframes smart-pulse{50%{opacity:.45;transform:scale(.85)}}.smart-scan-banner button{background:#b91e33;color:#fff;border:0;border-radius:9px;padding:9px 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
@media(max-width:700px){.smart-scan-banner{margin:83px 12px -65px;gap:10px;padding:13px}.smart-scan-banner strong{font-size:12px}.smart-scan-banner p{font-size:10px}.smart-scan-banner button{padding:8px}}


/* Search layout: catalog-page carries a full-viewport minimum used by listing pages.
   The unified search subsections are content-sized, with no reserved empty space. */
.catalog-page.smart-search-section{min-height:0;height:auto;padding:0;margin:24px auto 0;max-width:1400px;width:100%}
.catalog-page.smart-search-section+.catalog-page.smart-search-section{margin-top:30px}
.catalog-page.premium-search-page{min-height:0;padding-bottom:12px}
.smart-search-section[hidden],.premium-search .smart-modal-section[hidden]{display:none!important}
.smart-search-nav:empty{display:none!important;margin:0;padding:0}
.smart-search-grid:empty,.smart-youtube-grid:empty{display:none}
.smart-search-section .catalog-section-head{margin-bottom:12px}
.smart-search-section .smart-search-hint{margin-bottom:16px}
@media(max-width:700px){
 .catalog-page.smart-search-section{padding:0;margin-top:18px}
 .catalog-page.smart-search-section+.catalog-page.smart-search-section{margin-top:24px}
 .catalog-page.premium-search-page{padding-bottom:8px}
}

/* Person profile pages: layout-only fix, 2026-10-26. Do not affect films, series, player or data. */
.stream-person-detail .stream-person-content{
  grid-template-columns:clamp(160px,20vw,220px) minmax(0,1fr);
  align-items:center;
  gap:clamp(20px,3vw,38px);
  padding:clamp(112px,12vw,155px) var(--page-pad) 18px;
}
.stream-person-detail .stream-person-content .detail-poster{
  width:100%;
  max-width:220px;
  aspect-ratio:2/3;
  height:auto;
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  align-self:start;
}
.stream-person-detail .stream-person-content .detail-poster .seo-primary-image{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  border-radius:inherit;
  background:var(--cinema-surface,#191919);
}
.stream-person-detail .stream-person-content .detail-copy{
  align-self:center;
  min-width:0;
}
.stream-person-detail .stream-person-content .detail-copy h1{
  font-size:clamp(28px,3.4vw,48px);
  line-height:1.2;
  margin:0 0 10px;
  overflow-wrap:anywhere;
}
.stream-person-detail .stream-person-content .detail-copy p:empty{display:none}
.stream-person-detail .stream-person-works{padding-top:8px;padding-bottom:38px}
.stream-person-detail .stream-person-works h2{font-size:clamp(19px,2vw,24px);margin-bottom:6px}
@media(max-width:900px){
  .stream-person-detail .stream-person-content{
    grid-template-columns:minmax(135px,200px) minmax(0,1fr);
    gap:22px;
    padding:102px var(--page-pad) 14px;
  }
}
@media(max-width:640px){
  .stream-person-detail .stream-person-content{
    grid-template-columns:minmax(105px,32vw) minmax(0,1fr);
    gap:14px;
    padding:86px 14px 12px;
    align-items:center;
  }
  .stream-person-detail .stream-person-content .detail-poster{max-width:150px}
  .stream-person-detail .stream-person-content .detail-copy h1{
    font-size:clamp(22px,5.8vw,30px);
    margin-bottom:8px;
  }
  .stream-person-detail .stream-person-content .detail-copy p{
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .stream-person-detail .stream-person-works{padding-top:10px;padding-bottom:24px}
  .stream-person-detail .stream-person-works .rail{
    grid-auto-columns:clamp(148px,42vw,208px);
    padding-block:10px 20px;
  }
}
@media(max-width:360px){
  .stream-person-detail .stream-person-content{grid-template-columns:98px minmax(0,1fr)}
}


/* Consistent landscape cards for Continue Watching */
.rail[data-rail="continue"]{grid-auto-columns:clamp(240px,22vw,330px);align-items:start;gap:15px}
.rail[data-rail="continue"] .continue-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#18191e;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.continue-card-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#202126;isolation:isolate}
.continue-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.continue-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.5));pointer-events:none;z-index:1}
.continue-card-overlay-link{position:absolute;inset:0;z-index:3}
.continue-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#141414;z-index:2;pointer-events:none;box-shadow:0 6px 25px #0008}
.continue-card-media .progress{position:absolute;inset:auto 0 0;height:4px;z-index:4;pointer-events:none}
.continue-card-media .progress b{height:100%;display:block;background:#e50914}
.continue-card-body{display:grid;gap:6px;padding:12px 13px 14px;min-height:95px}
.continue-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#f5f5f5;font-size:13px;line-height:1.6;font-weight:850;text-decoration:none}
.continue-card-title:hover{color:#fff;text-decoration:underline}
.continue-card-sub{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;min-width:0;color:#b7b8c1;font-size:10px}
.continue-card-sub .continue-episode-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.continue-card-watched{margin-inline-start:auto;color:#d2d4dc}
@media(max-width:640px){.rail[data-rail="continue"]{grid-auto-columns:min(75vw,290px);gap:10px}.continue-card-play{width:43px;height:43px}.continue-card-body{padding:10px 11px 12px;min-height:85px}}


/* Media detail: mobile-first hierarchy with compact title, portrait and hidden-on-demand keywords */
[data-media-detail] .detail-copy{min-width:0}
[data-media-detail] .detail-copy h1{overflow-wrap:anywhere}
[data-media-detail] .detail-facts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}
[data-media-detail] .detail-genres{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:8px 0}
[data-media-detail] .detail-genres:empty{display:none}
[data-media-detail] .detail-keywords{margin-top:17px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(18,19,23,.8);max-width:100%;overflow:hidden}
[data-media-detail] .detail-keywords summary{display:flex;align-items:center;gap:9px;min-height:43px;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:800;color:#e8e8ec;list-style:none}
[data-media-detail] .detail-keywords summary::-webkit-details-marker{display:none}
[data-media-detail] .detail-keywords summary span{font-size:10px;color:#b6b9c5;background:#292a30;border-radius:99px;padding:2px 7px}
[data-media-detail] .detail-keywords summary:after{content:"⌄";margin-inline-start:auto;color:#c4c5cc;font-size:16px;transition:transform .18s}
[data-media-detail] .detail-keywords[open] summary:after{transform:rotate(180deg)}
[data-media-detail] .detail-keyword-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:12px;border-top:1px solid rgba(255,255,255,.10)}
[data-media-detail] .detail-keyword-list .chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start;text-decoration:none;font-size:10px;line-height:1.5}
[data-media-detail] .detail-crew{line-height:1.9}
[data-media-detail] .detail-crew>span{display:block;overflow-wrap:anywhere}
[data-media-detail] .detail-crew a{display:inline-block;white-space:nowrap;margin-inline:3px;unicode-bidi:isolate}
@media(max-width:640px){
  [data-media-detail] .premium-detail-hero{
    display:grid;
    grid-template-columns:minmax(112px,37%) minmax(0,1fr);
    grid-template-areas:"poster heading" "poster facts" "poster genres" "overview overview" "crew crew" "actions actions" "keywords keywords" "sharing sharing";
    grid-template-rows:auto auto 1fr auto auto auto auto auto;
    align-items:start;
    column-gap:15px;
    row-gap:11px;
    padding:clamp(118px,21vh,170px) 16px 25px;
    max-width:540px;
    margin-inline:auto;
  }
  [data-media-detail] .premium-detail-hero>.media-detail-poster{grid-area:poster;width:100%;max-width:180px;margin:0;align-self:start;aspect-ratio:2/3}
  [data-media-detail] .premium-detail-hero>.media-detail-poster .detail-poster-image{width:100%;height:auto;display:block;object-fit:contain}
  [data-media-detail] .premium-detail-hero>.detail-copy{display:contents}
  [data-media-detail] .premium-detail-hero .detail-copy h1{grid-area:heading;align-self:end;font-size:clamp(24px,6.4vw,32px);line-height:1.35;margin:0;letter-spacing:0}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-facts{grid-area:facts;gap:5px;margin:0;align-items:center}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-facts .chip{font-size:10px;padding:5px 8px;min-height:27px;white-space:nowrap}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-facts .views-count{font-size:10px;padding:5px 8px}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-genres{grid-area:genres;margin:0;gap:5px}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-genres .chip{font-size:10px;padding:5px 8px;white-space:normal;text-align:center;line-height:1.4}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-overview{grid-area:overview;margin:9px 0 0;max-width:none;font-size:13.5px;line-height:1.95;display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-crew{grid-area:crew;margin:0;font-size:12px;line-height:1.85;max-width:100%}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-crew a{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
  [data-media-detail] .premium-detail-hero .detail-copy .hero-actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:7px 0 0;width:100%}
  [data-media-detail] .premium-detail-hero .detail-copy .hero-actions .btn{min-width:0;width:100%;min-height:46px;padding:9px 8px;font-size:12px;display:flex;justify-content:center;align-items:center;text-align:center;gap:7px}
  [data-media-detail] .premium-detail-hero .detail-copy .detail-keywords{grid-area:keywords;margin:5px 0 0}
  [data-media-detail] .premium-detail-hero .detail-copy .share-tools{grid-area:sharing;margin:5px 0 0;max-width:100%}
  [data-media-detail] .premium-detail-hero .detail-copy .share-tools-actions{gap:7px}
  [data-media-detail] .premium-detail-hero .detail-copy .share-tool{font-size:10px}
}
@media(max-width:365px){
 [data-media-detail] .premium-detail-hero{grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:9px 11px;padding-inline:12px}
 [data-media-detail] .premium-detail-hero .detail-copy h1{font-size:24px}
 [data-media-detail] .premium-detail-hero .detail-copy .hero-actions .btn{font-size:11px}
}


/* Guest-first Google sign-in: one clear, dismissible prompt, no automatic account access. */
.guest-google-welcome{position:fixed;z-index:59;top:calc(80px + env(safe-area-inset-top));inset-inline-end:18px;width:min(342px,calc(100vw - 24px));padding:19px 17px 13px;border-radius:16px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(140deg,rgba(31,32,37,.99),rgba(12,13,16,.98));box-shadow:0 24px 75px rgba(0,0,0,.64);color:#fff;backdrop-filter:blur(18px)}
.guest-google-welcome.hidden{display:none!important}
.guest-google-heading{display:flex;align-items:center;gap:11px;padding-inline-end:24px;margin-bottom:16px}
.guest-google-heading img{flex:none;width:35px;height:35px;border-radius:8px}
.guest-google-heading strong{display:block;font-size:14px;line-height:1.6;font-weight:900}
.guest-google-heading p{margin:4px 0 0;font-size:11px;line-height:1.7;color:#b4b7bf}
.guest-google-dismiss{position:absolute;top:8px;inset-inline-end:9px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#c4c5ca;font-size:24px;cursor:pointer}
.guest-google-dismiss:hover,.guest-google-dismiss:focus-visible{background:rgba(255,255,255,.11);color:#fff}
.guest-google-button{display:flex;min-height:44px;align-items:center;justify-content:center;max-width:100%}
.guest-google-error{margin:2px 3px 0;font-size:11px;color:#ffa4a4;text-align:center}
.guest-google-error:empty{display:none}
.guest-google-alternative{display:block;margin:7px auto 0;padding:6px 10px;border:0;background:transparent;color:#c7cbd2;font-size:11px;cursor:pointer}
.guest-google-alternative:hover,.guest-google-alternative:focus-visible{text-decoration:underline;color:#fff}
@media(max-width:640px){.guest-google-welcome{top:calc(70px + env(safe-area-inset-top));inset-inline:12px;width:auto;padding:16px 14px 11px}.guest-google-heading{margin-bottom:12px}.guest-google-heading strong{font-size:13px}}


/* Watch-first layout: the actual playable iframe is dominant near the start of
   movie/episode watch pages. No modification to ad slots or player implementation. */
.premium-detail[data-watch-page] > .canonical-player-section{
 position:relative;
 z-index:3;
 margin:0 auto 6px;
 padding-top:14px;
 padding-bottom:12px;
}
.premium-detail[data-watch-page] > .canonical-player-section .canonical-player-shell{
 max-width:980px;
}
.premium-detail[data-watch-page] > .premium-detail-hero{
 padding-top:20px;
}
@media(max-width:640px){
 .premium-detail[data-watch-page] > .canonical-player-section{padding-top:9px;padding-bottom:7px;margin-bottom:0;}
 .premium-detail[data-watch-page] > .premium-detail-hero{padding-top:14px;}
}

/* Compact breadcrumb below the visible player, only on playable episode pages. */
.premium-detail[data-watch-page] > .breadcrumbs{
 padding:10px var(--page-pad) 8px;
 margin:0 auto;
}


/* Responsive LCP hero image. Preserve shading and existing hero controls. */
.stream-hero>.hero-backdrop-art{
 position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;object-position:center 22%;pointer-events:none;z-index:0;
}
.stream-hero>.hero-backdrop-art[hidden]{display:none}
.stream-hero:before,.stream-hero>.hero-shade{z-index:1}
@media(max-width:900px){.stream-hero>.hero-backdrop-art{object-position:center}}


/* Lighthouse touch-target compliance: keep year filters comfortably tappable. */
.portrait-media-card .poster-top-meta a.poster-year-badge,
.catalog-card .poster-top-meta a.poster-year-badge {
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;min-height:32px;padding:5px 9px;line-height:1.3;
  font-size:11px;touch-action:manipulation;
}
@media(max-width:640px) {
 .portrait-media-card .poster-top-meta a.poster-year-badge,
 .catalog-card .poster-top-meta a.poster-year-badge {
   min-width:38px;min-height:30px;padding:4px 8px;font-size:10px;
 }
}


/* app-promo.css */
:root{color-scheme:dark}
.app-download-landing,.app-download-landing *{box-sizing:border-box}
.app-download-landing{margin:0;background:#08090c;color:#f6f6f7;font-family:"Cairo",system-ui,sans-serif;min-height:100vh}
.app-download-landing a{color:inherit;text-decoration:none}
.app-download-header{height:76px;max-width:1220px;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}
.app-download-brand{display:inline-flex;align-items:center;gap:9px;font-size:23px;letter-spacing:.4px;font-weight:900}
.app-download-brand span{color:#ee1828;font-size:11px;vertical-align:middle;margin-inline-start:6px}
.app-download-back{font-size:13px;color:#c9c9ce!important;font-weight:700}
.app-download-container{max-width:1220px;margin:auto;padding:0 24px}
.app-download-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;min-height:635px;padding:35px 0 40px}
.app-download-copy{max-width:690px}
.app-download-kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid #f22b413f;padding:8px 13px;border-radius:999px;background:#f0091920;color:#ffd8dd;font-weight:800;font-size:12px}
.app-download-live-dot{width:9px;height:9px;border-radius:50%;background:#ff2637;box-shadow:0 0 0 5px #e5091435}
.app-download-version{font-size:10px;color:#fff8;background:#fff2;border-radius:999px;padding:3px 7px;direction:ltr}
.app-download-copy h1{font-size:clamp(34px,4.4vw,64px);line-height:1.32;letter-spacing:-1.5px;margin:20px 0 12px;font-weight:900}
.app-download-copy h1 em{font-style:normal;color:#ef1a2a}
.app-download-copy>p:not(.app-download-downloadmeta):not(.app-download-note){font-size:16px;line-height:2;color:#bec0c9;margin:0 0 25px;max-width:580px}
.app-download-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.app-download-primary,.app-download-secondary{min-height:58px;padding:12px 27px;display:inline-flex;align-items:center;gap:11px;justify-content:center;border-radius:13px;font-size:15px;font-weight:900;transition:transform .15s,background .15s}
.app-download-primary{background:#e50914;box-shadow:0 16px 35px #e5091435;border:1px solid #fc3840;color:#fff!important}
.app-download-primary:hover{background:#f21c29;transform:translateY(-2px)}
.app-download-secondary{background:#17191f;border:1px solid #353741;color:#dadbe0!important}
.app-download-downloadmeta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:11px;color:#999da9;margin:17px 0 0}
.app-download-note{font-size:11.5px!important;color:#9298a5!important;max-width:610px;line-height:1.9!important;margin:17px 0 0!important}
.app-download-art{height:505px;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate}
.app-download-glow{position:absolute;inset:7% -7%;background:radial-gradient(ellipse at center,#97112166,transparent 64%);filter:blur(16px);z-index:-1}
.app-download-phone{width:268px;height:510px;border-radius:42px;background:#020203;border:9px solid #24262d;box-shadow:0 0 0 3px #707078,0 33px 85px #000e;transform:rotate(-7deg);overflow:hidden;position:relative;padding:7px}
.app-download-phone-camera{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:58px;height:15px;border-radius:40px;background:#050507;z-index:5}
.app-download-phone-screen{height:100%;border-radius:29px;background:linear-gradient(#151518,#050506);overflow:hidden;padding:28px 12px 12px}
.app-download-mini-brand{font-weight:900;font-size:18px;direction:ltr;text-align:left;letter-spacing:1px;margin:0 0 12px}
.app-download-mini-brand span{color:#ee1125}
.app-download-movie-feature{height:242px;background:radial-gradient(circle at 65% 32%,#b22738c4,#171013 45%,#0c0d13 83%);border-radius:9px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:19px 11px}
.app-download-pill{font-size:7px;letter-spacing:1px;direction:ltr;align-self:flex-start;color:#eeeded;background:#141414b0;border:1px solid #fffa;border-radius:3px;padding:3px 6px}
.app-download-feature-title{font-size:24px;font-weight:900;margin-top:8px}
.app-download-feature-sub{font-size:11px;color:#d8d7d7}
.app-download-play{border-radius:5px;font-size:9px;font-weight:800;background:#f12232;color:#fff;padding:6px 14px;margin-top:14px}
.app-download-mini-heading{font-size:11px;font-weight:800;margin:13px 2px 7px}
.app-download-mini-row{display:flex;gap:6px;direction:ltr}
.app-download-mini-poster{height:84px;flex:1;border-radius:5px;background:linear-gradient(135deg,#8f2231,#2a222f 65%,#121319)}
.app-download-mini-poster.b{background:linear-gradient(135deg,#6d5d73,#222135 55%,#14151a)}
.app-download-mini-poster.c{background:linear-gradient(135deg,#907451,#24252b 55%,#14151a)}
.app-download-mini-bottom{color:#ddd;text-align:center;direction:ltr;letter-spacing:23px;font-size:16px}
.app-download-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 62px}
.app-download-benefits article{padding:20px 18px;border:1px solid #25262e;border-radius:16px;background:#121317}
.app-download-benefits h2{font-size:16px;margin:7px 0;font-weight:900}
.app-download-benefits p{color:#9ea1ad;font-size:12px;line-height:1.9;margin:0}
.app-download-benefit-icon{display:grid;place-items:center;background:#e5091423;color:#ff2f3b;border-radius:12px;width:43px;height:43px;font-size:26px}
.app-download-steps{border-top:1px solid #272931;padding:36px 0 50px}
.app-download-steps h2{font-size:25px;margin:0 0 19px}
.app-download-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.app-download-step-grid article{border:1px solid #282a31;border-radius:14px;background:#131418;padding:18px}
.app-download-step-grid span{font-weight:900;font-size:24px;color:#ef2532}
.app-download-step-grid p{color:#e0e0e5;font-size:13px;line-height:1.9}
.app-download-trust{color:#9499a5;font-size:12px;line-height:1.8;margin-top:18px}
.app-download-sha{font-size:10px;color:#737b8b;overflow-wrap:anywhere;direction:ltr;text-align:left}
.app-download-footer{border-top:1px solid #25262d;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#959ba6;font-size:12px;max-width:1220px;margin:auto}
.app-download-footer strong{color:#fff;font-size:18px}
.native-app-feature{max-width:1440px;margin:8px auto 14px;padding:0 var(--page-pad,22px)}
.native-app-feature__inner{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid #d92e414e;background:linear-gradient(95deg,#181219,#141318 55%,#0f1014);padding:21px 24px;border-radius:17px;box-shadow:0 12px 35px #0005;position:relative;overflow:hidden}
.native-app-feature__inner:after{content:"";position:absolute;left:7%;top:-70%;width:220px;height:230px;background:radial-gradient(circle,#e509143d,transparent 72%);pointer-events:none}
.native-app-feature__text{display:flex;align-items:center;gap:15px;position:relative;z-index:1}
.native-app-feature__logo{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#e509141e;border:1px solid #ef2b3f4b}
.native-app-feature__logo img{width:38px;height:38px}
.native-app-feature__text strong{display:block;font-size:17px;font-weight:900;color:#fff}
.native-app-feature__text small{display:block;color:#b1b5c0;font-size:12px;line-height:1.8}
.native-app-feature__button{padding:12px 22px;background:#e50914;color:#fff!important;border-radius:10px;white-space:nowrap;font-weight:900;font-size:13px;text-decoration:none;position:relative;z-index:1}
.app-nav-link{display:inline-flex;align-items:center;gap:5px;color:#fff!important;background:#df1021;border-radius:8px;padding:6px 10px;font-weight:900!important;white-space:nowrap}
.app-mobile-nav-link{color:#ffa3a9!important;font-weight:900!important}
.app-footer-link{font-weight:900!important;color:#ff424d!important}
.app-install-strip{position:fixed;z-index:58;inset:auto 12px calc(12px + env(safe-area-inset-bottom)) 12px;border-radius:15px;background:linear-gradient(110deg,#211116,#12131a);border:1px solid #e522355a;box-shadow:0 15px 55px #000b;padding:12px 12px 12px 42px;display:flex;gap:10px;align-items:center;direction:rtl;color:#fff;font-family:"Cairo",system-ui,sans-serif;max-width:520px;margin:auto}
.app-install-strip__logo{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:#2a1a21;padding:6px}
.app-install-strip__copy{flex:1;min-width:0}
.app-install-strip__copy strong{display:block;font-size:13px;font-weight:900}
.app-install-strip__copy small{display:block;font-size:10px;line-height:1.5;color:#bbc0cb}
.app-install-strip__cta{padding:10px 12px;background:#e50914;color:#fff!important;border-radius:9px;text-decoration:none;white-space:nowrap;font-size:11px;font-weight:900}
.app-install-strip__dismiss{position:absolute;top:3px;left:5px;background:transparent;border:0;color:#b2b2b6;font-size:24px;cursor:pointer;line-height:1;min-width:30px;min-height:30px}
@media(max-width:1000px){.app-download-hero{gap:12px}.app-download-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
.app-download-header{height:62px;padding:0 15px}
.app-download-brand{font-size:19px}.app-download-back{font-size:11px}
.app-download-container{padding:0 16px}
.app-download-hero{grid-template-columns:1fr;gap:0;padding:34px 0 20px;min-height:0}
.app-download-copy h1{font-size:36px;letter-spacing:-.6px}
.app-download-copy>p:not(.app-download-downloadmeta):not(.app-download-note){font-size:14px}
.app-download-actions{display:grid;grid-template-columns:1fr}
.app-download-primary,.app-download-secondary{width:100%}
.app-download-art{height:350px;overflow:hidden;margin-top:24px}
.app-download-phone{transform:scale(.73) rotate(-6deg);transform-origin:center}
.app-download-benefits{gap:8px;margin-bottom:35px}
.app-download-benefits article{padding:13px}.app-download-benefits h2{font-size:12px}
.app-download-benefits p{font-size:10px}
.app-download-step-grid{grid-template-columns:1fr}
.app-download-footer{flex-wrap:wrap;justify-content:center}
.native-app-feature__inner{padding:13px;gap:10px}
.native-app-feature__text{gap:10px}.native-app-feature__logo{width:38px;height:38px}
.native-app-feature__logo img{width:29px;height:29px}
.native-app-feature__text strong{font-size:12px}.native-app-feature__text small{font-size:9.5px}
.native-app-feature__button{padding:10px 12px;font-size:10px}
}
@media(min-width:801px){.app-install-strip{display:none!important}}
@media(prefers-reduced-motion:reduce){.app-download-primary{transition:none}}

/* The integrated landing inherits the real EGYSHOW site chrome. The standalone
   static fallback remains untouched because these rules are scoped to the shell. */
.app-download-shell{margin-top:0!important;padding:0!important;max-width:none;overflow:hidden}
.app-download-shell>.app-download-landing{background:transparent;min-height:calc(100dvh - 70px);padding:90px 0 36px}
.app-download-shell .app-download-breadcrumbs{max-width:1220px;margin:0 auto;padding:0 24px;color:#aeb0bc;font-size:12px;display:flex;align-items:center;gap:10px}
.app-download-shell .app-download-breadcrumbs a{color:#f2f2f3;font-weight:800}
.app-download-shell .app-download-hero{min-height:540px;padding-top:22px}
.app-download-shell .app-download-benefits{margin-bottom:50px}
.app-download-shell .app-download-art{max-width:100%}
.app-download-shell .app-download-sha{overflow-wrap:anywhere;user-select:text}
.app-download-shell .app-download-primary:focus-visible,
.app-download-shell .app-download-secondary:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){
  .app-download-shell>.app-download-landing{padding-top:76px;padding-bottom:20px}
  .app-download-shell .app-download-breadcrumbs{padding-inline:16px}
  .app-download-shell .app-download-hero{min-height:0;padding-top:18px}
}


/* egyshow-matches.css */
/* Matches extension. Scoped to EGYSHOW pages; never styles global players. */
.egm-scope{font-family:Cairo,Tahoma,Arial,sans-serif;color:#f5f6fc;min-height:70vh;padding:25px 4.2vw 55px}
.egm-container{max-width:1450px;margin:0 auto}
.egm-breadcrumb{display:flex;align-items:center;gap:10px;color:#9ba8bd;font-size:12px;margin-bottom:24px}
.egm-breadcrumb a{color:#adbcd4;text-decoration:none}
.egm-breadcrumb a:hover{color:white}
.egm-kicker{font-size:12px;letter-spacing:1px;font-weight:850;color:#fa4a72;margin-bottom:5px}
.egm-title-block{padding:12px 0 23px}
.egm-title-block h1,.egm-watch-head h1{font-weight:900;line-height:1.45;font-size:clamp(23px,3.6vw,37px);margin:5px 0}
.egm-title-block p,.egm-watch-head p{color:#aab7c9;font-size:14px;margin-top:5px}
.egm-days{display:flex;align-items:center;gap:8px;margin:0 0 25px;flex-wrap:wrap}
.egm-days button,.egm-servers button,.egm-modes button,.egm-reload{font-family:inherit;font-weight:800;color:#c7d1e0;background:#1b2634;border:1px solid #344157;border-radius:10px;padding:10px 19px;cursor:pointer;transition:.15s}
.egm-days button.active,.egm-servers button.active,.egm-modes button.active{background:linear-gradient(110deg,#d51545,#fa2a5c);color:white;border-color:#f64c70}
.egm-days button:hover,.egm-servers button:hover,.egm-modes button:hover,.egm-reload:hover{border-color:#ff4d75;color:white}
.egm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:16px}
.egm-tile{display:block;position:relative;text-decoration:none;color:#f7f8fb;background:radial-gradient(ellipse at 50% 8%,#25334a 0%,#131b29 65%);border:1px solid #303e51;border-radius:17px;padding:17px 16px 12px;min-height:205px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.egm-tile:hover{border-color:#f34770;transform:translateY(-3px);box-shadow:0 14px 30px #0005}
.egm-tile:focus-visible,.egm-scope button:focus-visible,.egm-scope a:focus-visible{outline:2px solid #f4476d;outline-offset:3px}
.egm-tile-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#b4c1d2;font-size:11px}
.egm-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px}
.egm-status.egm-live{color:#ff5276;font-weight:900}
.egm-status.egm-live:before{content:"●";margin-inline-end:5px;animation:egm-blink 1.5s infinite}
@keyframes egm-blink{50%{opacity:.4}}
.egm-status.egm-done{color:#a8cfbf}
.egm-team-box{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);align-items:center;gap:9px;min-height:120px}
.egm-team{display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px;min-width:0}
.egm-logo{display:grid;place-items:center;height:53px;width:53px;font-size:25px}
.egm-logo img{width:100%;height:100%;object-fit:contain}
.egm-team-name{font-weight:800;line-height:1.5;font-size:13px;max-width:100%;overflow-wrap:anywhere}
.egm-versus{font-size:18px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}
.egm-play-row{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff19;padding-top:10px;font-size:12px;font-weight:800;color:#dce3ee}
.egm-play-circle{display:grid;place-items:center;width:29px;height:29px;background:#e71c4a;border-radius:50%;font-size:12px;color:#fff}
.egm-arrow{margin-inline-start:auto;color:#ff6c8c;font-size:19px}
.egm-empty{background:#17212f;border:1px solid #344157;border-radius:15px;color:#b7c2d4;padding:38px;text-align:center;grid-column:1/-1}
.egm-watch-head{margin:15px 0 23px}
.egm-stage{width:100%;max-width:1200px;margin-inline:auto;aspect-ratio:16/9;border:1px solid #354056;border-radius:17px;background:radial-gradient(ellipse at center,#263349,#090d14);box-shadow:0 15px 55px #0007;overflow:hidden;display:flex;align-items:center;justify-content:center}
.egm-stage iframe,.egm-stage video{display:block;width:100%;height:100%;border:0;background:#080d13;object-fit:contain}
.egm-waiting{display:flex;justify-content:center;align-items:center;text-align:center;padding:30px;color:#cbd5e1;max-width:600px;font-size:15px}
.egm-server-bar{margin-top:25px}
.egm-server-bar h2{font-size:17px;margin:0 0 13px}
.egm-servers,.egm-modes,.egm-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.egm-servers button{font-size:13px}
.egm-modes{margin-top:16px}
.egm-modes button{padding:8px 14px;font-size:12px}
.egm-hint{color:#adb9c9;font-size:13px;margin-block:16px;min-height:18px}
.egm-actions{justify-content:space-between;padding-top:14px;border-top:1px solid #ffffff19}
.egm-back{color:white;text-decoration:none;font-size:13px;font-weight:800}
.egm-reload{font-size:12px;padding:8px 13px}
@media(max-width:700px){.egm-scope{padding:18px 14px 45px}.egm-grid{grid-template-columns:1fr;gap:12px}.egm-tile{min-height:185px}.egm-team-box{min-height:105px}.egm-stage{border-radius:10px}.egm-servers{gap:6px}.egm-servers button{padding:8px 11px}.egm-title-block h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.egm-tile{transition:none}.egm-status.egm-live:before{animation:none}}


/* matches-section.css */
/* EGYSHOW matches flash strip — compact, self-contained, movie-player safe */
#matchesPreview{margin-block:8px 24px;max-width:100%}
#matchesPreview .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
#matchesPreview .section-head h2{font-size:clamp(16px,2vw,21px);line-height:1.5;margin:0}
#matchesPreview .section-tools{display:flex;align-items:center;gap:12px}
.matches-flash-arrows{display:flex;align-items:center;gap:5px}
.matches-flash-arrows button{display:grid;place-items:center;width:29px;height:29px;border:1px solid #3c4556;background:#202937;color:#e4e7ed;border-radius:9px;font:700 20px/1 Cairo,Tahoma,sans-serif;cursor:pointer}
.matches-flash-arrows button:hover{background:#e50940;border-color:#e50940;color:#fff}
.matches-flash-arrows button:focus-visible,.match-flash:focus-visible{outline:2px solid #f34470;outline-offset:3px}
.matches-flashes-track{display:flex;align-items:stretch;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:2px 2px 9px}
.matches-flashes-track::-webkit-scrollbar{display:none}
.match-flash{position:relative;flex:0 0 clamp(212px,23.5vw,260px);height:120px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#1a2230,#101721 90%);border:1px solid #2d3948;border-radius:13px;padding:10px 12px;color:#f3f6fa;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;overflow:hidden}
.match-flash:hover{border-color:#d32d53;background:linear-gradient(135deg,#212a39,#151923);transform:translateY(-1px)}
.match-flash:active{transform:scale(.985)}
.match-flash-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:18px;font-size:10px;color:#aeb9c7}
.match-flash-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.9}
.match-flash-status{max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#acb9ce;display:inline-flex;align-items:center;gap:5px}
.match-flash-status.is-live{color:#ff547a;font-weight:800}
.match-flash-status.is-live::before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#ff4169;box-shadow:0 0 0 3px #fc366b24;animation:matches-flash-pulse 1.7s ease-in-out infinite}
.match-flash-status.is-finished{color:#8fb5a5}
@keyframes matches-flash-pulse{50%{opacity:.5;box-shadow:0 0 0 6px #fc366b00}}
.match-flash-body{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:4px;align-items:center;min-width:0;flex:1}
.match-flash-team{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}
.match-flash-logo{height:28px;width:28px;display:grid;place-items:center;font-size:16px;line-height:1}
.match-flash-logo img{width:100%;height:100%;object-fit:contain}
.match-flash-name{max-width:100%;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1.5}
.match-flash-score{font-size:15px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.1px}
.match-flash-hint{position:absolute;bottom:6px;inset-inline-end:8px;font-size:13px;color:#9dabbd;opacity:.55}
.match-flash:hover .match-flash-hint{color:#ff547a;opacity:1}
.match-flash-message{flex:1;min-height:104px;display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #2c3b4c;background:#131b28;border-radius:14px;color:#b3c0d0;padding:12px;font-size:13px}
.match-flash-retry{border:1px solid #69758b;border-radius:8px;padding:7px 11px;background:#1a2534;color:#fff;cursor:pointer;font:inherit}
@media(max-width:640px){
  #matchesPreview .section-head h2{font-size:17px}
  #matchesPreview .view-all{font-size:12px}
  .match-flash{flex-basis:212px;height:116px;padding:9px 10px}
  .matches-flashes-track{gap:8px}
}
@media(prefers-reduced-motion:reduce){.match-flash,.matches-flash-arrows button{transition:none}.match-flash-status.is-live::before{animation:none}}

.match-flash{background:linear-gradient(133deg,rgba(27,40,59,.93),rgba(8,14,26,.96)),radial-gradient(circle at 50% 42%,#7e1a42,#0b101a 70%);box-shadow:inset 0 0 0 1px #ffffff05}
.match-flash::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 33%,#ffffff07 50%,transparent 68%);pointer-events:none}
.match-flash-play{position:absolute;inset-inline-start:10px;bottom:6px;display:grid;place-items:center;width:26px;height:22px;border-radius:7px;background:#d21645;color:#fff;font-size:11px;box-shadow:0 3px 12px #0009}
.match-flash:hover .match-flash-play{background:#f02552;box-shadow:0 0 17px #f0255288}
.match-flash-score{font-size:15px;text-shadow:0 2px 8px #000}


/* home-cinematic-20261022.css */
/* EGYSHOW home cinematic refresh 2026-10-22
   Presentation-only overrides; all data, playback and navigation remain intact.
   This sheet is loaded by public/web/index.html only.
*/
:root{--egy-accent:#f04438;--egy-accent-strong:#e72d2f}
body{background:#090b0f}
body:has(#homeView:not(.hidden)) #topbar{
  height:68px;padding-inline:clamp(16px,3.5vw,60px);gap:20px;
  background:rgba(9,11,15,.94);border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(18px);box-shadow:0 5px 24px rgba(0,0,0,.22)
}
body:has(#homeView:not(.hidden)) #topbar .brand strong{font-size:17px;letter-spacing:.6px}
body:has(#homeView:not(.hidden)) #topbar .brand-symbol{width:30px;height:30px}
body:has(#homeView:not(.hidden)) #topbar .desktop-nav{gap:clamp(9px,1.3vw,21px);overflow-x:auto;scrollbar-width:none}
body:has(#homeView:not(.hidden)) #topbar .desktop-nav::-webkit-scrollbar{display:none}
body:has(#homeView:not(.hidden)) #topbar .desktop-nav a{font-size:11.5px;font-weight:800;white-space:nowrap}
body:has(#homeView:not(.hidden)) #topbar .desktop-nav a[href="/"]{color:#ff6155}
body:has(#homeView:not(.hidden)) #topbar .desktop-nav a[href="/"]:after{
  content:"";position:absolute;inset:auto 0 -11px;height:2px;border-radius:4px;background:var(--egy-accent)
}
body:has(#homeView:not(.hidden)) #topbar .app-nav-link{background:linear-gradient(115deg,#f44f3c,#d92732);padding:7px 10px;border-radius:8px}
body:has(#homeView:not(.hidden)) #topbar .icon-btn,
body:has(#homeView:not(.hidden)) #topbar .pill,
body:has(#homeView:not(.hidden)) #topbar .avatar{border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.035)}
/* Show actual featured item, never placeholder artwork. */
body:has(#homeView:not(.hidden)) #hero{
  height:clamp(360px,33vw,480px);min-height:360px;
  align-items:center;padding:84px clamp(18px,5.3vw,86px) 43px;
  background-position:center 32%;background-size:cover;background-color:#0a0b0e
}
body:has(#homeView:not(.hidden)) #hero:before{
  background:linear-gradient(90deg,rgba(6,8,12,.99) 0%,rgba(6,8,12,.9) 23%,rgba(6,8,12,.65) 43%,rgba(6,8,12,.06) 78%),linear-gradient(0deg,#090b0f 0%,transparent 25%)
}
[dir="rtl"] body:has(#homeView:not(.hidden)) #hero:before{
  background:linear-gradient(270deg,rgba(6,8,12,.99) 0%,rgba(6,8,12,.9) 23%,rgba(6,8,12,.65) 43%,rgba(6,8,12,.06) 78%),linear-gradient(0deg,#090b0f 0%,transparent 25%)
}
body:has(#homeView:not(.hidden)) #hero .hero-shade{background:linear-gradient(0deg,#090b0f 0%,transparent 28%)}
body:has(#homeView:not(.hidden)) #hero .hero-content{width:min(525px,48vw);padding:0}
body:has(#homeView:not(.hidden)) #hero .eyebrow{font-size:10px;letter-spacing:1.4px;color:#ff9c90}
body:has(#homeView:not(.hidden)) #hero h1{font-size:clamp(28px,3.2vw,46px);line-height:1.3;letter-spacing:-.5px;margin:8px 0 8px}
body:has(#homeView:not(.hidden)) #hero .hero-meta{font-size:11px;margin-bottom:7px;color:#ffbd8d}
body:has(#homeView:not(.hidden)) #hero .hero-text{font-size:clamp(11px,1vw,14px);line-height:1.8;-webkit-line-clamp:3;color:#ddd}
body:has(#homeView:not(.hidden)) #hero .hero-actions{gap:10px;margin-top:17px}
body:has(#homeView:not(.hidden)) #hero .hero-actions .btn{border-radius:8px;min-height:42px;padding:8px 19px;font-size:12px}
body:has(#homeView:not(.hidden)) #hero .btn.primary{background:linear-gradient(115deg,#f34e3c,#e12b32);color:#fff;box-shadow:0 8px 24px rgba(233,47,46,.23)}
body:has(#homeView:not(.hidden)) #hero .btn.primary:hover{background:#f3584b}
body:has(#homeView:not(.hidden)) #hero .btn.glass{background:rgba(10,13,20,.61);border-color:rgba(255,255,255,.24)}
body:has(#homeView:not(.hidden)) #hero .hero-dots{bottom:20px}
body:has(#homeView:not(.hidden)) #hero .hero-dots button.active{background:var(--egy-accent)}
/* Compact app promotion from the mockup, without removing its download link. */
#homeView{margin-top:0;padding-bottom:65px;background:linear-gradient(180deg,#090b0f,#090a0e 65%,#090909)}
#homeView #appInstallFeature{position:relative;z-index:7;max-width:960px;margin:-13px auto 9px;padding-inline:var(--page-pad)}
#homeView #appInstallFeature .native-app-feature__inner{min-height:66px;padding:9px 16px;border-radius:11px;border-color:rgba(244,79,62,.26);background:linear-gradient(110deg,#23161b,#161319 48%,#101219);box-shadow:0 10px 29px rgba(0,0,0,.35)}
#homeView #appInstallFeature .native-app-feature__text{gap:11px}
#homeView #appInstallFeature .native-app-feature__logo{width:41px;height:41px;border-radius:9px;flex:0 0 41px}
#homeView #appInstallFeature .native-app-feature__logo img{width:29px;height:29px}
#homeView #appInstallFeature .native-app-feature__text strong{font-size:12px}
#homeView #appInstallFeature .native-app-feature__text small{font-size:10px;line-height:1.5}
#homeView #appInstallFeature .native-app-feature__button{font-size:11px;padding:9px 14px;border-radius:8px;background:linear-gradient(115deg,#f34e3c,#e12b32)}
/* Consistent section hierarchy and restrained empty space. */
#homeView .media-section{max-width:1480px;padding:9px var(--page-pad) 12px;margin-inline:auto}
#homeView .section-head{margin-bottom:9px;min-height:34px}
#homeView .section-head h2{font-size:clamp(16px,1.6vw,21px);line-height:1.45;letter-spacing:0;font-weight:900}
#homeView .section-tools{gap:10px}
#homeView .view-all{padding:6px 12px;color:#c5c8d0;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.14);border-radius:8px;font-size:10px}
#homeView .view-all:hover{color:#fff;border-color:rgba(244,79,62,.4)}
#homeView .rail-actions button,
#homeView .matches-flash-arrows button{width:29px;height:29px;border-radius:8px;border-color:rgba(255,255,255,.13);background:#1b1e25;color:#e8e8ea}
#homeView .rail-actions button:hover,
#homeView .matches-flash-arrows button:hover{background:#b92332;color:#fff}
#homeView .rail{gap:12px;padding:5px 2px 12px;scroll-padding-inline:2px}
#homeView .rail:has(.portrait-media-card){grid-auto-columns:clamp(155px,15vw,205px);gap:13px}
#homeView .rail:has(.episode-landscape-card),
#homeView .rail:has(.channel-landscape-card){grid-auto-columns:clamp(215px,20vw,300px)}
#homeView .portrait-poster{border-color:rgba(255,255,255,.13);border-radius:9px;box-shadow:0 10px 25px rgba(0,0,0,.22)}
#homeView .portrait-poster-gradient{background:linear-gradient(180deg,rgba(0,0,0,.44),transparent 31%,rgba(0,0,0,.12) 57%,rgba(0,0,0,.94))}
#homeView .poster-top-meta{inset:8px 8px auto}
#homeView .poster-type-badge,#homeView .poster-year-badge,#homeView .poster-rating-badge{font-size:8px;min-height:19px;padding:3px 6px;border-radius:5px}
#homeView .poster-bottom-meta{padding:45px 11px 10px 48px}
#homeView .poster-title{font-size:12px;line-height:1.5;min-height:36px}
#homeView .poster-submeta{font-size:9px;color:#c5c7ce}
#homeView .portrait-poster .poster-play-center{
  inset:50% auto auto 50%;
  width:46px;height:46px;padding-inline-start:2px;
  transform:translate(-50%,-50%);opacity:.94;background:rgba(16,19,26,.73);
  border:1px solid rgba(255,255,255,.78);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.5)
}
#homeView .portrait-poster .poster-play-center:hover,
#homeView .portrait-poster .poster-play-center:focus-visible{background:var(--egy-accent);transform:translate(-50%,-50%) scale(1.08)}
#homeView .portrait-poster .poster-play-center .play-glyph{color:#fff}
#homeView .channel-landscape-card .card-play{
  inset:50% auto auto 50%;width:44px;height:44px;
  transform:translate(-50%,-50%);opacity:.94;
  background:rgba(16,19,26,.73);border:1px solid rgba(255,255,255,.78);color:#fff
}
#homeView .channel-landscape-card:hover .card-play,
#homeView .channel-landscape-card:focus-within .card-play{transform:translate(-50%,-50%);background:var(--egy-accent)}
#homeView .episode-landscape-card,#homeView .channel-landscape-card{background:#13161b;border:1px solid rgba(255,255,255,.08);border-radius:10px}
#homeView .episode-card-media{border-radius:10px 10px 0 0}
#homeView .stream-card-copy{padding:9px 10px}
#homeView .stream-card:focus-within{outline:2px solid var(--egy-accent);outline-offset:2px}
/* Same stadium fixtures, scores and timestamps, only the visual treatment changes. */
#homeView #matchesPreview{margin:2px auto 8px;max-width:1480px}
#homeView #matchesPreview .section-head{margin-bottom:8px}
#homeView .matches-flashes-track{gap:10px;padding:2px 2px 9px}
#homeView .match-flash{
  flex-basis:clamp(180px,17vw,224px);height:112px;padding:8px 10px;
  border-color:#303440;border-radius:9px;
  background:linear-gradient(145deg,#181b24,#101217 78%);box-shadow:0 6px 16px rgba(0,0,0,.14)
}
#homeView .match-flash:before{background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.025) 60%,transparent 82%)}
#homeView .match-flash:hover{border-color:rgba(244,79,62,.63);background:linear-gradient(145deg,#22242e,#14151b)}
#homeView .match-flash-meta{font-size:9px;color:#a8adb8}
#homeView .match-flash-status.is-live{color:#ff665b}
#homeView .match-flash-status.is-live:before{background:#f1483e;box-shadow:0 0 0 3px #f1483e20}
#homeView .match-flash-body{grid-template-columns:minmax(0,1fr) 43px minmax(0,1fr)}
#homeView .match-flash-logo{width:30px;height:30px}
#homeView .match-flash-name{font-size:10px}
#homeView .match-flash-score{font-size:13px}
#homeView .match-flash-play{background:#e9393a}
#homeView .match-flash-message{background:#14171e;border-color:#2b3039}
/* Touch-first: preserve the existing rails, navigation and player behaviors. */
@media(max-width:900px){
  body:has(#homeView:not(.hidden)) #topbar{height:62px;padding-inline:14px}
  body:has(#homeView:not(.hidden)) #hero{height:410px;min-height:410px;padding:92px 20px 37px;background-position:59% center}
  body:has(#homeView:not(.hidden)) #hero .hero-content{width:min(510px,76vw)}
  body:has(#homeView:not(.hidden)) #hero h1{font-size:clamp(27px,4.8vw,39px)}
  #homeView .rail:has(.portrait-media-card){grid-auto-columns:clamp(150px,25vw,192px)}
  #homeView .match-flash{flex-basis:195px}
}
@media(max-width:640px){
  body:has(#homeView:not(.hidden)) #topbar{height:59px;gap:8px;padding-inline:10px}
  body:has(#homeView:not(.hidden)) #topbar .brand strong{font-size:13px}
  body:has(#homeView:not(.hidden)) #hero{height:clamp(415px,61svh,515px);min-height:415px;align-items:flex-end;padding:76px 16px 63px;background-position:57% center}
  body:has(#homeView:not(.hidden)) #hero:before,
  [dir="rtl"] body:has(#homeView:not(.hidden)) #hero:before{
    background:linear-gradient(0deg,#090b0f 0%,rgba(8,10,14,.92) 17%,rgba(8,10,14,.53) 62%,rgba(8,10,14,.02) 100%)
  }
  body:has(#homeView:not(.hidden)) #hero .hero-content{width:100%;padding:0}
  body:has(#homeView:not(.hidden)) #hero h1{font-size:clamp(26px,7.5vw,35px);line-height:1.36}
  body:has(#homeView:not(.hidden)) #hero .hero-text{font-size:11.5px;-webkit-line-clamp:3}
  body:has(#homeView:not(.hidden)) #hero .hero-actions .btn{padding:9px 12px;font-size:11px}
  #homeView #appInstallFeature{padding-inline:13px;margin:-16px auto 10px}
  #homeView #appInstallFeature .native-app-feature__inner{padding:9px 10px;gap:9px;min-height:61px}
  #homeView #appInstallFeature .native-app-feature__logo{display:none}
  #homeView #appInstallFeature .native-app-feature__text strong{font-size:11px}
  #homeView #appInstallFeature .native-app-feature__text small{font-size:8px}
  #homeView #appInstallFeature .native-app-feature__button{font-size:10px;padding:7px 9px}
  #homeView .media-section{padding:9px 13px 10px}
  #homeView .section-head{min-height:30px}
  #homeView .section-head h2{font-size:15px}
  #homeView .view-all{padding:5px 7px;font-size:9px}
  #homeView .rail:has(.portrait-media-card){grid-auto-columns:min(43vw,178px);gap:9px}
  #homeView .rail:has(.episode-landscape-card),#homeView .rail:has(.channel-landscape-card){grid-auto-columns:min(72vw,280px)}
  #homeView .portrait-poster{border-radius:8px}
  #homeView .poster-bottom-meta{padding:39px 8px 7px 42px}
  #homeView .poster-title{font-size:11px;min-height:32px}
  #homeView .portrait-poster .poster-play-center{width:40px;height:40px}
  #homeView .match-flash{flex-basis:190px;height:111px}
  #homeView #matchesPreview{margin-bottom:8px}
}
@media(prefers-reduced-motion:reduce){
  #homeView .match-flash,#homeView .portrait-media-card{transition:none}
}


/* header-refinement-20261103.css */
/* EGYSHOW desktop navigation refinement — 2026-11-03 */
#topbar.stream-header{
  gap:18px;
  padding-inline:clamp(16px,2.15vw,36px);
  background:rgba(12,13,16,.96);
  border-bottom:1px solid rgba(255,255,255,.085);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
#topbar .brand{flex:0 0 auto}
#topbar .brand strong{font-size:15px;white-space:nowrap}
#topbar .desktop-nav,
body:has(#homeView:not(.hidden)) #topbar .desktop-nav{
  display:flex;
  flex:1 1 auto;
  align-items:center;
  gap:clamp(9px,1.0vw,17px);
  min-width:0;
  overflow:visible;
  scrollbar-width:auto;
}
#topbar .desktop-nav>a:not(.app-nav-link),
body:has(#homeView:not(.hidden)) #topbar .desktop-nav>a:not(.app-nav-link){
  flex:0 0 auto;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  padding:10px 5px;
  color:#d7d9df;
  transition:color .18s;
}
#topbar .desktop-nav>a:not(.app-nav-link):hover{color:#fff}
#topbar .desktop-nav>.app-nav-link,
body:has(#homeView:not(.hidden)) #topbar .app-nav-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-inline-start:auto;
  min-height:37px;
  padding:8px 13px;
  border-radius:10px;
  background:linear-gradient(120deg,#ec283b,#c20f23);
  box-shadow:0 5px 18px rgba(220,20,44,.17);
  color:white!important;
  white-space:nowrap;
  font-size:11.5px;
  font-weight:900;
}
#topbar .actions{flex:0 0 auto;margin-inline-start:0}
#topbar .header-more{position:relative;flex:0 0 auto}
#topbar .header-more>summary{
  display:flex;
  align-items:center;
  gap:7px;
  list-style:none;
  cursor:pointer;
  user-select:none;
  padding:11px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:rgba(255,255,255,.04);
  color:#e2e3e9;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
}
#topbar .header-more>summary::-webkit-details-marker{display:none}
#topbar .header-more>summary:after{
  content:"";
  width:6px;height:6px;
  border-inline-end:1.6px solid currentColor;
  border-bottom:1.6px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .18s ease;
}
#topbar .header-more[open]>summary:after{transform:translateY(1px) rotate(225deg)}
#topbar .header-more>summary:hover,
#topbar .header-more[open]>summary{background:rgba(255,255,255,.1)}
#topbar .header-more>summary:focus-visible{outline:2px solid white;outline-offset:2px}
#topbar .header-more-menu{
  position:absolute;
  top:calc(100% + 11px);
  inset-inline-end:0;
  z-index:90;
  width:max-content;
  min-width:225px;
  max-width:min(310px,calc(100vw - 24px));
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:9px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:13px;
  background:#1a1b20;
  box-shadow:0 20px 45px rgba(0,0,0,.55);
}
#topbar .header-more-menu>a,
body:has(#homeView:not(.hidden)) #topbar .header-more-menu>a{
  display:block;
  color:#e7e7eb;
  border-radius:8px;
  padding:10px 12px;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}
#topbar .header-more-menu>a:hover,
#topbar .header-more-menu>a:focus-visible{background:rgba(255,255,255,.1);color:#fff}
@media(max-width:1260px){
  #topbar .desktop-nav,
  body:has(#homeView:not(.hidden)) #topbar .desktop-nav{display:none!important}
  #topbar .mobile-menu-btn{display:grid!important;place-items:center}
  #topbar .actions{margin-inline-start:auto}
}
@media(max-width:900px){
  #topbar.stream-header{gap:10px;padding-inline:14px}
  #topbar .brand strong{font-size:14px}
}
@media(max-width:640px){
  #topbar.stream-header{gap:7px;padding-inline:10px}
  #topbar .brand strong{font-size:12px}
}

/* Keep the native details popup invisible until opened. */
#topbar .header-more:not([open])>.header-more-menu{display:none!important}


/* Readable text and genuine, not artificially padded, touch hit targets.
   This stylesheet is loaded last so the home theme cannot shrink them. */
#homeView .portrait-media-card .poster-top-meta a.poster-year-badge{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:44px;min-height:34px;padding:6px 10px;
 font-size:11px;line-height:1.2;touch-action:manipulation;
}
#homeView .poster-title{font-size:13px;line-height:1.5;min-height:38px}
#homeView .poster-submeta{font-size:12px}
#homeView .episode-title-secondary{font-size:12px;line-height:1.5}
.site-footer-pro .footer-pro-bottom{font-size:12px}
@media(max-width:640px){
 #homeView .portrait-media-card .poster-top-meta a.poster-year-badge{
  min-width:42px;min-height:32px;padding:5px 8px;font-size:10px;
 }
 body:has(#homeView:not(.hidden)) #hero .hero-text{font-size:13px;line-height:1.65}
 #homeView .poster-title{font-size:13px;line-height:1.45;min-height:38px}
 #homeView #appInstallFeature .native-app-feature__text small{font-size:12px;line-height:1.5}
 #homeView .poster-submeta{font-size:12px}
 #homeView .episode-title-secondary{font-size:12px}
 .site-footer-pro .footer-pro-column a{font-size:12px}
}