/* v0.9.57: keep three useful columns and make the upcoming viewport a real scroll container. */
#ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-layout,
#main [data-te-classic] .te-upcoming-layout,
[data-te-classic] .te-upcoming-layout {
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  grid-template-columns:minmax(78px,108px) minmax(0,1fr) !important;
  gap:clamp(12px,1.7vw,24px) !important;
}
#ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-scroll,
#main [data-te-classic] .te-upcoming-scroll,
[data-te-classic] .te-upcoming-scroll {
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:clamp(620px,74vh,820px) !important;
  max-height:820px !important;
  overflow-x:hidden !important;
  overflow-y:scroll !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  padding:30px 16px 42px !important;
}
#ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-day-cards,
#main [data-te-classic] .te-upcoming-day-cards,
[data-te-classic] .te-upcoming-day-cards {
  display:grid !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(12px,1.25vw,20px) !important;
}
#ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-day-cards .te-classic-card,
#main [data-te-classic] .te-upcoming-day-cards .te-classic-card,
[data-te-classic] .te-upcoming-day-cards .te-classic-card {
  box-sizing:border-box !important;
  flex:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:510px !important;
  margin:0 !important;
}
[data-te-classic] .te-upcoming-day-cards .te-poster {
  flex-basis:176px !important;
  min-height:176px !important;
}
@media (max-width:900px) {
  #ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-day-cards,
  #main [data-te-classic] .te-upcoming-day-cards,
  [data-te-classic] .te-upcoming-day-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:620px) {
  #ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-layout,
  #main [data-te-classic] .te-upcoming-layout,
  [data-te-classic] .te-upcoming-layout { grid-template-columns:64px minmax(0,1fr) !important; gap:6px !important; }
  #ajax-content-wrap .container.main-content [data-te-classic] .te-upcoming-day-cards,
  #main [data-te-classic] .te-upcoming-day-cards,
  [data-te-classic] .te-upcoming-day-cards { grid-template-columns:1fr !important; }
  [data-te-classic] .te-upcoming-scroll { padding-right:8px !important; padding-left:8px !important; }
}
