/* EgySoon Foundation Theme v2.3.2 — one responsive layer, native navigation, low-jank mobile UI */
:root{--foundation-header:72px;--foundation-panel:#0b1018;--foundation-panel2:#101722;--foundation-line:rgba(255,255,255,.10);--foundation-muted:#99a7b9;--foundation-radius:16px}
html{overflow-x:hidden!important;scroll-behavior:auto!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden!important;overscroll-behavior-y:auto!important;touch-action:auto!important;font-size:16px;line-height:1.65}
img{height:auto}.content-shell{padding-top:24px!important}
.topbar{position:sticky!important;top:0!important;z-index:5000!important;min-height:var(--foundation-header)!important;padding:0!important;background:#080c12!important;border-bottom:1px solid var(--foundation-line)!important;box-shadow:0 8px 28px rgba(0,0,0,.22)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav{height:var(--foundation-header)!important;min-height:var(--foundation-header)!important;gap:14px!important;overflow:visible!important}
.brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;max-width:230px!important;flex:0 1 auto!important}
.brand-symbol{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;overflow:hidden!important}.brand-symbol img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.brand-logo{display:block!important;width:auto!important;height:auto!important;max-height:42px!important;max-width:180px!important;object-fit:contain!important;object-position:center!important;flex:0 1 auto!important}.brand-name{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:19px!important;font-weight:850!important}.brand.has-logo .brand-symbol,.brand.has-logo .brand-name{display:none!important}.brand.logo-broken .brand-logo{display:none!important}.brand.logo-broken .brand-symbol,.brand.logo-broken .brand-name{display:grid!important}.brand.logo-broken .brand-name{display:block!important}
.foundation-navlinks{display:flex!important;align-items:center!important;gap:3px!important;flex:1!important;min-width:0!important;overflow:visible!important}.foundation-nav-item{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:44px!important;padding:0 11px!important;border:0!important;border-radius:11px!important;color:#d2d9e4!important;background:transparent!important;font-size:13px!important;font-weight:750!important;white-space:nowrap!important;list-style:none!important;cursor:pointer!important}.foundation-nav-item::-webkit-details-marker{display:none}.foundation-nav-item::marker{content:""}.foundation-nav-item:hover,.foundation-dropdown[open]>.foundation-nav-item{background:#151c27!important;color:#fff!important}.foundation-dropdown{position:relative!important;display:flex!important;align-items:center!important;overflow:visible!important}.foundation-caret{display:inline-flex!important;color:#8190a4!important;transition:transform .14s ease}.foundation-dropdown[open] .foundation-caret{transform:rotate(180deg)}
.foundation-dropdown-panel{position:absolute!important;z-index:15000!important;top:calc(100% + 7px)!important;inset-inline-start:0!important;width:min(430px,calc(100vw - 24px))!important;max-height:calc(100svh - var(--foundation-header) - 20px)!important;overflow-x:hidden!important;overflow-y:auto!important;padding:10px!important;border:1px solid var(--foundation-line)!important;border-radius:18px!important;background:#0b1018!important;box-shadow:0 28px 70px rgba(0,0,0,.48)!important;touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:auto!important}.foundation-dropdown:nth-last-child(-n+2)>.foundation-dropdown-panel{inset-inline-start:auto!important;inset-inline-end:0!important}.foundation-overview,.foundation-dropdown-list>a,.foundation-group-title,.foundation-group-links>a{display:flex!important;align-items:center!important;gap:10px!important;min-height:50px!important;padding:9px 10px!important;border-radius:12px!important;color:#e6ebf2!important;text-decoration:none!important}.foundation-overview{min-height:64px!important;margin-bottom:7px!important;background:#121a26!important;border:1px solid rgba(124,92,255,.22)!important}.foundation-overview small{display:block;color:#93a1b4;font-size:11px}.foundation-dropdown-list{display:grid!important;gap:4px!important}.foundation-dropdown-list>a:hover,.foundation-group-title:hover,.foundation-group-links>a:hover{background:#151d29!important}.foundation-group{padding:5px 0!important;border-top:1px solid rgba(255,255,255,.06)!important}.foundation-group-links{display:grid!important;gap:3px!important;padding-inline-start:14px!important}.foundation-group-links>a{min-height:44px!important;color:#cbd4e0!important}
.nav-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}.foundation-icon-btn{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important}.foundation-menu-trigger{display:none!important;place-items:center!important;width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border:1px solid var(--foundation-line)!important;border-radius:13px!important;background:#121923!important;color:#fff!important;cursor:pointer!important;user-select:none!important;-webkit-user-select:none!important}.site-nav-toggle{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.foundation-mobile-drawer{display:none}.foundation-mobile-panel,.foundation-mobile-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.mobile-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#090e15!important}
@media(max-width:980px){
  :root{--foundation-header:66px;--header-h:66px!important}
  .foundation-navlinks,.foundation-language,.foundation-user{display:none!important}.foundation-menu-trigger{display:grid!important}.nav{gap:8px!important}.nav-actions{margin-inline-start:auto!important}
  .brand{max-width:calc(100vw - 132px)!important;flex:1 1 auto!important}.brand-logo{max-height:40px!important;max-width:min(180px,calc(100vw - 138px))!important}.brand-name{font-size:18px!important;max-width:calc(100vw - 190px)!important}
  .foundation-mobile-drawer{display:block!important;position:fixed!important;z-index:20000!important;top:var(--foundation-header)!important;right:0!important;bottom:0!important;left:0!important;visibility:hidden!important;pointer-events:none!important}
  .site-nav-toggle:checked~.foundation-mobile-drawer{visibility:visible!important;pointer-events:auto!important}
  .foundation-mobile-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.68)!important;opacity:0!important;transition:opacity .14s ease!important;touch-action:auto!important}.site-nav-toggle:checked~.foundation-mobile-drawer .foundation-mobile-backdrop{opacity:1!important}
  .foundation-mobile-panel{position:absolute!important;top:0!important;bottom:1!important;inset-inline-start:0!important;width:min(430px,100vw)!important;max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 14px calc(118px + env(safe-area-inset-bottom))!important;background:#0a0f16!important;border-inline-end:1px solid var(--foundation-line)!important;box-shadow:24px 0 60px rgba(0,0,0,.45)!important;transform:translateX(-101%)!important;transition:transform .15s ease!important;overscroll-behavior:auto!important;touch-action:pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch!important}
  html[dir="rtl"] .foundation-mobile-panel{transform:translateX(101%)!important;border-inline-end:0!important;border-inline-start:1px solid var(--foundation-line)!important}.site-nav-toggle:checked~.foundation-mobile-drawer .foundation-mobile-panel{transform:none!important}
  .foundation-mobile-head{position:sticky!important;z-index:5!important;top:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:72px!important;margin:0 -14px 12px!important;padding:10px 14px!important;background:#0d131d!important;border-bottom:1px solid var(--foundation-line)!important}.foundation-drawer-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;max-width:calc(100% - 60px)!important}.drawer-logo{display:block!important;width:auto!important;height:auto!important;max-width:220px!important;max-height:46px!important;object-fit:contain!important}.foundation-drawer-brand b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:18px!important}.foundation-mobile-close{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border:1px solid var(--foundation-line)!important;border-radius:14px!important;background:#151d28!important;color:#fff!important;cursor:pointer!important}
  .foundation-mobile-tree{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.foundation-mobile-link,.foundation-mobile-submenu>summary,.foundation-mobile-subpanel>a,.foundation-mobile-submenu.nested>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:58px!important;padding:9px 12px!important;border:1px solid var(--foundation-line)!important;border-radius:15px!important;background:#101721!important;color:#eff3f8!important;font-size:15px!important;font-weight:750!important;line-height:1.35!important;text-decoration:none!important;list-style:none!important;cursor:pointer!important;touch-action:manipulation!important}.foundation-mobile-submenu>summary::-webkit-details-marker{display:none}.foundation-mobile-submenu>summary::marker{content:""}.foundation-mobile-label{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}.foundation-mobile-label>span:last-child,.foundation-mobile-link>span:nth-child(2),.foundation-mobile-subpanel>a>span:nth-child(2){min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;word-break:break-word!important}.foundation-mobile-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;background:#18212d!important}.foundation-mobile-caret{display:inline-flex!important;margin-inline-start:auto!important;color:#8d9aab!important;transition:transform .12s ease!important}.foundation-mobile-submenu[open]>summary .foundation-mobile-caret{transform:rotate(180deg)!important}.foundation-mobile-subpanel{display:grid!important;gap:7px!important;margin:7px 0 2px!important;padding-inline-start:12px!important}.foundation-mobile-subpanel>a{min-height:54px!important;background:#0d141e!important}.foundation-mobile-submenu.nested .foundation-mobile-subpanel{padding-inline-start:10px!important}.foundation-mobile-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important}.foundation-mobile-actions .select,.foundation-mobile-actions .btn{width:100%!important;min-height:52px!important;font-size:16px!important}
  .topbar,.foundation-mobile-panel,.mobile-nav,.badge,.card-rating{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .media-card:hover,.people-card:hover{transform:none!important}.media-card:hover .poster{transform:none!important;filter:none!important}.card-play{opacity:1!important;transform:scale(.78)!important}
}
@media(max-width:640px){
  :root{--foundation-header:62px;--header-h:62px!important}
  body{font-size:16px!important}.container{width:calc(100% - 22px)!important}.nav{height:62px!important;min-height:62px!important;padding:0!important}.brand{max-width:calc(100vw - 120px)!important}.brand-logo{max-width:min(168px,calc(100vw - 128px))!important;max-height:38px!important}.brand-name{font-size:17px!important;max-width:calc(100vw - 178px)!important}.foundation-icon-btn,.foundation-menu-trigger{width:44px!important;height:44px!important;min-height:44px!important}.nav-actions{gap:5px!important}
  .hero-slider{height:560px!important;min-height:520px!important}.hero-slide{transition:opacity .35s ease!important}.hero-title{font-size:34px!important;line-height:1.08!important}.hero-desc{font-size:13px!important;line-height:1.7!important;-webkit-line-clamp:3!important}.section-title h2{font-size:20px!important}.card-title{font-size:14px!important;line-height:1.45!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}.card-meta{font-size:11px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 10px!important}.media-row{grid-auto-columns:45%!important;gap:10px!important}.media-row.landscape{grid-auto-columns:78%!important}.media-row.vertical{grid-auto-columns:48%!important}.footer{padding-bottom:118px!important}.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;min-height:76px!important;padding:7px 4px calc(7px + env(safe-area-inset-bottom))!important;border-top:1px solid var(--foundation-line)!important;background:#090e15!important}.mobile-nav a{min-width:0!important;min-height:62px!important;padding:6px 2px!important;gap:5px!important;font-size:12px!important;font-weight:700!important;line-height:1.1!important;letter-spacing:0!important}.mobile-nav .mobile-nav-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}.mobile-nav .mobile-nav-icon .egy-icon,.mobile-nav .mobile-nav-icon svg{width:28px!important;height:28px!important;stroke-width:1.9!important}.mobile-nav a>span:last-child{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important}
}
@media(max-width:360px){.container{width:calc(100% - 16px)!important}.brand{max-width:calc(100vw - 112px)!important}.brand-logo{max-width:min(148px,calc(100vw - 118px))!important}.brand-name{font-size:16px!important;max-width:calc(100vw - 165px)!important}.foundation-icon-btn,.foundation-menu-trigger{width:42px!important;height:42px!important;min-height:42px!important}.foundation-mobile-panel{padding-inline:10px!important}.foundation-mobile-head{margin-inline:-10px!important;padding-inline:10px!important}.drawer-logo{max-width:190px!important}.hero-title{font-size:30px!important}.media-row{grid-auto-columns:48%!important}.media-row.vertical{grid-auto-columns:52%!important}.mobile-nav{min-height:72px!important;padding-inline:2px!important}.mobile-nav a{min-height:58px!important;font-size:11px!important;padding-inline:1px!important}.mobile-nav .mobile-nav-icon{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}.mobile-nav .mobile-nav-icon .egy-icon,.mobile-nav .mobile-nav-icon svg{width:26px!important;height:26px!important}}
@media(hover:none),(pointer:coarse){*{scrollbar-width:none}.foundation-nav-item:hover,.media-card:hover,.people-card:hover{transform:none!important}.btn:hover,.icon-btn:hover{transform:none!important;filter:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* Foundation 2.3.1 — icon contrast fix */
.egy-icon{width:1.2em!important;height:1.2em!important;display:block!important;flex:0 0 auto!important;color:inherit!important;overflow:visible!important}
.foundation-icon-btn,.foundation-menu-trigger,.foundation-mobile-close{color:#f7f9fc!important}
.foundation-icon-btn .egy-icon,.foundation-menu-trigger .egy-icon,.foundation-mobile-close .egy-icon{color:#f7f9fc!important}
.foundation-nav-item .nav-item-icon,.foundation-nav-item .nav-item-icon .egy-icon{color:#dce5ef!important}
.foundation-nav-item:hover .nav-item-icon,.foundation-dropdown[open]>.foundation-nav-item .nav-item-icon{color:var(--accent)!important}
.foundation-mobile-icon,.foundation-mobile-icon .egy-icon{color:#f2f6fb!important}
.foundation-mobile-link:hover .foundation-mobile-icon,.foundation-mobile-submenu>summary:hover .foundation-mobile-icon,.foundation-mobile-submenu[open]>summary .foundation-mobile-icon{color:var(--accent)!important}
.foundation-caret,.foundation-mobile-caret,.menu-arrow,.dropdown-arrow{color:#aab6c6!important}
.foundation-caret .egy-icon,.foundation-mobile-caret .egy-icon,.menu-arrow .egy-icon,.dropdown-arrow .egy-icon{color:inherit!important}
.btn .egy-icon,.icon-btn .egy-icon,.language-control .egy-icon,.view-all .egy-icon,.chip .egy-icon,.score .egy-icon{color:currentColor!important}
.card-play{color:#fff!important;background:rgba(8,12,18,.82)!important;border-color:rgba(255,255,255,.22)!important}
.card-play .egy-icon{color:#fff!important}
.card-rating,.score{color:#ffd66b!important}
.card-rating .egy-icon,.score .egy-icon{color:#ffd66b!important}
.mobile-nav a{color:#d7dee8!important}
.mobile-nav a .egy-icon,.mobile-nav a svg{color:#eef3f8!important}
.mobile-nav a:hover,.mobile-nav a.active{color:var(--accent)!important}
@media (hover:hover) and (pointer:fine){.foundation-icon-btn:hover,.foundation-menu-trigger:hover,.foundation-mobile-close:hover{color:var(--accent)!important;background:#171f2b!important}}

/* v2.3.2: larger, clearer mobile bottom navigation */
@media(max-width:640px){
.mobile-nav a{border-radius:12px!important;color:#dce4ee!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
.mobile-nav a:active{background:rgba(255,255,255,.07)!important}
.mobile-nav a.active,.mobile-nav a[aria-current="page"]{color:var(--accent)!important;background:rgba(255,255,255,.06)!important}
.mobile-nav a.active .mobile-nav-icon,.mobile-nav a[aria-current="page"] .mobile-nav-icon{transform:translateY(-1px)!important}
}

/* Foundation 2.4.0 — SEO-friendly pagination + rendering performance */
.pagination{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;margin:34px auto 12px!important;padding:6px!important;direction:ltr!important}
.page-link,.page-gap{display:inline-grid!important;place-items:center!important;min-width:44px!important;height:44px!important;padding:0 12px!important;border:1px solid var(--foundation-line)!important;border-radius:13px!important;background:#101721!important;color:#e8edf4!important;font-size:14px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important}
.page-link:hover{border-color:var(--accent)!important;background:#171f2b!important;color:#fff!important;transform:translateY(-1px)}
.page-link.is-current{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important}
.page-link.is-disabled{opacity:.38!important;pointer-events:none!important}.page-gap{min-width:28px!important;padding:0!important;border-color:transparent!important;background:transparent!important;color:var(--foundation-muted)!important}.page-nav{font-size:24px!important;font-weight:600!important}
.media-art{overflow:hidden}.poster{aspect-ratio:2/3;object-fit:cover}.media-card.landscape .poster{aspect-ratio:16/9}.people-photo img,.tv-card img{object-fit:cover}
@supports(content-visibility:auto){.content-shell .section{content-visibility:auto;contain-intrinsic-size:auto 620px}}
@media(max-width:640px){.pagination{gap:6px!important;margin-top:26px!important}.page-link,.page-gap{min-width:40px!important;height:40px!important;padding:0 10px!important;border-radius:11px!important;font-size:13px!important}.page-nav{font-size:22px!important}}

/* ========================================================================
   EgySoon Foundation v2.5.0 — Modern responsive visual system
   Purpose: compact media cards, polished detail pages, consistent mobile UI,
   low-jank layouts, touch-friendly controls and strong cross-screen scaling.
   ======================================================================== */
:root{
  --ui-bg:#070b11;
  --ui-bg-soft:#0a1018;
  --ui-surface:#0f1621;
  --ui-surface-2:#141d2a;
  --ui-surface-3:#192433;
  --ui-border:rgba(255,255,255,.085);
  --ui-border-strong:rgba(255,255,255,.14);
  --ui-text:#f5f7fb;
  --ui-text-soft:#c4cedb;
  --ui-muted:#8e9bad;
  --ui-shadow:0 18px 45px rgba(0,0,0,.28);
  --ui-shadow-soft:0 10px 30px rgba(0,0,0,.18);
  --ui-radius:18px;
  --ui-radius-sm:13px;
  --ui-container:1320px;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--ui-bg);color-scheme:dark}
body{
  margin:0!important;
  min-width:0!important;
  background:
    radial-gradient(circle at 12% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28rem),
    var(--ui-bg)!important;
  color:var(--ui-text)!important;
  font-family:"Cairo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
button,input,select,textarea{font:inherit}
img{max-width:100%;vertical-align:middle}
::selection{background:color-mix(in srgb,var(--accent) 38%,transparent);color:#fff}
.container{width:min(calc(100% - 40px),var(--ui-container))!important;margin-inline:auto!important;min-width:0!important}
.content-shell{padding:clamp(22px,3vw,42px) 0 54px!important;min-height:60vh}
.section{margin-block:clamp(30px,4vw,52px)!important;min-width:0}
.section:first-child{margin-top:0!important}

/* Header */
.topbar{
  background:rgba(7,11,17,.97)!important;
  border-bottom:1px solid var(--ui-border)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.2)!important;
}
.nav{max-width:var(--ui-container)!important}
.foundation-nav-item{color:var(--ui-text-soft)!important;border:1px solid transparent!important;transition:background .16s ease,color .16s ease,border-color .16s ease!important}
.foundation-nav-item:hover,.foundation-dropdown[open]>.foundation-nav-item{background:var(--ui-surface-2)!important;border-color:var(--ui-border)!important}
.foundation-dropdown-panel{background:var(--ui-bg-soft)!important;border-color:var(--ui-border-strong)!important;border-radius:20px!important}
.foundation-overview{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,var(--ui-surface)),var(--ui-surface))!important}
.foundation-icon-btn,.foundation-menu-trigger{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:14px!important}

/* Page headers */
.page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;margin:0 0 26px!important;padding:0!important}
.page-head h1{margin:0!important;color:var(--ui-text)!important;font-size:clamp(27px,3vw,42px)!important;line-height:1.2!important;letter-spacing:-.025em!important;font-weight:900!important}
.page-head .muted{margin:5px 0 0!important}
.muted{color:var(--ui-muted)!important}
.empty{padding:34px 20px!important;border:1px dashed var(--ui-border-strong)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important;color:var(--ui-muted)!important;text-align:center!important}

/* Section heading */
.section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;min-width:0!important}
.section-title{min-width:0!important}
.section-title h2{margin:0!important;font-size:clamp(21px,2vw,29px)!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.02em!important}
.section-title p{margin:5px 0 0!important;color:var(--ui-muted)!important;font-size:13px!important}
.view-all{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:8px 11px!important;border-radius:12px!important;color:var(--ui-text-soft)!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important}
.view-all:hover{background:var(--ui-surface-2)!important;color:#fff!important}

/* Modern buttons and form controls */
.btn,.icon-btn{transition:transform .16s ease,filter .16s ease,background .16s ease,border-color .16s ease!important}
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px!important;padding:9px 16px!important;border-radius:13px!important;font-weight:850!important;line-height:1.2!important;text-decoration:none!important}
.btn.ghost{background:var(--ui-surface)!important;border:1px solid var(--ui-border-strong)!important;color:var(--ui-text)!important}
.input,.select,.textarea{width:100%;min-height:46px!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;box-shadow:none!important;outline:none!important}
.input,.select{padding:0 13px!important}
.textarea{padding:12px 13px!important;min-height:110px!important;resize:vertical!important}
.input:focus,.select:focus,.textarea:focus{border-color:color-mix(in srgb,var(--accent) 68%,#fff 5%)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)!important}
.filters{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important;margin-bottom:26px!important;padding:14px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:var(--ui-surface)!important}
.filters .btn{min-width:0!important}
.search-bar{display:flex!important;gap:10px!important;width:min(100%,760px)!important;margin-bottom:20px!important}
.search-bar .input{flex:1 1 auto!important;min-width:0!important}

/* Core media grid */
.grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px 16px!important;align-items:start!important;min-width:0!important}
.media-card{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  color:var(--ui-text)!important;
  text-decoration:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:var(--ui-radius-sm)!important;
  overflow:visible!important;
  transform:none!important;
  contain:layout style;
}
.media-art{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:2/3!important;
  overflow:hidden!important;
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius)!important;
  background:var(--ui-surface-2)!important;
  box-shadow:var(--ui-shadow-soft)!important;
  isolation:isolate!important;
}
.media-card.landscape .media-art{aspect-ratio:16/9!important}
.media-card .poster{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  border-radius:0!important;
  transform:scale(1.001)!important;
  transition:transform .28s ease,filter .28s ease!important;
}
.poster-placeholder{display:grid!important;place-items:center!important;color:var(--ui-muted)!important}
.card-shade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(to top,rgba(4,7,11,.58),transparent 42%)!important;pointer-events:none!important}
.card-play{
  position:absolute!important;z-index:3!important;inset:50% auto auto 50%!important;display:grid!important;place-items:center!important;
  width:48px!important;height:48px!important;margin:-24px 0 0 -24px!important;border:1px solid rgba(255,255,255,.25)!important;border-radius:50%!important;
  opacity:0!important;transform:scale(.8)!important;transition:opacity .2s ease,transform .2s ease!important;
}
.card-badges{position:absolute!important;z-index:4!important;top:9px!important;inset-inline-start:9px!important;display:flex!important;align-items:center!important;gap:5px!important;max-width:calc(100% - 18px)!important}
.badge{display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:3px 7px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:8px!important;background:rgba(7,11,17,.84)!important;color:#e9eef6!important;font-size:10px!important;font-style:normal!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
.badge.accent{background:color-mix(in srgb,var(--accent) 86%,#111)!important;border-color:transparent!important;color:#fff!important}
.card-rating{position:absolute!important;z-index:4!important;right:9px!important;bottom:9px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:9px!important;background:rgba(7,11,17,.85)!important;font-size:11px!important;font-weight:900!important;line-height:1!important}
html[dir="rtl"] .card-rating{right:auto!important;left:9px!important}
.card-body{display:block!important;padding:10px 3px 0!important;min-width:0!important}
.card-title{display:-webkit-box!important;min-height:2.85em!important;margin:0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:var(--ui-text)!important;font-size:14px!important;font-weight:850!important;line-height:1.43!important;white-space:normal!important;text-overflow:ellipsis!important}
.card-meta{display:flex!important;align-items:center!important;gap:7px!important;margin-top:6px!important;color:var(--ui-muted)!important;font-size:11px!important;font-weight:650!important;line-height:1.35!important;min-width:0!important;overflow:hidden!important}
.card-meta>span{display:inline-flex!important;align-items:center!important;white-space:nowrap!important}
.card-meta>span+span::before{content:"•";margin-inline-end:7px;color:#526074}
.card-views{overflow:hidden!important;text-overflow:ellipsis!important}
@media(hover:hover) and (pointer:fine){
  .media-card:hover .media-art{border-color:color-mix(in srgb,var(--accent) 34%,var(--ui-border-strong))!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important}
  .media-card:hover .poster{transform:scale(1.035)!important;filter:saturate(1.05)!important}
  .media-card:hover .card-play{opacity:1!important;transform:scale(1)!important}
  .media-card:hover .card-title{color:#fff!important}
}
.media-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,#fff 5%)!important;outline-offset:4px!important}

/* Horizontal rows: intentionally compact, never giant on phones */
.media-row{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(150px,15.5vw,202px)!important;
  grid-template-columns:none!important;
  gap:15px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:2px 2px 12px!important;
  margin:0 -2px!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-inline:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.16) transparent!important;
}
.media-row>.media-card,.rank-card{scroll-snap-align:start!important}
.media-row.landscape{grid-auto-columns:clamp(250px,29vw,380px)!important}
.media-row.vertical{grid-auto-columns:clamp(145px,15vw,190px)!important}
.rank-card{position:relative!important;min-width:0!important;padding-inline-start:25px!important}
.rank-card>.media-card{width:100%!important}
.rank-no{position:absolute!important;z-index:6!important;bottom:44px!important;inset-inline-start:0!important;color:#fff!important;font-size:58px!important;font-weight:950!important;line-height:.8!important;text-shadow:0 4px 18px rgba(0,0,0,.7)!important;-webkit-text-stroke:1px rgba(0,0,0,.28)}

/* Dedicated related titles grid on movie / series detail pages */
.related-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:22px 14px!important;align-items:start!important;min-width:0!important}
.related-grid .media-card{min-width:0!important}

/* Home hero */
.hero-slider{position:relative!important;height:min(68vh,700px)!important;min-height:560px!important;overflow:hidden!important;background:var(--ui-bg-soft)!important}
.hero-slide{position:absolute!important;inset:0!important;display:flex!important;align-items:flex-end!important;padding:0 0 clamp(60px,8vh,100px)!important;background-image:linear-gradient(90deg,rgba(5,8,13,.96) 0%,rgba(5,8,13,.72) 42%,rgba(5,8,13,.18) 72%),linear-gradient(to top,var(--ui-bg) 0%,transparent 35%),var(--image)!important;background-size:cover!important;background-position:center!important;opacity:0!important;pointer-events:none!important}
html[dir="rtl"] .hero-slide{background-image:linear-gradient(270deg,rgba(5,8,13,.96) 0%,rgba(5,8,13,.72) 42%,rgba(5,8,13,.18) 72%),linear-gradient(to top,var(--ui-bg) 0%,transparent 35%),var(--image)!important}
.hero-slide.active{opacity:1!important;pointer-events:auto!important}
.hero-content{width:min(680px,65vw)!important}
.hero-kicker{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;color:var(--ui-text-soft)!important;font-size:13px!important;font-weight:800!important}
.hero-title{margin:0!important;max-width:900px!important;color:#fff!important;font-size:clamp(40px,5.4vw,76px)!important;line-height:1.03!important;letter-spacing:-.045em!important;font-weight:950!important;text-wrap:balance!important}
.hero-desc{display:-webkit-box!important;max-width:660px!important;margin:18px 0 0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;color:#c7d0dc!important;font-size:15px!important;line-height:1.8!important}
.hero-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:22px!important}
.hero-dots{position:absolute!important;z-index:8!important;bottom:24px!important;left:50%!important;display:flex!important;gap:7px!important;transform:translateX(-50%)!important}
.hero-dot{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.38)!important;transition:width .2s ease,background .2s ease!important}
.hero-dot.active{width:26px!important;background:var(--accent)!important}

/* Detail hero */
.detail-hero{position:relative!important;isolation:isolate!important;min-height:510px!important;padding:clamp(48px,7vw,90px) 0 48px!important;overflow:hidden!important;background:var(--ui-bg)!important}
.detail-hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,rgba(5,8,13,.94) 0%,rgba(5,8,13,.76) 42%,rgba(5,8,13,.36) 72%,rgba(5,8,13,.72) 100%),linear-gradient(to top,var(--ui-bg) 0%,transparent 46%),var(--hero);background-size:cover;background-position:center 22%;filter:saturate(.92)}
html[dir="rtl"] .detail-hero::before{background-image:linear-gradient(270deg,rgba(5,8,13,.94) 0%,rgba(5,8,13,.76) 42%,rgba(5,8,13,.36) 72%,rgba(5,8,13,.72) 100%),linear-gradient(to top,var(--ui-bg) 0%,transparent 46%),var(--hero)}
.detail-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 70% 20%,transparent,rgba(5,8,13,.35) 72%);pointer-events:none}
.detail-wrap{display:grid!important;grid-template-columns:clamp(190px,18vw,250px) minmax(0,760px)!important;align-items:end!important;gap:clamp(24px,4vw,48px)!important}
.detail-poster{display:block!important;width:100%!important;aspect-ratio:2/3!important;object-fit:cover!important;border:1px solid var(--ui-border-strong)!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(0,0,0,.42)!important}
.tagline,.eyebrow{margin-bottom:8px!important;color:color-mix(in srgb,var(--accent) 75%,#fff 20%)!important;font-size:13px!important;font-weight:900!important;text-transform:none!important}
.detail-title{margin:0!important;color:#fff!important;font-size:clamp(34px,4.6vw,64px)!important;line-height:1.08!important;letter-spacing:-.04em!important;font-weight:950!important;text-wrap:balance!important}
.chips{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin:15px 0!important}
.chip{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:31px!important;padding:5px 9px!important;border:1px solid var(--ui-border-strong)!important;border-radius:10px!important;background:rgba(12,18,27,.78)!important;color:#dbe3ee!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}
a.chip:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--ui-border))!important;background:var(--ui-surface-2)!important}
.story{color:#b9c4d2!important;font-size:14px!important;line-height:1.9!important}
.detail-hero .story{display:-webkit-box!important;max-width:720px!important;margin:0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important}
.detail-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:18px!important}
.detail-page{padding-top:20px!important}
.watch-zone{margin:0 0 34px!important;scroll-margin-top:calc(var(--foundation-header) + 14px)!important}
.player-wrap{overflow:hidden!important;border:1px solid var(--ui-border)!important;border-radius:20px!important;background:#030507!important;box-shadow:var(--ui-shadow)!important}

/* Main content columns and panels */
.columns{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,310px)!important;gap:28px!important;align-items:start!important;min-width:0!important}
.columns>div,.columns>aside{min-width:0!important}
.columns aside{display:grid!important;gap:14px!important;position:relative!important}
.panel{padding:18px!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;background:linear-gradient(180deg,var(--ui-surface),var(--ui-bg-soft))!important;box-shadow:none!important;min-width:0!important}
.panel h2,.panel h3,.panel h4{margin-top:0!important;color:var(--ui-text)!important}
.panel p:last-child{margin-bottom:0!important}
.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:13px!important}
.panel-head h3{margin:0!important;font-size:18px!important}

/* Episodes */
.season-box{margin-bottom:15px!important}
.episode-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.episode-card{display:grid!important;grid-template-columns:142px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important;padding:8px!important;border:1px solid var(--ui-border)!important;border-radius:14px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;text-decoration:none!important;transition:border-color .16s ease,background .16s ease!important}
.episode-card:hover{border-color:var(--ui-border-strong)!important;background:var(--ui-surface-2)!important}
.episode-card img{display:block!important;width:142px!important;height:80px!important;object-fit:cover!important;border-radius:10px!important;background:var(--ui-surface-2)!important}
.episode-card>div{min-width:0!important}
.episode-card b{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:13px!important;line-height:1.45!important}
.episode-card p{margin:5px 0 0!important;font-size:11px!important}

/* Cast / people */
.cast-row{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:112px!important;gap:11px!important;overflow-x:auto!important;padding:2px 2px 10px!important;scroll-snap-type:x proximity!important}
.person-card{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;color:var(--ui-text)!important;text-decoration:none!important;scroll-snap-align:start!important}
.person-card img{display:block!important;width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border:1px solid var(--ui-border)!important;border-radius:16px!important;background:var(--ui-surface)!important}
.person-card b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important}
.person-card small{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:var(--ui-muted)!important;font-size:10px!important;line-height:1.4!important}
.people-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.people-card{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;padding:10px!important;border:1px solid var(--ui-border)!important;border-radius:16px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;text-decoration:none!important}
.people-photo{width:82px!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:13px!important;background:var(--ui-surface-2)!important}
.people-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.people-card p{display:-webkit-box!important;margin:3px 0!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;color:var(--ui-muted)!important;font-size:11px!important}
.people-card small{color:var(--ui-muted)!important;font-size:10px!important}

/* Person page */
.person-hero{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:30px!important;align-items:center!important;padding:24px!important;border:1px solid var(--ui-border)!important;border-radius:24px!important;background:linear-gradient(135deg,var(--ui-surface),var(--ui-bg-soft))!important}
.person-main-photo{overflow:hidden!important;aspect-ratio:2/3!important;border-radius:20px!important;background:var(--ui-surface-2)!important}
.person-main-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.person-copy h1{margin:0!important;font-size:clamp(30px,4vw,52px)!important;line-height:1.12!important}
.photo-strip{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:clamp(180px,24vw,290px)!important;gap:10px!important;overflow-x:auto!important;padding-bottom:9px!important}
.photo-strip img{width:100%!important;aspect-ratio:3/2!important;object-fit:cover!important;border-radius:16px!important}
.filmography{overflow:hidden!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:var(--ui-surface)!important}
.filmography-head,.filmography-row{display:grid!important;grid-template-columns:minmax(220px,2fr) minmax(150px,1.3fr) 90px 70px 80px!important;gap:12px!important;align-items:center!important;padding:11px 14px!important}
.filmography-head{background:var(--ui-surface-2)!important;color:var(--ui-muted)!important;font-size:11px!important;font-weight:850!important}
.filmography-row{border-top:1px solid var(--ui-border)!important;font-size:12px!important}
.film-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;color:var(--ui-text)!important;text-decoration:none!important}
.film-title img{width:38px!important;height:52px!important;object-fit:cover!important;border-radius:7px!important}
.film-title span{min-width:0!important}.film-title b,.film-title small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.film-title small{color:var(--ui-muted)!important}

/* TV cards */
.tv-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.tv-card{display:block!important;padding:11px!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;text-decoration:none!important}
.tv-card img{display:block!important;width:100%!important;aspect-ratio:16/9!important;object-fit:contain!important;padding:14px!important;border-radius:12px!important;background:#0a0e14!important}
.tv-card b{display:block!important;margin-top:10px!important;font-size:14px!important}
.tv-card p{margin:3px 0 0!important;font-size:11px!important}

/* Footer */
.footer{margin-top:30px!important;padding:48px 0 28px!important;border-top:1px solid var(--ui-border)!important;background:#060a0f!important}
.footer-grid{gap:34px 28px!important}
.footer h4{margin-top:0!important;color:#fff!important;font-size:14px!important}
.footer a{color:#9eabba!important;text-decoration:none!important;font-size:13px!important;transition:color .15s ease!important}
.footer a:hover{color:#fff!important}
.footer-brand p,.footer-bottom{color:#7f8c9d!important;font-size:12px!important;line-height:1.8!important}
.footer-bottom{padding-top:24px!important;margin-top:32px!important;border-top:1px solid var(--ui-border)!important}

/* Pagination refinement */
.pagination{gap:7px!important}
.page-link,.page-gap{border-radius:12px!important;background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
.page-link.is-current{box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 20%,transparent)!important}

/* Tablet */
@media(max-width:1180px){
  .grid,.related-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .filters{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .container{width:min(calc(100% - 28px),var(--ui-container))!important}
  .content-shell{padding-top:26px!important}
  .grid,.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 13px!important}
  .columns{grid-template-columns:1fr!important;gap:20px!important}
  .columns aside{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .columns aside>.sidebar-ad{grid-column:1/-1!important}
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tv-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .detail-wrap{grid-template-columns:190px minmax(0,1fr)!important}
  .detail-title{font-size:clamp(32px,6vw,48px)!important}
  .person-hero{grid-template-columns:180px minmax(0,1fr)!important}
}

/* Phones */
@media(max-width:640px){
  :root{--ui-radius:15px;--ui-radius-sm:11px}
  .container{width:calc(100% - 22px)!important}
  .content-shell{padding:20px 0 38px!important}
  .section{margin-block:29px!important}
  .page-head{margin-bottom:18px!important;gap:8px!important}
  .page-head h1{font-size:26px!important}
  .section-head{align-items:center!important;margin-bottom:13px!important}
  .section-title h2{font-size:19px!important}
  .view-all{font-size:11px!important;padding:7px 8px!important}

  /* exactly two stable poster cards; fixes oversized related cards */
  .grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important}
  .media-art{border-radius:14px!important;box-shadow:0 9px 22px rgba(0,0,0,.2)!important}
  .card-body{padding:8px 2px 0!important}
  .card-title{min-height:2.8em!important;font-size:12.5px!important;line-height:1.4!important}
  .card-meta{gap:5px!important;margin-top:4px!important;font-size:9.5px!important}
  .card-meta>span+span::before{margin-inline-end:5px!important}
  .card-views{display:none!important}
  .card-badges{top:6px!important;inset-inline-start:6px!important;gap:4px!important}
  .badge{min-height:21px!important;padding:3px 5px!important;border-radius:6px!important;font-size:8.5px!important}
  .type-badge{display:none!important}
  .card-rating{right:6px!important;bottom:6px!important;padding:4px 5px!important;border-radius:7px!important;font-size:9px!important}
  html[dir="rtl"] .card-rating{right:auto!important;left:6px!important}
  .card-play{display:none!important}

  .media-row{grid-auto-columns:clamp(132px,40vw,158px)!important;gap:10px!important;padding-bottom:8px!important;scrollbar-width:none!important}
  .media-row.landscape{grid-auto-columns:min(76vw,300px)!important}
  .media-row.vertical{grid-auto-columns:clamp(130px,41vw,160px)!important}
  .rank-card{padding-inline-start:17px!important}.rank-no{bottom:40px!important;font-size:43px!important}

  .hero-slider{height:520px!important;min-height:500px!important}
  .hero-slide{align-items:flex-end!important;padding-bottom:58px!important;background-image:linear-gradient(to top,rgba(5,8,13,.98) 0%,rgba(5,8,13,.77) 42%,rgba(5,8,13,.18) 78%),var(--image)!important;background-position:center!important}
  html[dir="rtl"] .hero-slide{background-image:linear-gradient(to top,rgba(5,8,13,.98) 0%,rgba(5,8,13,.77) 42%,rgba(5,8,13,.18) 78%),var(--image)!important}
  .hero-content{width:100%!important}
  .hero-kicker{font-size:10.5px!important;margin-bottom:8px!important}
  .hero-title{font-size:34px!important;line-height:1.08!important;letter-spacing:-.03em!important}
  .hero-desc{margin-top:11px!important;font-size:12px!important;line-height:1.7!important;-webkit-line-clamp:2!important}
  .hero-actions{margin-top:15px!important;gap:7px!important}
  .hero-actions .btn{min-height:41px!important;padding:8px 12px!important;font-size:12px!important}
  .hero-dots{bottom:20px!important}

  .detail-hero{min-height:0!important;padding:30px 0 26px!important}
  .detail-hero::before{background-image:linear-gradient(to top,var(--ui-bg) 0%,rgba(5,8,13,.86) 45%,rgba(5,8,13,.52) 100%),var(--hero)!important;background-position:center top!important}
  html[dir="rtl"] .detail-hero::before{background-image:linear-gradient(to top,var(--ui-bg) 0%,rgba(5,8,13,.86) 45%,rgba(5,8,13,.52) 100%),var(--hero)!important}
  .detail-wrap{grid-template-columns:1fr!important;gap:17px!important;align-items:start!important}
  .detail-poster{width:118px!important;border-radius:15px!important;box-shadow:0 15px 38px rgba(0,0,0,.38)!important}
  .detail-title{font-size:29px!important;line-height:1.12!important}
  .tagline{margin-bottom:5px!important;font-size:11px!important}
  .chips{gap:5px!important;margin:10px 0!important}
  .chip{min-height:27px!important;padding:4px 7px!important;border-radius:8px!important;font-size:9.5px!important}
  .detail-hero .story{font-size:12px!important;line-height:1.75!important;-webkit-line-clamp:4!important}
  .detail-actions{gap:6px!important;margin-top:13px!important}
  .detail-actions .btn{min-height:39px!important;padding:7px 10px!important;border-radius:10px!important;font-size:11px!important}
  .detail-page{padding-top:12px!important}
  .watch-zone{margin-bottom:24px!important}
  .player-wrap{border-radius:13px!important}

  .columns{gap:14px!important}
  .columns aside{grid-template-columns:1fr!important;gap:10px!important}
  .panel{padding:14px!important;border-radius:14px!important}
  .panel h2{font-size:18px!important}.panel h3{font-size:16px!important}
  .story{font-size:12.5px!important;line-height:1.8!important}

  .episode-grid{grid-template-columns:1fr!important;gap:7px!important}
  .episode-card{grid-template-columns:112px minmax(0,1fr)!important;gap:9px!important;padding:6px!important;border-radius:11px!important}
  .episode-card img{width:112px!important;height:63px!important;border-radius:8px!important}
  .episode-card b{font-size:11.5px!important}.episode-card p{font-size:9.5px!important;margin-top:3px!important}
  .cast-row{grid-auto-columns:92px!important;gap:9px!important}.person-card img{border-radius:13px!important}

  .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;margin-bottom:18px!important;border-radius:14px!important}
  .filters .btn{grid-column:1/-1!important}
  .input,.select{min-height:43px!important;font-size:12px!important}
  .search-bar{gap:7px!important}.search-bar .btn{min-height:43px!important;padding-inline:12px!important;font-size:12px!important}

  .people-grid{grid-template-columns:1fr!important;gap:8px!important}
  .people-card{grid-template-columns:66px minmax(0,1fr)!important;gap:10px!important;padding:8px!important;border-radius:13px!important}
  .people-photo{width:66px!important;border-radius:11px!important}.people-card b{font-size:12px!important}
  .tv-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.tv-card{padding:8px!important;border-radius:13px!important}.tv-card img{padding:9px!important;border-radius:9px!important}.tv-card b{font-size:11.5px!important}.tv-card p{font-size:9px!important}

  .person-hero{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;padding:13px!important;border-radius:16px!important;align-items:start!important}
  .person-main-photo{border-radius:13px!important}.person-copy h1{font-size:24px!important}
  .person-bio{grid-column:1/-1!important}
  .photo-strip{grid-auto-columns:72vw!important;gap:8px!important}
  .filmography{overflow-x:auto!important;border-radius:14px!important}.filmography-head,.filmography-row{min-width:690px!important}

  .pagination{margin-top:24px!important;padding-inline:0!important}.page-link,.page-gap{min-width:38px!important;height:38px!important;padding:0 9px!important;border-radius:10px!important;font-size:12px!important}
  .footer{padding:34px 0 94px!important}.footer-grid{gap:26px 18px!important}.footer-bottom{display:block!important}

  /* Bottom navigation: larger targets but visually compact */
  .mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;min-height:70px!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;background:#080d14!important;border-top:1px solid var(--ui-border)!important;box-shadow:0 -10px 28px rgba(0,0,0,.3)!important}
  .mobile-nav a,.mobile-nav .mobile-more{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;min-width:0!important;min-height:58px!important;padding:4px 2px!important;border-radius:11px!important;color:#a9b5c4!important;font-size:10px!important;font-weight:750!important;line-height:1.15!important;text-decoration:none!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
  .mobile-nav a.active,.mobile-nav a[aria-current="page"],.mobile-nav .mobile-more:active{background:var(--ui-surface-2)!important;color:#fff!important}
  .mobile-nav .mobile-nav-icon{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}.mobile-nav .mobile-nav-icon .egy-icon,.mobile-nav .mobile-nav-icon svg{width:24px!important;height:24px!important}
  .mobile-nav a>span:last-child,.mobile-nav .mobile-more>span:last-child{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

@media(max-width:360px){
  .container{width:calc(100% - 16px)!important}
  .grid,.related-grid{gap:15px 8px!important}
  .media-row{grid-auto-columns:42vw!important}
  .card-title{font-size:11.5px!important}
  .detail-poster{width:105px!important}
  .detail-title{font-size:26px!important}
  .filters{grid-template-columns:1fr!important}.filters .btn{grid-column:auto!important}
  .tv-grid{gap:7px!important}
}

/* Keyboard and reduced motion */
:where(a,button,input,select,textarea,label[role="button"]):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,#fff 8%)!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){.media-card .poster,.hero-slide,.hero-dot,.btn,.icon-btn{transition:none!important}}

/* v2.5 component fixes for continue-watching, TV and sidebar posters */
.grid>.media-card.landscape{grid-column:span 2!important}
.history-card .history-progress{position:absolute!important;z-index:5!important;right:8px!important;bottom:8px!important;left:8px!important;height:4px!important;overflow:hidden!important;border-radius:99px!important;background:rgba(255,255,255,.22)!important}
.history-card .history-progress i{display:block!important;height:100%!important;border-radius:inherit!important;background:var(--accent)!important}
.tv-detail-hero .detail-wrap{grid-template-columns:150px minmax(0,720px)!important}
.tv-detail-hero .detail-poster{aspect-ratio:1/1!important;object-fit:contain!important;padding:15px!important;background:rgba(10,15,23,.88)!important}
.episode-series-poster{display:block!important;width:100%!important;aspect-ratio:2/3!important;object-fit:cover!important;margin-bottom:12px!important;border-radius:13px!important}
@media(max-width:640px){
  .mobile-nav{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))!important}
  .grid>.media-card.landscape{grid-column:span 2!important}
  .tv-detail-hero .detail-wrap{grid-template-columns:1fr!important}
  .tv-detail-hero .detail-poster{width:100px!important}
}

/* Base visibility guard: bottom navigation is phone-only. */
.mobile-nav{display:none!important}
@media(max-width:640px){.mobile-nav{display:grid!important}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* =========================================================
   EgySoon v2.6 — HTTP error system
   ========================================================= */
.error-shell{display:flex!important;align-items:center!important;padding-block:clamp(30px,5vw,74px)!important;min-height:calc(100svh - 210px)!important}
.error-page{position:relative!important;display:grid!important;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr)!important;align-items:center!important;gap:clamp(34px,6vw,82px)!important;min-height:430px!important;padding:clamp(30px,5vw,70px)!important;border:1px solid var(--ui-border)!important;border-radius:clamp(22px,3vw,36px)!important;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-bg-soft) 92%,#fff 2%))!important;box-shadow:0 24px 80px rgba(0,0,0,.22)!important;overflow:hidden!important;isolation:isolate}
.error-page:before{content:""!important;position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;background-size:34px 34px!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%)!important;z-index:-1!important;pointer-events:none!important}
.error-visual{position:relative!important;display:grid!important;place-items:center!important;width:min(100%,370px)!important;aspect-ratio:1!important;margin-inline:auto!important;border-radius:50%!important;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,var(--ui-surface-2)) 0 28%,transparent 29% 100%)!important}
.error-orbit{position:absolute!important;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)!important;border-radius:50%!important;pointer-events:none!important}.error-orbit-one{inset:12%!important}.error-orbit-two{inset:25%!important;border-style:dashed!important;transform:rotate(22deg)!important}
.error-icon{position:absolute!important;top:21%!important;display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--ui-border))!important;border-radius:18px!important;background:color-mix(in srgb,var(--accent) 12%,var(--ui-surface))!important;color:var(--accent)!important;box-shadow:0 12px 34px rgba(0,0,0,.28)!important}.error-icon .egy-icon{width:30px!important;height:30px!important}
.error-code{position:relative!important;z-index:1!important;color:transparent!important;-webkit-text-stroke:1px color-mix(in srgb,var(--ui-text) 58%,transparent)!important;font-size:clamp(74px,11vw,154px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.075em!important;user-select:none!important}
.error-copy{min-width:0!important}.error-kicker{display:inline-flex!important;align-items:center!important;min-height:30px!important;margin-bottom:13px!important;padding:5px 10px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--ui-border))!important;border-radius:999px!important;background:color-mix(in srgb,var(--accent) 8%,var(--ui-surface-2))!important;color:color-mix(in srgb,var(--accent) 72%,#fff)!important;font-size:12px!important;font-weight:850!important;letter-spacing:.02em!important}
.error-copy h1{max-width:800px!important;margin:0!important;color:var(--ui-text)!important;font-size:clamp(32px,4.4vw,62px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:950!important}.error-copy>p{max-width:690px!important;margin:18px 0 0!important;color:var(--ui-text-soft)!important;font-size:clamp(15px,1.4vw,18px)!important;line-height:1.85!important}
.error-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:26px!important}.error-actions .btn{min-height:48px!important;padding-inline:18px!important}.error-primary{background:var(--accent)!important;color:#fff!important;box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent)!important}.error-actions .egy-icon{width:19px!important;height:19px!important}
.error-search{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px!important;max-width:650px!important;margin-top:22px!important;padding:7px!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;background:color-mix(in srgb,var(--ui-bg) 78%,transparent)!important}.error-search .input{padding-inline-start:42px!important;border:0!important;background:transparent!important;box-shadow:none!important}.error-search-icon{position:absolute!important;inset-inline-start:18px!important;top:50%!important;display:grid!important;place-items:center!important;transform:translateY(-50%)!important;color:var(--ui-muted)!important}.error-search-icon .egy-icon{width:18px!important;height:18px!important}.error-search .btn{min-width:86px!important}
.error-shortcuts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}.error-shortcut{display:grid!important;grid-template-columns:46px minmax(0,1fr) 20px!important;align-items:center!important;gap:11px!important;min-width:0!important;padding:15px!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;text-decoration:none!important;transition:transform .16s ease,border-color .16s ease,background .16s ease!important}.error-shortcut:hover{transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--ui-border))!important;background:var(--ui-surface-2)!important}.error-shortcut-icon{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:13px!important;background:var(--ui-surface-2)!important;color:var(--accent)!important}.error-shortcut-icon .egy-icon{width:23px!important;height:23px!important}.error-shortcut strong{display:block!important;overflow:hidden!important;color:var(--ui-text)!important;font-size:14px!important;line-height:1.25!important;text-overflow:ellipsis!important;white-space:nowrap!important}.error-shortcut small{display:block!important;overflow:hidden!important;margin-top:4px!important;color:var(--ui-muted)!important;font-size:11px!important;line-height:1.35!important;text-overflow:ellipsis!important;white-space:nowrap!important}.error-shortcut-arrow{display:grid!important;place-items:center!important;color:var(--ui-muted)!important}.error-shortcut-arrow .egy-icon{width:17px!important;height:17px!important}[dir="rtl"] .error-shortcut-arrow{transform:scaleX(-1)!important}
.error-help{display:flex!important;align-items:center!important;gap:13px!important;margin-top:16px!important;padding:14px 16px!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;background:var(--ui-surface)!important}.error-help-icon{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:12px!important;background:var(--ui-surface-2)!important;color:var(--accent)!important}.error-help-icon .egy-icon{width:21px!important;height:21px!important}.error-help p{flex:1 1 auto!important;margin:0!important;color:var(--ui-text-soft)!important;font-size:13px!important;line-height:1.6!important}
.error-tone-danger .error-icon{color:#ff647c!important}.error-tone-warning .error-icon{color:#ffbd59!important}.error-tone-info .error-icon{color:#58b8ff!important}.error-tone-muted .error-icon{color:var(--ui-muted)!important}
.admin-error-card{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:26px!important;padding:clamp(24px,4vw,44px)!important}.admin-error-code{color:var(--accent)!important;font-size:clamp(58px,8vw,96px)!important;font-weight:950!important;line-height:1!important;letter-spacing:-.06em!important}.admin-error-kicker{margin:0 0 6px!important;color:var(--ui-muted)!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}.admin-error-card h1{margin:0!important;font-size:clamp(25px,3vw,38px)!important}.admin-error-card .muted{max-width:650px!important;margin:10px 0 0!important}.admin-error-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important;margin-top:18px!important}
@media(max-width:900px){.error-page{grid-template-columns:1fr!important;gap:14px!important;text-align:center!important}.error-visual{width:min(62vw,250px)!important}.error-icon{top:17%!important;width:50px!important;height:50px!important}.error-icon .egy-icon{width:26px!important;height:26px!important}.error-copy>p{margin-inline:auto!important}.error-actions{justify-content:center!important}.error-search{margin-inline:auto!important}.error-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.error-shell{align-items:flex-start!important;padding-block:18px 34px!important}.error-page{min-height:0!important;padding:26px 16px 24px!important;border-radius:22px!important}.error-visual{width:min(57vw,205px)!important}.error-icon{width:44px!important;height:44px!important;border-radius:14px!important}.error-icon .egy-icon{width:23px!important;height:23px!important}.error-code{font-size:clamp(70px,26vw,108px)!important}.error-copy h1{font-size:clamp(28px,9vw,38px)!important}.error-copy>p{margin-top:12px!important;font-size:14px!important;line-height:1.75!important}.error-actions{display:grid!important;grid-template-columns:1fr!important;margin-top:20px!important}.error-actions .btn{width:100%!important}.error-search{grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;padding:5px!important}.error-search .input{min-height:43px!important;font-size:13px!important}.error-search .btn{min-width:70px!important;padding-inline:12px!important;font-size:12px!important}.error-shortcuts{grid-template-columns:1fr!important;gap:9px!important;margin-top:12px!important}.error-shortcut{grid-template-columns:42px minmax(0,1fr) 18px!important;padding:12px!important}.error-shortcut-icon{width:42px!important;height:42px!important}.error-shortcut strong,.error-shortcut small{white-space:normal!important}.error-help{align-items:flex-start!important;flex-wrap:wrap!important}.error-help .btn{width:100%!important}.admin-error-card{grid-template-columns:1fr!important;gap:14px!important;text-align:center!important}.admin-error-actions{justify-content:center!important}}
@media(prefers-reduced-motion:reduce){.error-shortcut{transition:none!important}}

/* ========================================================================
   EgySoon Foundation v2.9.0 — Streaming Experience Layer
   ===================================================================== */
:root{
  --pro-glass:rgba(8,12,19,.78);
  --pro-panel:color-mix(in srgb,var(--ui-surface) 92%,#fff 2%);
  --pro-line:rgba(255,255,255,.09);
  --pro-shadow:0 28px 80px rgba(0,0,0,.34);
}

/* Header: compact, glass, premium */
.topbar{background:linear-gradient(to bottom,rgba(5,8,13,.96),rgba(5,8,13,.82))!important;backdrop-filter:blur(18px) saturate(130%)!important;-webkit-backdrop-filter:blur(18px) saturate(130%)!important;box-shadow:0 8px 30px rgba(0,0,0,.18)!important}
.topbar .nav{gap:18px!important}
.brand{max-width:250px!important}.brand-logo{max-width:190px!important;max-height:44px!important}.brand-name{font-weight:950!important;letter-spacing:-.03em!important}
.foundation-navlinks{justify-content:flex-start!important;gap:4px!important}.foundation-nav-item{min-height:42px!important;padding-inline:12px!important;border-radius:12px!important;font-size:12.5px!important}.nav-item-icon .egy-icon{width:17px!important;height:17px!important}
.nav-actions{gap:8px!important}.foundation-icon-btn,.foundation-menu-trigger{width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important}.foundation-user{min-height:42px!important;padding-inline:13px!important}

/* Professional language dropdown */
.language-menu{position:relative!important;display:block!important}.language-menu>summary{list-style:none!important}.language-menu>summary::-webkit-details-marker{display:none!important}
.language-menu-trigger{display:flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;max-width:175px!important;padding:0 11px!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;background:rgba(255,255,255,.045)!important;color:var(--ui-text-soft)!important;cursor:pointer!important;user-select:none!important}
.language-menu[open] .language-menu-trigger{border-color:color-mix(in srgb,var(--accent) 45%,var(--ui-border))!important;background:var(--ui-surface-2)!important;color:#fff!important}.language-globe,.language-caret{display:grid!important;place-items:center!important;flex:0 0 auto!important}.language-globe .egy-icon{width:18px!important;height:18px!important}.language-caret .egy-icon{width:15px!important;height:15px!important}.language-menu[open] .language-caret{transform:rotate(180deg)!important}.language-current{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:800!important}
.language-menu-panel{position:absolute!important;z-index:16000!important;top:calc(100% + 9px)!important;inset-inline-end:0!important;width:260px!important;max-height:min(430px,calc(100svh - 90px))!important;overflow:auto!important;padding:8px!important;border:1px solid var(--ui-border-strong)!important;border-radius:18px!important;background:#0b1018!important;box-shadow:0 28px 70px rgba(0,0,0,.48)!important}.language-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:8px 10px 11px!important;border-bottom:1px solid var(--ui-border)!important}.language-menu-head strong{font-size:13px!important}.language-menu-head small{color:var(--ui-muted)!important;font-size:10px!important}
.language-option{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:4px!important;padding:9px 10px!important;border-radius:12px!important;text-decoration:none!important;color:var(--ui-text-soft)!important}.language-option:hover,.language-option.active{background:var(--ui-surface-2)!important;color:#fff!important}.language-option b{display:block!important;font-size:12px!important}.language-option small{display:block!important;margin-top:2px!important;color:var(--ui-muted)!important;font-size:10px!important}.language-check{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;border-radius:50%!important;background:color-mix(in srgb,var(--accent) 18%,transparent)!important;color:var(--accent)!important;font-weight:950!important}

/* Full-screen global search */
body.search-open{overflow:hidden!important}.global-search{position:fixed!important;z-index:30000!important;inset:0!important;display:grid!important;place-items:start center!important;padding:clamp(70px,10vh,115px) 18px 30px!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s ease,visibility .18s ease!important}.global-search.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}.global-search-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:rgba(2,5,9,.82)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;cursor:default!important}.global-search-dialog{position:relative!important;width:min(980px,100%)!important;max-height:calc(100svh - 110px)!important;overflow:auto!important;padding:clamp(20px,3vw,32px)!important;border:1px solid var(--ui-border-strong)!important;border-radius:28px!important;background:linear-gradient(145deg,#0c121b,#080c12)!important;box-shadow:0 40px 120px rgba(0,0,0,.62)!important;transform:translateY(-12px) scale(.985)!important;transition:transform .2s ease!important}.global-search.is-open .global-search-dialog{transform:none!important}
.global-search-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}.search-kicker{display:block!important;margin-bottom:7px!important;color:var(--accent)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.09em!important;text-transform:uppercase!important}.global-search-head h2{margin:0!important;font-size:clamp(26px,3.5vw,44px)!important;line-height:1.12!important;letter-spacing:-.04em!important}.global-search-close{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid var(--ui-border)!important;border-radius:14px!important;background:var(--ui-surface)!important;color:#fff!important;cursor:pointer!important}.global-search-close .egy-icon{width:20px!important;height:20px!important}
.global-search-form{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:22px!important;padding:7px!important;border:1px solid var(--ui-border-strong)!important;border-radius:18px!important;background:#070b11!important}.global-search-form input{min-width:0!important;min-height:50px!important;padding:0 48px!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font-size:16px!important}.global-search-form input::placeholder{color:#69788b!important}.global-search-icon{position:absolute!important;z-index:2!important;inset-inline-start:19px!important;top:50%!important;display:grid!important;place-items:center!important;transform:translateY(-50%)!important;color:var(--ui-muted)!important}.global-search-icon .egy-icon{width:20px!important;height:20px!important}.global-search-form .btn{min-width:100px!important;min-height:50px!important}
.global-search-shortcuts{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}.global-search-shortcuts a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 10px!important;border:1px solid var(--ui-border)!important;border-radius:999px!important;background:var(--ui-surface)!important;color:var(--ui-text-soft)!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important}.global-search-shortcuts a:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--ui-border))!important;color:#fff!important}.global-search-shortcuts .egy-icon{width:15px!important;height:15px!important}
.global-search-status{padding:24px 2px 10px!important;color:var(--ui-muted)!important;font-size:13px!important}.global-search-results{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;margin-top:14px!important}.global-search-results .media-card .card-meta{display:none!important}.global-search-results .media-card .card-title{font-size:12px!important}.global-search-results .media-card .media-art{border-radius:14px!important}.global-search-more{display:grid!important;place-items:center!important;min-height:120px!important;border:1px dashed var(--ui-border-strong)!important;border-radius:14px!important;color:var(--accent)!important;text-align:center!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important}
.global-search-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-top:22px!important;padding-top:16px!important;border-top:1px solid var(--ui-border)!important;color:var(--ui-muted)!important;font-size:11px!important}.global-search-footer a{display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--ui-text-soft)!important;text-decoration:none!important}.global-search-footer kbd{display:inline-grid!important;place-items:center!important;min-width:25px!important;height:25px!important;margin-inline:4px!important;border:1px solid var(--ui-border-strong)!important;border-radius:7px!important;background:var(--ui-surface)!important;color:#fff!important;font:inherit!important;font-weight:900!important}

/* Hero: cinematic composition + mobile artwork */
.hero-slider{height:min(78vh,790px)!important;min-height:620px!important;border-bottom:1px solid var(--ui-border)!important;background:#06090e!important}.hero-slide{align-items:center!important;padding:var(--foundation-header) 0 50px!important;background-image:linear-gradient(90deg,rgba(4,7,11,.98) 0%,rgba(4,7,11,.86) 31%,rgba(4,7,11,.35) 61%,rgba(4,7,11,.1) 78%),linear-gradient(to top,var(--ui-bg) 0%,rgba(5,8,13,.58) 17%,transparent 44%),var(--image)!important;background-position:center!important;transition:opacity .55s ease!important}.hero-slide:after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(to bottom,rgba(0,0,0,.08),transparent 30%)!important}.hero-layout{position:relative!important;z-index:2!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;width:100%!important}.hero-content{width:min(720px,62vw)!important}.hero-kicker{margin-bottom:15px!important;font-size:12px!important;letter-spacing:.015em!important}.hero-live-dot{display:inline-block!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--accent)!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)!important}.hero-sep{opacity:.45!important}.hero-title{font-size:clamp(44px,5.6vw,82px)!important;line-height:.98!important;text-shadow:0 10px 40px rgba(0,0,0,.36)!important}.hero-desc{max-width:680px!important;margin-top:19px!important;color:#c6d0dc!important;font-size:15px!important;line-height:1.85!important}.hero-meta-row{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:15px!important}.hero-meta-row span{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:27px!important;padding:4px 8px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;background:rgba(7,10,15,.38)!important;color:#aeb9c7!important;font-size:10.5px!important;font-weight:800!important}.hero-meta-row .egy-icon{width:14px!important;height:14px!important}.hero-actions{margin-top:23px!important}.hero-primary{min-height:49px!important;padding-inline:20px!important;box-shadow:0 13px 36px color-mix(in srgb,var(--accent) 24%,transparent)!important}.hero-secondary{min-height:49px!important;background:rgba(15,20,29,.64)!important;backdrop-filter:blur(10px)!important}.hero-index{display:flex!important;align-items:baseline!important;gap:5px!important;padding-bottom:56px!important;color:rgba(255,255,255,.45)!important}.hero-index b{color:#fff!important;font-size:28px!important;letter-spacing:-.05em!important}.hero-index span{font-size:11px!important}
.hero-controls{position:absolute!important;z-index:9!important;inset-inline:0!important;bottom:26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;pointer-events:none!important}.hero-dots{position:static!important;display:flex!important;align-items:center!important;gap:7px!important;transform:none!important;pointer-events:auto!important}.hero-dot{height:5px!important;width:22px!important;border-radius:8px!important;background:rgba(255,255,255,.24)!important}.hero-dot.active{width:44px!important}.hero-arrows{display:flex!important;gap:7px!important;pointer-events:auto!important}.hero-arrows button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;background:rgba(8,12,18,.55)!important;color:#fff!important;backdrop-filter:blur(10px)!important;cursor:pointer!important}.hero-arrows button:hover{background:var(--ui-surface-2)!important}.hero-arrows button .egy-icon{width:18px!important;height:18px!important}.hero-arrows button:first-child .egy-icon{transform:rotate(180deg)!important}[dir="rtl"] .hero-arrows button:first-child .egy-icon{transform:none!important}[dir="rtl"] .hero-arrows button:last-child .egy-icon{transform:rotate(180deg)!important}
.hero-progress{position:absolute!important;z-index:9!important;inset-inline:0!important;bottom:0!important;height:2px!important;background:rgba(255,255,255,.05)!important;overflow:hidden!important}.hero-progress span{display:block!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,var(--accent),var(--accent2))!important;transform:scaleX(0)!important;transform-origin:left center!important}.hero-progress span.run{animation:heroProgress 7s linear forwards!important}[dir="rtl"] .hero-progress span{transform-origin:right center!important}@keyframes heroProgress{to{transform:scaleX(1)}}

/* Home section polish */
.home-section .section-title{display:flex!important;align-items:flex-start!important;gap:11px!important}.section-eyebrow{display:inline-grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--ui-border))!important;border-radius:9px!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important;color:var(--accent)!important;font-size:10px!important;font-weight:950!important}.home-section .view-all{border:1px solid transparent!important}.home-section .view-all:hover{border-color:var(--ui-border)!important}.rank-card{position:relative!important}.rank-no{position:absolute!important;z-index:0!important;inset-inline-start:-7px!important;bottom:34px!important;color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.22)!important;font-size:92px!important;font-weight:950!important;line-height:1!important;letter-spacing:-.08em!important}.rank-card .media-card{position:relative!important;z-index:1!important;margin-inline-start:28px!important;width:calc(100% - 28px)!important}

/* Dedicated search page */
.search-page{padding-top:0!important}.search-hero{position:relative!important;margin-inline:calc(50% - 50vw)!important;padding:clamp(52px,7vw,92px) max(20px,calc((100vw - var(--ui-container))/2 + 20px)) 44px!important;border-bottom:1px solid var(--ui-border)!important;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),linear-gradient(180deg,#0b111a,#070b11)!important;overflow:hidden!important}.search-hero:after{content:""!important;position:absolute!important;inset:auto -10% -60% auto!important;width:480px!important;height:480px!important;border-radius:50%!important;background:color-mix(in srgb,var(--accent2) 7%,transparent)!important;filter:blur(70px)!important;pointer-events:none!important}.search-hero-copy{position:relative!important;z-index:1!important;max-width:750px!important}.search-hero h1{margin:0!important;font-size:clamp(34px,5vw,66px)!important;line-height:1.05!important;letter-spacing:-.045em!important}.search-hero p{max-width:650px!important;margin:15px 0 0!important;color:var(--ui-text-soft)!important;font-size:14px!important;line-height:1.8!important}.search-bar-pro{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:min(860px,100%)!important;margin:28px 0 0!important;padding:7px!important;border:1px solid var(--ui-border-strong)!important;border-radius:18px!important;background:#070b11!important}.search-bar-pro .input{height:52px!important;padding-inline-start:46px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:15px!important}.search-bar-icon{position:absolute!important;z-index:2!important;inset-inline-start:21px!important;top:50%!important;display:grid!important;place-items:center!important;transform:translateY(-50%)!important;color:var(--ui-muted)!important}.search-bar-icon .egy-icon{width:19px!important;height:19px!important}.search-bar-pro .btn{height:52px!important}.search-category-chips{position:relative!important;z-index:1!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:13px!important}.search-category-chips a{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 11px!important;border:1px solid var(--ui-border)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:var(--ui-text-soft)!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important}.search-category-chips a:hover{background:var(--ui-surface-2)!important;color:#fff!important}.search-category-chips .egy-icon{width:15px!important;height:15px!important}.search-results-section{margin-top:34px!important}.search-empty,.search-start{display:grid!important;place-items:center!important;min-height:280px!important;text-align:center!important}.search-empty>.egy-icon,.search-start>span{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;margin-bottom:12px!important;border-radius:20px!important;background:var(--ui-surface-2)!important;color:var(--accent)!important}.search-start>span .egy-icon{width:29px!important;height:29px!important}.search-empty>.egy-icon{padding:17px!important}.search-empty h3,.search-start h2{margin:0!important}.search-empty p,.search-start p{margin:8px 0 0!important;color:var(--ui-muted)!important}

/* Footer */
.footer{position:relative!important;margin-top:54px!important;padding:0 0 24px!important;background:linear-gradient(180deg,#070b11,#05080d)!important}.footer-showcase{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin-bottom:42px!important;padding:30px clamp(22px,3vw,38px)!important;border:1px solid var(--ui-border)!important;border-top:0!important;border-radius:0 0 26px 26px!important;background:radial-gradient(circle at 85% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 32%),var(--ui-surface)!important}.footer-showcase-copy{max-width:680px!important}.footer-kicker{display:block!important;margin-bottom:5px!important;color:var(--accent)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}.footer-showcase h3{margin:0!important;font-size:clamp(24px,3vw,38px)!important;letter-spacing:-.035em!important}.footer-showcase p{margin:8px 0 0!important;color:var(--ui-muted)!important;font-size:13px!important;line-height:1.7!important}.footer-showcase-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.footer-grid{display:grid!important;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr))!important;gap:34px 32px!important}.footer-grid.footer-cols-5{grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,1fr))!important}.footer-grid.footer-cols-6{grid-template-columns:minmax(220px,1.5fr) repeat(5,minmax(110px,1fr))!important}.footer-brand .brand{margin-bottom:15px!important}.footer-brand p{max-width:360px!important}.footer-column{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.footer-column h4{position:relative!important;margin-bottom:5px!important;padding-bottom:9px!important}.footer-column h4:after{content:""!important;position:absolute!important;inset-inline-start:0!important;bottom:0!important;width:24px!important;height:2px!important;border-radius:4px!important;background:var(--accent)!important}.social-links{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin-top:14px!important}.social-links a{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 9px!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;background:var(--ui-surface)!important}.footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}.footer-meta{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.footer-language{display:inline-flex!important;align-items:center!important;gap:5px!important}.footer-language .egy-icon{width:14px!important;height:14px!important}.footer-top{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;background:var(--ui-surface)!important;color:#fff!important;cursor:pointer!important}

/* Mobile drawer additions */
.mobile-search-action{width:100%!important}.mobile-language-menu{width:100%!important}.mobile-language-menu>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:46px!important;padding:0 12px!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;background:var(--ui-surface)!important;list-style:none!important;cursor:pointer!important}.mobile-language-menu>summary::-webkit-details-marker{display:none!important}.mobile-language-menu>summary .egy-icon{width:17px!important;height:17px!important}.mobile-language-menu>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:7px!important;padding:7px!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;background:#0a0f16!important}.mobile-language-menu a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:8px!important;border-radius:9px!important;color:var(--ui-text-soft)!important;text-decoration:none!important}.mobile-language-menu a.active,.mobile-language-menu a:hover{background:var(--ui-surface-2)!important;color:#fff!important}.mobile-language-menu a small{color:var(--ui-muted)!important;font-size:9px!important}

@media(max-width:1180px){
  .language-current{display:none!important}.language-menu-trigger{width:42px!important;padding:0!important;justify-content:center!important}.language-caret{display:none!important}.foundation-user{font-size:0!important;width:42px!important;padding:0!important}.foundation-user .btn-icon{margin:0!important}.foundation-nav-item{padding-inline:9px!important}.footer-grid,.footer-grid.footer-cols-5,.footer-grid.footer-cols-6{grid-template-columns:repeat(4,minmax(0,1fr))!important}.footer-brand{grid-column:span 2!important}
}
@media(max-width:960px){
  .hero-slider{height:670px!important;min-height:670px!important}.hero-slide{background-image:linear-gradient(90deg,rgba(4,7,11,.96),rgba(4,7,11,.68) 56%,rgba(4,7,11,.3)),linear-gradient(to top,var(--ui-bg),transparent 52%),var(--image)!important}.hero-content{width:min(760px,82vw)!important}.hero-index{display:none!important}.global-search-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-showcase{align-items:flex-start!important;flex-direction:column!important}.footer-showcase-actions{justify-content:flex-start!important}.footer-grid,.footer-grid.footer-cols-5,.footer-grid.footer-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-brand{grid-column:span 3!important}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 28px),var(--ui-container))!important}.hero-slider{height:74svh!important;min-height:610px!important;max-height:740px!important}.hero-slide{align-items:flex-end!important;padding:var(--foundation-header) 0 84px!important;background-image:linear-gradient(to top,var(--ui-bg) 1%,rgba(4,7,11,.94) 25%,rgba(4,7,11,.5) 58%,rgba(4,7,11,.18) 100%),var(--mobile-image)!important;background-position:center 22%!important}.hero-content{width:100%!important}.hero-kicker{margin-bottom:10px!important}.hero-title{max-width:92%!important;font-size:clamp(35px,10vw,52px)!important;line-height:1.03!important}.hero-desc{-webkit-line-clamp:2!important;margin-top:12px!important;font-size:13px!important;line-height:1.7!important}.hero-meta-row{margin-top:10px!important}.hero-actions{margin-top:16px!important}.hero-actions .btn{min-height:44px!important;padding-inline:14px!important;font-size:12px!important}.hero-controls{bottom:18px!important}.hero-arrows button{width:38px!important;height:38px!important}.hero-dot{width:14px!important}.hero-dot.active{width:30px!important}.global-search{padding:14px!important;place-items:center!important}.global-search-dialog{max-height:calc(100svh - 28px)!important;padding:19px!important;border-radius:22px!important}.global-search-head h2{font-size:28px!important}.global-search-form{grid-template-columns:minmax(0,1fr) auto!important}.global-search-form input{min-height:46px!important;padding-inline-start:42px!important;font-size:14px!important}.global-search-form .btn{min-width:70px!important;min-height:46px!important;padding-inline:11px!important}.global-search-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.global-search-results .media-card:nth-of-type(n+5){display:none!important}.global-search-footer{align-items:flex-start!important;flex-direction:column!important}.search-hero{padding-top:42px!important}.search-hero h1{font-size:38px!important}.search-bar-pro{grid-template-columns:minmax(0,1fr) auto!important}.search-bar-pro .btn{padding-inline:13px!important}.footer-grid,.footer-grid.footer-cols-5,.footer-grid.footer-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-brand{grid-column:span 2!important}.footer-bottom{align-items:flex-start!important;flex-direction:column!important}.footer-meta{justify-content:flex-start!important}.rank-no{font-size:72px!important}
}
@media(max-width:480px){
  .hero-slider{height:72svh!important;min-height:570px!important}.hero-title{font-size:34px!important}.hero-kicker .hero-sep:nth-of-type(n+2),.hero-kicker .score{display:none!important}.hero-meta-row span:nth-child(n+3){display:none!important}.hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.hero-actions .btn{width:100%!important;white-space:nowrap!important}.global-search-shortcuts{display:grid!important;grid-template-columns:1fr 1fr!important}.global-search-shortcuts a{justify-content:center!important}.search-bar-pro .btn .egy-icon{display:none!important}.search-category-chips{display:grid!important;grid-template-columns:1fr 1fr!important}.search-category-chips a{justify-content:center!important}.footer-showcase{padding:24px 18px!important}.footer-showcase-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.footer-showcase-actions .btn{width:100%!important}.footer-grid,.footer-grid.footer-cols-5,.footer-grid.footer-cols-6{grid-template-columns:1fr 1fr!important;gap:28px 18px!important}.footer-brand{grid-column:1/-1!important}.footer-column h4{font-size:12px!important}.footer-column a{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.hero-progress span.run{animation:none!important;transform:scaleX(1)!important}.global-search,.global-search-dialog,.hero-slide{transition:none!important}}


/* v3.4.3 — global pagination touch hardening */
.pagination{position:relative!important;z-index:40!important;isolation:isolate!important;pointer-events:auto!important;overflow:visible!important}
.pagination .page-link{position:relative!important;z-index:41!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:rgba(255,255,255,.12)!important;user-select:none!important}
.pagination .page-link.is-current{cursor:default!important;pointer-events:none!important}
.pagination .page-nav{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:92px!important}
.pagination .page-nav-label{font-size:12px!important;font-weight:800!important;line-height:1!important}
@media(max-width:640px){
  .pagination{margin-bottom:calc(92px + env(safe-area-inset-bottom))!important;padding:8px 4px!important;z-index:80!important}
  .pagination .page-link{min-width:42px!important;min-height:42px!important}
  .pagination .page-nav{min-width:76px!important;padding-inline:10px!important}
  .pagination .page-nav-label{font-size:11px!important}
}