/* v62 — unify the premium header across home, existing pages, and new pages */
:root{
  --mc-header-width: min(1720px, calc(100vw - 180px));
}
.site-header,
.home-site-header,
body.info-page .site-header,
.faq-page .site-header,
.has-standard-layout .site-header{
  position:absolute !important;
  top:14px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:var(--mc-header-width) !important;
  max-width:var(--mc-header-width) !important;
  min-height:88px !important;
  height:88px !important;
  padding:0 24px 0 34px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(183,207,223,.55) !important;
  border-radius:19px !important;
  box-shadow:0 22px 60px rgba(7,24,52,.12) !important;
  backdrop-filter:blur(18px) saturate(112%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(112%) !important;
  z-index:1000 !important;
  box-sizing:border-box !important;
}
.site-header::before,
.home-site-header::before{
  display:none !important;
}
.site-header .brand,
.home-site-header .brand,
.site-header .home-brand,
body.info-page .site-header .brand,
.faq-page .site-header .brand,
.has-standard-layout .site-header .brand{
  flex:0 0 clamp(420px, 27vw, 560px) !important;
  width:clamp(420px, 27vw, 560px) !important;
  min-width:clamp(420px, 27vw, 560px) !important;
  max-width:560px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.site-header .brand img,
.home-site-header .brand img,
.site-header .home-brand img,
body.info-page .site-header .brand img,
.faq-page .site-header .brand img,
.has-standard-layout .site-header .brand img{
  width:clamp(385px, 27vw, 535px) !important;
  max-width:100% !important;
  height:auto !important;
  max-height:76px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  filter:none !important;
  opacity:1 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.site-header .main-nav,
.home-site-header .main-nav,
.home-page .main-nav,
body.info-page .site-header .main-nav,
.faq-page .site-header .main-nav,
.has-standard-layout .site-header .main-nav{
  margin-left:auto !important;
  margin-right:clamp(18px, 2.7vw, 54px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(18px, 1.55vw, 31px) !important;
  font-family:'Roboto', Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:700 !important;
  color:#0c1a2a !important;
  white-space:nowrap !important;
  min-width:0 !important;
}
.site-header .main-nav > a,
.site-header .nav-dropdown-trigger,
.home-site-header .main-nav > a,
.home-site-header .nav-dropdown-trigger,
.home-page .home-site-header .main-nav > a,
.home-page .home-site-header .nav-dropdown-trigger,
body.info-page .site-header .main-nav > a,
body.info-page .site-header .nav-dropdown-trigger,
.faq-page .site-header .main-nav > a,
.faq-page .site-header .nav-dropdown-trigger,
.has-standard-layout .site-header .main-nav > a,
.has-standard-layout .site-header .nav-dropdown-trigger{
  color:#0d1724 !important;
  font-weight:700 !important;
  padding:16px 14px !important;
  border-radius:12px !important;
  line-height:1 !important;
  text-decoration:none !important;
  background:transparent !important;
}
.site-header .main-nav > a:hover,
.site-header .nav-dropdown-trigger:hover,
.site-header .main-nav > a.home-active,
.site-header .main-nav > a.is-active,
.site-header .main-nav > a[aria-current="page"],
.site-header .nav-dropdown.open > .nav-dropdown-trigger,
.home-site-header .main-nav > a:hover,
.home-site-header .nav-dropdown-trigger:hover,
.home-site-header .main-nav > a.home-active,
.home-page .home-site-header .main-nav > a.home-active,
.faq-page .site-header .main-nav > a[href="/faq/"],
.work-with-us-page .site-header .home-work-btn{
  background:#e8f5fd !important;
  color:#0589cf !important;
  box-shadow:inset 0 0 0 1px rgba(38,150,210,.13) !important;
}
.home-page .main-nav>a.home-active::after{
  display:none !important;
}
.site-header .home-book-btn,
.site-header .home-work-btn,
.home-site-header .home-book-btn,
.home-site-header .home-work-btn,
body.info-page .site-header .home-book-btn,
body.info-page .site-header .home-work-btn,
.has-standard-layout .site-header .home-book-btn,
.has-standard-layout .site-header .home-work-btn{
  min-width:126px !important;
  height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  padding:0 22px !important;
  font-family:'Roboto', Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 12px 26px rgba(3,34,68,.12) !important;
  white-space:nowrap !important;
}
.site-header .home-book-btn,
.home-site-header .home-book-btn{
  background:#07365f !important;
}
.site-header .home-work-btn,
.home-site-header .home-work-btn{
  background:linear-gradient(135deg,#0a95d4,#057ab4) !important;
}
.site-header .submenu,
.home-site-header .submenu{
  top:calc(100% + 12px) !important;
}
/* Keep page content clear below absolute headers on non-hero selector pages. */
.has-standard-layout .referral-intro-section,
.has-standard-layout .mortgage-options-hero-section{
  padding-top:180px !important;
}
body.faq-page .faq-hero,
body.info-page:not(.home-page) .info-hero{
  padding-top:170px !important;
}
@media (max-width:1500px){
  :root{ --mc-header-width: min(1420px, calc(100vw - 72px)); }
  .site-header .brand,
  .home-site-header .brand,
  .site-header .home-brand,
  body.info-page .site-header .brand,
  .faq-page .site-header .brand,
  .has-standard-layout .site-header .brand{
    flex-basis:clamp(330px, 25vw, 430px) !important;
    width:clamp(330px, 25vw, 430px) !important;
    min-width:clamp(330px, 25vw, 430px) !important;
  }
  .site-header .brand img,
  .home-site-header .brand img,
  .site-header .home-brand img,
  body.info-page .site-header .brand img,
  .faq-page .site-header .brand img,
  .has-standard-layout .site-header .brand img{
    width:clamp(310px, 25vw, 410px) !important;
    max-height:68px !important;
  }
  .site-header .main-nav,
  .home-site-header .main-nav,
  .home-page .main-nav,
  body.info-page .site-header .main-nav,
  .faq-page .site-header .main-nav,
  .has-standard-layout .site-header .main-nav{
    gap:14px !important;
    margin-right:24px !important;
    font-size:13px !important;
  }
  .site-header .main-nav > a,
  .site-header .nav-dropdown-trigger,
  .home-site-header .main-nav > a,
  .home-site-header .nav-dropdown-trigger{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}
@media (max-width:1180px){
  :root{ --mc-header-width:calc(100vw - 28px); }
  .site-header,
  .home-site-header,
  body.info-page .site-header,
  .faq-page .site-header,
  .has-standard-layout .site-header{
    height:78px !important;
    min-height:78px !important;
    padding:0 18px !important;
  }
  .site-header .brand,
  .home-site-header .brand,
  .site-header .home-brand,
  body.info-page .site-header .brand,
  .faq-page .site-header .brand,
  .has-standard-layout .site-header .brand{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
  }
  .site-header .brand img,
  .home-site-header .brand img,
  .site-header .home-brand img,
  body.info-page .site-header .brand img,
  .faq-page .site-header .brand img,
  .has-standard-layout .site-header .brand img{
    width:min(310px, calc(100vw - 128px)) !important;
    max-height:62px !important;
  }
}
@media (max-width:980px){
  .site-header,
  .home-site-header,
  body.info-page .site-header,
  .faq-page .site-header,
  .has-standard-layout .site-header{
    top:10px !important;
    width:calc(100vw - 22px) !important;
    max-width:calc(100vw - 22px) !important;
    height:76px !important;
    min-height:76px !important;
    padding:0 14px 0 18px !important;
    border-radius:18px !important;
  }
  .site-header .main-nav,
  .home-site-header .main-nav,
  body.info-page .site-header .main-nav,
  .faq-page .site-header .main-nav,
  .has-standard-layout .site-header .main-nav{
    margin:0 !important;
    gap:0 !important;
  }
  .site-header .brand img,
  .home-site-header .brand img,
  .site-header .home-brand img,
  body.info-page .site-header .brand img,
  .faq-page .site-header .brand img,
  .has-standard-layout .site-header .brand img{
    width:min(300px, calc(100vw - 112px)) !important;
    max-height:60px !important;
  }
  .has-standard-layout .referral-intro-section,
  .has-standard-layout .mortgage-options-hero-section{
    padding-top:132px !important;
  }
}
@media (max-width:520px){
  .site-header .brand img,
  .home-site-header .brand img,
  .site-header .home-brand img,
  body.info-page .site-header .brand img,
  .faq-page .site-header .brand img,
  .has-standard-layout .site-header .brand img{
    width:min(260px, calc(100vw - 106px)) !important;
    max-height:54px !important;
  }
}