/* Isolated episode rail styling. No player, profile or series-grid selectors. */
#bolumler.season-browser {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 28px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

#bolumler .season-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  padding: 4px 6px;
  border: 0;
  background: transparent;
  overflow-x: auto;
  scrollbar-width: thin;
}
#bolumler .season-tabs > span {
  flex: 0 0 auto;
  margin: 0 10px 0 0;
  padding: 0;
  color: #98a9bd;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#bolumler .season-tabs > a {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #354359;
  border-radius: 12px;
  background: #172130;
  color: #ccd8e6;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease;
}
#bolumler .season-tabs > a[aria-current] {
  border-color: var(--accent, #35d6c6);
  background: #163d3d;
  background: color-mix(in srgb, var(--accent, #35d6c6) 15%, #141e2c);
  color: #aaf6ec;
  box-shadow: inset 0 1px 0 #ffffff0c;
}

#bolumler .episode-strip {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 6px 6px 14px;
  border: 0;
  background: transparent;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 6px;
  scrollbar-width: thin;
  scrollbar-color: #405169 transparent;
  -webkit-overflow-scrolling: touch;
}
#bolumler .episode-strip::-webkit-scrollbar { height: 5px; }
#bolumler .episode-strip::-webkit-scrollbar-track { background: transparent; }
#bolumler .episode-strip::-webkit-scrollbar-thumb { border-radius: 10px; background: #405169; }

#bolumler .episode-strip > a {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: 0 0 188px;
  width: 188px;
  min-width: 0;
  min-height: 164px;
  height: auto;
  margin: 0;
  padding: 46px 16px 14px;
  border: 1px solid #354258;
  border-radius: 16px;
  background: linear-gradient(145deg, #1c293b, #141e2c);
  box-shadow: inset 0 1px 0 #ffffff07, 0 4px 12px #050b1426;
  color: #eef4fc;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  overflow: hidden;
  opacity: 1;
  scroll-snap-align: start;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#bolumler .episode-strip > a::before { content: none; display: none; }
#bolumler .episode-strip > a::after {
  content: '›';
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid #ffffff0b;
  border-radius: 8px;
  background: #ffffff04;
  color: #98adc4;
  font: 22px/1 system-ui, sans-serif;
}
#bolumler .episode-strip > a h3 {
  margin: 0 0 6px;
  padding: 0;
  color: #eff6ff;
  font-size: 18px;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: -.025em;
  text-decoration: none;
}
#bolumler .episode-strip > a > span {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  color: #a9bad0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
}
#bolumler .episode-strip > a time {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: auto 0 0;
  padding: 10px 0 0;
  border-top: 1px solid #ffffff09;
  color: #adbed2;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  text-decoration: none;
}
#bolumler .episode-strip > a time::before {
  content: '';
  box-sizing: border-box;
  flex: 0 0 11px;
  width: 11px;
  height: 11px;
  border: 1px solid currentColor;
  border-radius: 3px;
  background: linear-gradient(currentColor, currentColor) center 2px / 100% 1px no-repeat;
  opacity: .7;
}
#bolumler .episode-strip > a[aria-current] {
  border: 1px solid var(--accent, #35d6c6);
  background: linear-gradient(145deg, #1d4147, #142c34);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent, #35d6c6) 20%, #182637), #142c34);
  box-shadow: inset 0 1px 0 #b4fff01c, 0 0 0 1px #35d6c617, 0 6px 18px #030b132b;
}
#bolumler .episode-strip > a[aria-current] h3 { color: #b4fff1; }
#bolumler .episode-strip > a[aria-current]::after { color: #aaf5e7; border-color: #7ee8d42b; background: #35d6c610; }
#bolumler .episode-strip .episode-badges {
  position: absolute;
  top: 14px;
  right: 44px;
  bottom: auto;
  left: 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  transform: none;
}
#bolumler .episode-strip .episode-badge {
  position: static;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #94aecd2b;
  border-radius: 6px;
  background: #293c52;
  color: #c9ddf4;
  font-size: 9px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: .025em;
  white-space: nowrap;
  box-shadow: none;
  text-decoration: none;
}
#bolumler .episode-strip .badge-season { border-color: #6cdcc438; background: #1b4545; color: #9defdc; }
#bolumler .episode-strip .badge-new { border-color: #8fb7ef36; background: #283c57; color: #bdd6ff; }
#bolumler .episode-strip .badge-finale { border-color: #edc26b38; background: #423c2e; color: #f0d897; }
#bolumler .episode-strip > a.upcoming { border-color: #2a3649; background: linear-gradient(145deg, #182230, #111a27); opacity: 1; }
#bolumler .episode-strip > a.upcoming h3 { color: #a8b8cb; }
#bolumler .episode-strip > a.upcoming > span,
#bolumler .episode-strip > a.upcoming time { color: #8e9fb4; text-decoration: none; }
#bolumler .episode-strip > a.upcoming .episode-badge { color: #e7c98c; background: #3a3328; border-color: #d6b9712c; }
#bolumler .season-tabs > a:focus-visible,
#bolumler .episode-strip > a:focus-visible { outline: 2px solid var(--accent, #35d6c6); outline-offset: 3px; }

@media (hover: hover) and (pointer: fine) {
  #bolumler .season-tabs > a:hover { border-color: #6b879f; background: #233349; }
  #bolumler .season-tabs > a[aria-current]:hover { border-color: var(--accent, #35d6c6); background: #21474a; }
  #bolumler .episode-strip > a:hover { border-color: #638599; transform: translateY(-2px); box-shadow: inset 0 1px 0 #ffffff08, 0 9px 22px #02081240; }
  #bolumler .episode-strip > a[aria-current]:hover { border-color: var(--accent, #35d6c6); }
}
@media (max-width: 600px) {
  #bolumler.season-browser { margin: 22px 0; }
  #bolumler .episode-strip { gap: 12px; }
  #bolumler .episode-strip > a { flex-basis: 168px; width: 168px; min-height: 154px; padding: 44px 14px 12px; border-radius: 15px; }
  #bolumler .episode-strip > a h3 { font-size: 17px; }
  #bolumler .episode-strip > a > span { font-size: 12px; margin-bottom: 12px; }
  #bolumler .episode-strip .episode-badges { left: 14px; right: 42px; }
}
@media (prefers-reduced-motion: reduce) {
  #bolumler .season-tabs > a, #bolumler .episode-strip > a { transition: none; }
  #bolumler .episode-strip > a:hover { transform: none; }
}