/* Shared public header: keep the complete header visible on every page. */
.nvh.nvh-v113{
  position:sticky;
  top:0;
  z-index:9990;
  width:100%;
  isolation:isolate;
  background:#fff;
  box-shadow:0 10px 30px rgba(7,31,69,.08);
}

/* The legacy script still toggles this class. The complete wrapper is now
   sticky, so the inner bar must stay in normal flow to prevent page jumps. */
.nvh.nvh-v113 .nvh-bar.is-scrolled,
.nvh.nvh-v113 .nvh-top + .nvh-bar.is-scrolled{
  position:relative;
  inset:auto;
  width:auto;
  height:134px;
  box-shadow:0 9px 30px rgba(7,31,69,.06);
}
.nvh.nvh-v113 .nvh-bar.is-scrolled .nvh-row{
  height:83px;
}

/* Anchor links and browser focus targets remain visible below the header. */
html{scroll-padding-top:178px}

@media(max-width:1100px){
  .nvh.nvh-v113 .nvh-bar.is-scrolled,
  .nvh.nvh-v113 .nvh-top + .nvh-bar.is-scrolled{height:84px}
  .nvh.nvh-v113 .nvh-bar.is-scrolled .nvh-row{height:100%}
  html{scroll-padding-top:126px}
}

@media(max-width:780px){
  .nvh.nvh-v113 .nvh-bar.is-scrolled,
  .nvh.nvh-v113 .nvh-top + .nvh-bar.is-scrolled{height:130px}
  .nvh.nvh-v113 .nvh-bar.is-scrolled .nvh-row{
    height:100%;
    grid-template-rows:66px 52px;
  }
  html{scroll-padding-top:174px}
}

@media(max-width:640px){
  .nvh.nvh-v113 .nvh-bar.is-scrolled,
  .nvh.nvh-v113 .nvh-top + .nvh-bar.is-scrolled{height:130px}
  html{scroll-padding-top:170px}
}
