/* Arabtrix: a single responsive Arabic reading and watching surface. */
.arabtrix-site {
  --arabtrix-bg:#0b0e15;
  --arabtrix-panel:#141923;
  --arabtrix-line:#28303d;
  --arabtrix-text:#f2f4f8;
  --arabtrix-muted:#a5afbf;
  --arabtrix-gold:#ffc107;
  background:var(--arabtrix-bg);
  color:var(--arabtrix-text);
  font-family:"Noto Sans Arabic",system-ui,sans-serif;
  direction:rtl;
  line-height:1.7;
  font-size:16px
}
.arabtrix-site * {
  box-sizing:border-box
}
.arabtrix-site a {
  color:inherit
}
.arabtrix-site button,.arabtrix-site input,.arabtrix-site summary {
  font:inherit
}
.arabtrix-site button {
  cursor:pointer
}
.arabtrix-site h1,.arabtrix-site h2,.arabtrix-site h3 {
  font-family:inherit;
  color:var(--arabtrix-text);
  letter-spacing:0;
  margin:0;
  line-height:1.45
}
.arabtrix-site p {
  margin:0 0 16px
}
.arabtrix-site svg {
  flex-shrink:0;
  vertical-align:middle
}
.arabtrix-site [hidden] {
  display:none!important
}
.arabtrix-site :focus-visible {
  outline:3px solid var(--arabtrix-gold);
  outline-offset:5px
}
.arabtrix-site [id] {
  scroll-margin-top:0
}
.arabtrix-site em {
  font-style:normal
}
.arabtrix-site .Body.Container {
  max-width:1328px;
  padding:0 28px;
  margin:auto
}
.arabtrix-site .Body>.Content,.arabtrix-site .Body>.Content>.Container {
  width:100%;
  max-width:none;
  padding:0;
  margin:0;
  float:none
}
.arabtrix-site #Tp-Wp {
  overflow:clip;
  background:var(--arabtrix-bg)
}
.arabtrix-site .arabtrix-header {
  position:relative;
  z-index:30;
  background:#0d1119;
  border-bottom:0
}
.arabtrix-header-inner {
  max-width:1328px;
  margin:auto;
  padding:20px 28px;
  display:flex;
  align-items:center;
  gap:34px;
  min-height:90px
}
.arabtrix-site .arabtrix-brand {
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  line-height:1;
  font-size:25px;
  font-weight:900;
  letter-spacing:1px;
  flex-shrink:0
}
.arabtrix-site .arabtrix-brand .arabtrix-logo {
  display:block;
  width:230px;
  height:auto;
}
.arabtrix-primary-nav {
  display:flex;
  align-items:center;
  gap:26px;
  white-space:nowrap;
  font-size:15px;
  font-weight:700
}
.arabtrix-primary-nav a {
  padding:10px 0
}
.arabtrix-primary-nav a[aria-current],.arabtrix-primary-nav a:hover {
  color:var(--arabtrix-gold)
}
.arabtrix-header-search {
  margin-inline-start:auto;
  width:245px;
  position:relative
}
.arabtrix-header-search .Form-Icon {
  position:relative
}
.arabtrix-site .arabtrix-header-search input {
  height:43px;
  border:1px solid var(--arabtrix-line);
  border-radius:10px;
  background:#171d28;
  color:var(--arabtrix-text);
  padding:10px 15px 10px 42px;
  font-size:14px;
  width:100%
}
.arabtrix-header-search #searchsubmit {
  position:absolute;
  inset-inline-end:2px;
  top:2px;
  width:39px;
  height:39px;
  background:none;
  color:var(--arabtrix-muted);
  padding:0
}
.arabtrix-header-search .Result {
  background:var(--arabtrix-panel);
  border:0;
  box-shadow:var(--arabtrix-shadow-raised);
  max-height:60vh;
  overflow:auto
}
.arabtrix-site .arabtrix-menu-toggle {
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--arabtrix-text);
  padding:0;
  flex-shrink:0
}
.arabtrix-search-shortcut {
  display:none
}
.arabtrix-drawer {
  max-width:1272px;
  margin:auto;
  padding:20px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  border-top:0
}
.arabtrix-all-categories {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  width:100%;
  list-style:none;
  margin:0;
  padding:12px 0
}
.arabtrix-all-categories li {
  list-style:none
}
.arabtrix-all-categories .sub-menu {
  padding:8px 16px;
  color:var(--arabtrix-muted);
  font-size:14px
}
.arabtrix-mobile-search {
  display:none
}
.arabtrix-site .arabtrix-skip {
  position:fixed;
  top:-100px;
  right:20px;
  padding:12px 20px;
  background:var(--arabtrix-gold);
  color:#15191e;
  z-index:100
}
.arabtrix-skip:focus {
  top:12px
}
.arabtrix-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:450px;
  display:flex;
  align-items:center;
  margin:28px 0 22px;
  border-radius:18px;
  background:#17202b;
  border:0
}
.arabtrix-hero-art,.arabtrix-detail-backdrop {
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden
}
.arabtrix-site .arabtrix-hero-art img,.arabtrix-site .arabtrix-detail-backdrop img {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.52;
  position:static;
  filter:none
}
.arabtrix-hero:after,.arabtrix-detail-hero:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(270deg,#101621 8%,#101621dd 36%,#10162118 100%)
}
.arabtrix-hero-copy {
  padding:48px;
  max-width:680px
}
.arabtrix-eyebrow {
  color:var(--arabtrix-gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.3px;
  display:block;
  margin-bottom:8px
}
.arabtrix-site .arabtrix-hero h1 {
  font-weight:800;
  font-size:50px;
  line-height:1.25;
  margin:14px 0 22px
}
.arabtrix-hero h1 em {
  color:var(--arabtrix-gold)
}
.arabtrix-hero p {
  font-size:17px;
  color:#c3cad5
}
.arabtrix-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:24px
}
.arabtrix-site .arabtrix-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  padding:12px 22px;
  border-radius:9px;
  min-height:48px;
  font-weight:700;
  font-size:15px;
  line-height:1.3;
  text-decoration:none;
  transition:background .15s,transform .15s;
  white-space:normal;
  margin:0
}
.arabtrix-site .arabtrix-primary {
  background:var(--arabtrix-gold);
  color:#141922
}
.arabtrix-primary:hover {
  background:#ffd54f;
  transform:translateY(-2px)
}
.arabtrix-site .arabtrix-quiet {
  border-color:#364051;
  background:#1a2230;
  color:#e8edf5
}
.arabtrix-quiet:hover {
  background:#263348
}
.arabtrix-site .arabtrix-hero-feature {
  position:absolute;
  left:30px;
  bottom:30px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:2px 20px;
  max-width:300px;
  border-inline-start:0;
  padding:5px 18px;
  background:#0b101870
}
.arabtrix-hero-feature span {
  color:#bec7d4;
  font-size:12px
}
.arabtrix-hero-feature strong {
  grid-row:2;
  font-size:15px
}
.arabtrix-hero-feature svg {
  grid-row:1/3;
  grid-column:2;
  align-self:center
}
.arabtrix-discover {
  display:flex;
  gap:12px;
  margin:22px 0 38px;
  flex-wrap:wrap
}
.arabtrix-discover a {
  display:flex;
  align-items:center;
  gap:12px;
  border:0;
  padding:12px 24px;
  border-radius:9px;
  background:#131923;
  font-weight:700;
  font-size:15px
}
.arabtrix-discover a:hover {
  border-color:var(--arabtrix-gold)
}
.arabtrix-section {
  margin:40px 0
}
.arabtrix-section-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:22px
}
.arabtrix-site .arabtrix-section-head h2,.arabtrix-site .arabtrix-panel h2 {
  font-size:25px;
  font-weight:700
}
.arabtrix-more {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  white-space:nowrap;
  color:var(--arabtrix-muted)!important;
  padding:12px 0
}
.arabtrix-more:hover {
  color:var(--arabtrix-gold)!important
}
.arabtrix-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px 18px
}
.arabtrix-card {
  min-width:0
}
.arabtrix-card-art {
  position:relative;
  aspect-ratio:2/3;
  background:#212b39;
  border-radius:11px;
  overflow:hidden;
  border:0
}
.arabtrix-card-art img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.arabtrix-site .arabtrix-card h3 {
  font-size:15px;
  line-height:1.65;
  margin:12px 0 4px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.arabtrix-card-meta {
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:12px;
  color:var(--arabtrix-muted);
  min-height:22px
}
.arabtrix-rating {
  color:var(--arabtrix-gold);
  direction:ltr
}
.arabtrix-rating small {
  color:var(--arabtrix-muted);
  margin-inline-start:5px;
  font-size:12px
}
.arabtrix-tag {
  position:absolute;
  top:10px;
  right:10px;
  font-size:11px;
  border:0;
  background:#111b29df;
  padding:2px 9px;
  border-radius:5px;
  color:#fff
}
.arabtrix-card-play {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:#0d10143d;
  opacity:0;
  transition:opacity .2s
}
.arabtrix-card-play svg {
  background:var(--arabtrix-gold);
  color:#111824;
  border-radius:50%;
  width:48px;
  height:48px;
  padding:12px
}
.arabtrix-card a:hover .arabtrix-card-play,.arabtrix-card a:focus-visible .arabtrix-card-play {
  opacity:1
}
.arabtrix-latest-episodes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px
}
.arabtrix-latest-episode {
  display:flex;
  gap:14px;
  align-items:center;
  padding:12px;
  border:0;
  background:var(--arabtrix-panel);
  border-radius:10px;
  min-width:0
}
.arabtrix-latest-episode>div:nth-child(2) {
  flex:1;
  min-width:0
}
.arabtrix-site .arabtrix-latest-episode h3 {
  font-size:14px
}
.arabtrix-latest-episode .arabtrix-eyebrow {
  font-size:11px;
  margin:0 0 5px
}
.arabtrix-episode-art {
  width:90px;
  height:60px;
  flex-shrink:0;
  overflow:hidden;
  border-radius:6px;
  background:#253042
}
.arabtrix-episode-art img {
  width:100%;
  height:100%;
  object-fit:cover
}
.arabtrix-breadcrumb,.arabtrix-site .breadcrumb-nav {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
  font-size:12px;
  color:var(--arabtrix-muted);
  margin:26px 0;
  background:none;
  border:0;
  box-shadow:none;
  padding:0
}
.arabtrix-site .breadcrumb-nav a {
  color:var(--arabtrix-muted)
}
.arabtrix-detail-hero {
  isolation:isolate;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:38px;
  padding:40px;
  border-radius:16px;
  background:#15202c;
  border:0;
  min-height:350px
}
.arabtrix-detail-poster {
  width:180px;
  flex-shrink:0;
  aspect-ratio:2/3;
  border-radius:9px;
  overflow:hidden;
  box-shadow:var(--arabtrix-shadow-raised)
}
.arabtrix-detail-poster img {
  width:100%;
  height:100%;
  object-fit:cover
}
.arabtrix-detail-copy {
  min-width:0;
  max-width:760px
}
.arabtrix-site .arabtrix-detail h1 {
  font-size:32px;
  line-height:1.5;
  font-weight:800;
  margin:10px 0
}
.arabtrix-parent {
  color:#cbd4e2!important;
  text-decoration:underline;
  font-size:15px
}
.arabtrix-facts {
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
  font-size:14px;
  margin:16px 0;
  color:#ced6e2
}
.arabtrix-detail-nav {
  display:flex;
  gap:28px;
  padding:20px 4px;
  border-bottom:0;
  margin-bottom:28px;
  font-size:14px;
  font-weight:700
}
.arabtrix-detail-nav a {
  padding:8px 0
}
.arabtrix-detail-nav a:hover {
  color:var(--arabtrix-gold)
}
.arabtrix-panel {
  border:0;
  background:var(--arabtrix-panel);
  border-radius:13px;
  padding:28px;
  margin:24px 0
}
.arabtrix-muted,.arabtrix-local-note {
  color:var(--arabtrix-muted);
  font-size:14px
}
.arabtrix-local-note {
  margin:12px 0 0!important
}
.arabtrix-empty {
  padding:24px;
  color:var(--arabtrix-muted);
  border:0;
  border-radius:8px;
  text-align:center
}
.arabtrix-season-links {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:20px 0
}
.arabtrix-season-links a {
  padding:10px 20px;
  border:0;
  border-radius:7px;
  min-height:44px;
  background:#1b2331;
  font-size:14px
}
.arabtrix-season-links a[aria-current],.arabtrix-season-links a:hover {
  border-color:var(--arabtrix-gold);
  color:var(--arabtrix-gold)
}
.arabtrix-season {
  border-top:0;
  padding:14px 0
}
.arabtrix-season summary {
  cursor:pointer;
  font-weight:700;
  font-size:18px;
  padding:12px 4px
}
.arabtrix-season summary span {
  float:left;
  color:var(--arabtrix-muted);
  font-size:12px;
  font-weight:400
}
.arabtrix-episode-list {
  display:grid;
  gap:9px;
  margin-top:12px
}
.arabtrix-episode {
  display:flex;
  align-items:center;
  gap:16px;
  background:#1a2230;
  border:0;
  border-radius:8px;
  padding:14px 18px;
  min-height:72px
}
.arabtrix-episode-number {
  display:grid;
  place-items:center;
  background:#2b3545;
  min-width:38px;
  height:38px;
  border-radius:6px;
  font-weight:700
}
.arabtrix-episode-copy {
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0
}
.arabtrix-episode-copy strong {
  font-size:15px
}
.arabtrix-episode-copy span,.arabtrix-episode time {
  font-size:12px;
  color:var(--arabtrix-muted)
}
.arabtrix-episode.is-current,.arabtrix-episode:hover {
  border-color:var(--arabtrix-gold)
}
.arabtrix-episode.is-current .arabtrix-episode-number {
  background:var(--arabtrix-gold);
  color:#151b23
}
.arabtrix-next-prev {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:24px 0
}
.arabtrix-prose {
  line-height:1.95;
  color:#c7d0df;
  font-size:16px;
  overflow-wrap:anywhere
}
.arabtrix-info-list {
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding:22px 0 0;
  margin:20px 0 0;
  border-top:0;
  color:var(--arabtrix-muted);
  font-size:14px
}
.arabtrix-info-list strong {
  color:#e2e8f1;
  margin-inline-end:6px
}
.arabtrix-info-list a {
  color:var(--arabtrix-gold)
}
/* Retain the established lazy iframe and provider contract, improve its controls. */
.arabtrix-site .arabtrix-watch .TPlayerNv {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0;
  padding:0
}
.arabtrix-site .arabtrix-watch .TPlayerNv>li {
  list-style:none;
  float:none;
  width:auto;
  min-width:0;
  border:0;
  background:#202b3b;
  color:#fff;
  margin:0;
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
  line-height:1.45;
  min-height:0;
  font-size:13px
}
.arabtrix-site .arabtrix-watch .TPlayerNv>li>span {
  color:inherit;
  display:block
}
.arabtrix-site .arabtrix-watch .TPlayerNv>li.Current {
  border-color:var(--arabtrix-gold);
  background:#38301c;
  color:#ffe2a0
}
.arabtrix-site .arabtrix-watch .TPlayerNv>li span+span {
  font-size:11px;
  color:#b6bfce
}
.arabtrix-site .arabtrix-watch .TPlayerCn {
  background:#05070a;
  border-radius:9px;
  overflow:hidden;
  margin:0;
  box-shadow:none
}
.arabtrix-site .arabtrix-watch .TPlayer {
  padding-bottom:56.25%;
  height:0;
  background:#05070a;
  position:relative
}
.arabtrix-site .arabtrix-watch .TPlayerTb {
  position:absolute;
  inset:0;
  display:none;
  font-size:0
}
.arabtrix-site .arabtrix-watch .TPlayerTb.Current {
  display:block
}
.arabtrix-site .arabtrix-watch .TPlayerTb iframe {
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  border:0
}
/* Banner ads inside the watch panel must stay in normal flow: the absolute
   iframe rule above made a .bnr ad resolve against .Body Container and paint
   over the whole page, hiding every section below the player. */
.arabtrix-site .arabtrix-watch .bnr iframe {
  position:static;
  inset:auto;
  width:100%;
  height:auto;
  border:0
}
.arabtrix-site .arabtrix-watch .btnsplyr {
  display:none
}
.arabtrix-site .arabtrix-downloads .Wdgt {
  margin:0;
  padding:0;
  background:none;
  box-shadow:none
}
.arabtrix-site .arabtrix-downloads .Wdgt>.Title {
  display:none
}
.arabtrix-site .arabtrix-downloads .download-links {
  overflow:auto
}
.arabtrix-site .arabtrix-downloads table {
  display:block;
  overflow-x:auto;
  max-width:100%;
  white-space:nowrap;
  border-collapse:collapse;
  background:transparent;
  color:var(--arabtrix-text)
}
.arabtrix-site .arabtrix-downloads td,.arabtrix-site .arabtrix-downloads th {
  padding:14px;
  border-color:var(--arabtrix-line);
  background:transparent
}
.arabtrix-site .arabtrix-downloads .Button {
  background:#273449;
  color:white;
  min-height:44px;
  border-radius:7px
}
.arabtrix-site .arabtrix-downloads tr:hover td {
  background:#1d2838
}
.arabtrix-site.arabtrix-theater .arabtrix-watch {
  max-width:none;
  padding:24px;
  border-color:var(--arabtrix-gold)
}
.arabtrix-site.arabtrix-theater .arabtrix-detail-hero,.arabtrix-site.arabtrix-theater .arabtrix-header,.arabtrix-site.arabtrix-theater .arabtrix-footer {
  opacity:.2
}
.arabtrix-site.arabtrix-theater .Body.Container {
  max-width:1600px
}
.arabtrix-status {
  position:fixed;
  bottom:25px;
  left:24px;
  z-index:100;
  max-width:calc(100vw - 48px);
  background:var(--arabtrix-gold);
  color:#151b24;
  padding:12px 22px;
  border-radius:9px;
  font-weight:700;
  box-shadow:var(--arabtrix-shadow-raised)
}
.arabtrix-history-link {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:0;
  gap:12px;
  padding:14px 0;
  min-height:48px
}
.arabtrix-history-link span {
  font-size:14px;
  flex:1
}
.arabtrix-history-link small {
  color:var(--arabtrix-muted)
}
.arabtrix-footer {
  max-width:1272px;
  margin:55px auto 0;
  border-top:0;
  padding:34px 0 24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  color:var(--arabtrix-muted);
  font-size:13px
}
.arabtrix-footer-brand {
  display:inline-block;
  max-width:100%;
}
.arabtrix-footer-brand .arabtrix-logo {
  display:block;
  width:250px;
  max-width:100%;
  height:auto;
}
.arabtrix-footer p {
  margin:12px 0
}
.arabtrix-footer-links {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  list-style:none;
  margin:8px 0;
  padding:0
}
.arabtrix-footer-bottom {
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  border-top:0;
  padding-top:20px;
  font-size:12px
}
.arabtrix-site .TpRwCont {
  color:var(--arabtrix-text)
}
.arabtrix-site .Wdgt {
  background:var(--arabtrix-panel);
  color:var(--arabtrix-text)
}
@media(min-width:1500px) {
  .arabtrix-hero {
    min-height:500px
  }
  .arabtrix-site .arabtrix-hero h1 {
    font-size:58px
  }
}
@media(max-width:1100px) {
  .arabtrix-header-inner {
    gap:20px
  }
  .arabtrix-primary-nav {
    gap:16px;
    font-size:14px
  }
  .arabtrix-header-search {
    width:200px
  }
  .arabtrix-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .arabtrix-hero-feature {
    max-width:230px
  }
  .arabtrix-latest-episodes {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .arabtrix-footer {
    margin-inline:28px
  }
}
@media(max-width:900px) {
  .arabtrix-primary-nav,.arabtrix-header-search {
    display:none
  }
  .arabtrix-site .arabtrix-menu-toggle {
    display:flex
  }
  .arabtrix-header-inner {
    min-height:74px;
    padding:16px 20px;
    gap:12px
  }
  .arabtrix-site .arabtrix-brand {
    font-size:22px;
    margin-inline-end:auto
  }
  .arabtrix-site .arabtrix-brand .arabtrix-logo {
    width:200px;
  }
  .arabtrix-search-shortcut {
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px
  }
  .arabtrix-mobile-search {
    display:flex;
    margin:0 20px 16px;
    border:0;
    border-radius:9px;
    background:#171e2a;
    overflow:hidden
  }
  .arabtrix-site .arabtrix-mobile-search input {
    border:0;
    background:none;
    padding:12px 14px;
    color:white;
    min-width:0;
    flex:1;
    height:46px;
    border-radius:0;
    font-size:14px
  }
  .arabtrix-site .arabtrix-mobile-search button {
    width:48px;
    background:none;
    color:var(--arabtrix-muted);
    padding:0;
    border:0
  }
  .arabtrix-site .Body.Container {
    padding:0 20px
  }
  .arabtrix-site .arabtrix-hero h1 {
    font-size:42px
  }
  .arabtrix-hero {
    min-height:410px;
    margin-top:20px
  }
  .arabtrix-hero-copy {
    padding:30px
  }
  .arabtrix-hero:after {
    background:linear-gradient(270deg,#101621f0,#10162170),linear-gradient(0deg,#101621,transparent)
  }
  .arabtrix-hero-feature {
    display:none
  }
  .arabtrix-detail-hero {
    gap:24px;
    padding:26px
  }
  .arabtrix-detail-poster {
    width:140px
  }
  .arabtrix-site .arabtrix-detail h1 {
    font-size:26px
  }
  .arabtrix-info-list {
    grid-template-columns:1fr
  }
  .arabtrix-site .arabtrix-section-head h2,.arabtrix-site .arabtrix-panel h2 {
    font-size:23px
  }
  .arabtrix-panel {
    padding:22px
  }
}
@media(max-width:540px) {
  .arabtrix-site .Body.Container {
    padding:0 16px
  }
  .arabtrix-header-inner {
    padding:12px 16px
  }
  .arabtrix-mobile-search {
    margin:0 16px 14px
  }
  .arabtrix-drawer {
    padding:16px;
    gap:18px
  }
  .arabtrix-all-categories {
    display:block
  }
  .arabtrix-all-categories>li {
    padding:10px 0;
    border-top:0
  }
  .arabtrix-all-categories .sub-menu {
    display:flex;
    flex-wrap:wrap;
    gap:6px 15px;
    padding:10px 0
  }
  .arabtrix-site .arabtrix-hero h1 {
    font-size:38px;
    line-height:1.35
  }
  .arabtrix-hero-copy {
    padding:30px 24px
  }
  .arabtrix-hero {
    min-height:360px;
    border-radius:13px
  }
  .arabtrix-hero p {
    font-size:14px;
    line-height:1.9
  }
  .arabtrix-hero .arabtrix-eyebrow {
    font-size:10px
  }
  .arabtrix-actions {
    gap:9px;
    margin-top:20px
  }
  .arabtrix-site .arabtrix-button {
    padding:12px 16px;
    font-size:14px
  }
  .arabtrix-discover {
    gap:8px;
    margin:18px 0 30px;
    flex-wrap:nowrap
  }
  .arabtrix-discover a {
    padding:10px 12px;
    font-size:12px;
    gap:7px;
    flex:1;
    justify-content:center;
    min-height:46px;
    white-space:nowrap
  }
  .arabtrix-discover a svg {
    width:16px
  }
  .arabtrix-section {
    margin:32px 0
  }
  .arabtrix-section-head {
    margin-bottom:18px;
    gap:10px
  }
  .arabtrix-site .arabtrix-section-head h2,.arabtrix-site .arabtrix-panel h2 {
    font-size:21px
  }
  .arabtrix-eyebrow {
    font-size:11px
  }
  .arabtrix-more {
    font-size:12px;
    gap:5px
  }
  .arabtrix-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 13px
  }
  .arabtrix-site .arabtrix-card h3 {
    font-size:14px;
    margin-top:9px
  }
  .arabtrix-card-art {
    border-radius:9px
  }
  .arabtrix-latest-episodes {
    grid-template-columns:1fr
  }
  .arabtrix-breadcrumb {
    margin:20px 0;
    font-size:11px;
    gap:8px
  }
  .arabtrix-detail-hero {
    display:grid;
    grid-template-columns:95px 1fr;
    padding:22px 18px;
    gap:18px;
    align-items:start
  }
  .arabtrix-detail-poster {
    width:95px;
    margin-top:5px
  }
  .arabtrix-detail-copy {
    display:contents
  }
  .arabtrix-detail-copy>.arabtrix-eyebrow {
    grid-column:2;
    align-self:end;
    font-size:10px
  }
  .arabtrix-site .arabtrix-detail h1 {
    grid-column:2;
    font-size:22px;
    grid-row:2;
    margin:-10px 0 0
  }
  .arabtrix-detail-poster {
    grid-row:1/4
  }
  .arabtrix-detail-copy>.arabtrix-parent,.arabtrix-detail-copy>.arabtrix-facts,.arabtrix-detail-copy>.arabtrix-actions,.arabtrix-detail-copy>.arabtrix-local-note {
    grid-column:1/-1
  }
  .arabtrix-detail-copy>.arabtrix-facts {
    gap:12px;
    font-size:12px;
    margin:0
  }
  .arabtrix-detail-copy>.arabtrix-actions {
    margin-top:0
  }
  .arabtrix-detail-copy .arabtrix-button {
    flex:1;
    padding:12px 10px;
    font-size:13px;
    gap:6px
  }
  .arabtrix-detail-copy .arabtrix-button svg {
    width:17px
  }
  .arabtrix-detail-nav {
    gap:22px;
    font-size:13px;
    padding:12px 0;
    margin-bottom:18px;
    overflow:auto;
    white-space:nowrap
  }
  .arabtrix-panel {
    padding:18px 14px;
    margin:20px 0;
    border-radius:10px
  }
  .arabtrix-watch .arabtrix-section-head {
    align-items:flex-start
  }
  .arabtrix-watch .arabtrix-section-head .arabtrix-button {
    font-size:11px;
    min-height:40px;
    padding:9px;
    gap:5px
  }
  .arabtrix-watch .arabtrix-section-head .arabtrix-button svg {
    width:15px
  }
  .arabtrix-site .arabtrix-watch .TPlayerNv>li {
    min-width:0;
    flex:1 0 100px;
    padding:8px 10px;
    font-size:12px
  }
  .arabtrix-muted {
    font-size:12px
  }
  .arabtrix-episode {
    padding:12px;
    gap:12px
  }
  .arabtrix-episode time {
    display:none
  }
  .arabtrix-season summary {
    font-size:16px
  }
  .arabtrix-season summary span {
    font-size:11px
  }
  .arabtrix-episode-copy strong {
    font-size:14px
  }
  .arabtrix-episode-copy span {
    font-size:11px
  }
  .arabtrix-season-links {
    gap:8px
  }
  .arabtrix-season-links a {
    padding:9px 14px;
    font-size:12px
  }
  .arabtrix-prose {
    font-size:14px
  }
  .arabtrix-info-list {
    font-size:13px
  }
  .arabtrix-next-prev {
    gap:8px
  }
  .arabtrix-next-prev .arabtrix-button {
    font-size:12px;
    flex:1;
    padding:12px
  }
  .arabtrix-footer {
    margin:36px 16px 0;
    padding-top:28px;
    grid-template-columns:1fr
  }
  .arabtrix-footer-bottom {
    font-size:11px
  }
  .arabtrix-history-link {
    font-size:13px
  }
  .arabtrix-history-link small {
    display:none
  }
}
@media(prefers-reduced-motion:reduce) {
  .arabtrix-site * {
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important
  }
}
/* Neutralize the legacy fixed-header spacer and white content surface. */
.arabtrix-site #Tp-Wp {
  padding-top:0
}
.arabtrix-site .Body>.Content {
  background:transparent
}
.arabtrix-site .Body {
  padding-top:0
}
.arabtrix-site .arabtrix-footer {
  background:transparent
}
.arabtrix-site .arabtrix-player-start {
  position:absolute;
  inset:0;
  z-index:3;
  border:0;
  border-radius:8px;
  background:radial-gradient(ellipse at center,#26324a,#05070a 75%);
  color:var(--arabtrix-gold);
  font-size:22px;
  font-weight:700
}
.arabtrix-nojs {
  display:flex;
  gap:24px;
  padding:14px 24px;
  justify-content:center
}
.arabtrix-site .arabtrix-story {
  scroll-margin-top:0
}
@media(max-width:540px) {
  .arabtrix-detail-copy .arabtrix-actions .arabtrix-button {
    flex-basis:40%
  }
  .arabtrix-detail-copy .arabtrix-actions [data-arabtrix-save] {
    flex-basis:100%;
    min-height:42px
  }
  .arabtrix-site .arabtrix-detail-hero {
    min-height:0
  }
  .arabtrix-site .arabtrix-player-start {
    font-size:18px
  }
}
.arabtrix-site .arabtrix-hero-art img[src$="/img/cnt/w780.png"],.arabtrix-site .arabtrix-detail-backdrop img[src$="/img/cnt/w780.png"] {
  visibility:hidden
}
.arabtrix-secondary-actions {
  display:flex;
  gap:20px;
  margin-top:18px;
  flex-wrap:wrap
}
.arabtrix-site .arabtrix-text-button {
  padding:4px 0;
  min-height:36px;
  border:0;
  border-radius:0;
  background:none;
  color:#cbd5e5;
  font-size:13px;
  text-decoration:underline;
  text-underline-offset:5px
}
.arabtrix-trailer-dialog {
  background:var(--arabtrix-panel);
  color:var(--arabtrix-text);
  border:0;
  border-radius:12px;
  width:min(900px,94vw);
  padding:18px
}
.arabtrix-trailer-dialog::backdrop {
  background:#000c
}
.arabtrix-trailer-dialog iframe {
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
  margin-top:14px
}
.arabtrix-cast,.arabtrix-votes {
  margin-top:24px;
  border-top:0;
  padding-top:24px
}
.arabtrix-votes .post-ratings {
  color:var(--arabtrix-text)
}
.arabtrix-votes .post-ratings img {
  width:22px;
  height:22px
}
.arabtrix-site .arabtrix-cast h3,.arabtrix-site .arabtrix-votes h3 {
  font-size:17px
}
@media(max-width:540px) {
  .arabtrix-detail-copy>.arabtrix-secondary-actions {
    grid-column:1/-1;
    margin-top:0;
    gap:20px
  }
  .arabtrix-detail-copy>.arabtrix-secondary-actions button {
    font-size:12px
  }
  .arabtrix-site .arabtrix-detail h1 {
    overflow-wrap:anywhere
  }
}
.arabtrix-site #Tp-Wp {
  height:auto;
  min-height:100vh
}
.arabtrix-site {
  height:auto;
  min-height:100%
}
.arabtrix-site .arabtrix-watch .TPlayer {
  min-height:0!important;
  height:0!important;
  margin-bottom:0
}
.arabtrix-site .arabtrix-watch .TPlayerCn>.EcBgA {
  padding:0
}
.arabtrix-site .arabtrix-catalog h1 {
  font-size:30px
}
.arabtrix-pagination {
  margin:32px 0
}
.arabtrix-pagination ul {
  list-style:none;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:0
}
.arabtrix-pagination li>* {
  display:block;
  min-width:44px;
  min-height:44px;
  text-align:center;
  padding:9px 14px;
  border:0;
  border-radius:6px;
  background:var(--arabtrix-panel)
}
.arabtrix-pagination .current {
  background:var(--arabtrix-gold);
  color:#151a23
}
.arabtrix-site .arabtrix-catalog .arabtrix-empty h2 {
  font-size:22px;
  margin-bottom:12px
}
.arabtrix-site .arabtrix-catalog .arabtrix-empty a {
  color:var(--arabtrix-gold)
}
@media(max-width:540px) {
  .arabtrix-site .arabtrix-catalog h1 {
    font-size:23px
  }
}
@media(max-width:800px) {
  .arabtrix-site .arabtrix-hero-feature {
    display:none
  }
}
/* Keep existing in-player ad placements tall enough until their close action. */
.arabtrix-site .arabtrix-watch .TPlayer.on {
  min-height:390px!important
}
.arabtrix-site #comments {
  color:var(--arabtrix-text);
  margin-top:28px;
}
.arabtrix-site #comments .Title,.arabtrix-site #comments label {
  color:var(--arabtrix-text);
}
.arabtrix-site #comments input:not([type=submit]):not([type=checkbox]),.arabtrix-site #comments textarea {
  background:var(--arabtrix-panel);
  border:1px solid var(--arabtrix-line);
  color:var(--arabtrix-text);
}
.arabtrix-site .tr-description {
  color:var(--arabtrix-muted);
  margin:20px 0;
}



/* Legacy pages: the dark surface must not inherit the old black-on-white text. */
.arabtrix-site section>.Top>h1,
.arabtrix-site section>.Top>.Title,
.arabtrix-site .Page .Top .Title,
.arabtrix-site .Page .Title {
  color:var(--arabtrix-text)
}
.arabtrix-site .Page {
  color:var(--arabtrix-text)
}
.arabtrix-site .Page .Description,
.arabtrix-site .Page .Description p {
  color:var(--arabtrix-text)
}
.arabtrix-site .Page .Description a {
  color:var(--arabtrix-gold)
}
/* Legacy card titles sit on the page surface, not on a white card. */
.arabtrix-site .TPost.C > a > .Title {
  color:var(--arabtrix-text)
}
.arabtrix-site .TPost.C > a > .Year {
  color:var(--arabtrix-muted)
}
/* Sidebar widgets shared by the legacy archives. */
.arabtrix-site .widget-area .Wdgt {
  border:0;
  border-radius:14px;
  background:var(--arabtrix-panel);
  color:var(--arabtrix-text)
}
.arabtrix-site .widget-area .Wdgt>.Title,
.arabtrix-site .widget-area .widget-title {
  color:var(--arabtrix-text)
}
.arabtrix-site .widget-area .widget_categories>ul li,
.arabtrix-site .widget-area .widget_nav_menu>div>ul>li {
  background:transparent!important;
  color:var(--arabtrix-text)!important
}
.arabtrix-site .widget-area .widget_categories>ul li a,
.arabtrix-site .widget-area .widget_nav_menu>div>ul>li a,
.arabtrix-site .widget-area a {
  color:var(--arabtrix-text)!important
}
.arabtrix-site .widget-area .widget_categories>ul li a:hover,
.arabtrix-site .widget-area .widget_nav_menu>div>ul>li a:hover,
.arabtrix-site .widget-area a:hover {
  color:var(--arabtrix-gold)!important
}
.arabtrix-site .Title-404 {
  color:var(--arabtrix-text)
}
.arabtrix-site .Title-404>span {
  color:var(--arabtrix-muted)
}


/* Drawer categories: expandable, aligned groups instead of loose inline text. */
.arabtrix-all-categories {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:2px 24px;
  align-items:start;
  width:100%
}
.arabtrix-all-categories > li {
  position:relative;
  display:block
}
.arabtrix-all-categories > li > a {
  display:inline-flex;
  align-items:center;
  padding:8px 0;
  font-weight:700;
  color:var(--arabtrix-text)
}
.arabtrix-all-categories .sub-menu {
  display:none;
  margin:2px 0 12px;
  padding:6px 14px;
  list-style:none;
  background:#10151f;
  border:0;
  border-inline-start:0;
  border-radius:0 10px 10px 0
}
.arabtrix-all-categories li.is-open > .sub-menu {
  display:block
}
.arabtrix-all-categories .sub-menu a {
  display:block;
  padding:6px 0;
  color:var(--arabtrix-muted);
  font-size:14px
}
.arabtrix-all-categories .sub-menu a:hover {
  color:var(--arabtrix-gold)
}
.arabtrix-site .arabtrix-submenu-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  margin-inline-start:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--arabtrix-muted);
  margin-block:0;
  vertical-align:middle
}
.arabtrix-site .arabtrix-submenu-toggle svg {
  width:14px;
  height:14px;
  transition:transform .2s ease
}
.arabtrix-site .arabtrix-submenu-toggle[aria-expanded=true] svg {
  transform:rotate(180deg)
}
.arabtrix-all-categories > li > i {
  display:none
}

/* Latest episodes archive: same cards and rhythm as the rest of the site. */
.arabtrix-episodes-page .arabtrix-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:32px;
  align-items:start;
  margin-top:24px
}
.arabtrix-episode-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}
.arabtrix-episode-card {
  overflow:hidden;
  border:0;
  border-radius:14px;
  background:var(--arabtrix-panel)
}
.arabtrix-episode-card > a {
  display:flex;
  flex-direction:column;
  height:100%;
  color:inherit;
  text-decoration:none
}
.arabtrix-episode-card-art {
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0d1119
}
.arabtrix-episode-card-art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}
.arabtrix-episode-badge {
  position:absolute;
  inset-inline-start:10px;
  bottom:10px;
  padding:3px 8px;
  border:0;
  border-radius:6px;
  background:#0b0e15d9;
  color:#ffe2a0;
  font-size:12px;
  font-weight:700
}
.arabtrix-episode-card-art .arabtrix-card-play {
  position:absolute;
  inset-inline-end:10px;
  bottom:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#0b0e15cc;
  color:var(--arabtrix-gold)
}
.arabtrix-episode-card-copy {
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:14px
}
.arabtrix-episode-card-copy h2 {
  display:-webkit-box;
  overflow:hidden;
  font-size:16px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.arabtrix-episode-meta {
  color:var(--arabtrix-muted);
  font-size:13px
}

/* Search button returns the theme SVG rather than a font icon. */
.arabtrix-header-search #searchsubmit {
  display:flex;
  align-items:center;
  justify-content:center
}
.arabtrix-header-search #searchsubmit svg {
  width:18px;
  height:18px
}
/* Keep the preserved carousel widget aligned with the modern sidebar. */
.arabtrix-site .widget-area .MovieListTopCn {
  margin-top:28px
}

@media(max-width:1100px) {
  .arabtrix-episodes-page .arabtrix-layout {
    grid-template-columns:1fr
  }
  .arabtrix-episode-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}
@media(max-width:600px) {
  .arabtrix-all-categories {
    grid-template-columns:1fr
  }
  .arabtrix-episode-grid {
    grid-template-columns:1fr
  }
}

@media(min-width:901px) {
  .arabtrix-site .arabtrix-nav-menu {
    display:inline-flex
  }
  .arabtrix-site .arabtrix-drawer {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:40;
    display:none;
    max-width:1328px;
    margin:0 auto;
    padding:20px 28px;
    border:0;
    border-top:0;
    border-radius:0 0 14px 14px;
    background:#0d1119;
    box-shadow:var(--arabtrix-shadow-raised)
  }
  .arabtrix-site .arabtrix-drawer:not([hidden]) {
    display:block
  }
}

@media(max-width:375px) {
  .arabtrix-site .arabtrix-brand .arabtrix-logo { width:160px; }
}

/* Consistent button text alignment across modern and legacy controls. */
.arabtrix-site .arabtrix-button,
.arabtrix-site a.Button,
.arabtrix-site button,
.arabtrix-site input[type="submit"],
.arabtrix-site input[type="button"],
.arabtrix-site input[type="reset"] {
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2
}
.arabtrix-site .arabtrix-button,
.arabtrix-site a.Button,
.arabtrix-site button {
  display:inline-flex
}
.arabtrix-site input[type="submit"],
.arabtrix-site input[type="button"],
.arabtrix-site input[type="reset"] {
  display:inline-block;
  vertical-align:middle
}
.arabtrix-site .arabtrix-watch .TPlayerNv>li {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

/* Mobile search: one bar, centered typing line, no duplicate shortcut icon. */
.arabtrix-site .arabtrix-mobile-search {
  position:relative
}
.arabtrix-site .arabtrix-mobile-search input {
  padding:0 14px;
  height:48px;
  line-height:48px
}
.arabtrix-site .arabtrix-mobile-search button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  padding:0
}

/* AJAX search suggestions. */
.arabtrix-search-results {
  position:absolute;
  inset-inline:0;
  top:calc(100% + 6px);
  z-index:60;
  max-height:320px;
  overflow:auto;
  border:0;
  border-radius:10px;
  background:var(--arabtrix-panel);
  box-shadow:var(--arabtrix-shadow-raised)
}
.arabtrix-search-results a {
  display:block;
  padding:10px 14px;
  border-bottom:0;
  color:var(--arabtrix-text);
  text-decoration:none
}
.arabtrix-search-results a:last-child {
  border-bottom:0
}
.arabtrix-search-results a:hover,
.arabtrix-search-results a:focus-visible {
  background:#1b2431;
  color:var(--arabtrix-gold)
}
.arabtrix-search-empty {
  padding:10px 14px;
  color:var(--arabtrix-muted);
  font-size:13px
}

/* The AdBlocker note under the player uses the page surface, not a dark slab. */
.arabtrix-site .tr-noteinfo,
.arabtrix-site .tr-noteinfo.EcBgA {
  margin-top:12px;
  padding:10px 14px;
  border:0;
  border-radius:8px;
  background:transparent!important;
  color:var(--arabtrix-text)
}
/* Reserve a logical icon column so wrapped text and inline links stay clear. */
.arabtrix-site .tr-noteinfo p {
  position:relative;
  margin:0;
  padding-inline-start:32px;
  min-height:33px;
  overflow-wrap:anywhere;
  color:var(--arabtrix-text)
}
.arabtrix-site .tr-noteinfo p>.AAIco-warning {
  position:absolute;
  inset:0 auto auto auto;
  inset-inline-start:0;
  font-size:22px;
  line-height:1.5
}
.arabtrix-site .tr-noteinfo .ClB {
  color:var(--arabtrix-gold)
}

/* Breadcrumb contrast on the dark surface. */
.arabtrix-site .arabtrix-breadcrumb,
.arabtrix-site .arabtrix-breadcrumb a,
.arabtrix-site .toroplay-breadcrumb,
.arabtrix-site .breadcrumb-list,
.arabtrix-site .breadcrumb-list li,
.arabtrix-site .breadcrumb-list li a,
.arabtrix-site .breadcrumb-sep {
  color:#cfd6e2
}
.arabtrix-site .arabtrix-breadcrumb a:hover,
.arabtrix-site .breadcrumb-list li a:hover {
  color:var(--arabtrix-gold)
}
.arabtrix-site .arabtrix-breadcrumb [aria-current],
.arabtrix-site .breadcrumb-list li.current span {
  color:var(--arabtrix-text)
}

/* Cleaner input focus: no oversized gold ring, no purple field border. */
.arabtrix-site .Search .Form-Icon input,
.arabtrix-site .arabtrix-header-search input,
.arabtrix-site .arabtrix-mobile-search input,
.arabtrix-site input[type="search"],
.arabtrix-site input[type="text"],
.arabtrix-site input[type="email"],
.arabtrix-site input[type="url"],
.arabtrix-site input[type="password"],
.arabtrix-site input[type="tel"],
.arabtrix-site textarea,
.arabtrix-site select {
  border-color:var(--arabtrix-line)!important;
  outline:none;
  box-shadow:none
}
.arabtrix-site .Search .Form-Icon input:focus,
.arabtrix-site .arabtrix-header-search input:focus,
.arabtrix-site .arabtrix-mobile-search input:focus,
.arabtrix-site input[type="search"]:focus,
.arabtrix-site input[type="text"]:focus,
.arabtrix-site input[type="email"]:focus,
.arabtrix-site input[type="url"]:focus,
.arabtrix-site input[type="password"]:focus,
.arabtrix-site input[type="tel"]:focus,
.arabtrix-site textarea:focus,
.arabtrix-site select:focus {
  border-color:var(--arabtrix-gold)!important;
  outline:none;
  box-shadow:none
}
.arabtrix-site .arabtrix-button:focus-visible,
.arabtrix-site a.Button:focus-visible,
.arabtrix-site button:focus-visible {
  outline:2px solid var(--arabtrix-gold);
  outline-offset:2px
}

/* Smoother button, drawer, search and dialog motion. */
html {
  scroll-behavior:smooth
}
.arabtrix-site .arabtrix-button,
.arabtrix-site a.Button,
.arabtrix-site button {
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .18s ease
}
.arabtrix-site .arabtrix-button:active,
.arabtrix-site a.Button:active,
.arabtrix-site button:active {
  transform:translateY(1px)
}
.arabtrix-site .arabtrix-episode-card,
.arabtrix-site .arabtrix-latest-episode {
  transition:transform 160ms var(--arabtrix-ease-out),border-color .16s ease
}
@media (hover:hover) and (pointer:fine) {
  .arabtrix-site .arabtrix-episode-card:hover,
  .arabtrix-site .arabtrix-latest-episode:hover {transform:translateY(-2px)}
}
/* Progressive entrances remain interruptible; unsupported browsers open instantly. */
.arabtrix-drawer,.arabtrix-search-results,.arabtrix-trailer-dialog {
  opacity:1;
  transform:none;
  transition:opacity 180ms var(--arabtrix-ease-out),transform 180ms var(--arabtrix-ease-out)
}
.arabtrix-drawer,.arabtrix-search-results {transform-origin:top right}
@starting-style {
  .arabtrix-drawer:not([hidden]),.arabtrix-search-results:not([hidden]) {opacity:0;transform:translateY(-4px) scale(.99)}
  .arabtrix-trailer-dialog[open] {opacity:0;transform:translateY(6px) scale(.98)}
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .arabtrix-site *,
  .arabtrix-site *::before,
  .arabtrix-site *::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important
  }
}

/* Breadcrumb trail: readable links, separators and current page. */
.arabtrix-site .toroplay-breadcrumb,
.arabtrix-site .breadcrumb-list,
.arabtrix-site .arabtrix-breadcrumb {
  background:transparent!important;
  color:#e6ebf2!important;
  font-size:14px
}
.arabtrix-site .breadcrumb-list li,
.arabtrix-site .breadcrumb-list li a,
.arabtrix-site .breadcrumb-list li span,
.arabtrix-site .breadcrumb-sep,
.arabtrix-site .arabtrix-breadcrumb,
.arabtrix-site .arabtrix-breadcrumb a {
  color:#e6ebf2!important
}
.arabtrix-site .breadcrumb-list li a,
.arabtrix-site .arabtrix-breadcrumb a {
  text-decoration:none
}
.arabtrix-site .breadcrumb-list li a:hover,
.arabtrix-site .arabtrix-breadcrumb a:hover {
  color:#ffc107!important
}
.arabtrix-site .breadcrumb-list li.current span,
.arabtrix-site .arabtrix-breadcrumb [aria-current] {
  color:#fff!important
}
.arabtrix-site .breadcrumb-list li a svg {
  color:inherit;
  opacity:1
}

/* The top bar owns its own gap so sidebars never touch it. */
.arabtrix-site .arabtrix-header {
  margin-bottom:24px
}
.arabtrix-site .arabtrix-hero {
  margin-top:0
}
.arabtrix-site .arabtrix-quiet:hover {
  background:#6d28d9;
  border-color:#6d28d9;
  color:#fff
}
.arabtrix-site .arabtrix-pagination a:hover,
.arabtrix-site .arabtrix-pagination .page-numbers.current {
  background:#6d28d9;
  border-color:#6d28d9;
  color:#fff
}
.arabtrix-site .arabtrix-submenu-toggle:hover {
  border-color:#6d28d9;
  color:#fff
}

/* Cover every editable input, not only the search/text whitelist. */
.arabtrix-site input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
.arabtrix-site textarea,
.arabtrix-site select {
  border-color:var(--arabtrix-line)!important;
  outline:none;
  box-shadow:none
}
.arabtrix-site input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):focus,
.arabtrix-site textarea:focus,
.arabtrix-site select:focus {
  border-color:var(--arabtrix-gold)!important;
  outline:none;
  box-shadow:none
}

/* Download table headers must use the dark-surface text colour. */
.arabtrix-site .arabtrix-downloads th,
.arabtrix-site .arabtrix-downloads .TPTblCn th,
.arabtrix-site .arabtrix-downloads thead th {
  color:var(--arabtrix-text)!important;
  background:transparent!important;
  font-weight:700
}
.arabtrix-site .arabtrix-downloads thead {
  border-bottom:0
}

/* Desktop menu trigger and reliable submenu disclosure. */
.arabtrix-site .arabtrix-nav-menu {
  display:none;
  align-items:center;
  gap:4px;
  padding:10px 0;
  border:0;
  background:none;
  color:var(--arabtrix-text);
  font:inherit;
  font-weight:700;
  font-size:15px;
  cursor:pointer
}
.arabtrix-site .arabtrix-nav-menu:after {
  content:"";
  width:7px;
  height:7px;
  border-inline-end:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg);
  margin-top:-4px
}
.arabtrix-site .arabtrix-drawer .arabtrix-all-categories li.is-open > ul.sub-menu,
.arabtrix-site .arabtrix-drawer .arabtrix-all-categories li > ul.sub-menu.show {
  display:block!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important
}

@media(min-width:901px) {
  .arabtrix-site .arabtrix-nav-menu {
    display:inline-flex
  }
}

/* One menu per viewport: desktop uses the full menu with hover dropdowns. */
@media(min-width:901px) {
  .arabtrix-site .arabtrix-drawer {
    display:none!important
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu {
    display:flex;
    align-items:center;
    gap:22px;
    margin:0;
    padding:0;
    list-style:none;
    white-space:nowrap
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu>li {
    position:relative
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu>li>a {
    display:inline-flex;
    align-items:center;
    padding:10px 0;
    color:var(--arabtrix-text);
    font-weight:700;
    text-decoration:none
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu>li>a:hover,
  .arabtrix-primary-nav .arabtrix-desktop-menu>li>a:focus-visible {
    color:var(--arabtrix-gold)
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu>li>i {
    display:none
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu>.menu-item-has-children>a:after {
    content:"";
    width:6px;
    height:6px;
    margin-inline-start:6px;
    margin-top:-3px;
    border-inline-end:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:rotate(45deg)
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu .sub-menu {
    position:absolute;
    top:100%;
    inset-inline-start:0;
    z-index:45;
    display:none;
    min-width:220px;
    margin:0;
    padding:8px;
    list-style:none;
    border:0;
    border-radius:10px;
    background:var(--arabtrix-panel);
    box-shadow:var(--arabtrix-shadow-raised)
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu>li:hover>.sub-menu,
  .arabtrix-primary-nav .arabtrix-desktop-menu>li:focus-within>.sub-menu {
    display:block
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu .sub-menu a {
    display:block;
    padding:8px 12px;
    border-radius:6px;
    color:#e6ebf2;
    text-decoration:none
  }
  .arabtrix-primary-nav .arabtrix-desktop-menu .sub-menu a:hover,
  .arabtrix-primary-nav .arabtrix-desktop-menu .sub-menu a:focus-visible {
    background:#1b2431;
    color:var(--arabtrix-gold)
  }
}
@media(min-width:901px) and (max-width:1100px) {
  .arabtrix-primary-nav .arabtrix-desktop-menu {
    gap:12px;
    font-size:14px
  }
}

/* Keep modern controls independent of the legacy menu and input geometry. */
.arabtrix-site .arabtrix-mobile-search {
  overflow:visible;
  align-items:center;
  isolation:isolate
}
.arabtrix-site .arabtrix-mobile-search input {
  width:0;
  min-width:0;
  padding:8px 14px;
  line-height:1.6;
  font-size:16px;
  appearance:none
}
.arabtrix-site .arabtrix-mobile-search button {
  position:static;
  flex:0 0 48px;
  transform:none
}
.arabtrix-site .arabtrix-header .sub-menu {
  height:auto;
  max-height:none;
  overflow:visible;
  visibility:visible;
  opacity:1
}
.arabtrix-site .arabtrix-header .sub-menu>li {
  float:none;
  width:auto;
  position:relative
}
.arabtrix-site .arabtrix-drawer .sub-menu {
  position:static;
  inset:auto;
  transform:none;
  width:auto;
  box-shadow:none
}
.arabtrix-header .menu-item-has-children>i {display:none}
.arabtrix-site .arabtrix-desktop-menu .menu-item-has-children>a:after {content:none}
.arabtrix-site .arabtrix-desktop-menu .is-open>.sub-menu {display:block}
.arabtrix-site .arabtrix-desktop-menu .sub-menu .sub-menu {
  position:static;
  margin-inline-start:12px;
  min-width:0;
  box-shadow:none
}
.arabtrix-site .arabtrix-desktop-menu .sub-menu li:hover>.sub-menu {display:block}
.arabtrix-site .arabtrix-hero {padding:0;display:block;min-height:450px}
.arabtrix-hero-slide {position:relative;min-height:450px;display:flex;align-items:center;padding:48px 48px 100px;isolation:isolate}
.arabtrix-hero-slide:after {content:"";position:absolute;inset:0;background:linear-gradient(270deg,#080d17f5,#080d1799 60%,#080d1733);z-index:-1}
.arabtrix-hero-slide .arabtrix-hero-art {z-index:-2}
.arabtrix-site .arabtrix-hero:after {pointer-events:none;background:none}
.arabtrix-hero-copy {max-width:680px}
.arabtrix-site .arabtrix-hero h1 {font-size:clamp(28px,4vw,52px);line-height:1.55;overflow-wrap:anywhere}
.arabtrix-hero-controls {position:absolute;bottom:24px;left:32px;right:auto;z-index:3;display:flex;align-items:center;gap:12px}
.arabtrix-site .arabtrix-hero-controls button {border:0;background:#111b2de0;color:#fff;border-radius:50%;width:48px;height:48px;min-width:48px;padding:6px;margin:0;display:grid;place-items:center;cursor:pointer}
.arabtrix-hero-controls button svg {width:34px;height:34px;stroke-width:2.2}
.arabtrix-hero-controls span {font-size:13px;font-variant-numeric:tabular-nums;direction:ltr}
.arabtrix-hero-slide[hidden],.arabtrix-hero-controls[hidden] {display:none}
@media(max-width:600px) {
  .arabtrix-hero-slide {min-height:430px;padding:28px 22px 100px}
  .arabtrix-hero-controls {left:18px;gap:8px}
  .arabtrix-site .arabtrix-hero p {line-height:1.9}
}
/* The image leads; the incoming title settles quickly, without hiding content. */
.arabtrix-hero-copy {opacity:1;transform:none;transition:opacity 240ms var(--arabtrix-ease-out),transform 240ms var(--arabtrix-ease-out)}
.arabtrix-hero-art {opacity:1;transition:opacity 180ms var(--arabtrix-ease-out)}
@starting-style {
  .arabtrix-hero-slide:not([hidden]) .arabtrix-hero-copy {opacity:0;transform:translateY(6px)}
  .arabtrix-hero-slide:not([hidden]) .arabtrix-hero-art {opacity:0}
}
.arabtrix-header-search form {position:relative}
.arabtrix-hero-slide .arabtrix-hero-copy {padding:0;width:100%}
.arabtrix-site .arabtrix-header .arabtrix-search-results[hidden] {display:none}
.arabtrix-site .arabtrix-hero>h1 {position:absolute;top:24px;inset-inline-start:48px;z-index:3;font-size:13px;font-weight:600;color:var(--arabtrix-gold);margin:0}
.arabtrix-site .arabtrix-hero-slide h2 {font-size:clamp(28px,4vw,52px);line-height:1.55;overflow-wrap:anywhere;margin:12px 0}
.arabtrix-hero-slide {padding-top:80px}
@media(max-width:600px) {.arabtrix-site .arabtrix-hero>h1 {inset-inline-start:22px}.arabtrix-hero-slide {padding-top:65px}}

/* Enhanced desktop disclosures have one state for hover, click and keyboard. */
.arabtrix-site .arabtrix-header .arabtrix-desktop-menu .arabtrix-menu-enhanced>.sub-menu {display:none}
.arabtrix-site .arabtrix-header .arabtrix-desktop-menu .arabtrix-menu-enhanced.is-open>.sub-menu {display:block}

/* Align submenu chevrons to the link line, without inherited button spacing. */
.arabtrix-header .menu-item-has-children {
  display:grid;
  grid-template-columns:minmax(0,auto) 30px;
  align-items:center;
  justify-content:start
}
.arabtrix-header .menu-item-has-children>.sub-menu {grid-column:1/-1}
.arabtrix-site .arabtrix-submenu-toggle:hover {background:transparent}
/* Legacy form controls have a one-rem bottom margin outside .Form-Icon. */
.arabtrix-site .arabtrix-mobile-search input,
.arabtrix-site .arabtrix-mobile-search button {height:42px;margin:0}
.arabtrix-site .arabtrix-mobile-search {min-height:44px}
/* ToroPlay's original stationary poster, fading overlay and scaling play icon. */
.arabtrix-card-play {background:#0008}
.arabtrix-card-play svg {opacity:0;transform:scale(.94);transition:opacity 160ms var(--arabtrix-ease-out),transform 160ms var(--arabtrix-ease-out)}
@media(hover:hover) and (pointer:fine) {
  .arabtrix-card:hover .arabtrix-card-play svg {opacity:1;transform:scale(1)}
}
.arabtrix-card:focus-within .arabtrix-card-play svg {opacity:1;transform:scale(1);transition:none}
.arabtrix-card:focus-within .arabtrix-card-play {opacity:1}
@media(prefers-reduced-motion:reduce) {
  .arabtrix-card-play svg {transition:none}
}

/* Poster metadata shares the established Arabtrix purple. */
.arabtrix-site {--arabtrix-purple:#6d28d9;color-scheme:dark}
.arabtrix-card .arabtrix-badge {background:rgba(49,18,83,.73);color:#fff;border:0;box-shadow:none;text-shadow:0 1px 2px #0008}
.arabtrix-card .arabtrix-tag {z-index:2}
.arabtrix-poster-badges {position:absolute;inset-inline:8px;bottom:8px;display:flex;justify-content:space-between;gap:6px;z-index:2;pointer-events:none}
.arabtrix-poster-badge {padding:2px 6px;border-radius:6px;font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap}
.arabtrix-site .arabtrix-submenu-toggle,
.arabtrix-site .arabtrix-submenu-toggle:hover,
.arabtrix-site .arabtrix-submenu-toggle:active {box-shadow:none;border:0}
/* A compact, sculpted brand button; its strokes turn into a close icon. */
.arabtrix-site .arabtrix-menu-toggle {background:linear-gradient(145deg,#7c3aed,#5b21b6);color:#fff;border:0;border-radius:13px;box-shadow:0 4px 12px #6d28d926;margin:0}
.arabtrix-menu-lines {position:relative;display:block;width:22px;height:18px}
.arabtrix-menu-lines>span {position:absolute;inset-inline-start:0;top:0;width:22px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease,width .2s ease}
.arabtrix-menu-lines>span:nth-child(2) {top:8px;width:15px}
.arabtrix-menu-lines>span:nth-child(3) {top:16px}
.arabtrix-menu-toggle[aria-expanded=true] .arabtrix-menu-lines>span:first-child {transform:translateY(8px) rotate(45deg)}
.arabtrix-menu-toggle[aria-expanded=true] .arabtrix-menu-lines>span:nth-child(2) {opacity:0}
.arabtrix-menu-toggle[aria-expanded=true] .arabtrix-menu-lines>span:last-child {transform:translateY(-8px) rotate(-45deg)}
.arabtrix-site .arabtrix-mode-toggle {flex:0 0 40px;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:50%;background:var(--arabtrix-panel);color:var(--arabtrix-text);box-shadow:none}
.arabtrix-mode-toggle span {display:flex}
.arabtrix-mode-toggle .arabtrix-mode-moon {display:none}
.arabtrix-mode-toggle[hidden] {display:none!important}
html[data-arabtrix-mode=light] .arabtrix-mode-toggle .arabtrix-mode-sun {display:none}
html[data-arabtrix-mode=light] .arabtrix-mode-toggle .arabtrix-mode-moon {display:flex}
@media(max-width:900px) {
  .arabtrix-site .arabtrix-brand .arabtrix-logo {width:min(200px,43vw)}
  .arabtrix-header-inner {gap:10px}
}
.arabtrix-header-search #searchsubmit,
.arabtrix-site .arabtrix-mobile-search button {box-shadow:none}
.arabtrix-header .arabtrix-header-search {padding:0}
html[data-arabtrix-mode=dark] {color-scheme:dark}

/* Shared translucent badge treatment, without borders or filter layers. */
.arabtrix-card .arabtrix-tag {display:inline-flex;align-items:center;gap:4px}
.arabtrix-card .arabtrix-tag svg {width:13px;height:13px;flex:none}
.arabtrix-card .arabtrix-poster-badge.arabtrix-rating {color:#ffd54f;text-shadow:0 1px 2px #0008}
/* The page canvas stays flat. Individual content sections own their elevation. */
.arabtrix-site {
  --arabtrix-shadow-section:0 2px 5px #0002,0 8px 20px #0002;
  --arabtrix-shadow-raised:0 8px 22px #0005
}
.arabtrix-site #arabtrix-content {box-shadow:none;background:transparent}
.arabtrix-site :is(.arabtrix-section:not(main),.arabtrix-catalog-surface) {
  background:var(--arabtrix-panel);
  border:0;
  border-radius:14px;
  padding:24px
}
.arabtrix-site :is(.arabtrix-section:not(main),.arabtrix-catalog-surface,.arabtrix-panel,.arabtrix-hero,.arabtrix-detail-hero,.widget-area .Wdgt) {
  box-shadow:var(--arabtrix-shadow-section)
}
@media(max-width:600px) {
  .arabtrix-site :is(.arabtrix-section:not(main),.arabtrix-catalog-surface) {padding:16px}
}

.arabtrix-card .arabtrix-tag {font-size:10px;padding:2px 6px;line-height:1.6;gap:3px}
.arabtrix-card .arabtrix-tag svg {width:12px;height:12px}
/* Follow the first 20% of scroll distance, then return to normal document flow. */
.arabtrix-site .arabtrix-header {position:relative;top:0;z-index:50;border-bottom:0;box-shadow:none}
.arabtrix-site .arabtrix-header.is-following {position:relative;top:0}
.arabtrix-site .arabtrix-header.is-elevated {box-shadow:var(--arabtrix-shadow-raised)}
.admin-bar.arabtrix-site .arabtrix-header-frame {--arabtrix-header-inset:32px}
html {scroll-padding-top:var(--arabtrix-header-offset,16px)}
@media(max-width:782px) {.admin-bar.arabtrix-site .arabtrix-header-frame {--arabtrix-header-inset:46px}}
@media(max-width:600px) {.admin-bar.arabtrix-site .arabtrix-header-frame {--arabtrix-header-inset:0px}}
@media(min-width:901px) {
  .arabtrix-hero-slide .arabtrix-hero-copy {max-width:100%}
  .arabtrix-site .arabtrix-hero-slide h2 {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
}
/* Footer columns share a baseline and collapse into a centered mobile stack. */
.arabtrix-site .arabtrix-footer {display:block;max-width:1328px;padding:32px 28px 24px;margin:48px auto 0}
.arabtrix-footer-main {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start}
.arabtrix-footer-intro {min-width:0}
.arabtrix-footer-intro p {max-width:390px;margin:12px 0 0;line-height:1.9}
.arabtrix-footer-brand .arabtrix-logo {width:210px}
.arabtrix-footer-navigation {align-self:center;max-width:520px}
.arabtrix-footer-navigation .arabtrix-footer-links {justify-content:flex-end;gap:12px 24px;margin:0}
.arabtrix-footer-links li {margin:0;list-style:none}
.arabtrix-footer-links a {display:inline-block;padding:6px 0}
.arabtrix-footer .arabtrix-footer-bottom {margin-top:24px;align-items:center;gap:16px;line-height:1.7}
.arabtrix-site .arabtrix-watch .TPlayerNv>li>.arabtrix-server-label {display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%}
.arabtrix-server-label>span {min-width:0;overflow-wrap:anywhere}
.arabtrix-site .arabtrix-watch .TPlayerNv>li {max-width:100%}

/* Own-player providers: a clear star cue, with selection still distinct. */
.arabtrix-server-legend {display:flex;align-items:center;gap:7px;margin:12px 0 0;color:var(--arabtrix-gold);font-size:12px}
.arabtrix-server-legend svg {width:15px;height:15px;flex-shrink:0}
.arabtrix-site .arabtrix-watch .TPlayerNv>li.arabtrix-server-supported {
  opacity:1;
  border-color:#79673a;
  background:linear-gradient(135deg,#2c291f,#222834);
  color:#f8e7ba;
  font-weight:600;
  box-shadow:0 1px 2px #0003
}
.arabtrix-site .arabtrix-watch .TPlayerNv>li.arabtrix-server-supported .arabtrix-server-label>svg {color:#f5c84b;flex-shrink:0}
.arabtrix-site .arabtrix-watch .TPlayerNv>li.arabtrix-server-supported:hover {border-color:#b99a4b;background:#363122;color:#fff1cc}
.arabtrix-site .arabtrix-watch .TPlayerNv>li.arabtrix-server-supported.Current {border-color:#f5c84b;background:#45371b;color:#fff3cc;box-shadow:inset 0 0 0 1px #f5c84b3d}
.arabtrix-site .arabtrix-watch .TPlayerNv>li.arabtrix-server-supported:focus-visible {outline:2px solid var(--arabtrix-gold);outline-offset:3px}
.arabtrix-server-brand {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}
.arabtrix-server-brand>svg {width:20px;height:20px;flex:none}
.arabtrix-server-icon {width:20px;height:20px;object-fit:contain;flex:none}
@media(max-width:600px) {
  .arabtrix-site .arabtrix-footer {padding:28px 16px 22px}
  .arabtrix-footer-main {grid-template-columns:1fr;gap:20px;text-align:center}
  .arabtrix-footer-intro p {margin-inline:auto}
  .arabtrix-footer-brand .arabtrix-logo {width:180px}
  .arabtrix-footer-navigation {max-width:none}
  .arabtrix-footer-navigation .arabtrix-footer-links {justify-content:center;gap:6px 20px}
  .arabtrix-footer .arabtrix-footer-bottom {flex-direction:column;justify-content:center;gap:8px;text-align:center}
}

/* Season accordions use soft surfaces and spacious, borderless episode rows. */
.arabtrix-site {
  --arabtrix-season-surface:#171d29;
  --arabtrix-episode-surface:#222a3a;
  --arabtrix-episode-hover:#2d2944;
  --arabtrix-season-accent:#c4b5fd
}
.arabtrix-season {border:0;border-radius:14px;background:var(--arabtrix-season-surface);margin-top:14px;padding:0;overflow:clip}
.arabtrix-season summary {display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;padding:18px;min-height:64px}
.arabtrix-season summary::-webkit-details-marker {display:none}
.arabtrix-season summary>.arabtrix-season-name {display:inline-flex;align-items:center;gap:10px;float:none;color:var(--arabtrix-text);font-size:17px;font-weight:700}
.arabtrix-season-name>svg {color:var(--arabtrix-season-accent);flex:none}
.arabtrix-season summary>.arabtrix-season-hint {display:inline-flex;align-items:center;gap:8px;float:none;font-size:12px}
.arabtrix-season-hint svg {width:18px;height:18px;transition:transform .2s ease}
.arabtrix-season[open] .arabtrix-season-hint svg {transform:rotate(-90deg)}
.arabtrix-season>.arabtrix-episode-list {margin:0;padding:0 14px 14px;gap:10px}
.arabtrix-site .arabtrix-episode {border:0;color:var(--arabtrix-text);background:var(--arabtrix-episode-surface);border-radius:11px;gap:14px;padding:14px;transition:background-color .18s ease}
.arabtrix-site .arabtrix-episode-number {background:#6d28d926;color:var(--arabtrix-season-accent);border-radius:10px;min-width:42px;height:42px}
.arabtrix-episode>svg {width:18px;height:18px;color:var(--arabtrix-season-accent);flex:none}
.arabtrix-site .arabtrix-episode:hover,.arabtrix-site .arabtrix-episode.is-current {background:var(--arabtrix-episode-hover);border:0}
.arabtrix-site .arabtrix-episode.is-current .arabtrix-episode-number {background:var(--arabtrix-purple);color:#fff}
.arabtrix-site .arabtrix-season-links a {border:0;background:var(--arabtrix-season-surface);border-radius:999px;padding:10px 18px}
.arabtrix-site .arabtrix-season-links a[aria-current] {background:var(--arabtrix-purple);color:#fff}
@media(max-width:540px) {
  .arabtrix-season summary {padding:14px;gap:10px}
  .arabtrix-season summary>.arabtrix-season-name {font-size:15px;gap:7px}
  .arabtrix-season summary>.arabtrix-season-hint {font-size:11px;gap:4px}
  .arabtrix-season>.arabtrix-episode-list {padding:0 10px 10px}
  .arabtrix-site .arabtrix-episode {gap:10px;padding:12px}
}
/* Dim the poster on its own layer; the scaling play icon stays fully opaque above it. */
.arabtrix-card .arabtrix-card-play {background:transparent;opacity:1;isolation:isolate;z-index:1;transition:none}
.arabtrix-card .arabtrix-card-play::before {content:"";position:absolute;inset:0;background:#0008;opacity:0;z-index:0;transition:opacity .2s ease;pointer-events:none}
.arabtrix-card .arabtrix-card-play svg {position:relative;z-index:1;opacity:0;background:#ffc107;color:#111824;box-shadow:0 4px 12px #0006}
@media(hover:hover) and (pointer:fine) {
  .arabtrix-card:hover .arabtrix-card-play::before {opacity:1}
}
.arabtrix-card:focus-within .arabtrix-card-play::before {opacity:1;transition:none}
.arabtrix-season summary:focus-visible {outline:2px solid var(--arabtrix-season-accent);outline-offset:-3px;border-radius:14px}

/* Reserve the expanded header's flow height while its visible bar becomes compact. */
.arabtrix-header-frame {--arabtrix-header-inset:0px;display:flow-root;position:relative;z-index:50;pointer-events:none;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .22s ease}
.arabtrix-header-frame.is-following {position:sticky;top:var(--arabtrix-header-inset)}
.arabtrix-header-frame>.arabtrix-header {pointer-events:auto}
.arabtrix-header-frame.is-leaving {transform:translateY(calc(-100% - var(--arabtrix-header-inset)));opacity:0}
.arabtrix-header-frame.is-leaving>.arabtrix-header {pointer-events:none}
/* Header size changes are measured once rather than animated through layout. */
.arabtrix-header .arabtrix-header-inner,
.arabtrix-header .arabtrix-logo,
.arabtrix-header .arabtrix-mobile-search {transition:none}
.arabtrix-header.is-compact .arabtrix-header-inner {min-height:74px;padding-block:10px}
.arabtrix-site .arabtrix-header.is-compact .arabtrix-brand .arabtrix-logo {width:218px}
.arabtrix-header-frame.is-measuring .arabtrix-header-inner,
.arabtrix-header-frame.is-measuring .arabtrix-logo,
.arabtrix-header-frame.is-measuring .arabtrix-mobile-search {transition:none!important}
.arabtrix-site #comments {background:var(--arabtrix-panel);border:0;border-radius:14px;box-shadow:var(--arabtrix-shadow-section);padding:28px;margin:28px 0}
.arabtrix-site #comments>.Title {display:flex;align-items:center;gap:10px;font-size:22px;margin:0 0 20px}
.arabtrix-site #comments>.Title>span {background:#6d28d926;border-radius:999px;padding:2px 9px;font-size:13px;color:var(--arabtrix-season-accent)}
.arabtrix-site #comments button.submit {background:var(--arabtrix-purple);color:#fff;box-shadow:none;border:0;border-radius:10px;padding:12px 20px;min-height:44px;gap:8px}
.arabtrix-secondary-actions .arabtrix-text-button,.arabtrix-footer-bottom>a {display:inline-flex;align-items:center;gap:7px}
.arabtrix-site .arabtrix-player-start {gap:10px}
.arabtrix-player-start>svg {width:28px;height:28px;flex:none}
.arabtrix-next-prev svg,.arabtrix-button>svg {flex:none}
/* Contain the search form bottom margin inside the mobile header surface. */
@media(max-width:900px) {
  .arabtrix-site .arabtrix-header {display:flow-root}
  .arabtrix-header.is-compact .arabtrix-header-inner {min-height:64px;padding-block:10px}
  .arabtrix-site .arabtrix-header.is-compact .arabtrix-brand .arabtrix-logo {width:min(180px,40vw)}
  .arabtrix-header.is-compact .arabtrix-mobile-search {margin-bottom:10px}
}
@media(max-width:540px) {.arabtrix-site #comments {padding:18px}}
@media(prefers-reduced-motion:reduce) {.arabtrix-header-frame,.arabtrix-header .arabtrix-header-inner,.arabtrix-header .arabtrix-logo,.arabtrix-header .arabtrix-mobile-search {transition:none!important}}

/* Context-preserving catalog controls, including a usable no-JavaScript flow. */
.arabtrix-catalog-filters {margin:1.25rem 0 1.5rem;padding:1rem;border:0;border-radius:14px;background:var(--arabtrix-panel)}
.arabtrix-filter-fields {display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-end}
.arabtrix-filter-fields label {display:flex;flex:1 1 150px;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;min-width:0;padding:0;margin:0}
.arabtrix-filter-fields select {width:100%;min-height:44px;padding:.5rem .65rem;border:1px solid var(--arabtrix-line);border-radius:9px;background:var(--arabtrix-bg,#0d1017);color:var(--arabtrix-text,#fff);font:inherit;margin:0}
.arabtrix-filter-fields select:focus-visible {outline:2px solid #e7c44e;outline-offset:2px}
.arabtrix-filter-fields select:disabled {opacity:.75}
.arabtrix-filter-fields .arabtrix-button {min-height:44px;white-space:nowrap}
.arabtrix-filter-reset {padding:.6rem .2rem;text-decoration:underline;white-space:nowrap}
.arabtrix-active-filters {display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.arabtrix-active-filters a {display:inline-flex;gap:.65rem;align-items:center;padding:.4rem .7rem;background:var(--arabtrix-panel);border:0;border-radius:20px;font-size:.8rem}
.arabtrix-active-filters a:hover,.arabtrix-active-filters a:focus-visible {border-color:#e7c44e}
@media(max-width:540px){.arabtrix-filter-fields label{flex-basis:calc(50% - .9rem)}.arabtrix-filter-fields .arabtrix-button{flex:1}.arabtrix-catalog-filters{padding:.8rem}}

.arabtrix-platform-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px;margin-top:24px}
.arabtrix-platform-card {padding:26px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--platform-tint,#29303d),var(--arabtrix-panel) 75%);display:flex;flex-direction:column;gap:16px;min-width:0}
.arabtrix-platform-brand {font-size:1.6rem;font-weight:800;line-height:1.4;text-decoration:none}
.arabtrix-platform-card p {color:var(--arabtrix-muted);font-size:.85rem;margin:0}
.arabtrix-platform-links {display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.arabtrix-platform-links a {background:var(--arabtrix-bg);border:0;border-radius:9px;padding:8px 16px}
.arabtrix-platform-links a:hover,.arabtrix-platform-links a:focus-visible {border-color:var(--arabtrix-gold)}
.arabtrix-platform-note {font-size:.85rem;color:var(--arabtrix-muted)}
.arabtrix-platform-note a {text-decoration:underline}
.arabtrix-platform-netflix {--platform-tint:#57131d}.arabtrix-platform-disney-plus {--platform-tint:#103775}.arabtrix-platform-hbo {--platform-tint:#38205c}.arabtrix-platform-prime-video {--platform-tint:#06415d}.arabtrix-platform-apple-tv {--platform-tint:#454545}.arabtrix-platform-shahid {--platform-tint:#075742}.arabtrix-platform-osn-plus {--platform-tint:#5e1543}
html[data-arabtrix-mode=light] .arabtrix-platform-card {background:var(--arabtrix-panel)}

/* Keep expanded mobile navigation reachable within the sticky header. */
@media(max-width:900px) {
  .arabtrix-site .arabtrix-drawer {
    max-height:calc(100vh - var(--arabtrix-drawer-top,160px) - 16px);
    max-height:calc(100dvh - var(--arabtrix-drawer-top,160px) - 16px);
    overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-block:12px
  }
}

/* A shared, restrained motion vocabulary for browsing and direct feedback. */
.arabtrix-site {
  --arabtrix-ease-out:cubic-bezier(.23,1,.32,1);
  --arabtrix-ease-drawer:cubic-bezier(.32,.72,0,1)
}
.arabtrix-site :is(.arabtrix-button,a.Button,button,.arabtrix-discover a,.arabtrix-platform-links a) {
  touch-action:manipulation;
  transition:transform 160ms var(--arabtrix-ease-out),background-color 160ms ease,color 160ms ease,border-color 160ms ease
}
.arabtrix-site :is(.arabtrix-button,a.Button,button,.arabtrix-discover a,.arabtrix-platform-links a):active {
  transform:scale(.97);
  transition-duration:100ms
}
.arabtrix-site .arabtrix-submenu-toggle:active {transform:none}
.arabtrix-card-art img {transition:transform 180ms var(--arabtrix-ease-out)}
.arabtrix-more svg,.arabtrix-discover a svg {transition:transform 160ms var(--arabtrix-ease-out)}
.arabtrix-site [data-arabtrix-save][aria-pressed=true] {background:color-mix(in srgb,var(--arabtrix-gold) 13%,var(--arabtrix-panel));border-color:var(--arabtrix-gold);color:var(--arabtrix-gold)}
[data-arabtrix-save][aria-pressed=true]>svg {fill:currentColor}
.arabtrix-site .arabtrix-hero-controls [data-arabtrix-hero-pause] svg {width:20px;height:20px}
[data-arabtrix-hero-pause] .arabtrix-autoplay-play {display:none}
[data-arabtrix-hero-pause][aria-pressed=true] .arabtrix-autoplay-play {display:block}
[data-arabtrix-hero-pause][aria-pressed=true] .arabtrix-autoplay-pause {display:none}
.arabtrix-status {opacity:1;transform:none;transition:opacity 180ms var(--arabtrix-ease-out),transform 180ms var(--arabtrix-ease-out)}
@starting-style {.arabtrix-status:not([hidden]) {opacity:0;transform:translateY(8px) scale(.98)}}
@media(hover:hover) and (pointer:fine) {
  html:not([data-arabtrix-input=keyboard]) .arabtrix-card:hover .arabtrix-card-art img {transform:scale(1.025)}
  .arabtrix-more:hover svg {transform:translateX(-3px)}
  .arabtrix-discover a:hover svg {transform:translateX(-2px)}
}
@media(prefers-reduced-motion:reduce) {
  html:not([data-arabtrix-input=keyboard]) .arabtrix-card:hover .arabtrix-card-art img,.arabtrix-card-play svg,
  .arabtrix-site :is(button,.arabtrix-button,a.Button,.arabtrix-discover a,.arabtrix-platform-links a):active,
  .arabtrix-site .arabtrix-episode-card:hover,.arabtrix-site .arabtrix-latest-episode:hover,
  .arabtrix-more:hover svg,.arabtrix-discover a:hover svg {transform:none}
  @starting-style {
    .arabtrix-drawer:not([hidden]),.arabtrix-search-results:not([hidden]),.arabtrix-trailer-dialog[open],
    .arabtrix-hero-slide:not([hidden]) .arabtrix-hero-copy,.arabtrix-status:not([hidden]) {opacity:0;transform:none}
  }
}

@media(prefers-reduced-motion:reduce) {
  .arabtrix-site :is(.arabtrix-drawer,.arabtrix-search-results,.arabtrix-trailer-dialog,.arabtrix-hero-copy,.arabtrix-hero-art,.arabtrix-status) {transition:opacity 120ms ease!important}
}
@media(pointer:coarse) {
  .arabtrix-catalog-filters select {font-size:16px}
}
/* Only the enhanced surfaces bypass motion for keyboard input; players are untouched. */
html[data-arabtrix-input=keyboard] .arabtrix-site :is(.arabtrix-header-frame,.arabtrix-drawer,.arabtrix-search-results,.arabtrix-trailer-dialog,.arabtrix-hero-copy,.arabtrix-hero-art,.arabtrix-status,.arabtrix-button,a.Button,.arabtrix-discover a,.arabtrix-platform-links a,.arabtrix-more svg,.arabtrix-discover a svg,button,.arabtrix-submenu-toggle svg,.arabtrix-card-play svg,.arabtrix-card-play::before,.arabtrix-card-art img,.arabtrix-directory-card,.arabtrix-directory-poster) {transition:none!important;animation:none!important}
html[data-arabtrix-input=keyboard] .arabtrix-site :is(button,.arabtrix-button,a.Button,.arabtrix-discover a,.arabtrix-platform-links a):active {transform:none}

.arabtrix-platform-credits {padding:12px 0;color:var(--arabtrix-muted);font-size:11px}
.arabtrix-platform-credits a {color:inherit;text-decoration:underline;text-underline-offset:3px}