/**
 * Page shell — the full-viewport background wrapper and the stacking context
 * that keeps content/nav/footer above the animated background layers.
 */
.reciklart-bg {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

/* Content sits above the background (which is z-index 0 / absolute layers). */
.reciklart-main { position: relative; z-index: 1; }