@media (max-width: 767px) {
  .nav-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  nav {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  main {
    padding: 1rem;
  }

  .countdown-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }

  .countdown-box strong {
    font-size: 2rem;
  }

  .team-badge {
    min-width: 140px;
  }

  .official-logo {
    flex-direction: column;
    align-items: flex-start;
  }

  .logo-img {
    height: 48px;
  }

  .logo-container--compact .logo-img {
    height: 36px;
  }

  .social-links {
    gap: 0.5rem;
  }

  .social-icon {
    width: 36px;
    height: 36px;
  }
}