@media (max-width: 992px) {
  .page-calendar .calendar-page {
    padding: 20px 0 !important;
  }

  .page-calendar .calendar-container {
    padding: 0 15px !important;
  }

  .page-calendar .calendar-header {
    margin-bottom: 16px !important;
  }

  .page-calendar .league-selector {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .page-calendar .league-dropdown {
    flex: 1 1 0;
    min-width: 0;
  }

  .page-calendar .league-dropdown-btn {
    width: 100%;
    justify-content: space-between;
    padding: 10px 12px !important;
    font-size: 13px !important;
  }

  .page-calendar .league-dropdown-list {
    min-width: 100% !important;
  }

  .page-calendar .current-league {
    font-size: 16px !important;
    text-align: center;
  }

  .page-calendar .tour-header {
    margin: 18px 0 10px 0 !important;
    font-size: 16px !important;
  }

  .page-calendar .match-card {
    padding: 12px !important;
    margin-bottom: 10px !important;
  }

  .page-calendar .match-header {
    margin-bottom: 10px !important;
  }

  .page-calendar .match-header-left {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 6px;
  }

  .page-calendar .match-date,
  .page-calendar .match-time,
  .page-calendar .match-location {
    font-size: 13px !important;
  }

  .page-calendar .match-teams {
    margin: 0 auto 2px auto !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    justify-items: center;
  }

  .page-calendar .team,
  .page-calendar .team.home,
  .page-calendar .team.away {
    width: 100%;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
  }

  .page-calendar .team-name {
    font-size: 16px !important;
    white-space: normal !important;
    line-height: 1.25;
  }

  .page-calendar .team-logo {
    width: 42px !important;
    height: 42px !important;
  }

  .page-calendar .match-vs {
    font-size: 13px !important;
    margin: 2px 0;
  }
}

@media (max-width: 576px) {
  .page-calendar .calendar-container {
    padding: 0 12px !important;
  }

  .page-calendar .league-selector {
    flex-wrap: wrap;
  }

  .page-calendar .league-dropdown {
    flex: 1 1 100%;
  }

  .page-calendar .team-name {
    font-size: 15px !important;
  }
}