/* =====================================================
   Responsive Overrides - Mobile First
   ===================================================== */

/* Tablets */
@media (max-width:991.98px){
  section{padding:4rem 0}
  .hero-slider .carousel-item{height:75vh;min-height:480px}
  .hero-slider .hero-content h1{font-size:2rem}
  .hero-slider .hero-content p{font-size:1rem}
  .navbar-nav .nav-link::after{display:none}
  .navbar-collapse{
    background:#fff;margin-top:.6rem;padding:1rem;border-radius:14px;
    box-shadow:var(--shadow-md);
  }
  .counter-item{margin-bottom:1.5rem}
  .counter-item .num{font-size:2.4rem}
  .masonry{column-count:2}
  .cta-banner{padding:2.2rem 1.4rem}
  .contact-form{padding:1.8rem}
  .page-hero{padding:6rem 0 3rem}
}

/* Mobile */
@media (max-width:575.98px){
  section{padding:3rem 0}
  .hero-slider .carousel-item{height:70vh;min-height:420px}
  .hero-slider .hero-content{padding:0 1rem}
  .hero-slider .hero-content h1{font-size:1.6rem}
  .hero-slider .hero-content p{font-size:.95rem}
  .hero-slider .hero-buttons .btn{padding:.6rem 1.1rem;font-size:.9rem}
  .carousel-control-prev,.carousel-control-next{display:none}
  h1{font-size:1.8rem}
  h2{font-size:1.5rem}
  .masonry{column-count:1}
  .float-btn{width:48px;height:48px;font-size:1.1rem;right:14px}
  .float-call{bottom:76px}
  .float-whatsapp{bottom:18px}
  .back-to-top{left:14px;bottom:18px;width:42px;height:42px}
  .contact-form{padding:1.4rem}
  .service-hero{height:50vh;min-height:340px}
  .navbar-brand-custom{font-size:1rem}
  .navbar-brand-custom .logo-mark{width:38px;height:38px;font-size:1rem}
}