/* CLS: reserve space for header + hero before full CSS loads */
#DesktopHeader,#MobileHeader{min-height:72px;background:#fff}
.home_banner_section,#DesktopBanner{min-height:clamp(200px,40vw,460px)}
.home-banner-slider .item{min-height:clamp(200px,40vw,460px)}
.home-banner-slider img{width:100%;height:auto;aspect-ratio:1920/898;display:block}
/* LCP: Owl hides .owl-carousel until .owl-loaded — show hero immediately */
.home-banner-slider.owl-carousel:not(.owl-loaded){display:block!important}
.home-banner-slider.owl-carousel:not(.owl-loaded)>.item~.item{display:none}
.navbar-brand img{width:178px;height:62px;max-height:80px}
#MobileHeader .navbar-brand img{width:138px;height:46px;max-height:46px}
#MobileHeader .navbar-toggle{min-width:44px;min-height:44px}
#MobileHeader #mobileRightColumn{min-height:44px}
.lightRedText{color:#005BAA}

/* Mobile header layout (must load before async responsive.css) */
@media (max-width:1024px){
  #DesktopHeader,#headerBottomMenu{display:none!important}
  #MobileHeader{display:block!important;position:sticky;top:0;z-index:99;width:100%}
  .desktop-only{display:none!important}
  .mobile-only{display:inline-flex!important}
  #MobileHeader>.row{display:flex;flex-wrap:nowrap;align-items:center;margin:0}
  #MobileHeader>.row>.col-6:first-child{flex:0 1 auto;max-width:48%;padding:0 4px 0 12px}
  #MobileHeader #mobileRightColumn{
    flex:1 1 auto;
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:6px;
    padding:0 8px 0 4px;
    min-width:0;
    margin-left:auto;
  }
  #MobileHeader .lang-switcher.mobile-only{flex-shrink:0;margin:0}
  #MobileHeader .mobile_call_drp{flex-shrink:0;position:relative}
  #MobileHeader .mobile_call_drp .appointment_btn.phone_btn{
    min-width:auto!important;
    max-width:none!important;
    width:auto!important;
    padding:0!important;
  }
  #MobileHeader .mobile_call_drp .appointment_btn.phone_btn img{width:32px;height:32px;display:block}
  #MobileHeader .mobile_search{flex-shrink:0}
  #MobileHeader .navbar-toggle{flex-shrink:0;margin:0;padding:0}
}
@media (min-width:1025px){
  .mobile-only{display:none!important}
  #MobileHeader{display:none!important}
}