/* v77: same approved Option 4 SVG, reduced further on mobile, no logo redesign. */
@media (max-width:820px){
  body{padding-top:78px!important}
  .io-mobile-appbar{
    height:78px!important;
    grid-template-columns:44px minmax(0,1fr) 82px!important;
    padding:0 14px!important;
    overflow:visible!important;
  }
  .io-mobile-logo{
    justify-self:center!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:188px!important;
    max-width:49vw!important;
    height:54px!important;
    padding:0!important;
    margin:0!important;
    line-height:0!important;
    background:transparent!important;
    overflow:visible!important;
    text-decoration:none!important;
    font-size:0!important;
    letter-spacing:0!important;
    color:transparent!important;
    transform:translateY(5px)!important;
  }
  .io-mobile-logo>span{display:none!important}
  .io-mobile-logo .io-master-logo-img{
    display:block!important;
    width:188px!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
  }
  .io-mobile-drawer{inset:78px 0 calc(64px + var(--io-safe-bottom)) 0!important}
}
@media (max-width:390px){
  .io-mobile-appbar{grid-template-columns:40px minmax(0,1fr) 74px!important;padding:0 10px!important}
  .io-mobile-logo{width:176px!important;max-width:49vw!important;height:52px!important;transform:translateY(4px)!important}
  .io-mobile-logo .io-master-logo-img{width:196px!important}
}