/* events / restaurant_menus card grid.
   The shared css/components/card-grid.css already maps the common event layouts
   (.events-cards-3grid, -4grid, -5grid and their -feature variants) to columns
   and collapses every `.events-cards-*` to one column at 40em. It was missing the
   two "big grid" variants below, so 3grid6 / 4grid8 fell back to the default
   single column and rendered full width. Map them to their column counts here;
   the shared sheet's 40em collapse (`[class*="events-cards-"]`) still applies.
   Card face styling comes from css/components/card.css (.event-card). */

.events-cards-3grid6 { grid-template-columns: repeat(3, 1fr); }
.events-cards-4grid8 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 64em) {
  .events-cards-3grid6,
  .events-cards-4grid8 { grid-template-columns: repeat(2, 1fr); }
}