html,body{margin:0!important;padding:0!important}
.noscript-hide{display:none!important}
:root{
--card-min: 210px;
--bg-border: #45475A;
}
html[data-device="mobile"] { font-size: 15px; --card-min: 150px; }
html[data-device="tablet"] { font-size: 15.5px; --card-min: 185px; }
html[data-device="desktop"]{ font-size: 16px;   --card-min: 210px; }
html[data-device="tv"]     { font-size: 18px;   --card-min: 250px; }
*{ scrollbar-width: thin; scrollbar-color: #45475A transparent; }
::-webkit-scrollbar{ width: 9px; height: 9px; }
::-webkit-scrollbar-thumb{ background:#45475A; border-radius:9px; }
#deviceBar{display:none !important; margin:0!important}
#topBarWrap{ padding-top: env(safe-area-inset-top, 0px); }
.grid-movies{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(var(--card-min), 1fr));
gap: 1.1rem;
}
.poster-wrap{ aspect-ratio: 2/3; }
.poster-wrap img{ object-fit: cover; }
.movie-card{ transition: transform .25s ease, box-shadow .25s ease; }
.movie-card:hover, .movie-card:focus-visible{
transform: translateY(-6px);
box-shadow: 0 14px 40px -10px rgba(203,166,247,.35);
}
#heroDesc{
color:#FFFFFF !important;
-webkit-text-fill-color:#FFFFFF;
}
.movie-card:focus-visible{ outline: 3px solid #CBA6F7; outline-offset: 3px; }
.avatar-fallback{ background: linear-gradient(135deg,#45475A,#2A2A3D); }
.cast-scroll{ scrollbar-width: thin; scrollbar-color: #45475A transparent; -webkit-overflow-scrolling: touch; cursor:grab; }
.chip{ border:1px solid #45475A; color:#A6ADC8; transition:.2s; }
.chip:hover{ color:#CDD6F4; border-color:#CBA6F7; }
.chip-active{ background:#CBA6F7; color:#1E1E2E; border-color:#CBA6F7; font-weight:800; }
#modal{ transition: opacity .25s ease; height:100vh; height:100dvh; overflow-y:auto; align-items:flex-start; scrollbar-width:none; }
#modal::-webkit-scrollbar{ display:none; }
#modal.modal-hide{ opacity:0; pointer-events:none; }
#modal .modal-panel{ transition: transform .3s ease; z-index: 1; margin:auto;
max-height: 94vh; max-height: 94dvh; }
#modal.modal-hide .modal-panel{ transform: translateY(28px) scale(.96); }
#modalClose{ position:fixed !important; top: calc(env(safe-area-inset-top, 0px) + 0.75rem) !important; right:0.75rem !important; left:auto !important; inset-inline-start:auto !important; inset-inline-end:auto !important; z-index: 50; }
#modalClose:hover{ background:#F38BA8; }
#playerWrap{ aspect-ratio:16/9; user-select:none; -webkit-user-select:none; }
#playerWrap iframe{ pointer-events:auto !important; touch-action:manipulation; }
#playerWrap.embed-big{ aspect-ratio:auto; height:54vh; }
#playerStage:fullscreen, #playerStage:-webkit-full-screen, #playerStage.fake-fullscreen{
  position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; height:100vh !important; margin:0 !important;
  background:#000 !important; z-index:2147483647 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  padding:0 !important;
}
#playerStage:fullscreen #playerWrap, #playerStage:-webkit-full-screen #playerWrap, #playerStage.fake-fullscreen #playerWrap{
  position:relative !important; width:100% !important; max-width:100vw !important; height:auto !important; aspect-ratio:16/9 !important; max-height:100dvh !important; max-height:100vh !important; background:#000 !important;
  margin:auto !important; transform:none !important; top:auto !important; left:auto !important; flex-shrink:0 !important;
}
#playerStage:fullscreen iframe, #playerStage:-webkit-full-screen iframe, #playerStage.fake-fullscreen iframe{
  width:100% !important; height:100% !important; display:block !important; border:0 !important; object-fit:contain !important;
}
#playerStage:fullscreen #epNavBar, #playerStage:-webkit-full-screen #epNavBar, #playerStage.fake-fullscreen #epNavBar,
#playerStage:fullscreen #episodeBar, #playerStage.fake-fullscreen #episodeBar{ display:none !important; }
@-moz-document url-prefix(){
  #playerStage:fullscreen, #playerStage.fake-fullscreen{ height:100vh !important; }
  #playerStage:fullscreen #playerWrap, #playerStage.fake-fullscreen #playerWrap{
    width:auto !important; height:100% !important; max-width:177.77vh !important; max-height:56.25vw !important;
  }
}
#playerStage:fullscreen #playerFs, #playerStage:-webkit-full-screen #playerFs{
  top:1rem !important; left:1rem !important; right:auto !important; inset-inline-end:auto !important; inset-inline-start:auto !important;
}
#playerFs{ position:fixed !important; top: calc(env(safe-area-inset-top, 0px) + 0.75rem) !important; left:0.75rem !important; right:auto !important; inset-inline-start:auto !important; inset-inline-end:auto !important; }
@media (min-width: 640px){ #playerFs{ top: .5rem !important; left:0.75rem !important; right:auto !important; } }
#playerFs:focus-visible{ outline:3px solid #CBA6F7; outline-offset:2px; }
#openInTab{ top: calc(env(safe-area-inset-top, 0px) + 2.6rem); inset-inline-start: .75rem; max-width: calc(100% - 4.5rem); }
@media (min-width: 640px){ #openInTab{ top: .5rem; inset-inline-start: .75rem; } }
#openInTab span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#openInTab:focus-visible{ outline:3px solid #CBA6F7; outline-offset:2px; }
.device-bar{
background: rgba(49,50,68,.35);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.fade-in{ animation: fadeIn .4s ease both; }
@keyframes fadeIn{ from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:none;} }
html[data-device="tv"] :focus-visible{ outline: 3px solid #CBA6F7; outline-offset: 2px; }
.select-wrap select{ appearance:none; }
.select-wrap::after{
content:"";
position:absolute; left:.9rem; top:50%;
width:8px; height:8px;
border-left:2px solid #A6ADC8;
border-bottom:2px solid #A6ADC8;
transform: translateY(-70%) rotate(45deg);
pointer-events:none;
}
/* ===== صفوف الهوم الأفقية ===== */
#homeRows, .home-row{ min-width: 0; }
.row-track{
display:flex; gap: 1rem; overflow-x:auto; overscroll-behavior-x:contain;
scroll-snap-type: x mandatory; scroll-padding-inline: 4px;
padding: .35rem .35rem .75rem .35rem;
scrollbar-width: none; -webkit-overflow-scrolling: touch;
cursor: grab;
user-select:none; -webkit-user-select:none;
}
@media (hover:none){ .row-track{ cursor:auto; } }
.row-track.dragging{ cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; user-select:none; -webkit-user-select:none; }
.row-track img{ -webkit-user-drag:none; }
.row-track::-webkit-scrollbar{ display:none; }
.suggest-track{ cursor:grab; }
.suggest-track.dragging{ cursor:grabbing; user-select:none; -webkit-user-select:none; }
.cast-scroll.dragging{ cursor:grabbing; user-select:none; -webkit-user-select:none; }
/* تلاشي ناعم عند حافة الفائض (يسار في RTL / يمين في LTR) — اللمحة تبدو مصممة لا مبتورة */
[dir="rtl"] .row-track{
-webkit-mask-image: linear-gradient(to right, transparent, #000 26px);
mask-image: linear-gradient(to right, transparent, #000 26px);
}
html:not([dir="rtl"]) .row-track{
-webkit-mask-image: linear-gradient(to left, transparent, #000 26px);
mask-image: linear-gradient(to left, transparent, #000 26px);
}
.row-track .movie-card{
flex: 0 0 calc((100% - 4rem) / 5);
scroll-snap-align: start;
}
@media(min-width:1280px){
.row-track .movie-card{ flex-basis: calc((100% - 5rem) / 6); }
}
html[data-device="mobile"] .row-track .movie-card{ flex-basis: calc((100% - 2rem) / 3); }
html[data-device="tablet"] .row-track .movie-card{ flex-basis: calc((100% - 3rem) / 4); }
/* عناوين البطاقات: سطران مع حجز ارتفاع ثابت (اتساق الصفوف) */
.movie-card .card-title{
display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2; line-clamp:2;
overflow:hidden; min-height:2.75em;
}
html[data-device="mobile"] .movie-card .card-title{ font-size:12.5px; }
html[data-device="tv"] .row-track .movie-card{ flex-basis: var(--card-min); }
.row-arr{
width: 34px; height: 34px; flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
border-radius: 12px; border: 1px solid var(--bg-border, #45475A);
background: #232338; color:#A6ADC8; cursor: pointer;
transition: color .2s, border-color .2s, background .2s, transform .15s;
}
.row-arr:hover{ color:#CDD6F4; border-color:#CBA6F7; background:#313244; }
.row-arr:active{ transform: scale(.93); }
@media (hover:none){ .row-arr{ display: none; } }
.trending-tag{
display:inline-flex; align-items:center;
font-size: 10px; font-weight: 800; letter-spacing: .05em;
color:#CBA6F7; border:1px solid #CBA6F7; border-radius: 9999px; padding: .1rem .5rem;
}
.cw-bar{
position:absolute; inset-inline:0; bottom:0; height: 5px;
background: rgba(255,255,255,.14); z-index: 2;
}
.cw-bar span{ display:block; height:100%; background: linear-gradient(90deg,#CBA6F7,#F9C2C2); }
/* شريط اقتراحات البحث */
.suggest-track{ display:flex; gap: 1rem; overflow-x:auto; padding-bottom:.5rem; scrollbar-width:none; -webkit-overflow-scrolling: touch; }
.suggest-track::-webkit-scrollbar{ display:none; }
.suggest-track .movie-card{ flex: 0 0 var(--card-min); }
html[data-device="mobile"] .suggest-track .movie-card{ flex-basis: calc((100vw - 4.5rem) / 2.35); }
html[data-device="tablet"] .suggest-track .movie-card{ flex-basis: calc((100vw - 6rem) / 3.2); }
html[data-device="tv"] .suggest-track .movie-card{ flex-basis: var(--card-min); }
.suggest-add{
position:absolute; bottom:.5rem; left:50%; transform:translateX(-50%);
z-index:5; white-space:nowrap;
font-size:11px; font-weight:800; color:#1E1E2E;
background:#CBA6F7; border-radius:9999px; padding:.4rem .75rem;
cursor:pointer; border:none;
transition: background .2s, opacity .2s;
opacity:0;
}
.movie-card:hover .suggest-add, .movie-card:focus-within .suggest-add{ opacity:1; }
.suggest-add:hover{ background:#F9C2C2; }
.suggest-add:active{ transform:translateX(-50%) scale(.94); }
.suggest-note{ margin-top:.5rem; }
@media (hover:none){ .suggest-add{ opacity:1; } }

/* ===== الحسابات وقائمة المشاهدة ===== */
.wl-btn{
position:absolute; top:.5rem; inset-inline-start:.5rem; z-index:6;
width:2rem; height:2rem; border-radius:9999px;
display:inline-flex; align-items:center; justify-content:center;
background:rgba(30,30,46,.72); color:#A6ADC8;
border:1px solid rgba(255,255,255,.14);
cursor:pointer; transition:color .2s, background .2s, transform .15s, opacity .2s;
backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
opacity:0;
}
html[data-device="mobile"] .wl-btn{ width:1.5rem; height:1.5rem; inset-inline-start:.25rem; }
.movie-card:hover .wl-btn, .movie-card:focus-within .wl-btn{ opacity:1; }
@media (hover:none){ .wl-btn{ opacity:1; } }
html[data-device="tv"] .wl-btn{ opacity:1; }
.wl-btn:hover{ color:#F9C2C2; transform:scale(1.12); }
.wl-btn.on{ color:#1E1E2E; background:#CBA6F7; border-color:#CBA6F7; }
.wl-btn svg{ pointer-events:none; }

.hero-dot{
width:9px; height:9px; border-radius:9999px; border:none; cursor:pointer; padding:0;
background:rgba(255,255,255,.35); transition:background .25s, width .25s;
}
.hero-dot.on{ background:#CBA6F7; width:22px; }
#heroBody.fade-swap{ animation: fadeIn .45s ease both; }

/* هياكل التحميل */
.sk-card{
border-radius:.85rem; overflow:hidden; position:relative;
background:#232338;
}
.sk-card::before{ content:""; display:block; padding-top:150%; }
.sk-card::after{
content:""; position:absolute; inset:0; transform:translateX(-100%);
background:linear-gradient(100deg, transparent 20%, rgba(203,166,247,.12) 45%, rgba(255,255,255,.06) 55%, transparent 80%);
animation: skShine 1.4s infinite;
}
@keyframes skShine{ to{ transform:translateX(100%); } }

/* زر حذف من القائمة يظهر عند تمرير أو لمس البطاقة */
.wl-rm{
position:absolute; bottom:.5rem; inset-inline-start:.5rem; z-index:7;
width:2rem; height:2rem; border-radius:9999px;
display:inline-flex; align-items:center; justify-content:center;
background:rgba(30,30,46,.72); color:#F38BA8;
border:1px solid rgba(243,139,168,.4);
cursor:pointer; transition:color .2s, background .2s, transform .15s, opacity .2s;
backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
opacity:0;
}
.movie-card:hover .wl-rm, .movie-card:focus-within .wl-rm{ opacity:1; }
@media (hover:none){ .wl-rm{ opacity:1; } }
html[data-device="tv"] .wl-rm{ opacity:1; }
.wl-rm:hover{ color:#1E1E2E; background:#F38BA8; transform:scale(1.12); }

/* توست تراجع القائمة */
.cp-toast{
position:fixed; bottom:1.25rem; left:50%; z-index:90;
transform:translate(-50%,12px);
display:flex; align-items:center; gap:.75rem;
background:#181825; color:#CDD6F4;
border:1px solid #45475A; border-radius:.9rem;
padding:.6rem .9rem; box-shadow:0 10px 30px rgba(0,0,0,.45);
opacity:0; pointer-events:none; max-width:min(92vw,26rem);
transition:opacity .25s ease, transform .25s ease;
}
.cp-toast.show{ opacity:1; transform:translate(-50%,0); pointer-events:auto; }
.cp-toast-msg{ font-size:.85rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:inherit; }
.cp-toast-undo{
flex:none; background:#CBA6F7; color:#1E1E2E; font-weight:800; font-size:.8rem;
border:0; border-radius:9999px; padding:.3rem .85rem; cursor:pointer;
}
.cp-toast-undo:hover{ background:#B4BEFE; }

/* علامة "شاهدت" على البوستر */
.wt-badge{
position:absolute; bottom:.5rem; inset-inline-end:.5rem; z-index:7;
width:1.35rem; height:1.35rem; border-radius:9999px;
display:inline-flex; align-items:center; justify-content:center;
background:#A6E3A1; color:#1E1E2E;
border:1px solid rgba(0,0,0,.25);
opacity:0; transform:scale(.6);
transition:opacity .2s ease, transform .2s ease;
pointer-events:none;
}
.wt-badge.on{ opacity:1; transform:scale(1); }

/* ===== الخلفية السينمائية المحيطية (شاشات كبيرة فقط) ===== */
#ambient{position:fixed;inset:0;z-index:0;display:none;pointer-events:none;overflow:hidden}
.amb-l{position:absolute;inset:-70px;background-size:cover;background-position:center;
filter:blur(46px) saturate(1.2) brightness(.6);transform:scale(1.12);
opacity:0;transition:opacity .9s ease}
.amb-l.on{opacity:1}
#ambTint{position:absolute;inset:0;
background:linear-gradient(rgba(13,12,20,.42),rgba(13,12,20,.6)),
radial-gradient(120% 85% at 50% 8%,rgba(13,12,20,0) 42%,rgba(13,12,20,.72) 100%)}
#ambient.amb-off .amb-l{opacity:0}
@media(min-width:1024px){#ambient{display:block}}

/* ===== شريط التنقل الموحد ===== */
#topBarWrap{ position:static; }
html[data-device="desktop"] #topBarWrap,
html[data-device="tv"] #topBarWrap{ position:sticky; top:0; }
html[data-device="mobile"] #topBarWrap,
html[data-device="tablet"] #topBarWrap{ display:none !important; }
#brandName{ display:inline; }
html[data-device="mobile"] #brandName,
html[data-device="tablet"] #brandName{ display:none !important; }
.nav-items{ gap:0; }
.nav-btn{
display:inline-flex; flex-direction:column; align-items:center; gap:0.15rem;
padding:0.35rem 0.65rem; border-radius:0.65rem;
color:var(--subtext, #A6ADC8); background:transparent; border:0;
font-size:10px; font-weight:700; cursor:pointer;
transition:color .2s, background .2s;
line-height:1; white-space:nowrap;
}
.nav-btn:hover{ color:var(--text, #CDD6F4); background:rgba(255,255,255,.06); }
.nav-btn.active{ color:#CBA6F7; background:rgba(203,166,247,.12); }
.nav-btn svg{ flex-shrink:0; }
.nav-label{ font-size:10px; line-height:1.1; }
html[data-device="mobile"] .nav-label,
html[data-device="tablet"] .nav-label{ font-size:9.5px; }
/* شاشات كبيرة: أيقونات أكبر وأوضح */
html[data-device="desktop"] .nav-btn,
html[data-device="tv"] .nav-btn{
  padding:0.5rem 0.85rem; gap:0.25rem;
  font-size:12px; border-radius:0.75rem;
}
html[data-device="desktop"] .nav-btn svg,
html[data-device="tv"] .nav-btn svg{
  width:24px; height:24px;
}
html[data-device="desktop"] .nav-label,
html[data-device="tv"] .nav-label{ font-size:12px; line-height:1.2; }
html[data-device="desktop"] #brandLink span:first-child,
html[data-device="tv"] #brandLink span:first-child{
  width:40px; height:40px;
}
html[data-device="desktop"] #brandLink svg,
html[data-device="tv"] #brandLink svg{
  width:20px; height:20px;
}
/* الشريط السفلي للشاشات الصغيرة */
#bottomNav{
display:none; position:fixed; bottom:0; left:0; right:0; z-index:40;
background:rgba(30,30,46,.92); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
border-top:1px solid rgba(69,71,90,.5);
padding-bottom:env(safe-area-inset-bottom, 0px);
justify-content:space-around; align-items:center;
}
html[data-device="mobile"] #bottomNav,
html[data-device="tablet"] #bottomNav{ display:flex; }
html[data-device="mobile"] #bottomNav .nav-btn,
html[data-device="tablet"] #bottomNav .nav-btn{ padding:0.4rem 0.3rem; }
/* مساحة سفلية للمحتوى فوق الشريط السفلي */
html[data-device="mobile"] main,
html[data-device="tablet"] main{ padding-bottom:4.5rem !important; }
/* ===== نهاية شريط التنقل ===== */

/* ===== إيقاف الرسوم لذوي الاحتياجات ===== */
@media (prefers-reduced-motion: reduce) {
  .fade-in, .fade-swap, .sk-card::after, .ne-dot, .hero-dot { animation: none !important; transition: none !important; }
  #modal .modal-panel { transition: none !important; }
}