/* ========================================================================== 
   Space Gate Nova+ | Exact Live Premium Layout
   UI-only override. Playback, access, sessions, HLS and security are untouched.
   ========================================================================== */
:root {
  --sh-bg: #050508;
  --sh-bg-2: #050508;
  --sh-surface: #101015;
  --sh-surface-hover: #1a1a24;
  --sh-primary: #6a00ff;
  --sh-primary-hover: #8633ff;
  --sh-red: #e50914;
  --sh-vip: #6a00ff;
  --sh-vip-gradient: linear-gradient(135deg,#8633ff,#6a00ff);
  --sh-text: #fff;
  --sh-text-muted: #a5a5ae;
  --sh-text-dim: #6c737a;
  --sh-border: rgba(255,255,255,.10);
  --sh-border-strong: rgba(106,0,255,.30);
  --yt-header-desktop: 76px;
  --yt-header-mobile: 60px;
  --yt-icon-button: 40px;
  --yt-icon-size: 22px;
  --yt-radius-thumb: 8px;
  --yt-radius-card: 8px;
  --yt-title-desktop: 22px;
  --yt-title-mobile: 18px;
  --yt-body: 14px;
  --yt-meta: 12px;
  --yt-button-height: 40px;
  --yt-section-x-desktop: clamp(20px,5vw,60px);
  --yt-section-x-mobile: 16px;
  --yt-card-gap-desktop: 16px;
  --yt-card-gap-mobile: 12px;
  --yt-control: rgba(255,255,255,.15);
  --sg-mobile-viewport: 100dvh;
  --sh-font: 'IBM Plex Sans Arabic','Inter',sans-serif;
}

html { background: var(--sh-bg) !important; scroll-behavior: smooth; }
body.sg-nova-live {
  margin: 0 !important;
  min-height: 100vh !important;
  padding-bottom: 70px !important;
  overflow-x: hidden !important;
  background: var(--sh-bg) !important;
  background-image: none !important;
  color: var(--sh-text) !important;
  font-family: var(--sh-font) !important;
  font-size: var(--yt-body) !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased;
}
body.sg-nova-live a { color: inherit; text-decoration: none; }
body.sg-nova-live button,
body.sg-nova-live input,
body.sg-nova-live select { font: inherit; }

/* Header: supplied 76px geometry. */
body.sg-nova-live .sh-navbar,
body.sg-nova-live .bein-header {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  height: var(--yt-header-desktop) !important;
  min-height: var(--yt-header-desktop) !important;
  background: linear-gradient(180deg,rgba(5,5,8,.95) 0%,rgba(5,5,8,.80) 100%) !important;
  border-bottom: 1px solid var(--sh-border) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: none !important;
}
body.sg-nova-live .bein-header-inner {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 var(--yt-section-x-desktop) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  direction: rtl !important;
}
body.sg-nova-live .sh-brand,
body.sg-nova-live .connect-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-inline-end: 24px !important;
  color: #fff !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;
  white-space: nowrap !important;
}
body.sg-nova-live .sh-brand img,
body.sg-nova-live .connect-logo img { width: 32px !important; height: 32px !important; object-fit: contain !important; }
body.sg-nova-live .sh-brand > span,
body.sg-nova-live .connect-logo > span { color: #fff !important; }
body.sg-nova-live .sh-brand > span > span,
body.sg-nova-live .connect-logo > span > span { color: var(--sh-primary) !important; }
body.sg-nova-live .sh-nav-links,
body.sg-nova-live .top-nav {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
  color: var(--sh-text-muted) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
body.sg-nova-live .sh-nav-links a,
body.sg-nova-live .top-nav a {
  position: relative !important;
  height: var(--yt-header-desktop) !important;
  padding: 0 !important;
  color: var(--sh-text-muted) !important;
  line-height: var(--yt-header-desktop) !important;
}
body.sg-nova-live .sh-nav-links a:hover,
body.sg-nova-live .sh-nav-links a.active,
body.sg-nova-live .top-nav a:hover,
body.sg-nova-live .top-nav a.active { color: #fff !important; }
body.sg-nova-live .sh-nav-links a.active::after,
body.sg-nova-live .top-nav a.active::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 2px !important;
  border-radius: 2px !important;
  background: #fff !important;
}
body.sg-nova-live .sh-actions,
body.sg-nova-live .header-actions { display: flex !important; align-items: center !important; gap: 12px !important; }
body.sg-nova-live .sh-icon-btn {
  width: var(--yt-icon-button) !important;
  height: var(--yt-icon-button) !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
}
body.sg-nova-live .sh-icon-btn:hover { background: rgba(255,255,255,.10) !important; }
body.sg-nova-live .sh-icon-btn .material-icons { font-size: var(--yt-icon-size) !important; }
body.sg-nova-live .header-network {
  min-height: var(--yt-button-height) !important;
  max-width: 230px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  color: var(--sh-text-muted) !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
body.sg-nova-live .btn-connect,
body.sg-nova-live .sh-btn-vip {
  min-height: var(--yt-button-height) !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
body.sg-nova-live .btn-connect:hover,
body.sg-nova-live .sh-btn-vip:hover { background: rgba(255,255,255,.10) !important; border-color: #fff !important; }

/* Full-width page and cinematic player hero. */
body.sg-nova-live .bein-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: var(--yt-header-desktop) 0 42px !important;
}
body.sg-nova-live .bein-layout,
body.sg-nova-live .player-column { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 0 !important; }
body.sg-nova-live .sh-live-hero,
body.sg-nova-live .player-hero-shell {
  position: relative !important;
  width: 100% !important;
  height: 80vh !important;
  min-height: 500px !important;
  max-height: 800px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  background: var(--sh-bg) !important;
}
body.sg-nova-live .sh-live-hero::before,
body.sg-nova-live .player-hero-shell::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background:
    linear-gradient(to top,var(--sh-bg) 0%,transparent 60%),
    linear-gradient(to left,var(--sh-bg) 0%,rgba(5,5,8,.5) 50%,transparent 100%) !important;
  pointer-events: none !important;
}
body.sg-nova-live .player-container,
body.sg-nova-live .player-shell {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
body.sg-nova-live .player-shell video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #000 !important;
}
body.sg-nova-live .player-shell::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 20%,transparent 60%,rgba(0,0,0,.8) 100%) !important;
  pointer-events: none !important;
}
body.sg-nova-live .sg-player-watermark {
  position: absolute !important;
  top: 40px !important;
  left: 40px !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  opacity: .8 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.8) !important;
  pointer-events: none !important;
}
body.sg-nova-live .sg-player-watermark__live,
body.sg-nova-live .sg-player-watermark small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--sh-primary) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 2px !important;
}
body.sg-nova-live .top-layer { top: 32px !important; right: 32px !important; left: auto !important; z-index: 6 !important; }
body.sg-nova-live .live-group { display: flex !important; align-items: center !important; gap: 10px !important; }
body.sg-nova-live .live-badge,
body.sg-nova-live .net-badge {
  min-height: 24px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body.sg-nova-live .live-badge { background: var(--sh-red) !important; }
body.sg-nova-live .net-badge { background: rgba(0,0,0,.60) !important; border: 1px solid rgba(255,255,255,.20) !important; }
body.sg-nova-live .big-play { position: absolute !important; inset: 0 !important; z-index: 5 !important; display: grid !important; place-items: center !important; background: transparent !important; }
body.sg-nova-live .big-play span { width: 72px !important; height: 72px !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #fff !important; color: #000 !important; font-size: 36px !important; box-shadow: 0 10px 30px rgba(0,0,0,.5) !important; }

body.sg-nova-live .player-controls {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 8 !important;
  padding: 40px 32px 20px !important;
  background: linear-gradient(to top,rgba(0,0,0,.95),transparent) !important;
}
body.sg-nova-live .progress { width: 100% !important; height: 5px !important; margin: 0 0 16px !important; border-radius: 99px !important; }
body.sg-nova-live .progress::-webkit-slider-runnable-track { height: 5px !important; border-radius: 99px !important; background: linear-gradient(90deg,#350080,var(--sh-primary)) !important; }
body.sg-nova-live .progress::-webkit-slider-thumb { width: 16px !important; height: 16px !important; margin-top: -5px !important; border-radius: 50% !important; background: var(--sh-primary) !important; box-shadow: 0 0 10px rgba(106,0,255,.6) !important; }
body.sg-nova-live .controls-row { display: flex !important; align-items: center !important; gap: 16px !important; }
body.sg-nova-live .control-btn,
body.sg-nova-live .quality-select,
body.sg-nova-live .network-mode-select {
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Program title overlays the same hero, at the supplied scale. */
body.sg-nova-live .now-playing {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 10 !important;
  width: 100% !important;
  padding: 0 var(--yt-section-x-desktop) 60px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  pointer-events: none !important;
}
body.sg-nova-live .now-playing > * { pointer-events: auto !important; }
body.sg-nova-live .now-title {
  max-width: 800px !important;
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: clamp(32px,5vw,48px) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-shadow: 0 4px 20px rgba(0,0,0,.8) !important;
}
body.sg-nova-live .vod-tags,
body.sg-nova-live .live-tags { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
body.sg-nova-live .vod-tags span,
body.sg-nova-live .live-tags span {
  min-height: 26px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
}
body.sg-nova-live .network-mode-wrap { display: flex !important; align-items: center !important; gap: 10px !important; }
body.sg-nova-live .rescue-toggle {
  min-height: 36px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Guide and exact 16px rail/card geometry. */
body.sg-nova-live .sh-section,
body.sg-nova-live .guide-panel {
  position: relative !important;
  z-index: 5 !important;
  width: 100% !important;
  padding: 24px var(--yt-section-x-desktop) 48px !important;
  background: var(--sh-bg) !important;
}
body.sg-nova-live .sh-section-header { display: flex !important; align-items: flex-end !important; justify-content: space-between !important; margin-bottom: 16px !important; }
body.sg-nova-live .sh-section-title { margin: 0 !important; color: #fff !important; font-size: var(--yt-title-desktop) !important; font-weight: 800 !important; }
body.sg-nova-live .guide-tools { display: grid !important; grid-template-columns: minmax(260px,430px) 1fr !important; align-items: center !important; gap: 16px !important; margin-bottom: 20px !important; }
body.sg-nova-live .chips { display: flex !important; gap: 8px !important; overflow-x: auto !important; scrollbar-width: none !important; }
body.sg-nova-live .chip {
  min-height: 36px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.05) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}
body.sg-nova-live .chip.active { background: var(--sh-primary) !important; border-color: var(--sh-primary) !important; }
body.sg-nova-live .search-box { position: relative !important; width: 100% !important; min-width: 240px !important; max-width: 360px !important; justify-self: end !important; }
body.sg-nova-live .search-box input {
  width: 100% !important;
  height: 40px !important;
  padding: 0 40px 0 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.05) !important;
  color: #fff !important;
  font-size: 14px !important;
}
body.sg-nova-live .search-box input:focus { border-color: var(--sh-primary) !important; background: rgba(255,255,255,.08) !important; }

body.sg-nova-live .schedule-list,
body.sg-nova-live .sh-carousel {
  display: flex !important;
  gap: var(--yt-card-gap-desktop) !important;
  overflow-x: auto !important;
  padding: 0 0 20px !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
}
body.sg-nova-live .schedule-list::-webkit-scrollbar,
body.sg-nova-live .sh-carousel::-webkit-scrollbar { display: none !important; }
body.sg-nova-live .channel-card {
  position: relative !important;
  flex: 0 0 clamp(180px,16vw,260px) !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: right !important;
  scroll-snap-align: start !important;
  transition: transform .3s ease !important;
}
body.sg-nova-live .channel-card:hover { z-index: 10 !important; transform: scale(1.04) translateY(-4px) !important; }
body.sg-nova-live .channel-logo {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  border-radius: var(--yt-radius-card) !important;
  background: #17171d !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.5) !important;
}
body.sg-nova-live .channel-logo img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.sg-nova-live .channel-access-badge {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 2 !important;
  padding: 4px 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border-radius: 4px !important;
  background: var(--sh-primary) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body.sg-nova-live .channel-access-badge.is-free { background: #10b981 !important; }
body.sg-nova-live .channel-copy { padding: 12px 4px 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
body.sg-nova-live .channel-title { color: #fff !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 700 !important; }
body.sg-nova-live .channel-time,
body.sg-nova-live .recommended-line { color: var(--sh-text-muted) !important; font-size: 12px !important; }
body.sg-nova-live .quality-row { display: flex !important; gap: 6px !important; margin-top: 4px !important; }
body.sg-nova-live .qbtn {
  height: 24px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.10) !important;
  color: var(--sh-text-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
body.sg-nova-live .qbtn:hover,
body.sg-nova-live .qbtn.active { background: var(--sh-primary) !important; border-color: var(--sh-primary) !important; color: #fff !important; }
body.sg-nova-live .channel-card.active-channel .channel-logo { box-shadow: 0 0 0 2px var(--sh-primary),0 10px 20px rgba(106,0,255,.4) !important; }

/* Retained commercial notice, gate and professional copy. */
body.sg-nova-live .sg-public-live-notice {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 16px !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(106,0,255,.32) !important;
  border-radius: 8px !important;
  background: linear-gradient(90deg,rgba(106,0,255,.16),rgba(106,0,255,.06)) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  font-weight: 700 !important;
  text-align: center !important;
}
body.sg-nova-live .sg-subscription-gate { position: fixed !important; inset: 0 !important; z-index: 5000 !important; display: grid !important; place-items: center !important; padding: 20px !important; }
body.sg-nova-live .sg-subscription-gate[hidden] { display: none !important; }
body.sg-nova-live .sg-subscription-backdrop { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,.82) !important; -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important; }
body.sg-nova-live .sg-subscription-card {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 400px !important;
  padding: 32px !important;
  border: 1px solid var(--sh-border) !important;
  border-radius: 16px !important;
  background: var(--sh-surface) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.8) !important;
  color: #fff !important;
  text-align: center !important;
}
body.sg-nova-live .sg-subscription-icon { margin-bottom: 16px !important; color: var(--sh-primary) !important; font-size: 48px !important; }
body.sg-nova-live .sg-subscription-card h2 { margin: 0 0 12px !important; font-size: 24px !important; font-weight: 800 !important; }
body.sg-nova-live .sg-subscription-card p { margin: 0 0 24px !important; color: var(--sh-text-muted) !important; font-size: 15px !important; line-height: 1.6 !important; }
body.sg-nova-live .sg-subscription-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
body.sg-nova-live .sg-subscription-actions > * { min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700 !important; }
body.sg-nova-live .sg-subscription-primary { background: var(--sh-primary) !important; color: #fff !important; }
body.sg-nova-live .sg-subscription-later { background: rgba(255,255,255,.10) !important; color: #fff !important; }

/* Preserve the original navigation markup; only enforce the requested scale. */
body.sg-nova-live .bottom-nav {
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  display: none !important;
  grid-template-columns: repeat(5,1fr) !important;
  height: calc(60px + env(safe-area-inset-bottom)) !important;
  padding: 0 0 env(safe-area-inset-bottom) !important;
  border-top: 1px solid var(--sh-border) !important;
  background: rgba(5,5,8,.95) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  backdrop-filter: blur(20px) !important;
}
body.sg-nova-live .bottom-nav a {
  min-height: 60px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  color: var(--sh-text-muted) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
}
body.sg-nova-live .bottom-nav a.active { color: #fff !important; }
body.sg-nova-live .bottom-nav svg { width: 24px !important; height: 24px !important; fill: currentColor !important; }
body.sg-nova-live .bottom-nav a.active svg { color: var(--sh-primary) !important; fill: var(--sh-primary) !important; }

/* Floating mini player retains functionality but follows the same radius. */
body.sg-nova-live .player-container.is-mini {
  position: fixed !important;
  right: 20px !important;
  bottom: 80px !important;
  width: 320px !important;
  height: 180px !important;
  z-index: 1000 !important;
  overflow: hidden !important;
  border: 1px solid var(--sh-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,.8) !important;
}
body.sg-nova-live .player-container.is-mini .now-playing { display: none !important; }

@media (max-width: 1100px) {
  body.sg-nova-live .top-nav,
  body.sg-nova-live .sh-nav-links { display: none !important; }
}

@media (max-width: 860px) {
  body.sg-nova-live { padding-bottom: calc(60px + env(safe-area-inset-bottom)) !important; }
  body.sg-nova-live .bein-header,
  body.sg-nova-live .sh-navbar { height: var(--yt-header-mobile) !important; min-height: var(--yt-header-mobile) !important; }
  body.sg-nova-live .bein-header-inner { padding: 0 var(--yt-section-x-mobile) !important; }
  body.sg-nova-live .sh-brand,
  body.sg-nova-live .connect-logo { margin-inline-end: 0 !important; font-size: 20px !important; }
  body.sg-nova-live .header-network,
  body.sg-nova-live .btn-connect,
  body.sg-nova-live .sh-btn-vip { display: none !important; }
  body.sg-nova-live .bein-page { padding-top: var(--yt-header-mobile) !important; }

  body.sg-nova-live .sh-live-hero,
  body.sg-nova-live .player-hero-shell { height: 40vh !important; min-height: 250px !important; max-height: none !important; }
  body.sg-nova-live .sg-player-watermark { top: 16px !important; left: 16px !important; font-size: 14px !important; }
  body.sg-nova-live .sg-player-watermark__live,
  body.sg-nova-live .sg-player-watermark small { font-size: 8px !important; }
  body.sg-nova-live .top-layer { top: 12px !important; right: 12px !important; }
  body.sg-nova-live .live-badge,
  body.sg-nova-live .net-badge { min-height: 20px !important; padding: 0 6px !important; font-size: 9px !important; }
  body.sg-nova-live .big-play span { width: 56px !important; height: 56px !important; font-size: 30px !important; }
  body.sg-nova-live .player-controls { padding: 30px 12px 10px !important; }
  body.sg-nova-live .controls-row { gap: 8px !important; }
  body.sg-nova-live .volume-range { display: none !important; }

  body.sg-nova-live .now-playing {
    position: relative !important;
    padding: 16px var(--yt-section-x-mobile) !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    background: var(--sh-bg) !important;
  }
  body.sg-nova-live .now-title { margin-bottom: 8px !important; font-size: 24px !important; }
  body.sg-nova-live .network-mode-wrap { width: 100% !important; justify-content: space-between !important; }

  body.sg-nova-live .sh-section,
  body.sg-nova-live .guide-panel { padding: 0 var(--yt-section-x-mobile) 24px !important; }
  body.sg-nova-live .sh-section-title { font-size: var(--yt-title-mobile) !important; }
  body.sg-nova-live .guide-tools { grid-template-columns: 1fr !important; gap: 12px !important; }
  body.sg-nova-live .search-box { min-width: 0 !important; max-width: none !important; justify-self: stretch !important; }
  body.sg-nova-live .channel-card { flex-basis: clamp(140px,40vw,180px) !important; }
  body.sg-nova-live .channel-card:hover { transform: none !important; }
  body.sg-nova-live .channel-card:active { transform: scale(.97) !important; }
  body.sg-nova-live .bottom-nav { display: grid !important; }
  body.sg-nova-live .bottom-nav a:nth-child(6),
  body.sg-nova-live .bottom-nav a:nth-child(7),
  body.sg-nova-live .bottom-nav a:nth-child(8) { display: none !important; }
  body.sg-nova-live .player-container.is-mini { right: 10px !important; bottom: calc(70px + env(safe-area-inset-bottom)) !important; width: 240px !important; height: 135px !important; }
}

body.sg-nova-live .player-shell:fullscreen,
body.sg-nova-live .player-shell:-webkit-full-screen { width: 100vw !important; height: 100vh !important; border-radius: 0 !important; }
body.sg-nova-live .sg-carousel-arrow { display: none !important; }