/* ==========================
   RESPONSIVE
========================== */

@media (max-width: 992px) {
  .home-layout {
    grid-template-columns: 1fr;
  }

  .home-sidebar {
    order: 2;
  }

  .latest-games {
    order: 1;
  }
}

/* MOBILE NAV */
@media (max-width: 768px) {

  .menu-toggle {
    display: block;
  }

  .site-nav {
    display: none;
    width: 100%;
  }

  .site-nav.active {
    display: block;
    margin-top: 15px;
  }

  .site-nav ul {
    flex-direction: column;
    gap: 12px;
  }

  .site-header {
    flex-wrap: wrap;
  }

  /* Homepage categories 2 columns */
  .categories-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .games-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
}