/* ==========================================================================
   responsive.css — Breakpoint adjustments
   ========================================================================== */

/* Laptops / small desktops */
@media (max-width: 1199.98px){
  :root{ --mmss-section-pad: 80px; }
  .gallery-grid{ grid-auto-rows: 170px; }
}

/* Tablets */
@media (max-width: 991.98px){
  :root{ --mmss-section-pad: 64px; }
  .topbar .topbar-left span{ display: none; }
  .mmss-navbar .navbar-collapse{
    background: #fff; margin-top: 14px; padding: 18px; border-radius: var(--mmss-radius-md); box-shadow: var(--mmss-shadow-md);
  }
  .navbar-nav .nav-link{ margin: 4px 0; }
  .hero{ min-height: auto; }
  .hero-content{ padding: 120px 0 70px; text-align: center; }
  .hero-actions, .hero-trustbar{ justify-content: center; }
  .hero-actions{ gap: 22px !important; width: 100%; }
  .hero-actions .btn{ width: 100%; justify-content: center; }
  .hero p.lead{ margin-left: auto; margin-right: auto; }
  .hero-floating-card{ display: none; }
  .stats-strip{ margin-top: -50px; }
  .gallery-grid{ grid-template-columns: repeat(2, 1fr); }
  .gallery-item.wide{ grid-column: span 2; }
  .precta-box{ text-align: center; padding: 40px 28px; }
  .precta-box .col-lg-4{ text-align: center !important; margin-top: 22px; }
  .footer-reg{ flex-direction: column; gap: 8px; }
}

/* Mobile */
@media (max-width: 767.98px){
  :root{ --mmss-section-pad: 52px; }
  .topbar-right{ display: none; }
  .page-hero{ padding: 140px 0 60px; }
  .amount-grid{ grid-template-columns: repeat(2, 1fr); }
  .gallery-grid{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 150px; }
  .doc-card{ flex-wrap: wrap; }
  .doc-download{ margin-left: 0; }
  .event-card{ flex-direction: column; text-align: center; }
  .footer-bottom{ flex-direction: column; text-align: center; }
  .whatsapp-float, .back-to-top{ width: 46px; height: 46px; font-size: 1.1rem; bottom: 18px; }
  .whatsapp-float{ left: 18px; }
  .back-to-top{ right: 18px; }
}

/* Small mobile */
@media (max-width: 575.98px){
  .hero-trustbar{ gap: 20px; }
  .hero-trust-item strong{ font-size: 1.2rem; }
  .gallery-grid{ grid-template-columns: 1fr; }
  .gallery-item.wide, .gallery-item.tall{ grid-column: span 1; grid-row: span 1; }
  .precta-box{ padding: 30px 20px; }
  .topbar-left a[href^="mailto:"]{ display: none; }
}