/* NETBOM DZ Details UI Fix
   - removes season descriptions visually
   - makes trailer/details media wider on desktop
   - makes episode picker professional and faster without changing player/server logic
*/

/* 1) Remove season descriptions and read-more from details. */
.season-desc,
.read-more-btn{
  display:none !important;
}
.season-card .season-content{
  padding:14px 14px 16px !important;
}
.season-card{
  min-height:auto !important;
}

/* 2) Better trailer rectangle. */
.trailer-box{
  overflow:visible !important;
}
.trailer-frame{
  position:relative !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;
  height:auto !important;
  min-height:220px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#07060a !important;
  border:1px solid rgba(var(--nb-accent-rgb,139,92,246),.28) !important;
}
.trailer-frame iframe,
.trailer-frame video,
.trailer-frame embed{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  border-radius:24px !important;
  display:block !important;
}

/* 3) Professional episode selector/list. */
.nb-episode-box{
  margin:30px 0 10px !important;
  padding:0 !important;
}
.nb-episode-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 0 16px !important;
}
.nb-episode-head h2{
  font-size:clamp(24px,3vw,42px) !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
  margin:0 !important;
}
.nb-season-select{
  width:auto !important;
  min-width:160px !important;
  height:48px !important;
  margin:0 !important;
  padding:0 42px 0 16px !important;
  border-radius:16px !important;
  color:#fff !important;
  background:linear-gradient(135deg,rgba(var(--nb-accent-rgb,139,92,246),.26),rgba(255,255,255,.07)) !important;
  border:1px solid rgba(var(--nb-accent-rgb,139,92,246),.55) !important;
  font-weight:900 !important;
  outline:none !important;
}
.nb-episode-list{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.nb-episode-item{
  width:100% !important;
  min-height:92px !important;
  display:grid !important;
  grid-template-columns:44px 142px 1fr 44px !important;
  align-items:center !important;
  gap:14px !important;
  text-align:left !important;
  padding:10px 14px 10px 10px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(var(--nb-accent-rgb,139,92,246),.36),rgba(var(--nb-accent-rgb,139,92,246),.16) 45%,rgba(255,255,255,.055)) !important;
  border:1px solid rgba(var(--nb-accent-rgb,139,92,246),.38) !important;
  color:#fff !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transform:none !important;
  contain:content !important;
}
.nb-episode-item:hover{
  background:linear-gradient(135deg,rgba(var(--nb-accent-rgb,139,92,246),.48),rgba(var(--nb-accent-rgb,139,92,246),.2) 45%,rgba(255,255,255,.07)) !important;
}
.nb-episode-number{
  width:36px !important;
  height:36px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:15px !important;
  font-weight:1000 !important;
  background:rgba(0,0,0,.28) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#fff !important;
}
.nb-episode-thumb{
  width:142px !important;
  height:80px !important;
  object-fit:cover !important;
  border-radius:14px !important;
  background:#111 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  flex:none !important;
}
.nb-episode-copy{
  min-width:0 !important;
  display:block !important;
}
.nb-episode-title{
  display:block !important;
  font-size:16px !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  margin:0 0 6px !important;
  letter-spacing:-.02em !important;
  color:#fff !important;
}
.nb-episode-desc{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:rgba(255,255,255,.72) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
.nb-episode-play{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.nb-episode-play i{
  font-size:14px !important;
  margin-left:2px !important;
}

@media (min-width:900px){
  #nbTrailer,
  #nbWatchNow,
  #nbIntegratedEpisodes{
    width:min(1120px,calc(100vw - 96px)) !important;
    max-width:min(1120px,calc(100vw - 96px)) !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
  }
  .trailer-frame{
    min-height:430px !important;
    border-radius:28px !important;
  }
  .trailer-frame iframe{
    border-radius:28px !important;
  }
  .nb-episode-item{
    min-height:104px !important;
    grid-template-columns:54px 176px 1fr 48px !important;
    gap:18px !important;
    padding:12px 16px 12px 12px !important;
    border-radius:22px !important;
  }
  .nb-episode-thumb{
    width:176px !important;
    height:96px !important;
    border-radius:16px !important;
  }
  .nb-episode-title{
    font-size:18px !important;
  }
  .nb-episode-desc{
    font-size:14px !important;
  }
}

@media (max-width:520px){
  .nb-episode-head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  .nb-season-select{
    width:100% !important;
  }
  .nb-episode-item{
    min-height:82px !important;
    grid-template-columns:94px 1fr 34px !important;
    gap:10px !important;
    padding:9px !important;
    border-radius:18px !important;
  }
  .nb-episode-number{
    display:none !important;
  }
  .nb-episode-thumb{
    width:94px !important;
    height:58px !important;
    border-radius:12px !important;
  }
  .nb-episode-title{
    font-size:13px !important;
    margin-bottom:3px !important;
  }
  .nb-episode-desc{
    font-size:11px !important;
    line-height:1.35 !important;
    -webkit-line-clamp:2 !important;
  }
  .nb-episode-play{
    width:32px !important;
    height:32px !important;
  }
}

/* NETBOM DZ Final Details Polish
   - removes the old season description/cards completely
   - keeps professional episodes list
   - improves desktop and phone details layout
*/

/* Remove old seasons cards completely, not only their description. */
.seasons-slider,
.season-card,
.season-img,
.season-content,
.season-title,
.season-meta,
.season-badge,
.season-desc,
.read-more-btn{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

/* Details page width and spacing on desktop without changing mobile behavior. */
#results{
  width:100% !important;
  box-sizing:border-box !important;
}

@media (min-width:900px){
  #results{
    max-width:1240px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:34px !important;
    padding-right:34px !important;
  }
  #results > div:first-child > img:first-child{
    width:100% !important;
    max-height:520px !important;
    aspect-ratio:16 / 6.6 !important;
    object-fit:cover !important;
    border-radius:30px !important;
    box-shadow:none !important;
  }
  #results > div:first-child > h1{
    font-size:clamp(34px,4.2vw,64px) !important;
    line-height:.95 !important;
    letter-spacing:-.06em !important;
    max-width:1050px !important;
  }
  #results > div:first-child > p{
    max-width:980px !important;
    font-size:17px !important;
    line-height:1.75 !important;
  }
  .providers-box,
  .cast-section{
    width:min(1120px,calc(100vw - 96px)) !important;
    max-width:min(1120px,calc(100vw - 96px)) !important;
    margin-left:50% !important;
    transform:translateX(-50%) !important;
  }
  .cast-section{
    padding:28px !important;
    border-radius:28px !important;
  }
}

/* Trailer: full healthy rectangle on desktop, clean and readable on phone. */
.trailer-box{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
.trailer-title{
  margin:0 0 18px !important;
}
.trailer-frame{
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  height:auto !important;
  box-shadow:none !important;
}
@media (min-width:900px){
  .trailer-frame{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 9 !important;
  }
}
@media (max-width:520px){
  #results{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #results > div:first-child > img:first-child{
    border-radius:22px !important;
    box-shadow:none !important;
    max-height:260px !important;
    object-fit:cover !important;
  }
  #results > div:first-child > h1{
    font-size:32px !important;
    line-height:1 !important;
    letter-spacing:-.05em !important;
  }
  #results > div:first-child > p{
    font-size:14px !important;
    line-height:1.65 !important;
  }
  #nbTrailer,
  #nbWatchNow,
  #nbIntegratedEpisodes{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    transform:none !important;
  }
  .trailer-frame{
    border-radius:20px !important;
    aspect-ratio:16 / 9 !important;
  }
  .trailer-frame iframe,
  .trailer-frame video,
  .trailer-frame embed{
    border-radius:20px !important;
  }
}

/* Episodes: keep professional selector but make it comfortable on desktop and mobile. */
#nbIntegratedEpisodes{
  clear:both !important;
}
.nb-episode-box{
  margin-top:34px !important;
  margin-bottom:24px !important;
}
.nb-episode-item{
  box-shadow:none !important;
}
@media (min-width:900px){
  .nb-episode-list{
    gap:14px !important;
  }
  .nb-episode-item{
    grid-template-columns:58px 190px 1fr 50px !important;
    min-height:112px !important;
  }
  .nb-episode-thumb{
    width:190px !important;
    height:104px !important;
  }
}
@media (max-width:520px){
  .nb-episode-list{
    gap:10px !important;
  }
  .nb-episode-item{
    grid-template-columns:96px 1fr 34px !important;
    width:100% !important;
  }
}