/* SpaceGate Nova Commercial VOD Player v3.4 */
body.sg-player-open,
body.sgx-player-open{overflow:hidden!important;background:#000!important;overscroll-behavior:none}

.sgx-player.sgx-player--pro{
  --sgpp-accent:#8d38ff;
  --sgpp-accent-2:#36d9ff;
  --sgpp-good:#33e6a1;
  --sgpp-warn:#ffcc66;
  --sgpp-danger:#ff6682;
  --sgpp-panel:rgba(13,14,22,.72);
  --sgpp-line:rgba(255,255,255,.14);
  position:fixed;inset:0;z-index:10000;width:100%;height:100vh;height:100dvh;
  background:#000;color:#fff;isolation:isolate;overflow:hidden
}
.sgx-player--pro .sgx-player__backdrop{inset:-12%;filter:blur(58px) saturate(1.15);opacity:.3;transform:scale(1.14)}
.sgx-player--pro .sgx-player__backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(141,56,255,.3),transparent 36%),radial-gradient(circle at 80% 80%,rgba(54,217,255,.16),transparent 34%),rgba(0,0,0,.62)}
.sgx-player--pro .sgx-player__stage{width:100%;height:100%;height:100dvh;max-height:none;background:#000;cursor:none;touch-action:manipulation;outline:0}
.sgx-player--pro .sgx-player__stage.is-ui-visible,
.sgx-player--pro .sgx-player__stage.is-loading,
.sgx-player--pro .sgx-player__stage.is-embed,
.sgx-player--pro .sgx-player__stage.is-switching{cursor:default}
.sgx-player--pro video,.sgx-player--pro iframe{object-fit:contain;transition:opacity .22s ease,filter .22s ease,transform .22s ease}
.sgx-player--pro .sgx-player__stage.is-switching video,
.sgx-player--pro .sgx-player__stage.is-switching iframe{opacity:.28;filter:blur(2px);transform:scale(.995)}
.sgx-player--pro .sgx-player__stage:after{background:linear-gradient(180deg,rgba(0,0,0,.76),rgba(0,0,0,.05) 22%,transparent 55%,rgba(0,0,0,.94));opacity:0}
.sgx-player--pro .sgx-player__stage.is-ui-visible:after,
.sgx-player--pro .sgx-player__stage.is-loading:after,
.sgx-player--pro .sgx-player__stage.is-switching:after{opacity:1}

.sgx-player--pro .sgx-player__top{
  height:auto;min-height:88px;padding:calc(16px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-left)) 14px max(20px,env(safe-area-inset-right));
  grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center
}
.sgx-player--pro .sgx-player__heading{min-width:0;display:grid;gap:5px}
.sgx-player--pro .sgx-player__heading h1{margin:0;font:800 clamp(15px,1.8vw,20px)/1.35 Alexandria,"IBM Plex Sans Arabic",sans-serif;letter-spacing:-.02em;text-shadow:0 3px 18px rgba(0,0,0,.85)}
.sgx-player--pro .sgx-player__heading-meta{display:flex;align-items:center;gap:8px;min-width:0;color:rgba(255,255,255,.66);font:700 10px/1.4 Alexandria,sans-serif}
.sgx-player--pro .sgx-player__heading-meta>span:not(:last-child):after{content:"•";margin-inline-start:8px;color:rgba(255,255,255,.34)}
.sgx-player--pro .sgx-player__quality-badge{padding:3px 8px;border-radius:999px;background:rgba(51,230,161,.13);border:1px solid rgba(51,230,161,.25);color:#baffdf}
.sgx-player--pro .sgx-player__circle{width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(255,255,255,.2);background:rgba(13,14,22,.58);box-shadow:0 12px 38px rgba(0,0,0,.3);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);transition:transform .18s ease,background .18s ease,border-color .18s ease}
.sgx-player--pro .sgx-player__circle:hover{transform:translateY(-1px);background:rgba(255,255,255,.96);border-color:#fff;color:#050508}
.sgx-player--pro .sgx-player__top-actions{display:flex;align-items:center;gap:9px}

.sgx-player--pro .sgx-player__status{display:none!important}


.sgx-player--pro .sgx-player__loader{
  position:absolute;z-index:7;inset:auto;left:50%;top:50%;transform:translate(-50%,-50%);
  width:46px;height:46px;border-radius:15px;display:none;place-items:center;padding:0;
  background:rgba(8,9,14,.5);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 34px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:none
}
.sgx-player--pro .sgx-player__stage.is-loading .sgx-player__loader{display:grid;animation:sgxPop .14s ease-out}
.sgx-player--pro .sgx-player__spinner{width:23px!important;height:23px!important;border-radius:50%;border:2px solid rgba(255,255,255,.16)!important;border-top-color:#fff!important;border-right-color:var(--sgpp-accent-2)!important;animation:sgxSpin .78s linear infinite;box-shadow:none}
.sgx-player--pro .sgx-player__loader strong,.sgx-player--pro .sgx-player__loader small{display:none!important}

.sgx-player--pro .sgx-player__error{background:transparent;padding:0;pointer-events:none}
.sgx-player--pro .sgx-player__error-inner{width:auto;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(10,11,17,.76);box-shadow:0 20px 60px rgba(0,0,0,.48);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto}
.sgx-player--pro .sgx-player__error-icon,.sgx-player--pro .sgx-player__error b,.sgx-player--pro .sgx-player__error p{display:none!important}
.sgx-player--pro .sgx-player__error-actions{display:flex;align-items:center;justify-content:center;gap:8px}
.sgx-player--pro .sgx-player__error-actions button{width:46px;height:46px;padding:0;border-radius:14px;margin:0;cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,background .16s ease}
.sgx-player--pro .sgx-player__error-actions button svg{width:21px;height:21px;fill:currentColor}
.sgx-player--pro .sgx-player__error-actions .is-primary{background:#fff;color:#09090d;border:1px solid #fff}
.sgx-player--pro .sgx-player__error-actions .is-secondary{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.15)}
.sgx-player--pro .sgx-player__error-actions button:hover{transform:translateY(-1px) scale(1.02)}
.sgx-player--pro .sgx-player__top{z-index:12}


.sgx-player--pro .sgx-player__controls{
  padding:0 max(20px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  transform:translateY(12px)
}
.sgx-player--pro .sgx-player__controls:before{content:"";position:absolute;inset:-20px 12px -8px;border-radius:24px;background:linear-gradient(180deg,rgba(17,18,27,.2),rgba(11,12,19,.72));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 55px rgba(0,0,0,.35);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);z-index:-1}
.sgx-player--pro .sgx-player__seek-wrap{gap:14px;margin-bottom:12px}
.sgx-player--pro .sgx-player__seek{
  --progress:0%;--buffered:0%;height:5px;border-radius:99px;
  background:linear-gradient(90deg,#fff 0 var(--progress),rgba(255,255,255,.48) var(--progress) var(--buffered),rgba(255,255,255,.19) var(--buffered) 100%);
  touch-action:none
}
.sgx-player--pro .sgx-player__seek::-webkit-slider-thumb{width:16px;height:16px;box-shadow:0 0 0 6px rgba(255,255,255,.12),0 2px 10px rgba(0,0,0,.45)}
.sgx-player--pro .sgx-player__time{min-width:105px;font-size:10px;color:rgba(255,255,255,.72)}
.sgx-player--pro .sgx-player__bar{min-height:48px}
.sgx-player--pro .sgx-player__bar-left,.sgx-player--pro .sgx-player__bar-right{gap:6px}
.sgx-player--pro .sgx-player__control{width:44px;height:44px;transition:transform .16s ease,background .16s ease}
.sgx-player--pro .sgx-player__control:hover{transform:translateY(-1px);background:rgba(255,255,255,.13)}
.sgx-player--pro .sgx-player__control--play{width:50px;height:50px;box-shadow:0 10px 30px rgba(0,0,0,.36)}
.sgx-player--pro .sgx-player__control--play:hover{background:#fff;color:#07070a;transform:scale(1.04)}
.sgx-player--pro .sgx-player__volume{width:92px}

.sgx-player--pro .sgx-quality,.sgx-player--pro .sgx-speed{position:relative}
.sgx-player--pro .sgx-quality__toggle,.sgx-player--pro .sgx-speed__toggle{height:42px;min-width:68px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:rgba(255,255,255,.07);color:#fff;padding:0 12px;display:grid;place-items:center;align-content:center;gap:0;cursor:pointer;font-family:Alexandria,sans-serif;transition:background .17s,border-color .17s}
.sgx-player--pro .sgx-quality__toggle:hover,.sgx-player--pro .sgx-speed__toggle:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}
.sgx-player--pro .sgx-quality__toggle span{font-size:12px;font-weight:800;line-height:1.2}
.sgx-player--pro .sgx-quality__toggle small{font-size:8px;color:rgba(255,255,255,.5);line-height:1.2}
.sgx-player--pro .sgx-speed__toggle{font:800 12px Inter,sans-serif}
.sgx-player--pro .sgx-quality__menu,.sgx-player--pro .sgx-speed__menu{
  position:absolute;bottom:54px;left:0;min-width:190px;padding:8px;border:1px solid rgba(255,255,255,.13);border-radius:18px;
  background:rgba(13,14,22,.94);box-shadow:0 24px 70px rgba(0,0,0,.58);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
  display:none;overflow:hidden
}
.sgx-player--pro .sgx-quality.is-open .sgx-quality__menu,.sgx-player--pro .sgx-speed.is-open .sgx-speed__menu{display:grid;animation:sgxPop .18s ease-out}
.sgx-player--pro .sgx-quality__menu header{display:grid;gap:2px;padding:8px 9px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:5px}
.sgx-player--pro .sgx-quality__menu header b{font:800 12px Alexandria,sans-serif}
.sgx-player--pro .sgx-quality__menu header small{font:600 9px Alexandria,sans-serif;color:rgba(255,255,255,.48)}
.sgx-player--pro .sgx-quality__menu .sg-quality-pill{height:auto;min-height:48px;border:0;border-radius:11px;background:transparent;color:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:inherit;font-family:Alexandria,sans-serif}
.sgx-player--pro .sgx-quality__menu .sg-quality-pill span{font-size:12px;font-weight:800}
.sgx-player--pro .sgx-quality__menu .sg-quality-pill small{font-size:8px;color:rgba(255,255,255,.48)}
.sgx-player--pro .sgx-quality__menu .sg-quality-pill:hover,.sgx-player--pro .sgx-quality__menu .sg-quality-pill.active{background:linear-gradient(135deg,rgba(141,56,255,.34),rgba(54,217,255,.13));color:#fff;box-shadow:inset 0 0 0 1px rgba(151,95,255,.45)}
.sgx-player--pro .sgx-speed__menu{min-width:132px;gap:3px}
.sgx-player--pro .sgx-speed__option{height:38px;border:0;border-radius:9px;background:transparent;color:#fff;font:700 11px Alexandria,sans-serif;cursor:pointer}
.sgx-player--pro .sgx-speed__option:hover,.sgx-player--pro .sgx-speed__option.active{background:rgba(255,255,255,.12)}
.sgx-player--pro .sgx-player__stage.is-embed .sgx-player__controls{display:none}

@media (pointer:coarse){
  .sgx-player--pro .sgx-player__circle,.sgx-player--pro .sgx-player__control{min-width:46px;min-height:46px}
  .sgx-player--pro .sgx-quality__toggle,.sgx-player--pro .sgx-speed__toggle{min-height:44px}
}

@media (max-width:820px){
  .sgx-player--pro .sgx-player__top{min-height:70px;padding:calc(9px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-left)) 8px max(10px,env(safe-area-inset-right));grid-template-columns:42px minmax(0,1fr) auto;gap:8px}
  .sgx-player--pro .sgx-player__circle{width:40px;height:40px}
  .sgx-player--pro .sgx-player__heading h1{font-size:13px}
  .sgx-player--pro .sgx-player__heading-meta{font-size:8px;gap:5px}
  .sgx-player--pro .sgx-player__heading-meta>span:not(:last-child):after{margin-inline-start:5px}
  .sgx-player--pro .sgx-player__controls{padding:0 max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .sgx-player--pro .sgx-player__controls:before{inset:-15px 4px -5px;border-radius:18px}
  .sgx-player--pro .sgx-player__bar-left .sgx-player__volume{display:none}
  .sgx-player--pro .sgx-player__control{width:40px;height:40px}
  .sgx-player--pro .sgx-player__control--play{width:46px;height:46px}
  .sgx-player--pro .sgx-player__time{min-width:76px;font-size:8px}
  .sgx-player--pro .sgx-quality__menu,.sgx-player--pro .sgx-speed__menu{position:fixed;left:10px;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));min-width:0;max-height:50vh;overflow:auto}
  .sgx-player--pro .sgx-quality__toggle{min-width:60px;padding-inline:9px}
  .sgx-player--pro .sgx-speed__toggle{min-width:48px;padding-inline:8px}
}

@media (max-width:520px) and (orientation:portrait){
  .sgx-player--pro .sgx-player__heading-meta>span:not(.sgx-player__quality-badge){display:none}
  .sgx-player--pro .sgx-player__bar-left .sgx-player__control:nth-of-type(2),
  .sgx-player--pro .sgx-player__bar-left .sgx-player__control:nth-of-type(3),
  .sgx-player--pro .sgx-player__bar-right [data-sgx-pip],
  .sgx-player--pro .sgx-speed{display:none}
  .sgx-player--pro .sgx-player__rotate{display:grid}
}

@media (orientation:landscape) and (max-height:620px){
  .sgx-player--pro .sgx-player__top{min-height:58px;padding:calc(6px + env(safe-area-inset-top)) max(12px,env(safe-area-inset-left)) 5px max(12px,env(safe-area-inset-right))}
  .sgx-player--pro .sgx-player__circle{width:38px;height:38px}
  .sgx-player--pro .sgx-player__controls{padding-bottom:calc(7px + env(safe-area-inset-bottom))}
  .sgx-player--pro .sgx-player__controls:before{inset:-11px 5px -3px}
  .sgx-player--pro .sgx-player__seek-wrap{margin-bottom:5px}
  .sgx-player--pro .sgx-player__bar{min-height:40px}
  .sgx-player--pro .sgx-player__control{width:38px;height:38px}
  .sgx-player--pro .sgx-player__control--play{width:43px;height:43px}
  .sgx-player--pro .sgx-quality__toggle,.sgx-player--pro .sgx-speed__toggle{height:38px}
  .sgx-player--pro .sgx-player__rotate{display:none}
}

@media (prefers-reduced-motion:reduce){
  .sgx-player--pro *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}