/* Mobile header and date bar remain stable while scrolling. */
@media(max-width:780px){
  .site-header .header-inner>.crest,
  .site-header.is-scrolled .header-inner>.crest{
    left:50%!important;top:5px!important;width:154px!important;height:154px!important;
    transform:translateX(-50%)!important;animation:none!important;transition:none!important;
    transform-origin:center top;will-change:auto;
  }
  .mobile-menu summary .menu-word{display:none}
  .mobile-panel{animation:none!important}
  .mobile-panel-inner{padding-top:174px!important}
  .mobile-brand{padding:0 0 24px!important}
  .mobile-brand img{
    position:absolute;left:50%;top:5px;width:154px!important;height:154px!important;
    transform:translateX(-50%);margin:0;padding:3px;border:2px solid var(--gold);
    background:#111;box-shadow:0 8px 18px #0003;filter:none;
  }
  .hero.qi-mobile-booking-hero{
    position:relative;height:calc(100svh - var(--header-height,82px))!important;
    height:calc(100dvh - var(--header-height,82px))!important;
    min-height:0!important;max-height:none!important;
  }
  .hero.qi-mobile-booking-hero+main .welcome-frame,
  .hero.qi-mobile-booking-hero+.qi-content-band .qi-page-frame{
    margin-top:0!important;
  }
  .hero.qi-mobile-booking-hero>.booking-bar{
    position:absolute;inset:auto 0 0;z-index:4;background:#141618f2;
    border-top:1px solid #947810;border-bottom:0;
  }
  .hero.qi-mobile-booking-hero .booking-inner{
    width:calc(100% - 36px);padding:16px 0;gap:12px 18px;
  }
}

@media(max-width:780px){
  [data-site-home] .hero.qi-mobile-booking-hero{
    display:flex;flex-direction:column;background:#252b22;
  }
  [data-site-home] .hero.qi-mobile-booking-hero:before{
    content:"";position:absolute;inset:-20px;pointer-events:none;
    background:url('/images/welcome/queens-inn-2025-web-cropped-mml.webp') center/cover no-repeat;
    filter:blur(18px) brightness(.65);opacity:.8;
  }
  [data-site-home] .hero.qi-mobile-booking-hero:after{display:none}
  [data-site-home] .hero.qi-mobile-booking-hero>img{
    position:relative;z-index:1;flex:1 1 0;min-height:0;height:0;
    object-fit:cover!important;object-position:56% center!important;
    padding:0;transform:none!important;
  }
  [data-site-home] .hero.qi-mobile-booking-hero>.booking-bar{
    position:relative;inset:auto;flex:0 0 auto;
  }
}