/* =====================================================
   NIVETHA CONSTRUCTION — Responsive Rules
   ===================================================== */

/* Desktop 1440 / 1200 tuning */
@media (max-width: 1200px) {
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 30px; }
}

/* Tablet 1024 */
@media (max-width: 1024px) {
  .hero .container { grid-template-columns: 1fr; }
  .hero-media { order: -1; }
  .hero-frame img { height: 380px; }
  .hero-desc { max-width: 100%; }
  .about-grid { grid-template-columns: 1fr; }
  .about-media img { height: 360px; }
  .contact-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid .g-item:nth-child(1), .gallery-grid .g-item:nth-child(4) { grid-row: span 1; }
}

/* Tablet 768 / nav switches to mobile menu */
@media (max-width: 768px) {
  .nav-menu { display: none; }
  .nav-toggle { display: flex; }
  .mobile-menu { display: block; }
  .nav-right .btn { display: none; }

  /* Keep logo clear and prominent on mobile, even after scroll */
  .nav-logo img,
  .navbar.is-scrolled .nav-logo img,
  .navbar.is-solid .nav-logo img { height: 50px; }

  /* Smaller, less dominant Get A Quote button inside the mobile menu */
  .mobile-menu .btn {
    padding: 12px 20px;
    font-size: 12px;
    margin-top: 18px;
  }
  .mobile-menu a { padding: 13px 0; font-size: 15px; }

  .hero { padding: 150px 0 80px; }
  .hero-badge { left: 0; bottom: -20px; padding: 14px 18px; }
  .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-actions .btn { width: 100%; justify-content: center; }

  .service-grid { grid-template-columns: 1fr 1fr; }
  .stats .container { grid-template-columns: 1fr; gap: 30px; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .compare-wrap { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; text-align: left; }
  .pd-meta { gap: 22px; }
  .page-hero { padding: 140px 0 70px; }
  .section, .about-section, .services-strip { padding: 70px 0; }
}

/* Mobile 576 */
@media (max-width: 576px) {
  .container { padding: 0 18px; }
  .hero h1 { font-size: 30px; }
  .hero-frame img { height: 300px; }
  .video-hero img { height: 320px; }
  .video-hero .play-btn { width: 66px; height: 66px; font-size: 22px; }
  .gallery-grid { grid-template-columns: 1fr; }
  .cta-actions, .contact-actions { flex-direction: column; width: 100%; }
  .cta-actions .btn, .contact-actions .btn { width: 100%; justify-content: center; }
  .lightbox-prev, .lightbox-next { width: 38px; height: 38px; font-size: 15px; }
  .float-actions { right: 16px; bottom: 16px; }
  .float-btn { width: 48px; height: 48px; font-size: 18px; }
  .float-btn .tooltip { display: none; }
}

/* Mobile 480 / 375 */
@media (max-width: 480px) {
  .service-grid { grid-template-columns: 1fr; }
  .hero-badge strong { font-size: 22px; }
  .contact-info-card, .form-card { padding: 30px 24px; }
  .svc-card .svc-body { padding: 22px; }
}

/* Prevent horizontal scroll globally */
html, body { max-width: 100%; overflow-x: hidden; }