/* ── Mobile < 576px ── */
@media (max-width: 575px) {
  :root { --topbar-height: 0px; }
  #topbar { display: none; }
  main { padding-top: var(--navbar-height); }

  .section { padding: var(--space-8) 0; }
  .section-lg { padding: var(--space-10) 0; }
  .container { padding: 0 var(--space-2); }

  h1 { font-size: 1.9rem; }
  h2 { font-size: 1.55rem; }
  h3 { font-size: 1.2rem; }

  .hero-actions { flex-direction: column; width: 100%; }
  .hero-actions a, .hero-actions button { width: 100%; justify-content: center; }

  .overview-badge-float { display: none; }
  .hero-float-card { display: none; }

  .filter-bar { gap: 8px; }
  .filter-btn { padding: 7px 14px; font-size: .78rem; }

  .footer-divider { flex-direction: column; text-align: center; }
  .footer-legal { justify-content: center; }

  .stats-section .row > div + div {
    border-top: 1px solid rgba(255,255,255,.15);
    padding-top: var(--space-4);
    margin-top: var(--space-4);
  }
}

/* ── Tablet 576px – 991px ── */
@media (min-width: 576px) and (max-width: 991px) {
  .hero-content { padding: 80px 0 60px; }
  .overview-badge-float { display: none; }
  .float-card-1, .float-card-2 { display: none; }
}

/* ── Desktop 992px+ ── */
@media (min-width: 992px) {
  .col-stack-mobile { display: flex !important; align-items: center; }
}

/* ── Large Desktop 1200px+ ── */
@media (min-width: 1200px) {
  .hero-title { font-size: 4rem; }
}

/* ── Print ── */
@media print {
  #topbar, #main-navbar, #page-loader, #scroll-top, #whatsapp-float { display: none !important; }
  main { padding-top: 0 !important; }
  .section { padding: 32px 0 !important; }
  * { animation: none !important; transition: none !important; }
}