/* ============================================
   PLAYSPOT PUBLIC PAGES - Main CSS
   Centralized styles for all public-facing pages
   ============================================ */

/* Components */
@import url('components/page-header.css');
@import url('components/stats-bar.css');
@import url('components/filters.css');
@import url('components/buttons.css');
@import url('components/cards.css');
@import url('components/cta.css');
@import url('components/deals.css');
@import url('components/steps.css');

/* Pages */
@import url('pages/venues.css');

/* ============================================
   COMMON GRID LAYOUTS
   ============================================ */

.tournaments-section,
.games-section {
    padding: 48px 0 60px;
    background: #f8fafc;
}

.tournaments-grid,
.games-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1024px) {
    .tournaments-grid,
    .games-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .tournaments-grid,
    .games-grid {
        grid-template-columns: 1fr;
    }
}