/* Rayne-Lab fixed site header guard v1
 * Keep the whole header visible while scrolling. Account/menu controls must not float alone.
 */
:root { --rayne-site-header-height: 74px; }

html {
  scroll-padding-top: calc(var(--rayne-site-header-height) + 22px);
}

body {
  padding-top: var(--rayne-site-header-height);
}

.site-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 70;
}

.header-inner {
  position: relative;
}

@media (max-width: 680px) {
  :root { --rayne-site-header-height: 64px; }
}