/* P88 – Mobile hero matches the light, unzoomed Taxi Điện Quảng Ngãi reference. */
@media(max-width:980px){
  body.transport-native .tr-header-p47{overflow:visible!important}
  body.transport-native .tr-header-p47 [data-tr-nav].is-open{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    position:absolute!important;z-index:30000!important;top:100%!important;left:0!important;right:0!important;
    max-height:min(75dvh,620px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:10px 18px 20px!important;margin:0!important;background:#fff!important;
    box-shadow:0 18px 40px rgba(8,43,75,.22)!important;height:auto!important;gap:0!important
  }
  body.transport-native .tr-header-p47 [data-tr-nav].is-open>a,
  body.transport-native .tr-header-p47 [data-tr-nav].is-open .tr-nav-dropdown{
    display:block!important;width:100%!important;height:auto!important;min-height:44px!important
  }
  body.transport-native .tr-header-p47 [data-tr-nav].is-open .tr-nav-dropdown>button{
    display:flex!important;width:100%!important;min-height:44px!important;height:auto!important;
    justify-content:space-between!important;padding:11px 0!important
  }
  body.transport-native .tr-header-p47 [data-tr-nav].is-open .tr-nav-dropdown-menu{
    display:none!important;position:static!important;width:100%!important;box-shadow:none!important;border:0!important;
    padding:0 0 8px 12px!important;background:#f7fbfd!important
  }
  body.transport-native .tr-header-p47 [data-tr-nav].is-open .tr-nav-dropdown.p88-expanded .tr-nav-dropdown-menu{display:grid!important}
  body.transport-native .tr-header-p47 [data-tr-nav].is-open .tr-nav-dropdown-menu a{display:block!important;padding:10px!important;white-space:normal!important}
}
@media(max-width:620px){
  /* Reserve natural image ratio; don't enlarge a wide image to fill a tall box. */
  body.transport-home-p81 .trm-hero{position:relative!important;min-height:640px!important;background:#f7fbfd!important;overflow:hidden!important}
  body.transport-home-p81 .trm-hero-inner{position:relative!important;min-height:640px!important;z-index:2!important}
  body.transport-home-p81 .trm-hero-copy{position:relative!important;z-index:3!important}
  body.transport-home-p81 .trm-hero-media{
    position:absolute!important;inset:0!important;top:0!important;left:0!important;
    display:block!important;width:100%!important;height:100%!important;min-height:640px!important;
    margin:0!important;background:transparent!important;pointer-events:none!important;overflow:hidden!important
  }
  body.transport-home-p81 .trm-hero-media img{
    display:block!important;position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    object-fit:contain!important;object-position:center bottom!important;transform:none!important;
    opacity:.48!important;filter:saturate(.88) contrast(.92)!important
  }
  body.transport-home-p81 .trm-hero-media:before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;
    z-index:2!important;pointer-events:none!important;
    background:linear-gradient(to bottom,
      #f7fbfd 0%,rgba(247,251,253,1) 25%,
      rgba(247,251,253,.96) 45%,rgba(247,251,253,.74) 65%,
      rgba(247,251,253,.24) 82%,rgba(247,251,253,.05) 100%)!important
  }
  body.transport-home-p81 .trm-hero-media:after{display:none!important}
  body.transport-home-p81 .trm-hero-trust>div{background:rgba(255,255,255,.76)!important}
}
@media(max-width:390px){
 body.transport-home-p81 .trm-hero{min-height:620px!important}
 body.transport-home-p81 .trm-hero-inner{min-height:620px!important}
 body.transport-home-p81 .trm-hero-media{min-height:620px!important}
}