:root{--bg:#eef1f2;--surface:#fff;--border:#d8dcdf;--text:#111;--muted:#777;--blue:#0874d1;--red:#ff1e18;--green:#09b847;--yellow:#ffd400;--header:#fff;--soft:#f6f7f7;--dark:#111}
html[data-theme="dark"]{--bg:#0f1418;--surface:#172027;--border:#2e3a42;--text:#f4f7f9;--muted:#a6afb6;--blue:#66aef9;--header:#11181e;--soft:#202b33}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"Cairo",Arial,Tahoma,sans-serif;font-size:14px}body{overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}.site-header{position:sticky;top:0;z-index:1000;background:var(--header);border-bottom:1px solid var(--border)}.header-inner{height:62px;max-width:1400px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:1fr minmax(360px,575px) 1fr;align-items:center;direction:ltr;gap:30px}.header-actions{display:flex;align-items:center;gap:10px;justify-content:flex-start;direction:rtl}.btn{height:40px;padding:0 15px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;white-space:nowrap}.btn-login{background:#09a9d3}.btn-register{background:var(--green)}.theme-dot{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#000;cursor:pointer}.theme-dot span{display:block;width:100%;height:100%;border-radius:50%}.brand{justify-self:end;display:flex;align-items:center;direction:ltr;font-size:31px;font-weight:800;line-height:1}.brand-egy{color:#ef2016}.brand-best{color:#0870c9}.brand img{max-width:160px;max-height:46px;object-fit:contain}.header-search{height:38px;border:1px solid #b7bec3;background:#fff;border-radius:4px;display:flex;direction:ltr;overflow:hidden}.header-search button{width:46px;border:0;background:#fff;color:#222;cursor:pointer;font-size:17px}.header-search input{flex:1;min-width:0;border:0;outline:0;text-align:right;direction:rtl;padding:0 12px;color:#444;background:#fff;font-size:12px}.mobile-menu-btn,.mobile-search-btn{display:none}.mobile-search-wrap{display:none}.site-layout{max-width:1370px;margin:14px auto 40px;padding:0 14px;display:grid;grid-template-columns:290px minmax(0,1fr) 170px;grid-template-areas:"left main right";gap:13px;align-items:start;direction:ltr}.left-column{grid-area:left;direction:rtl;min-width:0;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin}.main-column{grid-area:main;min-width:0;direction:rtl}.right-column{grid-area:right;direction:rtl;min-width:0;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow-y:auto;scrollbar-width:thin}.follow-box,.right-menu-box,.box,.section,.filters,.breadcrumb,.single-box,.player-box,.episode-section{background:var(--surface);border:1px solid var(--border);border-radius:3px}.follow-box{padding-bottom:9px}.box-title{height:50px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}.social-row{height:37px;padding:0 28px;display:flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;direction:ltr}.social-icon{width:28px;height:28px;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 28px}.social-icon.fb{background:#4267b2}.social-icon.tw{background:#24a9e8}.social-icon.ig{background:#fb5061}.social-icon.yt{background:#ed1c24}.category-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.category-grid a{min-height:46px;background:var(--surface);border:1px solid #e3e5e6;border-radius:5px;color:var(--red);display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;font-size:13px;line-height:1.35}.category-grid a:hover{background:#fff7f7}.right-menu-box{overflow:hidden}.right-menu-box a{height:49px;border-bottom:1px solid #ebedef;display:flex;align-items:center;gap:9px;padding:0 10px;color:var(--blue);font-size:13px}.right-menu-box a:last-child{border-bottom:0}.right-menu-box a.active{color:var(--red);border-bottom:1px solid var(--red);font-weight:700}.right-menu-box a i{width:18px;text-align:center}.main-nav{background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden}.main-nav-inner{display:flex;align-items:stretch;justify-content:space-around;min-height:50px}.main-nav a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);font-size:13px;position:relative;white-space:nowrap}.main-nav a.active{color:var(--red);font-weight:700}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--red)}.main-nav a i{display:none}.breadcrumb{margin-top:10px;padding:9px 12px;color:var(--blue);font-size:11px}.home-welcome{margin-top:10px;background:var(--surface);border:1px solid var(--border);padding:14px;text-align:center}.home-welcome h1{margin:0;font-size:26px;font-weight:800}.home-welcome p{margin:5px 0 0;color:var(--muted);font-size:12px}.section{margin-top:10px;padding-bottom:4px}.section-head{height:45px;padding:0 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{font-size:14px;margin:0;font-weight:800}.more{color:var(--blue);font-size:12px}.cards-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;padding:15px 14px 10px}.card{min-width:0}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#ccc;border-radius:0}.poster img{width:100%;height:100%;object-fit:cover}.fake-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border:2px solid rgba(255,255,255,.9);background:rgba(0,0,0,.48);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:2}.card-title{padding:7px 3px 0;min-height:45px;text-align:center;color:var(--blue);font-size:12px;line-height:1.55}.rating-badge{position:absolute;top:7px;right:7px;background:var(--yellow);color:#111;font-size:11px;font-weight:800;line-height:1;padding:7px 5px;border-radius:50% 50% 50% 0;z-index:2;min-width:28px;text-align:center;box-shadow:0 0 0 1px #e4bd00}.type-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:3px 6px;border-radius:2px;z-index:2}.episode-badge{position:absolute;bottom:7px;left:7px;background:#0a7bdd;color:#fff;padding:3px 5px;font-size:10px;border-radius:2px;z-index:2}.filters{padding:16px 14px;margin-top:10px}.filter-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.filter-row select,.filter-row input{height:38px;border:1px solid #ced4d8;background:var(--surface);border-radius:3px;padding:0 10px;color:var(--text);font-size:12px}.filter-row button{height:38px;border:0;border-radius:3px;background:#08b0c0;color:#fff;font-weight:700;cursor:pointer}.filter-row.second{grid-template-columns:1fr 1fr 1fr;margin-top:10px}.pagination{display:flex;justify-content:center;gap:5px;padding:12px}.page-num,.page-ellipsis{min-width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--surface);border:1px solid var(--border);color:var(--blue)}.page-num.active{background:#0b70ca;color:#fff;border-color:#0b70ca}.single-feature{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) 290px;direction:rtl;gap:10px;align-items:start}.single-info{min-width:0;background:var(--surface);border:1px solid var(--border)}.single-content{margin-top:10px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.single-content .story-box,.single-content .meta-block{border-top:0;border-bottom:1px solid var(--border)}.single-content .meta-block:last-child{border-bottom:0}.single-watch{margin-top:10px}.single-watch .section-head{margin:0}.single-watch .server-table{margin-top:10px}.single-watch .download-list{margin-top:10px}.single-poster{background:var(--surface);border:1px solid var(--border);padding:10px}.single-poster .poster-link{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;background:#111}.single-poster img{width:100%;height:100%;object-fit:cover}.single-poster .poster-link:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.16)}.single-title{margin:0;padding:12px 13px;font-size:22px;line-height:1.55;text-align:center;border-bottom:1px solid var(--border);font-weight:800}.details-table{width:100%;border-collapse:collapse}.details-table td{padding:10px;border-bottom:1px solid var(--border);font-size:13px}.details-table td:first-child{width:130px;font-weight:700;background:#fafafa}.details-table a,.meta-tag{color:var(--blue)}.story-box,.meta-block{padding:12px;border-top:1px solid var(--border);line-height:2;color:var(--text)}.story-box h3,.meta-block h3{margin:0 0 7px;font-size:14px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list a,.tag-list span{display:inline-flex;padding:4px 8px;background:#f5f7f8;border:1px solid #dfe3e5;border-radius:3px;font-size:11px;color:var(--blue)}.single-buttons{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.action{height:42px;flex:1;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--green);color:#fff;font-weight:700;font-size:13px}.action.download{background:#e8eef2;color:#0874d1;border:1px solid #d6dfe5}.share-row{display:flex;gap:6px;justify-content:center;padding:8px 0 2px}.share-row a{width:31px;height:31px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;color:var(--blue)}.subsection{margin-top:10px;background:var(--surface);border:1px solid var(--border)}.subsection-head{height:44px;padding:0 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:14px}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px}.episode-card{border:1px solid var(--border);background:#fafafa;padding:10px;text-align:center;color:var(--blue);font-size:12px}.episode-card strong{display:block;color:var(--text);font-size:12px;margin-bottom:4px}.trailer-box{margin-top:10px;background:var(--surface);border:1px solid var(--border);padding:10px}.trailer-box .section-head{margin:-10px -10px 10px}.trailer-box iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}.watch-layout{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) 220px;direction:rtl;gap:10px;align-items:start}.player-box{padding:10px}.watch-player{background:#000;aspect-ratio:16/9}.watch-player iframe{width:100%;height:100%;border:0;display:block}.server-buttons{display:flex;flex-wrap:wrap;gap:7px;padding:9px 0 0}.server-buttons button{height:35px;padding:0 12px;border:1px solid var(--border);border-radius:3px;background:var(--surface);color:var(--blue);cursor:pointer}.server-buttons button.active{background:#08b949;color:#fff;border-color:#08b949}.watch-poster{background:var(--surface);border:1px solid var(--border);padding:10px}.watch-poster img{width:100%;aspect-ratio:2/3;object-fit:cover}.server-table{width:100%;border-collapse:collapse}.server-table th,.server-table td{padding:9px;border:1px solid var(--border);text-align:center;font-size:12px}.server-table th{background:#eee;color:#111}.server-table button,.download-row .action{background:var(--green);color:#fff;border:0;border-radius:3px;height:34px;padding:0 16px}.download-list{background:var(--surface);border:1px solid var(--border);margin-top:10px}.download-row{display:grid;grid-template-columns:1fr 130px;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--border)}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.site-footer{max-width:1370px;margin:0 auto 20px;padding:15px;text-align:center;background:var(--surface);border:1px solid var(--border);font-size:12px;color:var(--muted)}.mobile-drawer,.drawer-backdrop{display:none}
@media(max-width:1000px){.site-layout{grid-template-columns:240px minmax(0,1fr) 150px}.header-inner{gap:15px;grid-template-columns:1fr minmax(280px,520px) 1fr}.cards-row{grid-template-columns:repeat(3,minmax(0,1fr))}.single-feature{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:760px){.header-inner{height:56px;padding:0 12px;grid-template-columns:1fr auto auto;gap:9px}.brand{order:3;font-size:27px}.header-search{display:none}.header-actions{order:1;gap:7px}.btn{height:38px;font-size:12px;padding:0 10px}.theme-dot{width:30px;height:30px}.mobile-menu-btn,.mobile-search-btn{display:inline-flex;width:34px;height:34px;border:0;background:transparent;color:var(--blue);align-items:center;justify-content:center;font-size:18px}.mobile-menu-btn{order:1}.mobile-search-btn{order:2}.site-layout{display:block;margin-top:8px;padding:0 8px}.left-column,.right-column{display:none}.main-nav-inner{overflow-x:auto;justify-content:flex-start}.main-nav a{flex:0 0 145px;height:47px}.main-nav a i{display:none}.home-welcome h1{font-size:20px}.cards-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-row{grid-template-columns:repeat(2,1fr);overflow:visible}.filter-row.second{grid-template-columns:1fr 1fr}.single-feature{display:flex;flex-direction:column;gap:8px}.single-content{margin-top:8px}.single-poster{order:1;width:100%;padding:8px}.single-poster .poster-link{max-width:260px;margin:auto}.single-info{order:2;width:100%}.single-title{font-size:18px}.details-table td{font-size:12px}.watch-layout{display:block}.watch-poster{display:none}.episode-grid{grid-template-columns:repeat(2,1fr)}.download-row{grid-template-columns:1fr}.site-footer{margin:0 8px 15px}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:310px;max-width:88vw;background:var(--surface);z-index:1200;display:block;transform:translateX(105%);transition:.2s;overflow:auto;padding-bottom:20px}.mobile-drawer.open{transform:translateX(0)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1190}.drawer-backdrop.open{display:block}.drawer-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border)}.drawer-head .brand{justify-self:auto;font-size:25px}.drawer-close{width:38px;height:38px;border:0;background:transparent;color:var(--blue);font-size:23px}.drawer-main-nav a{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--blue)}.drawer-main-nav a.active{color:var(--red)}.drawer-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px}.drawer-cat-grid a{min-height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--red);font-size:12px}.mobile-search-wrap.open{display:block;padding:7px;background:var(--header);border-top:1px solid var(--border)}body.drawer-open{overflow:hidden}}
@media(max-width:470px){.btn-register{display:none}.header-actions{gap:2px}.cards-row{gap:9px}.main-nav a{flex-basis:130px}.filter-row,.filter-row.second{grid-template-columns:1fr 1fr}.poster{aspect-ratio:2/3}.card-title{font-size:11px}.single-poster .poster-link{max-width:220px}}

/* V5 single page: match the original EgyBest proportions */
.single-feature{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:15px;align-items:start;direction:ltr}.single-feature > .single-info,.single-feature > .single-poster{direction:rtl}
.single-info{min-height:435px}
.single-title{min-height:64px;display:flex;align-items:center;justify-content:center;padding:10px 14px;font-size:21px;line-height:1.5}
.details-table td{height:52px;padding:9px 12px;font-size:13px}
.details-table td:first-child{width:160px}
.single-rating{color:#f3b900;font-size:18px}
.single-poster{padding:0;border:0;background:transparent;min-width:0}
.single-poster .poster-link{width:290px;height:435px;max-width:290px;margin:0 auto;aspect-ratio:auto;background:#ccc;border:0;display:block}
.single-poster img{width:290px;height:435px;object-fit:cover}
.poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ccc;color:#8c9297;font-size:70px}
.single-poster .poster-link:after{display:none}
.single-poster .fake-play{width:58px;height:58px;background:rgba(0,0,0,.42);border:2px solid #fff;font-size:20px}
.single-watch-button{margin-top:10px;width:290px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;background:#0bb33d;color:#fff;font-size:14px;font-weight:800;border-radius:0}
.content-section{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:3px;overflow:hidden}
.content-heading{min-height:48px;padding:0 12px;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--border);font-size:16px;font-weight:800}
.content-body{padding:14px 18px}
.story-text{font-size:14px;line-height:2.1;text-align:right}
.actor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 30px;padding:18px}
.actor-card{min-height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--blue)}
.actor-avatar{width:86px;height:86px;border-radius:50%;background:#e5e8ea;color:#aeb4b8;display:flex;align-items:center;justify-content:center;font-size:43px;margin-bottom:5px}
.actor-card strong{font-size:13px;line-height:1.45}
.actor-card>span:last-child{color:var(--muted);font-size:12px}
.metadata-tags{padding:14px 16px}
.metadata-tags a,.metadata-tags span{display:inline-flex;gap:4px;align-items:center}
.trailer-inner{padding:10px 14px}
.trailer-inner iframe{width:100%;aspect-ratio:16/9;border:0;background:#000;display:block}
.single-watch-preview .content-heading{justify-content:center}
.single-fake-player{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;background:#000;position:relative}
.single-player-button{width:58px;height:58px;background:#fff;color:#111;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px;padding-right:2px;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.single-downloads .server-table{margin:0}
.table-download{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:34px;padding:0 12px;background:var(--green);color:#fff;border-radius:3px;font-weight:700;font-size:12px}
.single-downloads th,.single-downloads td{height:44px}

@media(max-width:1000px){
  .single-feature{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:12px;direction:ltr}.single-feature > .single-info,.single-feature > .single-poster{direction:rtl}
  .single-poster .poster-link,.single-poster img,.single-watch-button{width:230px;max-width:230px}
  .single-poster .poster-link,.single-poster img{height:345px}
  .single-info{min-height:345px}
}
@media(max-width:760px){
  .single-feature{display:flex;flex-direction:column;gap:8px}
  .single-poster{order:1;width:100%;display:flex;flex-direction:column;align-items:center}
  .single-info{order:2;width:100%;min-height:0}
  .single-poster .poster-link,.single-poster img{width:260px;max-width:260px;height:390px}
  .single-watch-button{width:260px;max-width:260px}
  .actor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .content-heading{min-height:44px;font-size:14px}
  .story-text{font-size:13px}
  .single-fake-player{min-height:210px}
}
@media(max-width:470px){
  .single-poster .poster-link,.single-poster img{width:220px;max-width:220px;height:330px}
  .single-watch-button{width:220px;max-width:220px}
  .actor-grid{grid-template-columns:1fr 1fr;gap:5px}
  .actor-avatar{width:72px;height:72px;font-size:34px}
}

/* V7 FINAL SINGLE DESKTOP PLACEMENT: poster physically on the right */
.single-feature{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 290px !important;
  grid-template-areas:"info poster" !important;
  direction:ltr !important;
  gap:15px !important;
  align-items:start !important;
}
.single-feature > .single-info{grid-area:info !important; direction:rtl !important; width:100% !important; min-width:0 !important;}
.single-feature > .single-poster{grid-area:poster !important; direction:rtl !important; width:290px !important; min-width:290px !important; justify-self:end !important;}
.single-feature > .single-poster .poster-link,
.single-feature > .single-poster img{width:290px !important; max-width:290px !important; height:435px !important;}
.single-feature > .single-poster .single-watch-button{width:290px !important; max-width:290px !important;}
@media(max-width:1000px){
  .single-feature{grid-template-columns:minmax(0,1fr) 230px !important; grid-template-areas:"info poster" !important; gap:12px !important;}
  .single-feature > .single-poster{width:230px !important; min-width:230px !important;}
  .single-feature > .single-poster .poster-link,
  .single-feature > .single-poster img{width:230px !important; max-width:230px !important; height:345px !important;}
  .single-feature > .single-poster .single-watch-button{width:230px !important; max-width:230px !important;}
}
@media(max-width:760px){
  .single-feature{display:flex !important; flex-direction:column !important; gap:8px !important;}
  .single-feature > .single-poster{order:1 !important; width:100% !important; min-width:0 !important; justify-self:auto !important;}
  .single-feature > .single-info{order:2 !important; width:100% !important;}
}


/* V8 HOME BLOCK GRID: latest 20 + all category blocks flow right-to-left */
.cards-row{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  direction:rtl !important;
  align-items:start !important;
}
.cards-row .card{direction:rtl !important;}
#latest .cards-row{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
.home-welcome{margin-bottom:10px;}
@media(max-width:1100px){
  .cards-row,#latest .cards-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .cards-row,#latest .cards-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px;}
}
@media(max-width:470px){
  .cards-row,#latest .cards-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px;}
}

/* V9 HOME: every content block is a horizontal slider with arrows */
.slider-shell{position:relative;padding:14px 38px 12px;overflow:hidden;background:var(--surface)}
.slider-track{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;direction:ltr;padding:0 0 4px}
.slider-track::-webkit-scrollbar{display:none}
.slider-track .card{direction:rtl;flex:0 0 calc((100% - 48px)/5);min-width:0}
.slider-track .card-title{min-height:44px}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:58px;border:0;border-radius:0 4px 4px 0;background:rgba(255,255,255,.92);color:var(--blue);box-shadow:0 1px 5px rgba(0,0,0,.08);font-size:25px;cursor:pointer}
.slider-arrow-prev{left:0;border-radius:0 4px 4px 0}
.slider-arrow-next{right:0;border-radius:4px 0 0 4px}
.slider-arrow:hover{background:#fff}
.slider-arrow:disabled{opacity:.25;cursor:default}
.slider-shell.no-scroll .slider-arrow{display:none}
.poster-placeholder-home{width:100%;height:100%;background:#ccc;display:flex;align-items:center;justify-content:center;color:#888;font-size:46px}
@media(max-width:1100px){
  .slider-track .card{flex-basis:calc((100% - 36px)/4)}
}
@media(max-width:760px){
  .slider-shell{padding:10px 30px 10px}
  .slider-track{gap:10px}
  .slider-track .card{flex-basis:calc((100% - 10px)/2)}
  .slider-arrow{width:34px;height:50px;font-size:20px}
}
@media(max-width:470px){
  .slider-shell{padding-left:28px;padding-right:28px}
  .slider-track{gap:9px}
  .slider-track .card{flex-basis:calc((100% - 9px)/2)}
  .slider-arrow{width:31px;height:46px;font-size:18px}
}

/* V20 RESPONSIVE TABLET/MOBILE: hide both sidebars and switch to the mobile header on smaller screens */
@media (max-width: 1000px){
  .site-layout{
    display:block !important;
    max-width:none !important;
    margin:8px auto 30px !important;
    padding:0 8px !important;
  }
  .left-column,
  .right-column{
    display:none !important;
  }
  .main-column{
    width:100% !important;
    min-width:0 !important;
  }

  .header-inner{
    height:56px !important;
    padding:0 12px !important;
    grid-template-columns:1fr auto auto !important;
    gap:9px !important;
  }
  .header-search{
    display:none !important;
  }
  .header-actions{
    order:1 !important;
    gap:7px !important;
  }
  .theme-dot{
    width:30px !important;
    height:30px !important;
  }
  .mobile-menu-btn,
  .mobile-search-btn{
    display:inline-flex !important;
    width:34px !important;
    height:34px !important;
    border:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
  }
  .mobile-menu-btn{order:1 !important;}
  .mobile-search-btn{order:2 !important;}
  .brand{
    order:3 !important;
    font-size:27px !important;
  }

  .main-nav-inner{
    overflow-x:auto !important;
    justify-content:flex-start !important;
    scrollbar-width:none;
  }
  .main-nav-inner::-webkit-scrollbar{display:none;}
  .main-nav a{
    flex:0 0 145px !important;
    height:47px !important;
  }

  .home-welcome h1{font-size:20px !important;}
  .cards-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  .filter-row{grid-template-columns:repeat(2,1fr) !important;overflow:visible !important;}
  .filter-row.second{grid-template-columns:1fr 1fr !important;}

  .mobile-search-wrap.open{display:block !important;}

  .mobile-drawer{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:310px !important;
    max-width:88vw !important;
    background:var(--surface) !important;
    z-index:1200 !important;
    display:block !important;
    transform:translateX(105%) !important;
    transition:.2s !important;
    overflow:auto !important;
    padding-bottom:20px !important;
  }
  .mobile-drawer.open{transform:translateX(0) !important;}
  .drawer-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.35) !important;
    z-index:1190 !important;
    display:none !important;
  }
  .drawer-backdrop.open{display:block !important;}
  .drawer-head{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--border)}
  .drawer-head .brand{justify-self:auto;font-size:25px}
  .drawer-close{width:38px;height:38px;border:0;background:transparent;color:var(--blue);font-size:23px}
  .drawer-main-nav a{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border);color:var(--blue)}
  .drawer-main-nav a.active{color:var(--red)}
  .drawer-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px}
  .drawer-cat-grid a{min-height:44px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--red);font-size:12px}

  .site-footer{margin-left:8px !important;margin-right:8px !important;}
}

@media (max-width: 470px){
  .btn-register{display:none !important;}
  .header-actions{gap:2px !important;}
  .cards-row{gap:9px !important;}
  .main-nav a{flex-basis:130px !important;}
}


/* V21 MOBILE HEADER: exact RTL order — menu, logo, search, theme, login, subscribe */
@media (max-width: 1000px){
  .header-inner{
    height:56px !important;
    padding:0 8px !important;
    display:grid !important;
    grid-template-columns:34px minmax(72px,96px) 34px 34px 34px 34px !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;
    direction:rtl !important;
  }
  .header-actions{display:contents !important;}
  .header-search{display:none !important;}

  .mobile-menu-btn,
  .brand,
  .mobile-search-btn,
  .theme-dot,
  .btn-login,
  .btn-register{
    position:relative !important;
    inset:auto !important;
    margin:0 !important;
    justify-self:center !important;
    align-self:center !important;
    order:initial !important;
  }

  .mobile-menu-btn{grid-column:1 !important;}
  .brand{grid-column:2 !important; justify-self:center !important;}
  .mobile-search-btn{grid-column:3 !important;}
  .theme-dot{grid-column:4 !important;}
  .btn-login{grid-column:5 !important;}
  .btn-register{grid-column:6 !important;}

  .mobile-menu-btn,
  .mobile-search-btn{
    display:inline-flex !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
  }

  .theme-dot{
    display:inline-flex !important;
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    cursor:pointer !important;
  }
  .theme-dot span{display:none !important;}

  .brand img{max-width:96px !important;max-height:42px !important;}
  .brand-egy,.brand-best{font-size:27px !important;}

  .header-actions .btn{
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    font-size:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .header-actions .btn i{font-size:18px !important;line-height:1 !important;}
  .header-actions .btn span{display:none !important;}
}

@media (max-width:470px){
  .header-inner{
    grid-template-columns:32px minmax(68px,88px) 32px 32px 32px 32px !important;
    gap:5px !important;
    padding:0 5px !important;
  }
  .mobile-menu-btn,.mobile-search-btn,.theme-dot,
  .header-actions .btn{
    width:32px !important;
    height:32px !important;
  }
  .brand img{max-width:88px !important;max-height:40px !important;}
  .brand-egy,.brand-best{font-size:25px !important;}
  .mobile-menu-btn,.mobile-search-btn,.theme-dot,.header-actions .btn i{font-size:17px !important;}
  .btn-register{display:inline-flex !important;}
}


/* V22 MOBILE HEADER FIX: clean RTL order and stable flex layout */
@media (max-width:1000px){
  .site-header .header-inner{
    height:56px !important;
    width:100% !important;
    max-width:none !important;
    padding:0 10px !important;
    display:flex !important;
    flex-direction:row !important;
    direction:rtl !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    position:relative !important;
  }

  .site-header .header-actions{display:contents !important;}
  .site-header .header-search{display:none !important;}

  .site-header .header-inner > .mobile-menu-btn,
  .site-header .header-inner > .brand,
  .site-header .header-inner > .mobile-search-btn,
  .site-header .header-inner > .theme-dot,
  .site-header .header-inner > .btn-login,
  .site-header .header-inner > .btn-register{
    flex:0 0 auto !important;
    position:static !important;
    inset:auto !important;
    margin:0 !important;
    transform:none !important;
    justify-self:auto !important;
    align-self:center !important;
  }

  /* Right -> left: menu, logo, search, theme, login, subscribe */
  .site-header .header-inner > .mobile-menu-btn{order:1 !important;}
  .site-header .header-inner > .brand{order:2 !important;}
  .site-header .header-inner > .mobile-search-btn{order:3 !important;}
  .site-header .header-inner > .theme-dot{order:4 !important;}
  .site-header .header-inner > .btn-login{order:5 !important;}
  .site-header .header-inner > .btn-register{order:6 !important;}

  .site-header .mobile-menu-btn,
  .site-header .mobile-search-btn,
  .site-header .theme-dot{
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .site-header .mobile-menu-btn i,
  .site-header .mobile-search-btn i,
  .site-header .theme-dot i{
    display:block !important;
    margin:0 !important;
    line-height:1 !important;
  }

  .site-header .brand{
    width:auto !important;
    max-width:96px !important;
    min-width:72px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    direction:ltr !important;
    line-height:1 !important;
  }
  .site-header .brand img{
    display:block !important;
    width:auto !important;
    max-width:96px !important;
    max-height:42px !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }
  .site-header .brand-egy,
  .site-header .brand-best{font-size:27px !important;}

  .site-header .header-inner > .btn-login,
  .site-header .header-inner > .btn-register{
    width:34px !important;
    height:34px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    line-height:1 !important;
  }
  .site-header .header-inner > .btn-login i,
  .site-header .header-inner > .btn-register i{
    display:block !important;
    font-size:18px !important;
    line-height:1 !important;
    margin:0 !important;
  }
  .site-header .header-inner > .btn-login span,
  .site-header .header-inner > .btn-register span{display:none !important;}
}

@media (max-width:470px){
  .site-header .header-inner{
    padding:0 6px !important;
    gap:4px !important;
  }
  .site-header .mobile-menu-btn,
  .site-header .mobile-search-btn,
  .site-header .theme-dot,
  .site-header .header-inner > .btn-login,
  .site-header .header-inner > .btn-register{
    width:31px !important;
    height:31px !important;
    font-size:17px !important;
  }
  .site-header .mobile-menu-btn i,
  .site-header .mobile-search-btn i,
  .site-header .theme-dot i,
  .site-header .header-inner > .btn-login i,
  .site-header .header-inner > .btn-register i{font-size:17px !important;}
  .site-header .brand{
    min-width:68px !important;
    max-width:86px !important;
    height:40px !important;
  }
  .site-header .brand img{max-width:86px !important;max-height:40px !important;}
  .site-header .brand-egy,
  .site-header .brand-best{font-size:24px !important;}
}

/* V23 MOBILE HEADER: exact visual order in RTL
   Right -> left: menu, logo, search, login, subscribe, theme */
@media (max-width:1000px){
  .site-header .header-inner{
    height:56px !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 8px !important;
    display:grid !important;
    grid-template-columns:32px minmax(68px,88px) 32px 32px 32px 32px !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:6px !important;
    row-gap:0 !important;
    direction:rtl !important;
    overflow:visible !important;
  }

  /* Let the controls inside header-actions participate in the header grid. */
  .site-header .header-actions{display:contents !important;}
  .site-header .header-search{display:none !important;}

  /* Because header-actions is nested, target its children explicitly. */
  .site-header .header-actions > .mobile-menu-btn{grid-column:1 !important; grid-row:1 !important;}
  .site-header .header-inner > .brand{grid-column:2 !important; grid-row:1 !important;}
  .site-header .header-actions > .mobile-search-btn{grid-column:3 !important; grid-row:1 !important;}
  .site-header .header-actions > .btn-login{grid-column:4 !important; grid-row:1 !important;}
  .site-header .header-actions > .btn-register{grid-column:5 !important; grid-row:1 !important;}
  .site-header .header-actions > .theme-dot{grid-column:6 !important; grid-row:1 !important;}

  .site-header .header-actions > .mobile-menu-btn,
  .site-header .header-actions > .mobile-search-btn,
  .site-header .header-actions > .theme-dot,
  .site-header .header-actions > .btn-login,
  .site-header .header-actions > .btn-register,
  .site-header .header-inner > .brand{
    margin:0 !important;
    transform:none !important;
    justify-self:center !important;
    align-self:center !important;
    order:initial !important;
  }

  .site-header .header-actions > .mobile-menu-btn,
  .site-header .header-actions > .mobile-search-btn,
  .site-header .header-actions > .theme-dot{
    width:32px !important;
    height:32px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .site-header .header-actions > .mobile-menu-btn i,
  .site-header .header-actions > .mobile-search-btn i,
  .site-header .header-actions > .theme-dot i{
    display:block !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:18px !important;
  }

  .site-header .header-actions > .btn-login,
  .site-header .header-actions > .btn-register{
    width:32px !important;
    height:32px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    line-height:1 !important;
  }

  .site-header .header-actions > .btn-login i,
  .site-header .header-actions > .btn-register i{
    display:block !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:18px !important;
  }
  .site-header .header-actions > .btn-login span,
  .site-header .header-actions > .btn-register span{display:none !important;}

  .site-header .header-inner > .brand{
    width:auto !important;
    min-width:68px !important;
    max-width:88px !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    direction:ltr !important;
    line-height:1 !important;
  }
  .site-header .header-inner > .brand img{
    display:block !important;
    width:auto !important;
    max-width:88px !important;
    max-height:40px !important;
    object-fit:contain !important;
    margin:0 auto !important;
  }
  .site-header .header-inner > .brand-egy,
  .site-header .header-inner > .brand-best{font-size:24px !important;}
}

@media (max-width:470px){
  .site-header .header-inner{
    grid-template-columns:30px minmax(64px,82px) 30px 30px 30px 30px !important;
    column-gap:5px !important;
    padding:0 5px !important;
  }
  .site-header .header-actions > .mobile-menu-btn,
  .site-header .header-actions > .mobile-search-btn,
  .site-header .header-actions > .theme-dot,
  .site-header .header-actions > .btn-login,
  .site-header .header-actions > .btn-register{
    width:30px !important;
    height:30px !important;
  }
  .site-header .header-actions > .mobile-menu-btn i,
  .site-header .header-actions > .mobile-search-btn i,
  .site-header .header-actions > .theme-dot i,
  .site-header .header-actions > .btn-login i,
  .site-header .header-actions > .btn-register i{font-size:17px !important;}
  .site-header .header-inner > .brand{
    min-width:64px !important;
    max-width:82px !important;
    height:40px !important;
  }
  .site-header .header-inner > .brand img{max-width:82px !important;max-height:38px !important;}
}


/* V24 MOBILE HEADER ORDER: right side = menu + logo; left side = search + login + register + theme */
@media (max-width: 1000px){
  .header-inner{
    display:flex !important;
    flex-direction:row !important;
    direction:rtl !important;
    width:100% !important;
    max-width:none !important;
    height:56px !important;
    margin:0 !important;
    padding:0 10px !important;
    gap:0 !important;
    justify-content:space-between !important;
    align-items:center !important;
  }
  .header-actions{display:contents !important;}
  .header-inner > .brand,
  .header-inner > .header-search{margin:0 !important;}
  .header-inner > .brand{order:2 !important; justify-self:auto !important; flex:0 0 auto !important;}
  .header-inner > .header-search{display:none !important;}
  .mobile-menu-btn{display:inline-flex !important; order:1 !important; width:32px !important; height:32px !important; padding:0 !important; align-items:center !important; justify-content:center !important; border:0 !important; background:transparent !important; color:var(--blue) !important;}
  .mobile-search-btn{display:inline-flex !important; order:3 !important; width:32px !important; height:32px !important; padding:0 !important; align-items:center !important; justify-content:center !important; border:0 !important; background:transparent !important; color:var(--blue) !important;}
  .header-actions .btn-login{order:4 !important; width:32px !important; height:32px !important; padding:0 !important; border-radius:4px !important;}
  .header-actions .btn-login span{display:none !important;}
  .header-actions .btn-register{order:5 !important; width:32px !important; height:32px !important; padding:0 !important; border-radius:4px !important;}
  .header-actions .btn-register span{display:none !important;}
  .theme-dot{order:6 !important; width:32px !important; height:32px !important; flex:0 0 32px !important;}
  .brand img{max-width:88px !important; max-height:42px !important;}
  .brand-egy,.brand-best{font-size:25px !important;}
  .mobile-menu-btn i,.mobile-search-btn i,.theme-dot i,.header-actions .btn i{font-size:17px !important;}
}

/* V25 MOBILE HEADER: fixed edge groups only
   Right edge: menu + logo
   Left edge: search + login + register + theme */
@media (max-width:1000px){
  .site-header .header-inner{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:56px !important;
    margin:0 !important;
    padding:0 !important;
    direction:ltr !important;
    overflow:visible !important;
  }

  .site-header .header-search{display:none !important;}

  /* Right side: menu at the extreme right, logo immediately to its left. */
  .site-header .mobile-menu-btn{
    position:absolute !important;
    top:12px !important;
    right:8px !important;
    left:auto !important;
    width:32px !important;
    height:32px !important;
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    background:transparent !important;
    color:var(--blue) !important;
    z-index:4 !important;
  }

  .site-header .header-inner > .brand{
    position:absolute !important;
    top:7px !important;
    right:46px !important;
    left:auto !important;
    width:78px !important;
    min-width:0 !important;
    max-width:78px !important;
    height:42px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
    z-index:3 !important;
  }
  .site-header .header-inner > .brand img{
    display:block !important;
    width:auto !important;
    max-width:78px !important;
    max-height:40px !important;
    margin:0 !important;
    object-fit:contain !important;
  }
  .site-header .header-inner > .brand-egy,
  .site-header .header-inner > .brand-best{font-size:24px !important;}

  /* Left side group: theme, subscribe, login, search. */
  .site-header .mobile-search-btn,
  .site-header .header-actions > .btn-login,
  .site-header .header-actions > .btn-register,
  .site-header .theme-dot{
    position:absolute !important;
    top:12px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    color:var(--blue) !important;
    z-index:4 !important;
    transform:none !important;
  }

  .site-header .theme-dot{
    left:4px !important;
    right:auto !important;
    border-radius:50% !important;
    cursor:pointer !important;
  }
  .site-header .header-actions > .btn-register{
    left:42px !important;
    right:auto !important;
  }
  .site-header .header-actions > .btn-login{
    left:80px !important;
    right:auto !important;
  }
  .site-header .mobile-search-btn{
    left:118px !important;
    right:auto !important;
    cursor:pointer !important;
  }

  .site-header .mobile-menu-btn i,
  .site-header .mobile-search-btn i,
  .site-header .theme-dot i,
  .site-header .header-actions > .btn-login i,
  .site-header .header-actions > .btn-register i{
    display:block !important;
    margin:0 !important;
    line-height:1 !important;
    font-size:18px !important;
  }
  .site-header .header-actions > .btn-login span,
  .site-header .header-actions > .btn-register span{
    display:none !important;
  }
}

@media (max-width:470px){
  .site-header .mobile-menu-btn,
  .site-header .mobile-search-btn,
  .site-header .header-actions > .btn-login,
  .site-header .header-actions > .btn-register,
  .site-header .theme-dot{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    top:13px !important;
  }
  .site-header .mobile-menu-btn{right:6px !important;}
  .site-header .header-inner > .brand{
    right:44px !important;
    top:8px !important;
    width:74px !important;
    max-width:74px !important;
    height:40px !important;
  }
  .site-header .header-inner > .brand img{
    max-width:74px !important;
    max-height:38px !important;
  }
  .site-header .theme-dot{left:3px !important;}
  .site-header .header-actions > .btn-register{left:39px !important;}
  .site-header .header-actions > .btn-login{left:75px !important;}
  .site-header .mobile-search-btn{left:111px !important;}
  .site-header .mobile-menu-btn i,
  .site-header .mobile-search-btn i,
  .site-header .theme-dot i,
  .site-header .header-actions > .btn-login i,
  .site-header .header-actions > .btn-register i{font-size:17px !important;}
}

/* WATCH PAGE V26: poster -> watch servers -> player -> download servers */
.watch-intro{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:16px;display:grid;grid-template-columns:210px minmax(0,1fr);direction:rtl;gap:18px;align-items:center;min-height:155px}
.watch-intro-poster{width:210px;height:118px;overflow:hidden;border-radius:6px;background:#eee;direction:ltr}
.watch-intro-poster img{width:100%;height:100%;object-fit:cover}
.watch-intro-poster .poster-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#888;font-size:34px}
.watch-intro-info{min-width:0;text-align:right}
.watch-intro-label{color:#c18a00;font-size:12px;margin-bottom:10px}
.watch-intro-info h1{margin:0;color:var(--text);font-size:22px;line-height:1.6;font-weight:800}
.watch-intro-info p{margin:7px 0 13px;color:var(--muted);font-size:12px}
.watch-intro-actions{display:flex;justify-content:flex-start;gap:8px;direction:rtl}
.watch-intro-actions .action{flex:0 0 auto;min-width:90px;height:40px;padding:0 18px}
.watch-intro-actions .watch-back{background:#eef2f5;color:#0874d1;border:1px solid #d6dfe5}
.watch-servers-section{padding-bottom:0}
.watch-server-list{display:flex;flex-wrap:wrap;gap:8px;padding:12px}
.watch-server-btn{min-height:46px;padding:0 12px;border:1px solid var(--border);border-radius:4px;background:var(--surface);color:var(--blue);cursor:pointer;display:inline-flex;align-items:center;gap:8px;direction:rtl}
.watch-server-btn:hover{border-color:#08b949}
.watch-server-btn.active{background:#08b949;color:#fff;border-color:#08b949}
.server-number{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#edf1f4;color:#333;font-size:11px;font-weight:800}
.watch-server-btn.active .server-number{background:rgba(255,255,255,.2);color:#fff}
.server-name{font-weight:700;font-size:12px}
.server-quality{font-size:10px;opacity:.8}
.watch-frame-section{margin-top:10px;padding:0;overflow:hidden}
.watch-frame-section .section-head{background:var(--surface)}
.watch-frame-section .watch-player{margin:10px;background:#000}
.watch-downloads{margin-top:10px;overflow:hidden}
.watch-downloads .section-head{border-bottom:1px solid var(--border)}
.download-quality{display:inline-block;margin-right:8px;padding:3px 6px;border-radius:3px;background:#f1f3f5;color:#555;font-size:10px}

@media(max-width:760px){
  .watch-intro{grid-template-columns:1fr;gap:10px;padding:10px;text-align:center}
  .watch-intro-poster{width:100%;max-width:320px;height:auto;aspect-ratio:16/9;margin:0 auto}
  .watch-intro-info{text-align:center}
  .watch-intro-label{margin-bottom:5px}
  .watch-intro-info h1{font-size:18px}
  .watch-intro-info p{margin-bottom:10px}
  .watch-intro-actions{justify-content:center}
  .watch-server-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .watch-server-btn{width:100%;justify-content:center;padding:0 7px}
  .watch-frame-section .watch-player{margin:8px}
}

@media(max-width:470px){
  .watch-server-list{grid-template-columns:1fr}
  .watch-intro-actions .action{min-width:100px}
}


/* V28 MOBILE SEARCH: dim the page and show a centered search box */
@media (max-width:1000px){
  .mobile-search-wrap{
    position:fixed !important;
    inset:0 !important;
    z-index:1400 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px !important;
    background:rgba(0,0,0,.62) !important;
  }
  .mobile-search-wrap.open{display:flex !important;}
  .mobile-search-dialog{
    position:relative !important;
    width:min(560px,94vw) !important;
    padding:18px !important;
    background:var(--surface) !important;
    border:1px solid var(--border) !important;
    border-radius:8px !important;
    box-shadow:0 16px 45px rgba(0,0,0,.30) !important;
  }
  .mobile-search-form{
    display:flex !important;
    width:100% !important;
    height:50px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #b7bec3 !important;
    border-radius:5px !important;
    overflow:hidden !important;
  }
  .mobile-search-form input{
    flex:1 !important;
    min-width:0 !important;
    height:100% !important;
    border:0 !important;
    outline:0 !important;
    padding:0 14px !important;
    text-align:right !important;
    direction:rtl !important;
    color:#333 !important;
    background:#fff !important;
    font-size:14px !important;
  }
  .mobile-search-form button[type="submit"]{
    width:52px !important;
    height:100% !important;
    flex:0 0 52px !important;
    border:0 !important;
    background:var(--blue) !important;
    color:#fff !important;
    cursor:pointer !important;
    font-size:18px !important;
  }
  .mobile-search-close{
    position:absolute !important;
    top:-42px !important;
    left:0 !important;
    width:34px !important;
    height:34px !important;
    border:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.95) !important;
    color:#333 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    font-size:17px !important;
  }
  body.mobile-search-open{overflow:hidden !important;}
}
@media (max-width:470px){
  .mobile-search-wrap{padding:14px !important;}
  .mobile-search-dialog{width:94vw !important;padding:14px !important;}
  .mobile-search-form{height:48px !important;}
  .mobile-search-form input{font-size:13px !important;}
  .mobile-search-form button[type="submit"]{width:48px !important;flex-basis:48px !important;}
  .mobile-search-close{top:-40px !important;}
}

/* V29 MOBILE SEARCH PLACEHOLDER */
@media (max-width:1000px){.mobile-search-form input::placeholder{color:#777 !important;opacity:1 !important;text-align:right !important;font-size:14px !important}}

/* V30 MOBILE SEARCH: force a real, clickable, editable search field */
@media (max-width:1000px){
  .mobile-search-wrap{
    position:fixed !important;
    inset:0 !important;
    z-index:99999 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:20px !important;
    background:rgba(0,0,0,.62) !important;
    pointer-events:none !important;
  }
  .mobile-search-wrap.open{
    display:flex !important;
    pointer-events:auto !important;
  }
  .mobile-search-dialog{
    position:relative !important;
    z-index:100000 !important;
    width:min(560px,94vw) !important;
    padding:18px !important;
    background:var(--surface) !important;
    border:1px solid var(--border) !important;
    border-radius:8px !important;
    box-shadow:0 16px 45px rgba(0,0,0,.30) !important;
    pointer-events:auto !important;
  }
  .mobile-search-form{
    position:relative !important;
    z-index:100001 !important;
    display:flex !important;
    width:100% !important;
    height:50px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #b7bec3 !important;
    border-radius:5px !important;
    overflow:hidden !important;
    pointer-events:auto !important;
  }
  .mobile-search-form input{
    position:relative !important;
    z-index:100002 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    width:1% !important;
    height:100% !important;
    border:0 !important;
    outline:0 !important;
    padding:0 14px !important;
    text-align:right !important;
    direction:rtl !important;
    color:#222 !important;
    background:#fff !important;
    font-size:14px !important;
    opacity:1 !important;
    pointer-events:auto !important;
    user-select:text !important;
    -webkit-user-select:text !important;
    touch-action:manipulation !important;
    cursor:text !important;
  }
  .mobile-search-form input::placeholder{
    color:#777 !important;
    opacity:1 !important;
  }
  .mobile-search-form button[type="submit"]{
    position:relative !important;
    z-index:100003 !important;
    width:72px !important;
    height:100% !important;
    flex:0 0 72px !important;
    border:0 !important;
    background:var(--blue) !important;
    color:#fff !important;
    cursor:pointer !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    font-size:14px !important;
    pointer-events:auto !important;
  }
  .mobile-search-form button[type="submit"] span{display:inline !important;font-size:12px !important;font-weight:700 !important;}
  .mobile-search-close{z-index:100004 !important;pointer-events:auto !important;}
}
@media (max-width:470px){
  .mobile-search-wrap{padding:14px !important;}
  .mobile-search-dialog{width:94vw !important;padding:14px !important;}
  .mobile-search-form{height:50px !important;}
  .mobile-search-form button[type="submit"]{width:66px !important;flex-basis:66px !important;}
}