/* =============================================
   WEBMOON TECHNOLOGIES — Responsive Styles
   ============================================= */

/* ─── Tablet (≤ 992px) ─────────────────────── */
@media (max-width: 992px) {
  .section { padding: 70px 0; }

  /* Navbar */
  .nav-links, .nav-cta { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero-content {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 3rem;
  }
  .hero-text { max-width: 100%; }
  .hero-desc { max-width: 100%; }
  .hero-btns { justify-content: center; }
  .hero-stats { justify-content: center; }
  .hero-visual { order: -1; }
  .floating-badge.b1, .floating-badge.b2 { display: none; }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .about-visual { order: -1; }
  .about-floating-card.card-tl,
  .about-floating-card.card-br { display: none; }

  /* Services */
  .services-grid { grid-template-columns: repeat(2, 1fr); }

  /* Why Us */
  .why-grid { grid-template-columns: repeat(2, 1fr); }

  /* Process */
  .process-steps {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .process-steps::before { display: none; }

  /* Portfolio */
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }

  /* Testimonials */
  .testimonial-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

/* ─── Mobile (≤ 640px) ─────────────────────── */
@media (max-width: 640px) {
  .section { padding: 55px 0; }

  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }

  .container-wm { padding: 0 16px; }

  /* Hero */
  .hero-btns { flex-direction: column; align-items: stretch; }
  .btn-primary-wm, .btn-outline-wm { justify-content: center; }
  .hero-stats { gap: 1.5rem; }
  .hero-stat-item .num { font-size: 1.5rem; }

  /* About stats */
  .about-stats { grid-template-columns: 1fr 1fr; gap: 0.8rem; }

  /* Services */
  .services-grid { grid-template-columns: 1fr; }

  /* Why */
  .why-grid { grid-template-columns: 1fr 1fr; }

  /* Portfolio */
  .portfolio-grid { grid-template-columns: 1fr; }

  /* Testimonials */
  .testimonial-grid { grid-template-columns: 1fr; }

  /* Process */
  .process-steps { grid-template-columns: 1fr; }

  /* Tech pills */
  .tech-pills { gap: 0.5rem; }
  .tech-pill { font-size: 0.78rem; padding: 0.4rem 0.8rem; }

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

  /* FAQ */
  .faq-q { font-size: 0.88rem; }

  /* CTA */
  .cta-btns { flex-direction: column; align-items: center; }

  /* Whatsapp */
  .whatsapp-float { width: 50px; height: 50px; bottom: 20px; right: 20px; }
}

/* ─── Small Mobile (≤ 400px) ───────────────── */
@media (max-width: 400px) {
  .why-grid { grid-template-columns: 1fr; }
  .about-stats { grid-template-columns: 1fr; }
}