/* Mellstroy Casino — Mobile (≤1024px)
============================================================ */
@media (max-width: 1280px) {
  .hero-title { font-size: 36px; }
  .hero { padding: 44px 36px; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-grid .footer-col:nth-child(4) { display: none; }
}

@media (max-width: 1024px) {
  .wrapper { padding: 10px; }
  .nav-main { display: none; }
  .header { padding: 10px 14px; flex-wrap: wrap; gap: 8px; }
  .logo img { height: 40px; width: 40px; }
  .logo-w1 { font-size: 16px; }
  .logo-w2 { font-size: 11px; }
  .btn { padding: 9px 16px; font-size: 13px; }
  .top-bar { display: none; }

  .hero {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 32px 24px;
    text-align: left;
  }
  .hero-title { font-size: 28px; }
  .hero-description { font-size: 14px; }
  .hero-visual { order: -1; }
  .hero-img { max-width: 320px; }
  .hero-buttons { flex-direction: column; align-items: stretch; }

  .bonus-bar {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 22px 24px;
    text-align: center;
  }
  .bonus-bar-value { font-size: 26px; }
  .bonus-bar .btn-cta { width: 100%; }

  .stats-row { grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 0; }
  .stats-row .stat-item:nth-child(4),
  .stats-row .stat-item:nth-child(5) { grid-column: span 1; }
  .stat-value { font-size: 22px; }

  .promo-banner { grid-template-columns: 1fr; }
  .games-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; }
  .game-thumb { font-size: 42px; }
  .game-name { font-size: 11px; }

  .seo-content, .faq, .reviews, .footer { padding: 22px; }
  .seo-content h1 { font-size: 24px; }
  .seo-content h2 { font-size: 19px; margin: 24px 0 12px; }
  .seo-content h3 { font-size: 16px; }

  .footer-grid { grid-template-columns: 1fr; gap: 24px; text-align: center; }
  .footer-grid .footer-col:nth-child(4) { display: block; }
  .footer-col h4 { text-align: center; }
  .socials { justify-content: center; }
  .section-title { font-size: 20px; }
  .reviews-grid { grid-template-columns: 1fr; }
  .live-banner { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 20px; }
}

@media (max-width: 480px) {
  .header-actions { gap: 6px; }
  .btn-login { display: none; }
  .games-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .stats-row .stat-item:nth-child(5) { grid-column: 1 / -1; }
  .hero { padding: 24px 18px; }
  .hero-title { font-size: 24px; }
  .seo-table { font-size: 12px; }
  .seo-table th, .seo-table td { padding: 10px 12px; }
}