/* ==========================================================================
   MAA TELECOM — Responsive Rules
   ========================================================================== */

/* ---------- Laptop / small desktop ---------- */
@media (max-width:1100px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .process-grid{ grid-template-columns:repeat(2,1fr); }
  .process-item::after{ display:none; }
  .counters{ grid-template-columns:repeat(2,1fr); }
  .hero-grid{ gap:36px; }
}

/* ---------- Tablet ---------- */
@media (max-width:900px){
  .nav{ display:none; }
  .header-phone.desktop-only{ display:none; }
  .burger{ display:flex; }

  .hero{ padding:150px 0 70px; }
  .hero-grid{ grid-template-columns:1fr; }
  .hero-visual{ order:-1; min-height:360px; }
  .hero-stats{ flex-wrap:wrap; gap:24px 38px; }

  .about-grid{ grid-template-columns:1fr; }
  .about-visual{ order:-1; }

  .contact-grid{ grid-template-columns:1fr; }
  .form-row{ grid-template-columns:1fr; }

  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .gallery-grid{ grid-template-columns:repeat(2,1fr); }

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

  .offer-banner{ padding:40px 30px; }
}

/* ---------- Mobile ---------- */
@media (max-width:600px){
  .section{ padding:64px 0; }
  .section-head{ margin-bottom:36px; }

  .hero{ padding:130px 0 56px; }
  .hero-copy .sub{ font-size:16px; }
  .hero-actions .btn{ width:100%; }
  .hero-actions{ flex-direction:column; }
  .hero-stats{ gap:20px 30px; }
  .phone-mock{ width:190px; height:380px; }
  .float-card{ padding:10px 12px; font-size:11.5px; }
  .float-1{ left:-4%; }
  .float-2{ right:-4%; }

  .grid-3,.grid-4,.grid-2{ grid-template-columns:1fr; }
  .gallery-grid{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr; }

  .counters{ grid-template-columns:1fr 1fr; padding:34px 20px; }

  .offer-banner{ flex-direction:column; align-items:flex-start; text-align:left; }

  .contact-info-card, .form-card{ padding:28px 22px; }

  .footer-bottom{ flex-direction:column; text-align:center; }

  .service-tabs{ justify-content:center; }

  .page-hero{ padding:130px 0 50px; }
}

@media (max-width:400px){
  .logo-text span{ display:none; }
  .header-phone span{ display:none; }
}