/* Truecleaner — responsive rules (hand-authored) */

@media (max-width:1024px){
  .service_cards_container,.services_container{grid-template-columns:repeat(2,1fr);}
  .hero_text_container h1{font-size:2.3rem;}
}

@media (max-width:900px){
  .hero_container{grid-template-columns:1fr;gap:30px;padding:56px 20px;}
  .about_section .content,.about_container,
  .faq_section .content,.faq_container{grid-template-columns:1fr;gap:28px;}
  .footer_container{grid-template-columns:1fr 1fr;}
  .gallery_container{grid-template-columns:repeat(2,1fr);}
  .blog_cards_container,.blogs_container{grid-template-columns:1fr 1fr;}
}

@media (max-width:768px){
  section{padding:50px 16px;}
  .navbar_container{
    position:fixed;inset:0 0 0 auto;width:min(78vw,320px);
    background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.12);
    transform:translateX(100%);transition:transform .3s ease;padding:80px 26px;z-index:60;
  }
  .navbar_container.open{transform:translateX(0);}
  .nav_links_container{flex-direction:column;align-items:flex-start;gap:18px;}
  .menu_toggle{display:inline-flex;}
  .title_container h1{font-size:1.7rem;}
  .hero_text_container h1{font-size:2rem;}
}

@media (max-width:560px){
  .service_cards_container,.services_container,
  .gallery_container,.blog_cards_container,.blogs_container,
  .footer_container{grid-template-columns:1fr;}
  .form_row{flex-direction:column;gap:0;}
  .hero_text_container h1{font-size:1.7rem;}
}

/* Hamburger toggle — hidden on desktop, shown on mobile */
.menu_toggle{
  display:none;cursor:pointer;background:none;border:none;
  font-size:1.6rem;color:var(--navy);line-height:1;
}
.nav_overlay{
  position:fixed;inset:0;background:rgba(10,14,35,.45);opacity:0;visibility:hidden;
  transition:opacity .3s;z-index:55;
}
.nav_overlay.open{opacity:1;visibility:visible;}