/* =========================================
   Solar Udayan Energy - Responsive Styles
   ========================================= */

/* Large Tablets (1024px) */
@media (max-width: 1024px) {
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .hero-grid { gap: 2rem; }
}

/* Tablets (768px) */
@media (max-width: 768px) {
  section { padding: 3rem 0; }

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

  /* Hero */
  .hero { padding: 3rem 0; }
  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .hero-buttons { justify-content: center; }
  .hero-visual { display: none; }

  /* Grids */
  .why-grid { grid-template-columns: 1fr 1fr; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
  .projects-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .franchise-grid { grid-template-columns: 1fr; max-width: 28rem; margin: 0 auto; }
  .grid-2 { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr 1fr; }
  .grid-4 { grid-template-columns: 1fr 1fr; }
  .about-grid { grid-template-columns: 1fr; }
  .mission-vision-grid { grid-template-columns: 1fr; }
  .service-detail-grid { grid-template-columns: 1fr; }
  .benefits-list { grid-template-columns: 1fr; }
  .calc-grid { grid-template-columns: 1fr; }
  .cta-form-grid { grid-template-columns: 1fr; }
  .calc-results-grid { grid-template-columns: 1fr; }

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

  /* Carousel */
  .carousel-prev { left: 0; }
  .carousel-next { right: 0; }
  .testimonial-slide { padding: 1.5rem; }

  /* Contact */
  .contact-info { gap: 1rem; }
}

/* Mobile (480px) */
@media (max-width: 480px) {
  html { font-size: 15px; }
  .container { padding: 0 0.75rem; }
  section { padding: 2.5rem 0; }

  .why-grid { grid-template-columns: 1fr; }
  .services-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .projects-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .team-grid { grid-template-columns: 1fr; max-width: 16rem; margin: 0 auto; }
  .grid-3 { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr 1fr; }

  .hero-title { font-size: 2rem; }
  .hero-subtitle { font-size: 1rem; }
  .hero-buttons { flex-direction: column; align-items: stretch; }
  .hero-buttons .btn { text-align: center; }

  .cta-title { font-size: 1.5rem; }
  .cta-form-wrap { padding: 1.25rem; }

  .footer-grid { grid-template-columns: 1fr; }

  .carousel-prev, .carousel-next { display: none; }

  .faq-question { font-size: 0.875rem; padding: 1rem; }

  .btn-lg { padding: 0.875rem 1.5rem; font-size: 1rem; }

  h1 { font-size: 1.875rem; }
  h2 { font-size: 1.625rem; }
  h3 { font-size: 1.25rem; }
}

/* Very small (360px) */
@media (max-width: 360px) {
  .stats-grid { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: 1fr; }
  .social-links { gap: 0.5rem; }
}