/* Homepage "Behind the Scenes" reels: always one row.
   Wide screens: every reel shares the row equally.
   Tablet and phone: one swipeable row instead of wrapping onto new lines. */
#reelsGrid.reel-grid-full {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
}

@media (max-width: 1080px) {
  #reelsGrid.reel-grid-full {
    display: flex;
    gap: 6px;
    padding: 0 24px 14px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  #reelsGrid.reel-grid-full .reel-item {
    flex: 0 0 clamp(150px, 26vw, 230px);
    scroll-snap-align: start;
  }
}

@media (max-width: 760px) {
  #reelsGrid.reel-grid-full .reel-item {
    flex: 0 0 clamp(140px, 42vw, 200px);
  }
}