/* ==========================================================================
   KV ELECTRICALS — RESPONSIVE STYLESHEET
   Mobile-first breakpoint adjustments
   ========================================================================== */

/* ---------- Laptop / small desktop (<=1199px) ---------- */
@media (max-width:1199px){
  .section{padding:80px 0;}
  .float-stat{padding:10px 14px;}
  .stat-1{left:-2%;}
  .stat-2{left:-4%;}
  .stat-3{right:-2%;}
}

/* ---------- Tablet (<=991px) ---------- */
@media (max-width:991px){
  .section{padding:70px 0;}
  .custom-navbar{padding:16px 0;}
  .navbar-collapse{
    background:#fff; margin-top:16px; padding:20px; border-radius:var(--radius-md);
    box-shadow:var(--shadow-soft);
  }
  .navbar-nav .nav-link{color:var(--dark-text) !important; margin:6px 0;}
  .navbar-nav .nav-link::after{display:none;}
  .btn-cta-nav{display:inline-block; margin-top:10px;}

  .hero{min-height:auto; padding-top:130px; padding-bottom:80px;}
  .hero-visual{margin-top:60px;}
  .float-stat{position:static; display:inline-flex; margin:6px 8px 0 0; animation:none;}
  .stat-4{text-align:left;}

  .about-badge{left:0; bottom:-18px;}

  .map-wrap, .map-wrap iframe{min-height:320px;}

  .client-logo{min-width:160px; font-size:13px; padding:14px 20px;}
}

/* ---------- Mobile large (<=767px) ---------- */
@media (max-width:767px){
  .section{padding:60px 0;}
  .section-title{font-size:26px;}
  .hero-title{font-size:30px;}
  .hero-sub{font-size:15.5px;}
  .hero-btns .btn{width:100%; justify-content:center;}
  .hero-btns{flex-direction:column;}

  .service-card{padding:28px 20px;}
  .service-card p{min-height:auto;}

  .cta-btns{flex-direction:column; align-items:stretch;}
  .cta-btns .btn{width:100%; justify-content:center;}

  .contact-cta-btns{flex-direction:column;}
  .contact-card{padding:26px;}

  .footer-bottom .container{text-align:center;}

  .floating-btn{width:48px; height:48px; font-size:20px; right:16px;}
  .whatsapp-float{bottom:82px;}
  .call-float{bottom:22px;}
  .back-to-top{left:16px; width:42px; height:42px; bottom:22px;}
}

/* ---------- Mobile small (<=480px) ---------- */
@media (max-width:480px){
  .hero-eyebrow{font-size:11px; padding:6px 12px;}
  .hero-title{font-size:26px;}
  .badge-num{font-size:20px;}
  .counter-box .counter{font-size:30px;}
  .process-card, .why-card, .industry-chip{padding:20px 14px;}
  .testimonial-card{padding:26px 20px;}
  .contact-row{gap:12px;}
  .contact-row i{width:36px; height:36px; font-size:14px;}
}