/* Reuse list/detail/play components; only video dimensions and error state differ. */
.video-series-filter-row { display: flex; align-items: flex-start; gap: 24px; width: 100%; min-width: 0; }
.video-series-filter-label { flex: none; padding: 12px 0; color: rgba(255, 255, 255, .55); font-size: 14px; line-height: 24px; }
.site-shell .video-series-page .list-filters { flex-wrap: wrap; width: auto; min-width: 0; flex: 1; row-gap: 8px; }
.site-shell .video-series-page .filter-chip { width: auto; min-width: 60px; height: auto; min-height: 36px; padding: 8px; }
.site-shell .video-series-page .filter-chip-text { white-space: normal; overflow-wrap: anywhere; }
.video-series-count { margin-left: auto; color: rgba(255, 255, 255, .55); font-size: 14px; font-weight: 400; line-height: 22px; }
.site-shell .video-series-page .list-section-title { flex-wrap: wrap; }
.site-shell .video-series-page .card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.site-shell [data-series-page] .poster-card.series-card { width: 100%; min-width: 0; height: auto; }
.site-shell [data-series-page] .series-card .poster-cover { display: block; width: 100%; height: auto; padding: 0; flex: 0 0 auto; aspect-ratio: 16 / 9; }
.site-shell [data-series-page] .series-card .poster-card-body { height: auto; min-height: 0; flex: 1; }
.site-shell [data-series-page] .series-card .poster-card-title { text-decoration: none; }
.site-shell [data-series-page] .series-card .poster-card-tags { flex-wrap: wrap; overflow: visible; }
.site-shell [data-series-page] .series-card .poster-card-tag { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-decoration: none; }
.video-series-page .series-grid-ad { grid-column: 1 / -1; width: 100%; min-width: 0; }
.video-series-page [hidden] { display: none !important; }
.video-series-page .series-grid-ad--mobile { display: none; }
[data-series-page="series-watch"] .play-player-message {
  position: absolute; inset: 0; z-index: 7; display: flex;
  flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 24px; background: rgba(0, 0, 0, .55);
  color: #fff; text-align: center; pointer-events: none;
}
[data-series-page="series-watch"] .play-player-message button { pointer-events: auto; }
[data-series-page="series-watch"] [hidden] { display: none !important; }
[data-series-page="series-watch"] .play-player-message p { margin: 0; }
@media (max-width: 767px) {
  .video-series-filter-row { gap: 12px; }
  .video-series-filter-label { padding: 4px 0; font-size: 12px; line-height: 20px; }
  .site-shell .video-series-page .list-filters { flex-wrap: nowrap; }
  .site-shell .video-series-page .filter-chip { flex: 0 0 auto; min-width: 60px; min-height: 30px; padding: 4px 8px 6px; }
  .site-shell .video-series-page .filter-chip-text { white-space: nowrap; }
  .video-series-count { font-size: 12px; line-height: 20px; }
  .site-shell .video-series-page .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .video-series-page .series-grid-ad--desktop { display: none; }
  .video-series-page .series-grid-ad--mobile { display: grid; }
  [data-series-page="series-watch"] .play-ep-more-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
}