@media (max-width: 1180px) {
  .tlv-search {
    display: none;
  }

  .tlv-hero-grid {
    grid-template-columns: 1fr 380px;
  }
}

@media (max-width: 1024px) {
  .tlv-nav {
    display: none;
  }

  .tlv-menu-toggle {
    display: block;
  }

  .tlv-header-main__inner {
    min-height: 74px;
  }

  .tlv-hero-grid,
  .tlv-contact-grid {
    grid-template-columns: 1fr;
  }

  .tlv-live-panel {
    max-width: 620px;
  }

  .tlv-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tlv-league-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tlv-league-card:first-child {
    grid-row: auto;
  }

  .tlv-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 782px) {
  .admin-bar .tlv-header {
    top: 46px;
  }
}

@media (max-width: 768px) {
  .tlv-shell {
    width: min(100% - 28px, var(--tlv-container));
  }

  .tlv-announcement__inner {
    justify-content: center;
    text-align: center;
  }

  .tlv-announcement a,
  .tlv-header-actions .tlv-btn {
    display: none;
  }

  .tlv-home-hero,
  .tlv-section,
  .tlv-page-banner {
    padding: 46px 0;
  }

  .tlv-home-hero h1 {
    font-size: 48px;
  }

  .tlv-hero-copy,
  .tlv-page-banner p {
    font-size: 16px;
  }

  .tlv-section-head {
    display: grid;
  }

  .tlv-filter {
    width: 100%;
    overflow-x: auto;
  }

  .tlv-match-card {
    grid-template-columns: 1fr;
  }

  .tlv-match-meta {
    justify-items: start;
  }

  .tlv-feature-grid,
  .tlv-league-grid,
  .tlv-post-grid,
  .tlv-footer-grid {
    grid-template-columns: 1fr;
  }

  .tlv-field-grid {
    grid-template-columns: 1fr;
  }

  .tlv-footer-cta,
  .tlv-footer-bottom {
    display: grid;
  }
}

@media (max-width: 430px) {
  .tlv-logo__mark {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .tlv-logo__text {
    font-size: 17px;
  }

  .tlv-home-hero h1 {
    font-size: 40px;
  }

  .tlv-live-screen {
    min-height: 220px;
  }

  .tlv-score-strip {
    grid-template-columns: 1fr;
  }

  .tlv-stat-strip {
    padding: 10px;
  }
}