Header menu via header.js

frontend/public/assets/patch-bubbles.css

@@ -0,0 +1,58 @@
+/* === SuperSunday Bubbles Patch Overrides (strong) === */
+:root{
+  --z-bg: 0;
+  --z-bubbles: 2;
+  --z-content: 3;
+  --z-header: 4;
+}
+
+html, body{ height:100%; }
+
+body{
+  background: #0b1020;
+  position: relative;
+  min-height: 100vh;
+}
+
+body::before{
+  content:"";
+  position: fixed;
+  inset: 0;
+  z-index: var(--z-bg);
+  background: url("/assets/images/backgroundp24p.jpg") center/cover no-repeat fixed;
+  background-color: rgba(0,0,0,.55);
+  background-blend-mode: multiply;
+}
+
+/* Bubble layer sits between bg and content */
+#bubble-layer{
+  position: fixed;
+  inset: 0;
+  z-index: var(--z-bubbles);
+  pointer-events: none;
+  opacity: .6;
+  mix-blend-mode: normal;
+}
+
+/* Content above bubbles */
+main, .container, .card, .hero, .section{
+  position: relative;
+  z-index: var(--z-content);
+}
+
+/* Header above all */
+header{
+  position: sticky;
+  top: 0;
+  z-index: var(--z-header);
+  backdrop-filter: blur(8px);
+  background: linear-gradient(180deg, rgba(6,10,24,.9), rgba(6,10,24,.55));
+  border-bottom: 1px solid rgba(255,255,255,.08);
+}
+
+/* Avoid accidental stacking contexts */
+.card, .container, main, .hero, .section{
+  transform: none !important;
+  filter: none !important;
+  isolation: auto;
+}