/* MMB-LISTING-UX-FIX01 – UX header mobile; favicon configured at Admin > Configuration */
@media(max-width:991.98px){
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header{background:var(--alogiare-mobile-header-bg,#07567a)!important;box-shadow:0 2px 8px rgba(12,39,54,.12)!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header>.alogiare-mobile-appbar{
  display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center!important;gap:8px!important;
  height:66px!important;min-height:66px!important;padding:7px 12px!important;width:100%!important;box-sizing:border-box!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-logo{
  grid-column:1!important;width:42px!important;min-width:0!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;line-height:normal!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-logo-media{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-logo img,
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-logo-img{
  display:block!important;box-sizing:border-box!important;width:40px!important;min-width:0!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;
  object-fit:contain!important;object-position:center!important;border:0!important;background:transparent!important;border-radius:7px!important;filter:none!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-logo.is-text-only{width:42px!important;max-width:42px!important;overflow:hidden!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-brand-title{font-size:9px!important;white-space:normal!important;line-height:1.12!important;text-align:center!important;color:#fff!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-search-location-box{
  grid-column:2!important;display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;align-items:center!important;gap:3px!important;
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;height:44px!important;margin:0!important;padding:3px!important;
  border:1px solid #e1edf2!important;border-radius:999px!important;background:#fff!important;overflow:hidden!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-search{min-width:0!important;max-width:none!important;width:100%!important;height:36px!important;margin:0!important;padding:0!important;display:block!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-search-inner{
  display:grid!important;grid-template-columns:19px minmax(0,1fr) 29px!important;column-gap:3px!important;align-items:center!important;
  height:36px!important;min-height:36px!important;width:100%!important;min-width:0!important;padding:0 0 0 5px!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-search-inner>i{font-size:15px!important;line-height:1!important;color:#586a79!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-search-inner>input{
  width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;height:34px!important;line-height:34px!important;font-size:12px!important;
  padding:0 2px!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-search-inner>button{
  width:29px!important;min-width:29px!important;max-width:29px!important;height:29px!important;min-height:29px!important;max-height:29px!important;
  padding:0!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;flex:0 0 29px!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-search-inner>button>i{font-size:18px!important;line-height:1!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-location-btn{
  width:88px!important;min-width:0!important;max-width:88px!important;height:36px!important;min-height:36px!important;max-height:36px!important;box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:0 5px!important;
  border-radius:999px!important;border:0!important;box-shadow:none!important;overflow:hidden!important;white-space:nowrap!important;
  background:var(--alo-ui-header-action-bg,#077fa9)!important;color:var(--alo-ui-header-action-text-color,#fff)!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-location-btn i{flex:0 0 auto!important;font-size:12px!important;color:inherit!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-location-btn span{display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:54px!important;overflow:hidden!important;text-overflow:ellipsis!important;color:inherit!important;font-size:10px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-icon[aria-label="Mở menu"]{
  grid-column:3!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.26)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;
 }
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-icon[aria-label="Mở menu"] i{display:block!important;font-size:24px!important;line-height:1!important;color:inherit!important}
}
@media(max-width:390px){
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header>.alogiare-mobile-appbar{grid-template-columns:36px minmax(0,1fr) 38px!important;gap:6px!important;padding:6px 8px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-logo,
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-logo-media{width:36px!important;max-width:36px!important;height:36px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-logo img{width:36px!important;max-width:36px!important;height:36px!important;max-height:36px!important;min-height:36px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-search-location-box{grid-template-columns:minmax(0,1fr) 78px!important;gap:2px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-location-btn{width:78px!important;max-width:78px!important;padding:0 3px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-location-btn span{max-width:45px!important}
 html body .header-mobile.alogiare-mobile-app-header.mmb-ux-fix01-header .alogiare-mobile-app-icon[aria-label="Mở menu"]{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important}
}