/* ============================================================
   RESPONSIVE — Henna Art By Kajal
   ============================================================ */

/* ── Tablet (≤1024px) ─────────────────────────────────── */
@media (max-width: 1024px) {
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-img-wrap { max-width: 420px; margin: 0 auto; }
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .footer-brand { grid-column: 1 / -1; }
  .stats-bar .container { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .gallery-masonry { columns: 2; }
}

/* ── Tablet Portrait (≤768px) ────────────────────────── */
@media (max-width: 768px) {
  :root { --nav-h: 68px; }

  /* Nav */
  .nav-menu { display: none; }
  .hamburger { display: flex; }
  .nav-cta { display: none; }

  /* Hero */
  .hero-btns { flex-direction: column; align-items: center; }
  .hero-btns .btn { width: 100%; max-width: 280px; justify-content: center; }

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

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

  /* Reviews */
  .reviews-grid { grid-template-columns: 1fr; }

  /* Gallery */
  .gallery-masonry { columns: 2; column-gap: 10px; }
  .gallery-item { margin-bottom: 10px; }

  /* Contact form */
  .form-row { grid-template-columns: 1fr; }
  .booking-form { padding: 28px 20px; }

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

/* ── Mobile (≤480px) ──────────────────────────────────── */
@media (max-width: 480px) {
  :root { --nav-h: 64px; }

  .container { padding: 0 16px; }

  /* Logo text */
  .logo-text .brand { font-size: 1.1rem; }

  /* Stats */
  .stats-bar .container { grid-template-columns: repeat(2, 1fr); }
  .stat-num { font-size: 1.8rem; }

  /* Gallery */
  .gallery-masonry { columns: 1; }

  /* Filter */
  .gallery-filter { gap: 6px; }
  .filter-btn { padding: 6px 14px; font-size: .75rem; }

  /* About badge */
  .about-img-badge { width: 80px; height: 80px; bottom: -10px; right: -10px; }
  .about-img-badge .badge-num { font-size: 1.4rem; }

  /* Page hero */
  .page-hero { padding: 90px 0 40px; }

  /* Lightbox nav */
  .lightbox-nav { font-size: 1.4rem; padding: 8px 12px; }

  /* Review CTA box */
  .review-cta-box { padding: 28px 20px; }

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