@media (min-width: 769px) {
  .content.home-content {
    gap: 22px;
    padding-inline: var(--content-pad);
  }

  /* Tek sütun; hero + promo yan yana ancak 1421px'den sonra sığıyor (aşağıda). */
  .home-content .mobile-home-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 20px 15px;
    margin: 0;
    padding-inline: 0;
    overflow: visible;
  }

  .home-content .mobile-home-top .home-promos {
    align-self: start;
    margin: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-content .mobile-home-body {
    gap: 22px;
    margin: 0;
    padding-inline: 0;
  }

  .home-content .mobile-section {
    margin-top: 0;
  }

  .home-content .mobile-home-body .mobile-section-head h2,
  .home-content .mobile-section-head h2 {
    font-size: calc(var(--fs-2xl) * 0.8);
  }

  .home-content .mobile-game-row {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 7 * 10px) / 8);
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .home-content .mobile-game-row .casino-game-card {
    flex: initial;
    width: 100%;
  }

  .home-content .mobile-sports-row {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 15px;
    overflow: visible;
  }

  .home-content .mobile-sports-row .sport-tile {
    flex: initial;
    width: 100%;
    height: 120px;
    gap: 20px;
    border-radius: var(--r-3xl);

    box-shadow:
      inset 0 0 0 1px var(--stroke),
      inset 0 1px 0 var(--accent-a25),
      0 16px 36px var(--black-a45);
  }

  .home-content .mobile-sports-row span {
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
  }

  .home-content .mobile-sports-row span i {
    width: 36px;
    height: 36px;
  }

  .home-content .mobile-sports-row strong {
    position: relative;
    z-index: 1;
    font-size: var(--fs-xl);
    font-weight: 700;
  }
}

/* Hero solda, promo ızgarası sağda — iki sütuna yer ancak burada var. */
@media (min-width: 1421px) {
  .home-content .mobile-home-top {
    grid-template-columns: minmax(0, 1fr) 29%;
  }

  .home-content .mobile-home-top .home-promos {
    grid-column: 2;
  }

  .app-shell.app-fluid .home-content .home-promos {
    max-width: none;
  }
}

.mobile-home-body .mobile-section-head h2 {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Ev satır başlıkları %20 küçük — yazı, satır yüksekliği ve yıldız birlikte. */
.mobile-home-body .mobile-section-head {
  height: 26px;
  margin-bottom: 12px;
}

.mobile-home-body .mobile-section-head h2 {
  font-size: calc(var(--fs-lg) * 0.8);
  line-height: 23.6px;
}

.mobile-home-body .mobile-section-head h2::before {
  flex-basis: 16px;
  width: 16px;
  height: 16px;
}