/* Stage container (behind content). Adjust z-index if needed. */
#headerpro-stage,
[data-headerpro-stage] {
  position: fixed;
  inset: 0;
  z-index: -1;            /* behind main content */
  pointer-events: none;  /* never intercept clicks */
  overflow: hidden;
}

.bo-stage-layer {
  position: absolute;
  inset: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  transition: opacity var(--bo-stage-xfade-ms, 800ms) ease;
  filter: saturate(1.05) contrast(1.02);
}

.bo-stage-layer.is-visible {
  opacity: 1;
}

/* If your header has its own background, ensure main content sits above stage */
body > *:not(#headerpro-stage) {
  /* position: relative;
  z-index: 1; */
}
