/* =========================================================
   V98 — HOME MOBILE HEADER MATCH
   Additive only.
   ========================================================= */

@media(max-width:980px){

  /* Home navigation: match the spacing/distribution used by
     Products / Projects / About / Contact. */
  .hero-shell .site-header .main-nav{
    display:flex!important;
    flex:1 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    margin:0!important;
    padding:5px 1px 0!important;
    white-space:nowrap!important;
  }

  .hero-shell .site-header .main-nav a{
    flex:0 0 auto!important;
    min-height:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:4px 0 8px!important;
    margin:0!important;
    font-family:"Noto Kufi Arabic","DM Sans",Arial,sans-serif!important;
    font-size:clamp(11.6px,3vw,13px)!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }

  /* Phone button: force readable white number and icon. */
  .hero-shell .site-header .home-header-actions .phone-pill{
    color:#fff!important;
  }

  .hero-shell .site-header .home-header-actions .phone-pill span{
    color:#fff!important;
  }

  .hero-shell .site-header .home-header-actions .phone-pill .phone-svg{
    stroke:#fff!important;
    color:#fff!important;
  }
}

@media(max-width:430px){
  .hero-shell .site-header .main-nav{
    gap:4px!important;
  }

  .hero-shell .site-header .main-nav a{
    font-size:clamp(11.2px,2.95vw,12px)!important;
  }
}

@media(max-width:360px){
  .hero-shell .site-header .main-nav{
    gap:2px!important;
  }

  .hero-shell .site-header .main-nav a{
    font-size:10.5px!important;
  }
}