/* Isolated portal integration for the existing Digital E-Shop storefront background.
   Canvas geometry and opacity intentionally match /animations.css exactly. */
#background-root {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  isolation: isolate;
}
#bg-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .92;
  pointer-events: none;
  z-index: 0;
}
.dark #bg-canvas { opacity: 1; }
/* Keep the existing page layout and all interaction layers above the canvas. */
body > .page, body > .guest-shell { position: relative; z-index: 1; }
/* Match the storefront's anchor/programmatic scroll behavior; native wheel and
   touch momentum are deliberately untouched. */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #bg-canvas { display: block !important; opacity: .72 !important; }
  .dark #bg-canvas { opacity: .82 !important; }
}