@media (max-width: 767px) {
  .mobile-nav .liquid-glass-pill {
    transition: left 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }

  .mobile-nav {
    transform: translateX(-50%) scale(1);
    transform-origin: center bottom;
    transition: transform 0.25s ease;
  }

  .mobile-nav.is-compact {
    transform: translateX(-50%) scale(0.78);
  }

  .match-row-card {
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 8px;
    padding: 12px 10px;
  }

  .match-row-card > .match-team-pill-btn {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 1rem;
    padding: 0 8px;
  }

  .match-center-block {
    min-width: 0;
  }

  .search-pill-box input {
    font-size: 0.82rem;
    padding: 0 10px 0 34px;
    height: 40px;
  }

  .search-pill-box .search-icon {
    width: 16px;
    height: 16px;
    left: 10px;
  }

  .filter-pill-btn {
    height: 40px;
    padding: 0 12px;
    min-width: 90px;
    font-size: 0.82rem;
    gap: 6px;
  }
}