/* A smaller, refined rail. Season navigation and player remain untouched. */
#bolumler .episode-strip {
  gap: 9px;
  padding: 7px 4px 10px;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: #3e4e64 transparent;
  scroll-padding-inline: 4px;
}
#bolumler .episode-strip::-webkit-scrollbar { height: 4px; }
#bolumler .episode-strip::-webkit-scrollbar-track { background: transparent; }
#bolumler .episode-strip::-webkit-scrollbar-thumb { background: #3e4e64; border-radius: 8px; }
#bolumler .episode-strip > a {
  box-sizing: border-box;
  display: flex; flex-direction: column; align-items: stretch;
  flex: 0 0 164px; width: 164px; min-width: 0;
  height: auto; min-height: 104px;
  padding: 8px 14px 11px; margin: 0;
  border: 1px solid #344054; border-radius: 12px;
  background: linear-gradient(145deg, #1c2636, #151e2c);
  box-shadow: inset 0 1px 0 #ffffff06, 0 3px 8px #0208121a;
  text-decoration: none; overflow: hidden; opacity: 1;
  transition: border-color .15s ease, background .15s ease;
}
#bolumler .episode-strip > a::before { content: none; display: none; }
#bolumler .episode-strip > a h3 {
  margin: 0 0 4px; padding: 0;
  color: #edf4ff; font-size: 13px; font-weight: 700; line-height: 1.3;
  letter-spacing: -.015em; text-decoration: none;
}
#bolumler .episode-strip > a > span:not(.episode-current-marker) {
  display: block; margin: 0 0 5px; padding: 0;
  color: #b3bfd1; font-size: 11px; line-height: 1.4;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  text-decoration: none;
}
#bolumler .episode-strip > a time {
  display: flex; align-items: center; gap: 5px;
  margin: auto 0 0; padding: 0;
  color: #94a6bf; font-size: 10px; line-height: 1.3;
  white-space: nowrap; text-decoration: none;
}
#bolumler .episode-strip > a time::before {
  content: ''; box-sizing: border-box; flex: 0 0 9px; width: 9px; height: 9px;
  border: 1px solid currentColor; border-radius: 2px;
  background: linear-gradient(currentColor, currentColor) center 2px / 100% 1px no-repeat;
  opacity: .65;
}
#bolumler .episode-strip > a[aria-current] {
  border-color: #64bcae;
  background: linear-gradient(145deg, #1b3940, #162931);
  box-shadow: inset 0 1px 0 #a7fce315, 0 3px 9px #07141125;
}
#bolumler .episode-strip > a[aria-current] h3 { color: #aaf4e3; }
#bolumler .episode-strip .episode-badges {
  display: contents; position: static;
  margin: 0; padding: 0; width: auto;
}
#bolumler .episode-strip .episode-card-labels {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 3px 4px; flex: 0 0 auto; min-height: 14px;
  margin: 0 0 6px; padding: 0;
}
#bolumler .episode-strip .episode-badge {
  position: static; flex: 0 0 auto; margin: 0;
  padding: 2px 4px; border-radius: 4px;
  font-size: 8px; font-weight: 600; line-height: 1.25;
  background: #253849; color: #b9d8ea; box-shadow: none;
}
#bolumler .episode-strip .badge-season { background: #214940; color: #a1ead4; }
#bolumler .episode-strip .badge-new { background: #253d57; color: #b4d4fc; }
#bolumler .episode-strip .badge-finale { background: #433b2b; color: #e7d29e; }
#bolumler .episode-strip > a .episode-card-labels .episode-current-marker {
  position: static; flex: 0 0 auto; margin: 0 0 0 auto;
  padding: 2px 0; font-size: 8px;
  background: transparent; color: #b8f6e7;
}
#bolumler .episode-strip > a.upcoming {
  background: linear-gradient(145deg, #182130, #131b28);
  border-color: #2c374a; opacity: 1;
}
#bolumler .episode-strip > a.upcoming h3 { color: #adbdd0; }
#bolumler .episode-strip > a.upcoming > span:not(.episode-current-marker),
#bolumler .episode-strip > a.upcoming time { color: #899bb3; text-decoration: none; }
#bolumler .episode-strip > a:focus-visible { outline: 2px solid #78d8c4; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
  #bolumler .episode-strip > a:hover { border-color: #657d96; }
  #bolumler .episode-strip > a[aria-current]:hover { border-color: #8be2cf; }
}
@media (max-width: 600px) {
  #bolumler .episode-strip { gap: 8px; }
  #bolumler .episode-strip > a {
    flex-basis: 156px; width: 156px; height: auto; min-height: 100px;
    padding: 8px 12px 10px; border-radius: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #bolumler .episode-strip > a { transition: none; }
}