/* Safe layout override: keep the four shell headers visible while content scrolls. */
.m-home-topbar,
.m-services-topbar,
.m-history-topbar,
.m-profile-topbar {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  width: min(720px, 100%) !important;
  max-width: 720px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 9 !important;
  background: rgba(5, 9, 25, .02) !important;
  backdrop-filter: blur(1px) !important;
  -webkit-backdrop-filter: blur(1px) !important;
  isolation: isolate;
}

/* Visually transparent to the cosmic background, opaque to content scrolling behind it. */
.m-home-topbar::after,
.m-services-topbar::after,
.m-history-topbar::after,
.m-profile-topbar::after {
  display: none;
}

.m-home-topbar > *,
.m-services-topbar > *,
.m-history-topbar > *,
.m-profile-topbar > * {
  position: relative;
  z-index: 1;
}

/* Preserve the existing spacing and simply reserve the fixed header height. */
.m-home-topbar + .m-home-page { padding-top: 100px !important; }
.m-services-topbar + .m-services-page { padding-top: 94px !important; }
.m-history-topbar + .m-history-page { padding-top: 86px !important; }
.m-profile-topbar + .m-account-page { padding-top: 88px !important; }

@media (max-width: 390px) {
  .m-home-topbar + .m-home-page { padding-top: 92px !important; }
  .m-services-topbar + .m-services-page { padding-top: 76px !important; }
  .m-history-topbar + .m-history-page { padding-top: 78px !important; }
  .m-profile-topbar + .m-account-page { padding-top: 74px !important; }
}