@layer layout {
  @media (max-width: 1024px) {
    .hero { grid-template-columns: 1fr; }
    .hero__media { max-width: 100%; height: 300px; justify-self: center; }
    .hero__content { order: 1; }
    .hero__media { order: 2; }
    .nav__links { display: none !important; }
    .nav__hamburger { display: inline-block !important; }
    .nav { grid-template-columns: auto 1fr auto; gap: 12px; }
    .nav__logo img { height: 32px; }
    .section { padding: 90px 0; }
    .features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .bonus-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .games { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .payments { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer__top { grid-template-columns: 1fr 1fr; }
    .stats__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stat__divider { display: none; }
    .apps { grid-template-columns: 1fr; }
    .bonus-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sports-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 768px) {
    .hero { padding: calc(var(--nav-height) + 24px) 6vw 60px; }
    .hero__media { height: 240px; }
    .hero__actions { flex-direction: column; align-items: flex-start; }
    .hero__trust { flex-wrap: wrap; }
    .hero__watermark { display: none; }
    .hero__badge { font-size: 0.7rem; padding: 6px 12px; }
    .hero__content h1 { font-size: clamp(2.2rem, 9vw, 3.4rem); }
    .hero__lead { font-size: 0.95rem; }
    .section { padding: 80px 0; }
    .section__label { font-size: 0.7rem; }
    .section-title { font-size: clamp(1.8rem, 7vw, 2.6rem); }
    .features { grid-template-columns: 1fr; gap: 18px; }
    .feature-card { padding: 20px; border-left-width: 3px; }
    .feature-card__icon { width: 48px; height: 48px; }
    .feature-card h3 { font-size: 1.2rem; }
    .feature-card p { font-size: 0.95rem; line-height: 1.6; }
    .feature-card p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
    .feature-card a { font-size: 0.95rem; }
    .stats { padding: 48px 0; }
    .stats__inner { grid-template-columns: 1fr; gap: 12px; }
    .stat-number { font-size: clamp(1.8rem, 8vw, 2.6rem); }
    .bonus-card { padding: 24px; }
    .bonus-card__value { font-size: 1.6rem; }
    .bonus-card__media { height: 140px; }
    .bonus-mini { grid-template-columns: 1fr; }
    .bonus-mini__item img { height: 110px; }
    .features { grid-template-columns: 1fr; }
    .bonus-stack { grid-template-columns: 1fr; }
    .games {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: 80%;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 16px;
      padding-bottom: 8px;
    }
    .game-card { scroll-snap-align: start; }
    .payments { display: none; }
    .payments__marquee { display: block; overflow: hidden; }
    .payments__track { padding: 16px 0; }
    .footer__top { grid-template-columns: 1fr; }
    .sports-strip { grid-template-columns: 1fr; }
    .apps__platforms { gap: 12px; }
    .apps__platform { padding: 8px 12px; font-size: 0.9rem; }
  }

  @media (max-width: 375px) {
    .hero__badge { font-size: 0.7rem; }
    .section { padding: 80px 0; }
    .hero__media { height: 210px; }
    .hero__actions .btn { width: 100%; }
    .tab { padding: 6px 12px; font-size: 0.85rem; }
  }

  @media (min-width: 1025px) {
    .games .game-card:nth-child(1),
    .games .game-card:nth-child(3),
    .games .game-card:nth-child(5) { min-height: 320px; }

    .games .game-card:nth-child(2),
    .games .game-card:nth-child(4),
    .games .game-card:nth-child(6) { min-height: 260px; }
  }
}