/* ==========================================================================
   RESPONSIVE — Laptop / Tablet / Mobile
   ========================================================================== */

/* Laptop */
@media (max-width: 1199.98px){
  .header-ctas{ display:none !important; }
  .main-nav{ display:none !important; }
  .gallery-masonry{ columns: 2 220px; }
}

/* Tablet */
@media (max-width: 991.98px){
  .section{ padding: 70px 0; }
  .hero-heading{ font-size: 2.4rem; }
  .hero-form-card{ margin-top: 40px; }
  .about-stat-card{ right: 10px; bottom: -18px; padding: 16px 20px; }
  .floating-whatsapp, .floating-call{ width:48px; height:48px; font-size:1.2rem; }
  .back-to-top{ display:none; }
  body{ padding-bottom: 62px; } /* space for sticky mobile cta */
}

/* Mobile */
@media (max-width: 767.98px){
  .main-header{ height: 72px; }
  .header-inner{ height:72px; }
  .mobile-nav{ top:72px; height: calc(100vh - 72px); }
  .brand-mark{ width:40px; height:40px; }
  .brand-name{ font-size:1.05rem; letter-spacing:1px; }
  .brand-tag{ font-size:.55rem; }

  .hero-section{ padding-top: 72px; }
  .min-vh-hero{ min-height:auto; padding: 40px 0; }
  .hero-heading{ font-size: 1.9rem; }
  .hero-info-row{ gap:16px; }
  .hero-cta-row .btn{ width:100%; }
  .hero-form-card{ padding: 28px 22px; }

  .section-title{ font-size: 1.6rem; }

  .about-stat-card{ position: static; margin-top: 16px; display:inline-block; }
  .jali-corner{ display:none; }

  .gallery-masonry{ columns: 1 220px; }

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

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

  .floating-whatsapp{bottom: 82px;right: 16px;width:48px;height:48px;font-size:1.2rem;/* position: absolute; */display: none;}
  .floating-call{ bottom: 78px; right: 16px; display:none; } /* sticky bar covers call on mobile */
  .sticky-mobile-cta{ display:flex; }
}

@media (max-width: 575.98px){
  .hero-info-row{ flex-direction:column; gap:14px; }
  .price-table{ font-size:.82rem; }
  .highlight-card{ padding: 22px 10px; }
  .highlight-card i{ font-size:1.5rem; }
}