/* ============================================
   Event Page — Layout Overrides
   ============================================
   Base event-section styles (date/time icons)
   and card styles are in components/cards.css.
   ============================================ */

/* Event page uses flex layout instead of grid for gallery */
.gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 1220px;
}

.card {
    width: 100%;
    max-width: 377px;
    flex: 1 1 280px;
}

@media (max-width: 750px) {
    .gallery-grid {
        gap: 12px;
    }
    .card {
        flex: 1 1 100%;
        max-width: 100%;
    }
}