/* =========================================
   PIN-UP CASINO AZ — Responsive Styles
   ========================================= */

/* --- Tablet (max 1024px) --- */
@media (max-width: 1024px) {

  .header-inner { gap: 16px; }
  .nav-link { padding: 8px 10px; font-size: 0.84rem; }

  .hero-inner { gap: 40px; }
  .hero-chip:nth-child(1) { width: 90px; height: 90px; }
  .hero-chip:nth-child(2) { width: 70px; height: 70px; }
  .hero-chip:nth-child(4) { width: 80px; height: 80px; }

  .brand-grid { gap: 40px; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }

  .game-card { flex: 0 0 calc(25% - 15px); }
}

/* --- Mobile large (max 768px) --- */
@media (max-width: 768px) {

  /* Header */
  .main-nav { display: none; }
  .header-actions { display: none; }
  .burger-btn { display: flex; }

  .header-inner { height: 60px; }
  .mobile-menu { top: 60px; }

  /* Hero */
  .hero {
    padding: 90px 0 60px;
    min-height: auto;
  }
  .hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
  }
  .hero-desc { margin: 0 auto 2rem; }
  .hero-stats { justify-content: center; }
  .hero-actions { justify-content: center; }
  .hero-visual { order: -1; }
  .hero-card-stack { width: 240px; height: 240px; }

  /* Brand */
  .brand-grid { grid-template-columns: 1fr; gap: 32px; }
  .brand-visual { order: -1; }
  .stat-cards { grid-template-columns: 1fr 1fr; }

  /* Games */
  .game-card { flex: 0 0 calc(50% - 10px); }

  /* Table */
  .bonus-table th,
  .bonus-table td { padding: 12px 14px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* Sections */
  .section { padding: 60px 0; }
}

/* --- Mobile small (max 480px) --- */
@media (max-width: 480px) {

  .container { padding: 0 16px; }

  .hero-title { font-size: 2rem; }
  .hero-stat-num { font-size: 1.6rem; }

  .hero-chip:nth-child(1) { width: 70px; height: 70px; top: 10px; left: 20px; }
  .hero-chip:nth-child(2) { width: 55px; height: 55px; top: 70px; right: 10px; }
  .hero-chip:nth-child(3) { width: 50px; height: 50px; }
  .hero-chip:nth-child(4) { width: 65px; height: 65px; }
  .hero-card-stack { width: 200px; height: 200px; }

  .game-card { flex: 0 0 calc(50% - 8px); }
  .slider-track { gap: 12px; }

  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: unset; }

  .btn-lg { padding: 14px 28px; font-size: 0.95rem; }

  .stat-cards { grid-template-columns: 1fr 1fr; }

  .section { padding: 48px 0; }
  .section-title { font-size: 1.5rem; }
}

/* --- Very small (max 360px) --- */
@media (max-width: 360px) {
  .game-card { flex: 0 0 calc(100% - 8px); }
  .hero-stats { flex-direction: column; gap: 12px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; text-align: center; }
}