/* Jealash V11.75 — hard mobile-header fix
   Purpose: keep the brand and hamburger fully inside the header on Android/Samsung browsers.
   On small screens the header is intentionally non-sticky to avoid sticky/backdrop-filter
   compositing bugs that can shift flex children outside the header box. */
@media (max-width:960px){
  html body .hdr{
    position:relative!important;
    top:auto!important;
    overflow:visible!important;
    background:#fbf7f2!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border-bottom:1px solid var(--sand-line)!important;
  }
  html body .hdr .wrap{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:88px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
    padding-left:max(16px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    gap:10px!important;
    align-items:center!important;
    align-content:center!important;
    overflow:visible!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }
  html body .hdr .logo{
    box-sizing:border-box!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
    padding:4px 0!important;
    width:auto!important;
    max-width:calc(100vw - 96px)!important;
    min-height:50px!important;
    height:auto!important;
    overflow:visible!important;
    line-height:1.08!important;
    z-index:2!important;
  }
  html body .hdr .logo small{
    display:block!important;
    position:static!important;
    transform:none!important;
    margin:5px 0 0!important;
    padding:0!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }
  html body .hdr .burger{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    bottom:auto!important;
    right:auto!important;
    transform:none!important;
    translate:none!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:10px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    overflow:visible!important;
  }
  html body .hdr .burger span{
    width:24px!important;
  }
}

/* Extra breathing room for larger Android text scaling. */
@media (max-width:560px){
  html body .hdr .wrap{
    min-height:94px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
  }
  html body .hdr .logo{
    min-height:52px!important;
  }
}