
/* Mobile-only: keep the brand/header composition identical across Home and internal pages. */
@media (min-width:320px) and (max-width:359px){
  header.nav.waqar-header-v217 .nav-inner{gap:5px!important;padding:7px 8px!important}
  header.nav.waqar-header-v217 .waqar-brand-identity{gap:4px!important;height:46px!important}
  header.nav.waqar-header-v217 .waqar-brand-identity__icon{flex-basis:32px!important;width:32px!important;height:40px!important}
  header.nav.waqar-header-v217 .waqar-brand-identity__text{gap:3px!important}
  body.home-reference-header header.nav.waqar-header-v217 .waqar-brand-identity__arabic,
  body:not(.home-reference-header) header.nav.waqar-header-v217 .waqar-brand-identity__arabic{font-size:12px!important;line-height:1.15!important;letter-spacing:-.45px!important;white-space:nowrap!important}
  body.home-reference-header header.nav.waqar-header-v217 .waqar-brand-identity__english,
  body:not(.home-reference-header) header.nav.waqar-header-v217 .waqar-brand-identity__english{font-size:8.625px!important;line-height:1.15!important;letter-spacing:.03em!important;white-space:nowrap!important}
  header.nav.waqar-header-v217 .nav-actions a.waqar-big-book-btn-liquid,
  header.nav.waqar-header-v217 .nav-actions a.btn-liquid[href="/book-home-care/"]{padding-inline:26px!important}
}
@media (min-width:360px) and (max-width:430px){
  header.nav.waqar-header-v217 .nav-inner{gap:8px!important;padding:7px 12px!important}
  header.nav.waqar-header-v217 .waqar-brand-identity{gap:6px!important;height:46px!important}
  header.nav.waqar-header-v217 .waqar-brand-identity__icon{flex-basis:40px!important;width:40px!important;height:44px!important}
  header.nav.waqar-header-v217 .waqar-brand-identity__text{gap:3px!important}
  body.home-reference-header header.nav.waqar-header-v217 .waqar-brand-identity__arabic,
  body:not(.home-reference-header) header.nav.waqar-header-v217 .waqar-brand-identity__arabic{font-size:clamp(14px,calc(3.5vw + 1.5px),16.5px)!important;line-height:1.15!important;letter-spacing:-.1px!important;white-space:nowrap!important}
  body.home-reference-header header.nav.waqar-header-v217 .waqar-brand-identity__english,
  body:not(.home-reference-header) header.nav.waqar-header-v217 .waqar-brand-identity__english{font-size:clamp(10.125px,calc(2.625vw + .75px),12px)!important;line-height:1.15!important;letter-spacing:.06em!important;white-space:nowrap!important}
  header.nav.waqar-header-v217 .nav-actions a.waqar-big-book-btn-liquid,
  header.nav.waqar-header-v217 .nav-actions a.btn-liquid[href="/book-home-care/"]{padding-inline:26px!important}
}


/* Mobile-only: keep the brand proportions close to the approved logo artwork:
   Arabic is intentionally larger/heavier than WAQAR HOME CARE.
   Also lock the mobile menu button to the Home-page visual treatment. */
@media (min-width:320px) and (max-width:359px){
  header.nav.waqar-header-v217 .waqar-brand-identity__arabic{
    font-size:clamp(12.5px,3.9vw,14px)!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:-.2px!important;
    white-space:nowrap!important;
  }
  header.nav.waqar-header-v217 .waqar-brand-identity__english{
    font-size:clamp(8.2px,2.55vw,9.2px)!important;
    font-weight:700!important;
    line-height:1.12!important;
    letter-spacing:.03em!important;
    white-space:nowrap!important;
  }
  .footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__arabic{
    font-size:15.5px!important;
    font-weight:900!important;
    line-height:1.15!important;
  }
  .footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__english{
    font-size:10.2px!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:.075em!important;
  }
}
@media (min-width:360px) and (max-width:430px){
  header.nav.waqar-header-v217 .waqar-brand-identity__arabic{
    font-size:clamp(15px,calc(3.15vw + 3.66px),17.2px)!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:-.12px!important;
    white-space:nowrap!important;
  }
  header.nav.waqar-header-v217 .waqar-brand-identity__english{
    font-size:clamp(9.8px,calc(2.14vw + 2.1px),11.3px)!important;
    font-weight:700!important;
    line-height:1.12!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
  }
  .footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__arabic{
    font-size:16.5px!important;
    font-weight:900!important;
    line-height:1.15!important;
  }
  .footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__english{
    font-size:10.8px!important;
    font-weight:700!important;
    line-height:1.15!important;
    letter-spacing:.075em!important;
  }
}
@media (min-width:320px) and (max-width:430px){
  header.nav.waqar-header-v217 .menu-btn{
    display:grid!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    place-items:center!important;
    padding:0!important;
    background:#eef5fa!important;
    border:1px solid rgba(14,90,138,.14)!important;
    border-radius:13px!important;
    color:#08233b!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }
  header.nav.waqar-header-v217 .menu-btn i{
    display:grid!important;
    gap:4px!important;
  }
  header.nav.waqar-header-v217 .menu-btn i span{
    display:block!important;
    width:20px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
  }
}


/* Final mobile-only visual hierarchy correction.
   Arabic brand MUST remain visibly larger/heavier than WAQAR HOME CARE.
   High-specificity selectors intentionally override earlier mobile brand rules only. */
@media (min-width:320px) and (max-width:359px){
  html body header.nav.waqar-header-v217 a.waqar-brand-identity .waqar-brand-identity__text .waqar-brand-identity__arabic{
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.08!important;
    letter-spacing:-.35px!important;
    white-space:nowrap!important;
  }
  html body header.nav.waqar-header-v217 a.waqar-brand-identity .waqar-brand-identity__text .waqar-brand-identity__english{
    font-size:8.4px!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important;
  }
  html body footer.footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__arabic{
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:-.2px!important;
  }
  html body footer.footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__english{
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
  }
}
@media (min-width:360px) and (max-width:430px){
  html body header.nav.waqar-header-v217 a.waqar-brand-identity .waqar-brand-identity__text .waqar-brand-identity__arabic{
    font-size:clamp(16px,calc(3.57vw + 3.15px),18.5px)!important;
    font-weight:900!important;
    line-height:1.08!important;
    letter-spacing:-.22px!important;
    white-space:nowrap!important;
  }
  html body header.nav.waqar-header-v217 a.waqar-brand-identity .waqar-brand-identity__text .waqar-brand-identity__english{
    font-size:clamp(9.3px,calc(1.86vw + 2.6px),10.6px)!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }
  html body footer.footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__arabic{
    font-size:18.5px!important;
    font-weight:900!important;
    line-height:1.1!important;
    letter-spacing:-.15px!important;
  }
  html body footer.footer-immersive .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__english{
    font-size:10.8px!important;
    font-weight:700!important;
    line-height:1.1!important;
    letter-spacing:.075em!important;
  }
}


/* Mobile footer-only correction: Arabic brand must be visibly larger than WAQAR HOME CARE.
   Hero, menu, contact and desktop are intentionally untouched. */
@media (min-width:320px) and (max-width:359px){
  html body footer.footer-immersive .footer-logo.waqar-footer-brand-identity-shell .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__arabic{
    font-size:19px!important;
    font-weight:900!important;
    line-height:1.06!important;
    letter-spacing:-.2px!important;
    white-space:nowrap!important;
  }
  html body footer.footer-immersive .footer-logo.waqar-footer-brand-identity-shell .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__english{
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
  }
}
@media (min-width:360px) and (max-width:430px){
  html body footer.footer-immersive .footer-logo.waqar-footer-brand-identity-shell .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__arabic{
    font-size:clamp(21px,calc(2.14vw + 13.3px),22.5px)!important;
    font-weight:900!important;
    line-height:1.06!important;
    letter-spacing:-.18px!important;
    white-space:nowrap!important;
  }
  html body footer.footer-immersive .footer-logo.waqar-footer-brand-identity-shell .waqar-footer-brand-identity .waqar-brand-identity__text .waqar-brand-identity__english{
    font-size:10.8px!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
  }
}

/* Mobile touch feedback: remove browser tap flash only; keyboard focus remains unchanged. */
@media (hover:none) and (pointer:coarse){
  a,button,[role="button"],summary,input[type="button"],input[type="submit"],input[type="reset"]{
    -webkit-tap-highlight-color:transparent!important;
  }
}
