/**
 * Mobil yatay sayfa kaydırmasını engeller.
 * Yatay scroll yalnızca .scroll-strip sınıflı şeritlerde kalır.
 */
@media (max-width: 899px) {
  html {
    overflow-x: hidden;
    width: 100%;
  }

  body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
  }

  .layout,
  .app-shell,
  .shell,
  .sportsbook-shell,
  .stake-shell,
  .sportsbook-grid,
  .sportsbook-main,
  .panel,
  .market-board,
  .section,
  .topbar,
  .site-topbar,
  .match-layout,
  .stake-event-layout {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Yatay kaydırma yalnızca bu şeritlerde */
  .game-row,
  .sport-row,
  .bulletin-tabs,
  .sport-filters-list--horizontal,
  .competition-hub__track,
  .stake-market-tabs,
  .dashboard-tabs,
  .special-options {
    max-width: 100%;
    box-sizing: border-box;
  }

  .game-row,
  .sport-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .market-board-head {
    display: none !important;
  }

  .match-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .match-live-grid,
  .stake-style-page .match-live-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .stake-market-tools {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .stake-event-layout,
  .match-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.logged-in .member-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .filters {
    grid-template-columns: minmax(0, 1fr) 48px !important;
  }

  .select-wrap,
  .search-wrap,
  .search-box {
    min-width: 0;
    max-width: 100%;
  }

  .section-head {
    flex-wrap: wrap;
    gap: 8px;
  }

  .view-all {
    flex-shrink: 0;
  }

  img,
  iframe,
  video {
    max-width: 100%;
  }
}

@media (max-width: 520px) {
  body.logged-in .member-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .filters {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .filters .icon-button,
  .filters button:last-child {
    grid-column: 2;
    justify-self: end;
  }
}
