.mobile-menu-toggle{display:none !important;}

@media (max-width: 900px){
  .topbar{display:none !important;}
  .header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.08);}
  .header-inner{min-height:auto !important;padding:12px 0 !important;gap:12px;align-items:center !important;}
  .logo-img{max-height:46px !important;width:auto !important;}
  .header nav{width:0 !important;min-width:0 !important;margin-left:auto;}
  .mobile-menu-toggle{
    display:inline-flex !important;align-items:center;justify-content:center;gap:0;
    min-height:56px;min-width:56px;padding:0;border:none;border-radius:999px;
    background:#0d2b52;color:#fff;font-size:14px;font-weight:800;cursor:pointer;
    box-shadow:0 14px 30px rgba(13,43,82,.18);margin-left:12px;flex:0 0 auto;
    transition:transform .18s ease, box-shadow .22s ease, background-color .22s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-menu-toggle:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(13,43,82,.22);}
  .mobile-menu-toggle:active{transform:scale(.96);}
  .mobile-menu-toggle.is-active{background:#12376a;box-shadow:0 18px 34px rgba(13,43,82,.24);}
  .mobile-menu-toggle span{font-size:22px;line-height:1;transition:transform .2s ease, opacity .2s ease;}
  .mobile-menu-toggle.is-active span{transform:scale(1.05);}
  .header nav .menu{
    display:none !important;position:absolute;left:14px;right:14px;top:calc(100% + 10px);
    background:#fff;border:1px solid #e8edf5;border-radius:24px;padding:14px;
    box-shadow:0 22px 40px rgba(15,23,42,.14);flex-direction:column;gap:6px;z-index:1001;
    opacity:0;transform:translateY(-8px);transition:opacity .2s ease, transform .2s ease;
    max-height:80vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  body.mobile-menu-open .header nav .menu{display:flex !important;opacity:1;transform:translateY(0);}
  .header nav .menu > li{width:100%;}
  .header nav .menu > li > a{display:flex !important;align-items:center;justify-content:space-between;min-height:50px;padding:0 16px;border-radius:16px;background:#f8fafc;}
  .header nav .dropdown{position:static !important;display:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:none !important;border-radius:16px !important;background:#f8fafc !important;padding:8px 0 4px !important;margin:6px 0 0 !important;}
  .header nav .has-dropdown.mobile-open .dropdown{display:block !important;}
  .header nav .dropdown li a{padding:12px 16px !important;border-radius:12px;margin:0 8px 6px;background:#fff;}
  .header nav .dropdown{max-height:48vh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
  .slider{margin-top:0 !important;}
  .slider-overlay{padding:20px 16px !important;}
  .slider-overlay-content{max-width:100% !important;}
  .slider-fixed-title{font-size:30px !important;line-height:1.1 !important;}
  .slider-changing-text{font-size:22px !important;line-height:1.2 !important;}
  .slider-whatsapp{min-height:48px !important;padding:0 18px !important;width:100%;max-width:320px;}
  .about-inner,.page-grid,.contact-grid,.about-extra,.contact-showcase,.footer-top{grid-template-columns:1fr !important;}
  .about-visual,.page-image{min-height:280px !important;}
  .services-grid{grid-template-columns:1fr !important;}
  .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .contact-cards-grid{grid-template-columns:1fr !important;}
  .page-hero{padding:42px 0 !important;}
  .page-hero h1{font-size:32px !important;}
}
@media (max-width: 640px){
  .container{width:min(100% - 28px, 1200px) !important;}
  .experience-grid{grid-template-columns:1fr !important;}
  .service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .service-gallery-title{font-size:24px !important;}
  .footer-bottom{text-align:center;}
}


/* Final polish: equal service card text blocks */
.services-grid .service-card{display:block;}
.services-grid .service-content{
  min-height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.services-grid .service-name{
  min-height: 54px;
  display: flex;
  align-items: flex-end;
}
.services-grid .service-text{
  min-height: 68px;
}
@media (max-width: 767px){
  .services-grid .service-content{min-height: 120px;}
  .services-grid .service-name{min-height: auto;}
  .services-grid .service-text{min-height: auto;}
}