/* ==========================================================================
   RESPONSIVE STYLES
   Breakpoints: 1280 (laptop), 991 (tablet / hamburger threshold),
                767 (mobile), 480 (small mobile)
   ========================================================================== */

/* ---------- LAPTOP (<=1280px) ---------- */
@media (max-width: 1280px) {
  :root { --container-width: 1080px; }
  .services-grid { grid-template-columns: repeat(3, 1fr); gap: 1.3rem; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .industries-grid { grid-template-columns: repeat(3, 1fr); }
  .process-timeline { grid-template-columns: repeat(2, 1fr); }
  .stats-strip { grid-template-columns: repeat(4, 1fr); }
  .work-grid { grid-template-columns: repeat(3, 1fr); }
}

/* ---------- TABLET (<=991px) - hamburger menu kicks in ---------- */
@media (max-width: 991px) {
  :root { --header-height: 80px; --space-2xl: 5.5rem; --space-xl: 3.5rem; }

  .nav-menu .nav-links,
  .nav-menu .header-cta .btn { display: none; }
  .hamburger { display: flex; }

  .about-grid,
  .service-overview,
  .why-us-split,
  .contact-grid { grid-template-columns: 1fr; }

  .about-media { margin-bottom: 2.5rem; order: 2;}
  .about-media-badge { left: 1rem; bottom: -1.4rem; padding: 1.1rem 1.4rem; }

  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .industries-grid { grid-template-columns: repeat(3, 1fr); }
  .process-timeline { grid-template-columns: repeat(2, 1fr); }
  .projects-grid { grid-template-columns: repeat(2, 1fr); }
  .work-grid { grid-template-columns: repeat(2, 1fr); }
  .related-services { grid-template-columns: repeat(2, 1fr); }
  .stats-strip { grid-template-columns: repeat(2, 1fr); }
  .mv-cards { grid-template-columns: 1fr; }
  .benefit-list { grid-template-columns: 1fr; }

  .form-row { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem 1.5rem; }

  .service-cta-inline { flex-direction: column; text-align: center; justify-content: center; }

  .hero { min-height: 88vh; }
  .hero-content { max-width: 100%; }
}

/* ---------- MOBILE (<=767px) ---------- */
@media (max-width: 767px) {
  .section { padding: var(--space-xl) 0; }
  .section-sm { padding: 2.5rem 0; }

  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.7rem; }

  .hero { min-height: 92vh; text-align: left; }
  .hero-stats { gap: 1.6rem; }
  .hero-stats .stat-num { font-size: 1.6rem; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }

  .page-hero { min-height: 50vh; }
  .page-hero-content {
    margin-top: 50px;
}
.missionvision .grid-2 {
    grid-template-columns: repeat(1, 1fr) !important;
}

  .services-grid,
  .feature-grid,
  .industries-grid,
  .process-timeline,
  .projects-grid,
  .work-grid,
  .related-services,
  .stats-strip { grid-template-columns: 1fr; }

  .stat-box .count { font-size: 2.1rem; }

  .footer-grid { grid-template-columns: 1fr; gap: 2.2rem; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .contact-info-card, .contact-form-card { padding: 1.8rem; }

  .cta-banner { padding: var(--space-xl) 1.5rem; }
  .cta-actions { flex-direction: column; }
  .cta-actions .btn { width: 100%; justify-content: center; }

  .service-cta-inline { padding: 2rem 1.5rem; }

  .back-to-top, .float-whatsapp { width: 46px; height: 46px; bottom: 1.2rem; }
  .back-to-top { right: 1.2rem; }
  .float-whatsapp { left: 1.2rem; }

  .testimonial-slide p.quote { font-size: 1.1rem; }

  .about-media-badge .lbl { max-width: 90px; font-size: 0.76rem; }
  .about-media-badge .num { font-size: 1.5rem; }
}

/* ---------- SMALL MOBILE (<=480px) ---------- */
@media (max-width: 480px) {
  .container { padding: 0 1.1rem; }
  h1 { font-size: 1.85rem; }
  .btn { padding: 0.85rem 1.5rem; font-size: 0.88rem; }
  .logo { font-size: 1.1rem; }
  .mobile-menu { padding: 6rem 1.6rem 2rem; width: 88vw; }
  .error-code { font-size: 4.5rem; }
  .hero-eyebrow { font-size: 0.68rem; padding: 0.45rem 0.9rem; }
}

/* ---------- Print (nice-to-have) ---------- */
@media print {
  .site-header, .site-footer, .back-to-top, .float-whatsapp, .scroll-progress { display: none; }
}

/* ---------- NEW SECTIONS: LAPTOP ---------- */
@media (max-width: 1280px) {
  .solar-gallery { height: 520px; }
}

/* ---------- NEW SECTIONS: TABLET ---------- */
@media (max-width: 991px) {
  .hero-split { grid-template-columns: 1fr; }
  .solar-gallery { height: 320px; order: -1; }
  .solar-spotlight-grid { grid-template-columns: 1fr; }
  .solar-spotlight-media { margin-top: 2rem; }
  .solar-spotlight-stats { grid-template-columns: repeat(3, 1fr); }
  .alt-content-row { grid-template-columns: 1fr; }
  .alt-content-row.reverse .alt-media,
  .alt-content-row.reverse .alt-text { order: initial; }
  .alt-media { margin-bottom: 1rem; }
  .full-image-banner { min-height: 480px; }
  .full-image-banner-content { max-width: 100%; }
  .full-content-section .mini-points { grid-template-columns: 1fr; }
  .services-hero-mark { width: 200px; }






.hero-split {
    padding: 150px 15px;
}
.hero-content h1 {
    font-size: 36px;
}
.full-image-banner {
  background-position: left;
}


}

/* ---------- NEW SECTIONS: MOBILE ---------- */
@media (max-width: 767px) {
  .solar-gallery { height: 240px; }
  .solar-spotlight { padding: 2.2rem 1.5rem; }
  .solar-mini-stat .n { font-size: 1.25rem; }
  .industry-tile-anim { flex: 0 0 168px; padding: 1.6rem 1rem; }
  .full-image-banner { min-height: 420px; text-align: left; }
  .full-image-banner-stats { gap: 1.2rem; }
  .testimonial-card-glass { padding: 2rem 1.4rem; }
  .services-hero-mark { display: none; }
  .logo-mark { width: 160px; }
.logo-wrap {
    width: 160px;
}

.hero-stats .stat-item {
    width: 100%;
}
.hero-split {
    padding: 100px 15px;
}
.hero-split {
    gap: 35px;
}
.hero-content {
  text-align: center;
}
.hero p.lead {
    font-size: 16px;
}





}



@media (max-width: 375px) {
 
  .logo-mark { width: 140px; }





}