/* Header content owns its height; the home hero only adds its outside gap. */
@media (min-width: 761px) {
  body:not(.is-focused) #site-header {
    height: auto !important;
    min-height: 0 !important;
    padding-block: 0 !important;
    margin-bottom: 0 !important;
  }
  body:not(.is-focused) #site-header .site-header__inner {
    box-sizing: border-box;
    height: auto !important;
    min-height: 88px !important;
    padding-block: 16px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
  }
  body:not(.is-focused) #site-header .header-search {
    height: 50px !important;
    min-height: 50px !important;
    margin-block: 0 !important;
    align-self: center !important;
  }
  body[data-route="home"]:not(.is-focused) #route-outlet {
    padding-top: 18px !important;
  }
}
@media (max-width: 760px) {
  body:not(.is-focused) #site-header {
    position: fixed !important;
    inset: 0 0 auto !important;
    box-sizing: border-box;
    height: auto !important;
    min-height: 0 !important;
    padding: calc(10px + env(safe-area-inset-top)) 10px 14px !important;
    margin-bottom: 0 !important;
  }
  body:not(.is-focused) #site-header .site-header__inner {
    box-sizing: border-box;
    height: auto !important;
    min-height: 104px !important;
    padding: 0 !important;
    grid-template-columns: auto minmax(0, 1fr) 44px 44px !important;
    grid-template-rows: 44px 48px !important;
    gap: 12px 10px !important;
    align-items: center !important;
  }
  body:not(.is-focused) #site-header .header-search {
    height: 48px !important;
    min-height: 48px !important;
    margin-block: 0 !important;
  }
  body[data-route="home"]:not(.is-focused) #route-outlet {
    padding-top: calc(140px + env(safe-area-inset-top)) !important;
  }
}
body[data-route="home"]:not(.is-focused) #route-outlet .home-page--template {
  padding-top: 0 !important;
}