/* EGYSHOW TV v2 isolated layout, stylistically matched to the EGYSHOW player. */
:root{--tv-radius:16px;--tv-line:#24242a;--tv-surface:#181818;--tv-accent:#e50914}
body{background:#0b0b0d;color:#f6f6f7}
.shell{width:100%;max-width:none;padding:0}
.topbar{position:sticky;top:0;z-index:80;height:70px;padding:0 clamp(12px,2.2vw,32px);background:#0b0b0df3;border-bottom:1px solid #252529;backdrop-filter:blur(14px);gap:28px}
.brand{flex:none}.brand strong{font-size:21px}.brand-mark{width:38px;height:38px;border-radius:11px;background:#e50914}
.brand small{margin-top:-3px}.tv-site-nav{display:flex;gap:23px;align-items:center;margin-inline-start:16px;flex:1;min-width:0}
.tv-site-nav a{white-space:nowrap;color:#b5b5bb;text-decoration:none;font-weight:700;font-size:12px}
.tv-site-nav a:hover,.tv-site-nav a.tv-selected{color:#fff}
.tv-site-nav a.tv-selected{border-bottom:2px solid #e50914;padding:9px 0}
.top-actions{flex-shrink:0}.tv-language{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:#222226;border:1px solid #44444b;border-radius:99px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800}
.tv-language:hover{border-color:#e50914}.status{background:#162a20;border-color:#28553a}
.tv-layout{display:grid;grid-template-columns:222px minmax(0,1fr);width:100%;min-height:calc(100dvh - 70px)}
.tv-rail{padding:26px 12px;position:sticky;top:70px;height:calc(100dvh - 70px);overflow:auto;border-inline-end:1px solid #242429;background:#101013}
.tv-rail h3{font-size:12px;color:#95959e;margin:18px 13px 12px}
.rail-home,.rail-link{display:block;padding:11px 12px;text-decoration:none;color:#cdccd3;font-size:12px;font-weight:700;border-radius:10px}
.rail-home:hover,.rail-link:hover{background:#25252a}.tv-rail-filter{width:100%;min-height:43px;text-align:start;display:flex;align-items:center;gap:10px;margin:3px 0;padding:8px 14px;border:0;border-radius:10px;background:transparent;color:#d6d6da;font-size:12px;font-weight:750}
.tv-rail-filter:hover,.tv-rail-filter.selected{background:#29292e;color:white}.tv-rail-filter.selected{border-inline-start:3px solid #e50914}
.tv-rail-divider{border-top:1px solid #2d2d31;margin:19px 8px}.tv-rail-foot{margin:26px 12px;color:#909099;font-size:10px;line-height:1.9}
.tv-content{min-width:0;padding:24px clamp(13px,2.7vw,45px)}
.tv-intro{display:flex;align-items:center;gap:25px;justify-content:flex-start;margin-bottom:22px;padding:3px 0 13px;border-bottom:1px solid #242428}
.tv-intro-copy{min-width:0;flex:1}.tv-brow{color:#f06a6f;font-weight:900;font-size:10px;letter-spacing:1px}
.tv-pulse{display:inline-block;width:8px;height:8px;background:#ec1523;border-radius:50%;box-shadow:0 0 12px #f00;margin-inline-end:6px}
.tv-intro h1{font-size:clamp(23px,2.5vw,33px);line-height:1.4;margin:7px 0 3px;font-weight:900;letter-spacing:-.5px}
.tv-intro p{font-size:12px;color:#99999f;margin:0}.tv-intro-stat{flex:none;display:flex;flex-direction:column;gap:0;min-width:75px}
.tv-intro-stat b{font-family:Cairo,system-ui;font-size:21px;font-variant-numeric:tabular-nums;color:#fff}.tv-intro-stat small{color:#92929b;font-size:10px}
.main-grid{grid-template-columns:minmax(0,1fr) 240px;gap:20px}
.player-card{background:#050505;border-color:#29292c;border-radius:14px}
.player-head{background:#171719;min-height:53px}.player-head strong{font-size:14px}.player-actions button{width:33px;height:33px;border:0;background:#28282b;border-radius:9px}.player-actions button:hover{background:#434348}
.video-wrap{background:#030303;border-radius:0;aspect-ratio:16/9;isolation:isolate;cursor:default;min-height:210px}
.video-wrap video{width:100%;height:100%;object-fit:contain;background:black}
.video-placeholder{background:radial-gradient(ellipse at 50% 40%,#24242b,#030304 74%);z-index:2}.video-placeholder .big-play{width:66px;height:49px;border-radius:12px;background:#e50914;font-size:25px}
.video-error{z-index:7}.tv-player-controls{z-index:6;position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:25px 17px 11px;background:linear-gradient(transparent,#000d 55%,#000d);opacity:1;transition:opacity .17s}
.video-wrap.tv-controls-hidden .tv-player-controls{opacity:0;pointer-events:none}
.tv-control-left,.tv-control-right{display:flex;align-items:center;gap:7px;min-width:0}.tv-player-controls button{display:grid;place-items:center;width:38px;height:38px;background:transparent;border:0;border-radius:8px;color:#fff;font:800 20px Arial}.tv-player-controls button:hover{background:#ffffff25}
.tv-live-indicator{font:800 10px Arial;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.tv-live-indicator i{width:7px;height:7px;background:#ff2634;box-shadow:0 0 8px #fa2537;border-radius:50%}
#tvVolume{width:70px;accent-color:#e50914}#tvQuality{max-width:105px;color:white;background:#171717;border:1px solid #ffffff40;padding:6px 8px;border-radius:8px;font-size:11px}
.tv-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;width:68px;height:49px;border:0;border-radius:14px;background:#000b;color:white;font:900 26px Arial;cursor:pointer}
.tv-center-play[hidden]{display:none}.tv-center-play:hover{background:#e50914}
.playing-footer{background:#131315;font-size:11px;align-items:center;gap:8px}
.tv-mirror-notice{color:#f1a8ac;max-width:52%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-section{background:transparent;border:0;border-radius:0;overflow:visible;padding:17px 0 25px}
.section-title h2{font-size:21px}.tools{margin:18px 0 14px}.search-wrap{background:#202024;border-color:#34343a}
.tools select{background:#202024;border-color:#34343a}.filter-row{margin-bottom:6px}.pill{border-radius:9px;background:#242428;border-color:transparent;color:#dadade;font-weight:700;font-size:12px;padding:9px 14px}
.pill.active{background:#f1f1f1;border-color:#f1f1f1;color:#131316}.pill:hover{background:#414146}
.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 15px}
.channel-card{background:transparent;border:0;border-radius:11px;overflow:visible;box-shadow:none;min-width:0}
.channel-card:hover{transform:none;border:none}.channel-card.active{border:none}
.channel-card.active .channel-image{outline:2px solid #e50914;outline-offset:1px}
.channel-image{height:auto;aspect-ratio:16/9;padding:16px;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 10%,#30303a,#1c1c25 65%,#0c0c11)}
.channel-image:after{content:"LIVE";position:absolute;bottom:9px;inset-inline-start:9px;background:#b51525;border-radius:4px;color:white;font:800 10px Arial;padding:4px 7px;box-shadow:0 2px 10px #0008}
.channel-image img{max-height:73%;max-width:77%;object-fit:contain;filter:drop-shadow(0 7px 18px #0009)}
.fallback-logo{font:800 12px Cairo,system-ui;color:#b5b5bd;word-break:break-word;text-align:center}
.channel-info{padding:10px 3px 0;border:0}.channel-info .name{font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;min-height:40px;overflow:hidden}
.channel-info .sub{font-size:10px;color:#98989e;line-height:1.65}.card-bottom{margin-top:4px}.live-tag{background:none;color:#9e9ea8;font-size:9px}
.fav-btn{font-size:22px;min-width:36px;min-height:36px;border-radius:50%}.fav-btn:hover{background:#ffffff12}
.sidebar-card{background:#1a1a1e;border-color:#2b2b32;border-radius:14px}.sidebar-card h3{font-size:19px}.sidebar-card p{font-size:11px}
.ad-row{margin-top:18px;border-color:#303038}.ad-sidebar{border-color:#303038}
.tv-android-btn{background:#e50914}.tv-android-btn:hover{background:#bd0a13}
footer{border-top:1px solid #242427;margin-top:22px}
@media(max-width:1360px){.main-grid{grid-template-columns:1fr}.sidebar{display:none}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1040px){.tv-layout{grid-template-columns:76px minmax(0,1fr)}.tv-rail{padding:15px 6px}.tv-rail h3,.tv-rail-foot,.rail-home,.rail-link{display:none}.tv-rail-filter{height:48px;min-height:48px;padding:10px;font-size:0;text-align:center;justify-content:center;overflow:hidden}.tv-rail-filter::first-letter{font-size:20px}.tv-site-nav{gap:12px}}
@media(max-width:800px){.tv-site-nav{display:none}.tv-layout{grid-template-columns:1fr}.tv-rail{position:sticky;top:64px;height:auto;width:100%;overflow-x:auto;overflow-y:hidden;display:flex;gap:6px;border-inline-end:0;border-bottom:1px solid #27272b;z-index:70;background:#101013;padding:7px 9px;scrollbar-width:none}.tv-rail-filter{flex:0 0 auto;min-height:38px;height:38px;padding:7px 12px;width:auto;font-size:12px;border:0;background:#27272c}.tv-rail-filter::first-letter{font-size:12px}.tv-rail-divider{display:none}.topbar{height:64px}.tv-content{padding:13px 11px}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.topbar{gap:5px;height:61px;padding:0 10px}.top-actions{gap:3px}.brand strong{font-size:17px}.brand small{font-size:9px}.brand-mark{width:35px;height:35px}.tv-language{font-size:10px;padding:0 8px}.tv-rail{top:61px}.tv-content{padding:12px 10px}.tv-intro{gap:12px;margin-bottom:13px}.tv-intro h1{font-size:21px}.tv-intro p{font-size:10px}.tv-intro-stat{min-width:48px}.tv-intro-stat b{font-size:17px}.tv-intro-stat small{font-size:9px}.player-head strong{font-size:11px}.video-wrap{min-height:185px}.tv-player-controls{padding:18px 7px 6px;gap:2px}.tv-control-left,.tv-control-right{gap:2px}.tv-player-controls button{width:31px;height:35px;font-size:18px}#tvVolume{width:35px}#tvQuality{font-size:10px;max-width:66px;padding:6px 3px}.tv-live-indicator{font-size:8px}.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.channel-info .name{font-size:12px;min-height:35px}.channel-section{padding:14px 0}.player-head{padding:7px}.tools{gap:6px}.tools select{width:115px}}
/* Compact the toolbar instead of pushing controls off a narrow RTL viewport. */
@media(max-width:560px){html,body{max-width:100%;overflow-x:clip}.topbar{max-width:100%;overflow:hidden;justify-content:space-between}.brand{gap:5px}.brand strong{font-size:15px}.brand small{display:none}.top-actions{min-width:0;max-width:53%;gap:2px}.top-actions .icon-btn{flex:none;width:27px;height:30px}.tv-language{min-width:0;padding:0 5px;font-size:10px}#installBtn:not([hidden]){max-width:34px;min-width:34px;padding:0;font-size:0;overflow:hidden}#installBtn:not([hidden]):after{content:'↓';font-size:21px;line-height:30px;display:block}.tv-rail{max-width:100vw}.filter-row{max-width:100%;}}