/* ===============================
   Generic particles container
   =============================== */

.particles-module,
.particles-banner {
  position: relative;
  overflow: hidden;
}

/* Particles canvas */
.particles-module canvas,
.particles-banner canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
  pointer-events: none;
}

/* Content above particles (if any) */
.particles-module > *,
.particles-banner .banner-content {
  position: relative;
  z-index: 2;
}

/* ===============================
   Banner wrapper (layout only)
   =============================== */

.banner-wrapper {
  max-width: 1440px;   /* design width */
  margin: 0 auto;      /* center */
  padding: 0 1rem;     /* safe space on small screens */
}

/* ===============================
   Banner background defaults
   =============================== */

.particles-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #111;
}

/* ===============================
   Per-module background images
   =============================== */

/* Generic particle modules */
[data-particles-id="particles-1"],
[data-particles-id="particles-2"],
[data-particles-id="hero"] {
  background: url("/assets/particles/images/baba-labs-orange-600_001.png")
              center / cover no-repeat;
}

/* Player module (no background yet) */
[data-particles-id="player"] {
  /* intentionally empty */
}

/* Banner particle module */
[data-particles-id="banner"] {
  background-image: url("/images/banners/baba-bannerx1440.jpg");
  background-size: contain;     /* 👈 correct for banners */
  background-position: center;
  background-repeat: no-repeat;
}