/* Space Gate Nova Signature Experience v2.0
   Original premium OTT visual system — RTL-first, responsive and data-driven. */
:root{
  --sgx-bg:#030306;
  --sgx-bg-2:#07070d;
  --sgx-panel:#0d0e16;
  --sgx-panel-2:#151724;
  --sgx-text:#f8f8fb;
  --sgx-muted:#a6a7b3;
  --sgx-dim:#737583;
  --sgx-violet:#7b3cff;
  --sgx-violet-2:#a15cff;
  --sgx-cyan:#35d8ff;
  --sgx-gold:#f4c76f;
  --sgx-line:rgba(255,255,255,.105);
  --sgx-line-soft:rgba(255,255,255,.065);
  --sgx-glass:rgba(7,7,12,.66);
  --sgx-shadow:0 26px 90px rgba(0,0,0,.62);
  --sgx-shadow-soft:0 16px 48px rgba(0,0,0,.38);
  --sgx-radius:18px;
  --sgx-radius-lg:28px;
  --sgx-ease:cubic-bezier(.2,.8,.2,1);
  --sgx-ease-out:cubic-bezier(.16,1,.3,1);
}
html{background:var(--sgx-bg);scroll-behavior:smooth}
body.sgx-signature,.sg-cinema-body{background:var(--sgx-bg)!important;color:var(--sgx-text);overflow-x:hidden}
body.sgx-signature:before{content:"";position:fixed;inset:-30vh -20vw auto;height:80vh;pointer-events:none;z-index:-2;background:radial-gradient(circle at 64% 0,rgba(123,60,255,.16),transparent 48%),radial-gradient(circle at 30% 12%,rgba(53,216,255,.08),transparent 36%);filter:blur(18px)}
body.sgx-signature:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}

/* Header */
.sgx-signature .sg-header{position:fixed;inset:0 0 auto;z-index:300;height:82px;min-height:82px;padding:0 clamp(20px,4vw,68px);background:linear-gradient(180deg,rgba(2,2,5,.9),rgba(2,2,5,.32) 72%,transparent);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:height .35s var(--sgx-ease),background .35s var(--sgx-ease),box-shadow .35s var(--sgx-ease),backdrop-filter .35s var(--sgx-ease)}
.sgx-signature .sg-header.sgx-header--solid{height:68px;min-height:68px;background:rgba(3,3,7,.86);box-shadow:0 1px 0 var(--sgx-line-soft),0 18px 45px rgba(0,0,0,.24);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.sgx-signature .brand{gap:12px}
.sgx-signature .brand__mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 28px rgba(123,60,255,.28),inset 0 1px 0 rgba(255,255,255,.18);position:relative;overflow:hidden}
.sgx-signature .brand__mark:after{content:"";position:absolute;inset:-60%;background:conic-gradient(from 45deg,transparent,rgba(53,216,255,.38),transparent,rgba(123,60,255,.56),transparent);animation:sgxOrbit 8s linear infinite}
.sgx-signature .brand__mark img{position:relative;z-index:1;width:25px;height:25px;filter:none}
.sgx-signature .brand__text{display:grid;line-height:1;text-transform:uppercase;letter-spacing:.09em;font-family:Inter,'IBM Plex Sans Arabic',sans-serif;font-size:13px;font-weight:900}
.sgx-signature .brand__text:after{content:"NOVA";margin-top:5px;color:var(--sgx-cyan);font-size:8px;letter-spacing:.42em}
.sgx-signature .top-links{gap:4px;margin-inline-start:24px;margin-right:24px}
.sgx-signature .top-links a{height:38px;display:flex;align-items:center;padding:0 14px;border-radius:999px;color:rgba(255,255,255,.7);font-size:13px;font-weight:750;position:relative;background:transparent}
.sgx-signature .top-links a:after{content:"";position:absolute;inset:auto 16px 2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--sgx-cyan),var(--sgx-violet));transform:scaleX(0);transition:transform .28s var(--sgx-ease)}
.sgx-signature .top-links a:hover,.sgx-signature .top-links a.active{color:#fff;background:rgba(255,255,255,.055)}
.sgx-signature .top-links a.active:after{transform:scaleX(1)}
.sgx-signature .icon-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#fff;box-shadow:none;backdrop-filter:blur(14px)}
.sgx-signature .icon-btn:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.12);transform:translateY(-1px)}
.sgx-signature .btn-subscribe{height:42px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(112deg,var(--sgx-violet),var(--sgx-violet-2));color:#fff;box-shadow:0 12px 28px rgba(123,60,255,.32);font-size:13px;font-weight:850}

/* Global and loading */
.sgx-signature .main{min-height:100vh;background:transparent}
.sgx-signature .sg-inline-loading{min-height:100vh;background:var(--sgx-bg);display:grid;place-items:center}
.sgx-signature .sg-splash-spinner,.sgx-spinner{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--sgx-cyan);border-right-color:var(--sgx-violet);animation:sgxSpin .8s linear infinite}
.sgx-signature button,.sgx-signature a{transition:transform .24s var(--sgx-ease),opacity .24s var(--sgx-ease),background .24s var(--sgx-ease),border-color .24s var(--sgx-ease),color .24s var(--sgx-ease),box-shadow .24s var(--sgx-ease)}
.sgx-signature button:focus-visible,.sgx-signature a:focus-visible,.sgx-signature input:focus-visible,.sgx-signature select:focus-visible{outline:2px solid var(--sgx-cyan);outline-offset:3px}

/* Hero */
.sgx-home{min-height:100vh;background:var(--sgx-bg)}
.sgx-hero{position:relative;isolation:isolate;min-height:min(900px,92vh);overflow:hidden;background:#050509}
.sgx-hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s var(--sgx-ease);background-size:cover;background-position:center 20%;transform:translateZ(0)}
.sgx-hero__slide.is-active{opacity:1;visibility:visible}
.sgx-hero__slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,6,.15) 0%,rgba(3,3,6,.4) 42%,rgba(3,3,6,.97) 100%),linear-gradient(0deg,var(--sgx-bg) 0%,rgba(3,3,6,.76) 9%,transparent 42%),linear-gradient(180deg,rgba(3,3,6,.5),transparent 25%)}
.sgx-hero__slide:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 38%,transparent 0 20%,rgba(3,3,6,.14) 52%,rgba(3,3,6,.5) 100%)}
.sgx-hero__content{position:absolute;z-index:2;inset:auto clamp(22px,6.2vw,100px) 14vh auto;width:min(680px,44vw);text-align:right;display:flex;flex-direction:column;align-items:flex-start;animation:sgxHeroIn .9s var(--sgx-ease-out) both}
.sgx-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font:800 11px/1 Inter,'IBM Plex Sans Arabic',sans-serif;letter-spacing:.12em;color:#fff;text-transform:uppercase}
.sgx-hero__eyebrow:before{content:"";width:27px;height:2px;background:linear-gradient(90deg,var(--sgx-cyan),var(--sgx-violet));box-shadow:0 0 18px rgba(53,216,255,.6)}
.sgx-hero__logo{display:block;max-width:min(430px,80%);max-height:155px;object-fit:contain;object-position:right center;margin:0 0 18px;filter:drop-shadow(0 14px 28px rgba(0,0,0,.45))}
.sgx-hero h1{margin:0 0 16px;font-size:clamp(3.1rem,6vw,6.7rem);line-height:.95;letter-spacing:-.055em;font-weight:900;max-width:720px;text-wrap:balance;text-shadow:0 16px 45px rgba(0,0,0,.55)}
.sgx-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;color:rgba(255,255,255,.82);font-size:13px;font-weight:750}
.sgx-hero__meta span{display:inline-flex;align-items:center;gap:6px}
.sgx-hero__meta span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.42);margin-inline-end:3px}
.sgx-hero__rating{color:var(--sgx-gold)!important}
.sgx-hero__genre{padding:5px 10px;border:1px solid rgba(255,255,255,.17);border-radius:999px;background:rgba(255,255,255,.055)}
.sgx-hero__description{margin:0;max-width:620px;color:rgba(255,255,255,.76);font-size:clamp(14px,1.2vw,17px);line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.sgx-hero__actions{display:flex;align-items:center;gap:11px;margin-top:27px}
.sgx-btn{height:52px;border-radius:999px;border:1px solid transparent;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:850 14px/1 'IBM Plex Sans Arabic',sans-serif;cursor:pointer}
.sgx-btn svg{width:20px;height:20px;fill:currentColor}
.sgx-btn--primary{min-width:145px;color:#07070a;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.3)}
.sgx-btn--primary:hover{background:var(--sgx-cyan);box-shadow:0 17px 42px rgba(53,216,255,.2);transform:translateY(-2px)}
.sgx-btn--glass{color:#fff;background:rgba(255,255,255,.105);border-color:rgba(255,255,255,.14);backdrop-filter:blur(16px)}
.sgx-btn--glass:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.24)}
.sgx-icon-btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.09);backdrop-filter:blur(15px);color:#fff;display:grid;place-items:center}
.sgx-icon-btn svg{width:21px;height:21px;fill:currentColor}
.sgx-icon-btn:hover{background:#fff;color:#08080b;transform:translateY(-2px)}
.sgx-hero__pager{position:absolute;z-index:4;left:clamp(20px,4vw,68px);bottom:15vh;display:flex;align-items:center;gap:8px}
.sgx-hero__dot{width:8px;height:8px;border:0;border-radius:99px;background:rgba(255,255,255,.32);padding:0;cursor:pointer;transition:width .35s var(--sgx-ease),background .35s var(--sgx-ease)}
.sgx-hero__dot.is-active{width:36px;background:linear-gradient(90deg,var(--sgx-cyan),var(--sgx-violet))}
.sgx-hero__index{position:absolute;z-index:3;left:clamp(20px,4vw,68px);bottom:calc(15vh + 27px);font:800 10px/1 Inter,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.55)}
.sgx-hero__scroll{position:absolute;z-index:3;right:50%;bottom:38px;width:26px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:20px;display:grid;place-items:start center;padding-top:8px;opacity:.55}
.sgx-hero__scroll:before{content:"";width:3px;height:8px;border-radius:4px;background:#fff;animation:sgxScroll 1.8s ease-in-out infinite}

/* Home content */
.sgx-home__content{position:relative;z-index:5;margin-top:-9vh;padding-bottom:110px}
.sgx-section{position:relative;margin:0 0 34px;padding:0 clamp(18px,4.6vw,74px)}
.sgx-section__head{height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.sgx-section__title{display:flex;align-items:center;gap:11px;margin:0;font-size:clamp(18px,1.55vw,25px);font-weight:850;letter-spacing:-.02em}
.sgx-section__title:before{content:"";width:4px;height:22px;border-radius:4px;background:linear-gradient(180deg,var(--sgx-cyan),var(--sgx-violet));box-shadow:0 0 20px rgba(123,60,255,.48)}
.sgx-section__actions{display:flex;align-items:center;gap:7px}
.sgx-more{color:var(--sgx-muted);font-size:12px;font-weight:800;text-decoration:none;margin-inline-end:5px}
.sgx-more:hover{color:#fff}
.sgx-rail-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--sgx-line);background:rgba(255,255,255,.055);color:#fff;display:grid;place-items:center;cursor:pointer}
.sgx-rail-btn svg{width:17px;height:17px;fill:currentColor}
.sgx-rail-btn:hover{background:#fff;color:#08080c}
.sgx-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(155px,13.8vw,220px);gap:clamp(10px,1.15vw,18px);overflow-x:auto;overflow-y:visible;scroll-snap-type:x proximity;scrollbar-width:none;padding:7px 3px 20px;overscroll-behavior-inline:contain}
.sgx-rail::-webkit-scrollbar{display:none}
.sgx-rail--wide{grid-auto-columns:clamp(270px,25vw,410px)}
.sgx-rail--rank{grid-auto-columns:clamp(235px,19vw,310px);gap:20px}

/* Cards */
.sgx-card{position:relative;min-width:0;scroll-snap-align:start;color:#fff;text-align:right;text-decoration:none;background:transparent;border:0;padding:0;cursor:pointer;display:block;contain:layout paint}
.sgx-card__media{position:relative;display:block;aspect-ratio:2/3;border-radius:var(--sgx-radius);overflow:hidden;background:#11131c;box-shadow:0 8px 24px rgba(0,0,0,.25);transform:translateZ(0);transition:transform .36s var(--sgx-ease-out),box-shadow .36s var(--sgx-ease-out),border-color .36s var(--sgx-ease);border:1px solid rgba(255,255,255,.055)}
.sgx-card--wide .sgx-card__media,.sgx-card--continue .sgx-card__media{aspect-ratio:16/9}
.sgx-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--sgx-ease-out),filter .35s var(--sgx-ease);background:#11131c}
.sgx-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,4,8,.92),transparent 48%);opacity:.28;transition:opacity .3s var(--sgx-ease)}
.sgx-card__hover{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.88);transition:opacity .28s var(--sgx-ease),transform .28s var(--sgx-ease)}
.sgx-card__play{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:#08080b;box-shadow:0 12px 34px rgba(0,0,0,.45)}
.sgx-card__play svg{width:20px;height:20px;fill:currentColor;margin-left:2px}
.sgx-card:hover .sgx-card__media,.sgx-card:focus-visible .sgx-card__media{transform:translateY(-7px) scale(1.025);box-shadow:0 26px 60px rgba(0,0,0,.54),0 0 0 1px rgba(255,255,255,.13)}
.sgx-card:hover .sgx-card__media img{transform:scale(1.075);filter:saturate(1.08) contrast(1.03)}
.sgx-card:hover .sgx-card__media:after{opacity:.7}
.sgx-card:hover .sgx-card__hover{opacity:1;transform:scale(1)}
.sgx-card__body{display:block;padding:11px 4px 0}
.sgx-card__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:820;letter-spacing:-.01em}
.sgx-card__meta{display:flex;align-items:center;gap:7px;margin-top:5px;color:var(--sgx-dim);font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden}
.sgx-card__meta span+span:before{content:"•";margin-inline-end:7px;color:#555866}
.sgx-card__badge{position:absolute;z-index:4;top:10px;right:10px;padding:5px 8px;border-radius:999px;background:rgba(4,4,8,.76);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);font:800 9px/1 Inter,sans-serif;letter-spacing:.04em}
.sgx-card__score{color:var(--sgx-gold)}
.sgx-card--wide .sgx-card__body{position:absolute;z-index:3;inset:auto 0 0;padding:35px 16px 15px;background:linear-gradient(0deg,rgba(3,3,7,.96),transparent)}
.sgx-card--wide .sgx-card__title{font-size:15px}
.sgx-progress{position:absolute;z-index:5;inset:auto 10px 8px;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden}
.sgx-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sgx-cyan),var(--sgx-violet));box-shadow:0 0 12px rgba(53,216,255,.5)}
.sgx-rank-card{display:grid;grid-template-columns:clamp(72px,6.6vw,104px) 1fr;align-items:end}
.sgx-rank-card__number{font:950 clamp(6.5rem,9vw,10rem)/.72 Inter,sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.75);text-shadow:0 20px 50px rgba(0,0,0,.55);transform:translateX(-5px);z-index:0}
.sgx-rank-card .sgx-card__media{z-index:1;margin-inline-start:-20px}

/* Editorial feature band */
.sgx-editorial{margin:58px clamp(18px,4.6vw,74px);min-height:340px;border-radius:var(--sgx-radius-lg);position:relative;overflow:hidden;display:flex;align-items:flex-end;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);box-shadow:var(--sgx-shadow-soft)}
.sgx-editorial:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,11,.1),rgba(6,6,11,.55) 48%,rgba(6,6,11,.97)),linear-gradient(0deg,rgba(5,5,9,.9),transparent 65%)}
.sgx-editorial__copy{position:relative;z-index:2;width:min(580px,80%);padding:clamp(26px,4vw,58px)}
.sgx-editorial__copy small{color:var(--sgx-cyan);font-weight:850;letter-spacing:.12em}
.sgx-editorial__copy h2{font-size:clamp(2rem,3.6vw,4.2rem);line-height:1.05;margin:12px 0 13px;letter-spacing:-.045em}
.sgx-editorial__copy p{color:rgba(255,255,255,.7);line-height:1.8;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Listing / filters */
.sgx-library{min-height:100vh;padding:128px clamp(18px,4.6vw,74px) 120px;background:radial-gradient(circle at 90% -5%,rgba(123,60,255,.12),transparent 30%),var(--sgx-bg)}
.sgx-library__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 28px}
.sgx-library__head h1{margin:0;font-size:clamp(2.4rem,5vw,5.3rem);line-height:1;font-weight:900;letter-spacing:-.055em}
.sgx-library__count{color:var(--sgx-muted);font-size:13px;font-weight:750}
.sgx-filterbar{position:sticky;top:78px;z-index:60;margin:0 0 30px;padding:10px;border:1px solid var(--sgx-line-soft);border-radius:17px;background:rgba(10,10,17,.76);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 14px 40px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;gap:13px}
.sgx-filterbar__genres{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.sgx-filterbar__genres::-webkit-scrollbar{display:none}
.sgx-chip{height:38px;padding:0 15px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--sgx-muted);font:780 12px 'IBM Plex Sans Arabic',sans-serif;white-space:nowrap}
.sgx-chip:hover{color:#fff;background:rgba(255,255,255,.07)}
.sgx-chip.is-active,.sgx-chip.active{background:#fff;color:#07070a}
.sgx-filterbar__selects{display:flex;gap:7px;flex:0 0 auto}
.sgx-select{height:38px;min-width:116px;border:1px solid var(--sgx-line);border-radius:999px;background:#11121a;color:#fff;padding:0 14px;font:750 12px 'IBM Plex Sans Arabic',sans-serif;outline:0}
.sgx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 16px}
.sgx-grid .sgx-card{width:100%}

/* Browse */
.sgx-browse{min-height:100vh;padding:128px clamp(18px,4.6vw,74px) 120px}
.sgx-browse__top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:42px}
.sgx-browse__top h1{font-size:clamp(2.5rem,5vw,5.2rem);letter-spacing:-.055em;margin:0}
.sgx-searchbox{width:min(430px,42vw);height:54px;border:1px solid var(--sgx-line);border-radius:999px;background:rgba(255,255,255,.055);display:flex;align-items:center;gap:11px;padding:0 18px;backdrop-filter:blur(16px)}
.sgx-searchbox svg{width:20px;height:20px;fill:var(--sgx-muted)}
.sgx-searchbox input{width:100%;border:0;background:transparent;color:#fff;font:650 14px 'IBM Plex Sans Arabic',sans-serif;outline:0}
.sgx-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:46px}
.sgx-type-card,.sgx-genre-card{position:relative;overflow:hidden;text-decoration:none;color:#fff;background-size:cover;background-position:center;border:1px solid var(--sgx-line-soft);box-shadow:var(--sgx-shadow-soft);isolation:isolate}
.sgx-type-card{min-height:330px;border-radius:var(--sgx-radius-lg);padding:30px;display:flex;align-items:flex-end}
.sgx-type-card:after,.sgx-genre-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,4,8,.96),rgba(4,4,8,.08) 75%)}
.sgx-type-card:hover,.sgx-genre-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}
.sgx-type-card h2{margin:0;font-size:clamp(2rem,3vw,3.6rem);letter-spacing:-.04em}
.sgx-type-card small,.sgx-genre-card small{display:block;color:rgba(255,255,255,.6);font-weight:750;margin-top:5px}
.sgx-genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}
.sgx-genre-card{aspect-ratio:16/9;border-radius:17px;padding:19px;display:flex;align-items:flex-end}
.sgx-genre-card strong{font-size:20px}

/* Details */
.sgx-detail{min-height:100vh;background:var(--sgx-bg)}
.sgx-detail__hero{position:relative;min-height:87vh;display:flex;align-items:flex-end;background-size:cover;background-position:center;isolation:isolate}
.sgx-detail__hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,3,6,.18),rgba(3,3,6,.48) 48%,rgba(3,3,6,.96)),linear-gradient(0deg,var(--sgx-bg),rgba(3,3,6,.7) 23%,transparent 60%),linear-gradient(180deg,rgba(3,3,6,.48),transparent 25%)}
.sgx-detail__layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:clamp(28px,5vw,76px);align-items:end;padding:0 clamp(22px,6vw,96px) 9vh}
.sgx-detail__copy{max-width:760px}
.sgx-detail__logo{max-width:min(420px,78%);max-height:135px;object-fit:contain;object-position:right;margin-bottom:20px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.4))}
.sgx-detail h1{margin:0 0 18px;font-size:clamp(3rem,6.2vw,6.8rem);line-height:.96;letter-spacing:-.06em;font-weight:920}
.sgx-detail__poster{aspect-ratio:2/3;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 75px rgba(0,0,0,.58);background:#101119}
.sgx-detail__poster img{width:100%;height:100%;object-fit:cover}
.sgx-detail__description{font-size:15px;line-height:1.9;color:rgba(255,255,255,.74);max-width:700px;margin:18px 0 0}
.sgx-detail__genres{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.sgx-detail__genres a{height:30px;border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--sgx-line);background:rgba(255,255,255,.055);color:rgba(255,255,255,.75);font-size:11px;font-weight:750;text-decoration:none}
.sgx-detail__actions{display:flex;align-items:center;gap:10px;margin-top:25px}
.sgx-detail__content{padding:12px clamp(18px,4.6vw,74px) 100px}
.sgx-detail__section{margin:0 0 55px}
.sgx-detail__section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sgx-detail__section-head h2{font-size:25px;margin:0}
.sgx-season-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding-bottom:4px}
.sgx-season-tabs button{height:39px;border-radius:999px;border:1px solid var(--sgx-line);background:#11121a;color:var(--sgx-muted);padding:0 16px;font-weight:780;white-space:nowrap}
.sgx-season-tabs button.active{background:#fff;color:#08080b}
.sgx-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.sgx-episode{display:grid;grid-template-columns:minmax(190px,38%) 1fr;min-height:145px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#11121a,#0b0c12);border:1px solid var(--sgx-line-soft);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sgx-episode:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(0,0,0,.34)}
.sgx-episode__media{border:0;padding:0;position:relative;background-size:cover;background-position:center;min-height:145px;cursor:pointer}
.sgx-episode__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(10,10,16,.5))}
.sgx-episode__play{position:absolute;z-index:2;inset:0;margin:auto;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.94);color:#08080b;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.38)}
.sgx-episode__play svg{width:19px;height:19px;fill:currentColor}
.sgx-episode__body{padding:17px 18px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.sgx-episode__kicker{color:var(--sgx-cyan);font-size:10px;font-weight:850;letter-spacing:.08em}
.sgx-episode__body h3{font-size:15px;margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sgx-episode__body p{font-size:12px;line-height:1.65;color:var(--sgx-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Search */
.sgx-search-page{min-height:100vh;padding:132px clamp(18px,6vw,96px) 110px}
.sgx-search-page__form{height:70px;max-width:900px;margin:0 auto 55px;border-bottom:1px solid rgba(255,255,255,.24);display:flex;align-items:center;gap:15px}
.sgx-search-page__form svg{width:28px;height:28px;fill:var(--sgx-muted)}
.sgx-search-page__form input{flex:1;border:0;background:transparent;color:#fff;font:800 clamp(1.4rem,3vw,2.8rem) 'IBM Plex Sans Arabic',sans-serif;outline:0}
.sgx-search-page__form button{width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#08080b;display:grid;place-items:center}
.sgx-search-page__form button svg{width:20px;height:20px;fill:currentColor}
.sgx-search-page__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.sgx-search-page__head h1{font-size:clamp(2rem,4vw,4rem);margin:0}

/* Custom commercial player */
body.sgx-player-open{overflow:hidden}
body.sgx-player-open .sg-header,body.sgx-player-open .bottom-nav{display:none!important}
.sgx-player{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center;overflow:hidden}
.sgx-player__backdrop{position:absolute;inset:-8%;background:var(--sgx-player-bg) center/cover no-repeat;filter:blur(42px) saturate(.85);opacity:.22;transform:scale(1.1)}
.sgx-player__stage{position:relative;width:100%;height:100%;background:#000;overflow:hidden;cursor:none}
.sgx-player__stage.is-ui-visible,.sgx-player__stage.is-loading,.sgx-player__stage.is-embed{cursor:default}
.sgx-player video,.sgx-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.sgx-player__stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 22%,transparent 68%,rgba(0,0,0,.88));opacity:0;transition:opacity .25s}
.sgx-player__stage.is-ui-visible:after,.sgx-player__stage.is-loading:after{opacity:1}
.sgx-player__top{position:absolute;z-index:8;inset:0 0 auto;height:96px;padding:0 clamp(16px,3.8vw,60px);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s;pointer-events:none}
.sgx-player__stage.is-ui-visible .sgx-player__top,.sgx-player__stage.is-loading .sgx-player__top{opacity:1;transform:none;pointer-events:auto}
.sgx-player__top h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;text-shadow:0 2px 20px rgba(0,0,0,.7)}
.sgx-player__circle{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.17);background:rgba(20,20,25,.42);color:#fff;backdrop-filter:blur(18px);display:grid;place-items:center;cursor:pointer}
.sgx-player__circle svg{width:20px;height:20px;fill:currentColor}
.sgx-player__circle:hover{background:#fff;color:#07070a}
.sgx-player__top-actions{display:flex;gap:8px}
.sgx-player__loader{position:absolute;z-index:6;inset:0;display:none;place-items:center;pointer-events:none}
.sgx-player__stage.is-loading .sgx-player__loader{display:grid}
.sgx-player__loader span{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#fff;animation:sgxSpin .75s linear infinite}
.sgx-player__error{position:absolute;z-index:9;inset:0;display:none;place-items:center;background:rgba(0,0,0,.8)}
.sgx-player__error.is-visible{display:grid}
.sgx-player__error-inner{text-align:center}
.sgx-player__error b{display:block;font-size:18px;margin-bottom:16px}
.sgx-player__error button{width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#08080b;display:grid;place-items:center;margin:auto}
.sgx-player__error button svg{width:22px;height:22px;fill:currentColor}
.sgx-player__controls{position:absolute;z-index:8;inset:auto 0 0;padding:0 clamp(16px,3.8vw,60px) clamp(18px,3.5vh,38px);opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;pointer-events:none}
.sgx-player__stage.is-ui-visible .sgx-player__controls,.sgx-player__stage.is-loading .sgx-player__controls{opacity:1;transform:none;pointer-events:auto}
.sgx-player__seek-wrap{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.sgx-player__seek{--progress:0%;appearance:none;-webkit-appearance:none;flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,#fff 0 var(--progress),rgba(255,255,255,.25) var(--progress) 100%);outline:0;cursor:pointer}
.sgx-player__seek::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.13)}
.sgx-player__seek::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.13)}
.sgx-player__time{direction:ltr;font:700 11px Inter,sans-serif;color:rgba(255,255,255,.78);min-width:92px;text-align:left}
.sgx-player__bar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sgx-player__bar-left,.sgx-player__bar-right{display:flex;align-items:center;gap:8px}
.sgx-player__control{width:42px;height:42px;border:0;background:transparent;color:#fff;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.sgx-player__control:hover{background:rgba(255,255,255,.13)}
.sgx-player__control svg{width:23px;height:23px;fill:currentColor}
.sgx-player__control--play{width:48px;height:48px;background:#fff;color:#07070a}
.sgx-player__control--play:hover{background:var(--sgx-cyan)}
.sgx-player__volume{width:84px;appearance:none;-webkit-appearance:none;height:3px;border-radius:3px;background:rgba(255,255,255,.32);outline:0}
.sgx-player__volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}
.sgx-quality{position:relative}
.sgx-quality__toggle{height:38px;min-width:68px;border-radius:999px;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.08);color:#fff;padding:0 13px;font:800 12px Inter,sans-serif;cursor:pointer}
.sgx-quality__menu{position:absolute;bottom:50px;left:0;min-width:116px;padding:6px;border-radius:14px;background:rgba(16,16,22,.92);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 55px rgba(0,0,0,.55);backdrop-filter:blur(22px);display:none}
.sgx-quality.is-open .sgx-quality__menu{display:grid;animation:sgxPop .2s var(--sgx-ease-out)}
.sgx-quality__menu .sg-quality-pill{height:38px;border:0;border-radius:9px;background:transparent;color:#fff;text-align:center;font:800 12px Inter,sans-serif}
.sgx-quality__menu .sg-quality-pill:hover,.sgx-quality__menu .sg-quality-pill.active{background:#fff;color:#08080b}
.sgx-player__stage.is-embed .sgx-player__controls{display:none}

/* Bottom nav */
.sgx-signature .bottom-nav{display:none;background:rgba(6,6,10,.9);border-top:1px solid var(--sgx-line-soft);backdrop-filter:blur(24px) saturate(150%);padding-bottom:env(safe-area-inset-bottom)}
.sgx-signature .bottom-nav a{color:var(--sgx-dim)}
.sgx-signature .bottom-nav a.active{color:#fff}
.sgx-signature .bottom-nav a.active:before{background:linear-gradient(90deg,var(--sgx-cyan),var(--sgx-violet))}

/* Empty / error */
.sgx-signature .empty,.sgx-signature .error{min-height:280px;border:1px solid var(--sgx-line-soft);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;color:var(--sgx-muted)}
.sgx-signature .empty b,.sgx-signature .error b{color:#fff;font-size:20px;margin-bottom:8px}

@keyframes sgxOrbit{to{transform:rotate(360deg)}}
@keyframes sgxSpin{to{transform:rotate(360deg)}}
@keyframes sgxHeroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes sgxScroll{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(13px);opacity:1}}
@keyframes sgxPop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}

@media(max-width:1100px){
  .sgx-hero__content{width:min(680px,58vw)}
  .sgx-detail__layout{grid-template-columns:minmax(0,1fr) 210px}
  .sgx-episode-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .sgx-signature .sg-header{height:64px;min-height:64px;padding:0 15px;background:linear-gradient(180deg,rgba(2,2,5,.92),transparent)}
  .sgx-signature .sg-header.sgx-header--solid{height:60px;min-height:60px}
  .sgx-signature .top-links,.sgx-signature .header-left .btn-subscribe,.sgx-signature .brand__text{display:none}
  .sgx-signature .bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);z-index:350}
  .sgx-hero{min-height:82vh}
  .sgx-hero__slide{background-position:58% center}
  .sgx-hero__slide:before{background:linear-gradient(0deg,var(--sgx-bg),rgba(3,3,6,.82) 22%,rgba(3,3,6,.08) 70%),linear-gradient(90deg,rgba(3,3,6,.15),rgba(3,3,6,.52))}
  .sgx-hero__content{inset:auto 18px 11vh;width:calc(100% - 36px);align-items:flex-start}
  .sgx-hero h1{font-size:clamp(2.7rem,13vw,4.6rem);max-width:92%}
  .sgx-hero__logo{max-width:68%;max-height:110px}
  .sgx-hero__description{-webkit-line-clamp:2;font-size:13px;line-height:1.7;max-width:92%}
  .sgx-hero__pager{left:18px;bottom:10vh}
  .sgx-hero__index,.sgx-hero__scroll{display:none}
  .sgx-home__content{margin-top:-5vh;padding-bottom:110px}
  .sgx-section{padding-inline:14px;margin-bottom:25px}
  .sgx-section__head{height:38px}
  .sgx-section__title{font-size:18px}
  .sgx-rail-btn{display:none}
  .sgx-rail{grid-auto-columns:145px;gap:10px;margin-inline:0;padding-bottom:14px}
  .sgx-rail--wide{grid-auto-columns:260px}
  .sgx-rail--rank{grid-auto-columns:220px}
  .sgx-card__media{border-radius:13px}
  .sgx-card__title{font-size:12px}
  .sgx-editorial{margin:35px 14px;min-height:290px;background-position:65% center}
  .sgx-editorial:before{background:linear-gradient(0deg,rgba(5,5,9,.98),rgba(5,5,9,.18) 90%)}
  .sgx-editorial__copy{width:100%;padding:24px}
  .sgx-library,.sgx-browse,.sgx-search-page{padding:92px 14px 110px}
  .sgx-library__head h1,.sgx-browse__top h1{font-size:2.5rem}
  .sgx-filterbar{top:64px;flex-direction:column;align-items:stretch;border-radius:14px;padding:8px}
  .sgx-filterbar__selects{width:100%}
  .sgx-select{flex:1;min-width:0}
  .sgx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px}
  .sgx-browse__top{align-items:stretch;flex-direction:column}
  .sgx-searchbox{width:100%}
  .sgx-type-grid{grid-template-columns:1fr}
  .sgx-type-card{min-height:230px}
  .sgx-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .sgx-detail__hero{min-height:80vh;background-position:58% center}
  .sgx-detail__hero:before{background:linear-gradient(0deg,var(--sgx-bg),rgba(3,3,6,.78) 35%,rgba(3,3,6,.1) 82%),linear-gradient(90deg,rgba(3,3,6,.16),rgba(3,3,6,.55))}
  .sgx-detail__layout{display:block;padding:0 18px 7vh}
  .sgx-detail__poster{display:none}
  .sgx-detail h1{font-size:clamp(2.8rem,13vw,5rem)}
  .sgx-detail__description{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
  .sgx-detail__content{padding:10px 14px 105px}
  .sgx-episode{grid-template-columns:135px 1fr;min-height:105px;border-radius:13px}
  .sgx-episode__media{min-height:105px}
  .sgx-episode__body{padding:12px}
  .sgx-episode__body p{display:none}
  .sgx-player__top{height:70px;padding:0 12px;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}
  .sgx-player__top h1{font-size:13px}
  .sgx-player__circle{width:39px;height:39px}
  .sgx-player__controls{padding:0 12px calc(14px + env(safe-area-inset-bottom))}
  .sgx-player__bar-left .sgx-player__control:nth-of-type(2),.sgx-player__bar-left .sgx-player__control:nth-of-type(3),.sgx-player__volume,.sgx-player__bar-right .sgx-player__control[data-sgx-pip]{display:none}
  .sgx-player__seek-wrap{margin-bottom:9px}
  .sgx-player__time{min-width:72px;font-size:9px}
}
@media(max-width:520px){
  .sgx-btn{height:46px;padding:0 18px;font-size:12px}.sgx-icon-btn{width:46px;height:46px}
  .sgx-hero__actions{gap:8px;margin-top:20px}.sgx-btn--glass span{display:none}.sgx-btn--glass{width:46px;padding:0}
  .sgx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sgx-card__meta{font-size:9px}.sgx-card__body{padding-top:8px}
  .sgx-rank-card{grid-template-columns:68px 1fr}.sgx-rank-card__number{font-size:6.3rem}
  .sgx-genre-card strong{font-size:15px}.sgx-genre-card{padding:13px}
  .sgx-detail__actions .sgx-btn--glass{display:none}
}
@media(prefers-reduced-motion:reduce){.sgx-signature *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* v2.1 strict media rendering and initial-load performance */
.sgx-card__media,
.sgx-episode__media,
.sgx-detail__poster {
  background:
    radial-gradient(circle at 75% 15%, rgba(120,66,255,.22), transparent 42%),
    linear-gradient(145deg,#11141d,#090b11 60%,#07131b);
}
.sgx-card__media > img,
.sgx-detail__poster > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#0b0d14;
}
.sgx-hero__asset {
  position:absolute;
  inset:0;
  z-index:-3;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.001;
  pointer-events:none;
}
.sgx-home__content > .sgx-section:nth-of-type(n+4),
.sgx-home__content > .sgx-editorial:nth-of-type(n+4) {
  content-visibility:auto;
  contain-intrinsic-size:520px;
}
.sgx-card__media img[aria-hidden="true"] { color:transparent; }