/* ============================
   BOUDOIR BUBBLES — STRONG
   ============================ */

@keyframes boudoirFloatStrong {
  0%   { transform: translateY(60px) scale(0.6); opacity: 0; }
  20%  { opacity: 0.9; }
  50%  { transform: translateY(-40px) scale(1.2); opacity: 1; }
  80%  { opacity: 0.8; }
  100% { transform: translateY(60px) scale(0.6); opacity: 0; }
}

.boudoir-bubbles {
  position: relative !important;
  overflow: visible !important;
  z-index: 0 !important;
}

/* —————————————
   EXTREME, ZICHTBARE BUBBELS
   ————————————— */

.boudoir-bubbles::before,
.boudoir-bubbles::after {
  content: "";
  position: absolute;
  inset: -160px; /* MEGA RAND RONDOM */
  pointer-events: none;
  z-index: -1;

  background:
    radial-gradient(circle, rgba(255,255,255,0.95) 0%, transparent 65%) 5% 10% / 180px 180px,
    radial-gradient(circle, rgba(255,255,255,0.85) 0%, transparent 65%) 90% 15% / 200px 200px,
    radial-gradient(circle, rgba(255,255,255,0.90) 0%, transparent 65%) 15% 90% / 160px 160px,
    radial-gradient(circle, rgba(255,255,255,0.80) 0%, transparent 65%) 85% 85% / 220px 220px,
    radial-gradient(circle, rgba(255,255,255,0.88) 0%, transparent 65%) 50% 50% / 130px 130px,

    /* ring highlights voor echte belleblaas-look */
    radial-gradient(circle, rgba(255,255,255,0.45) 30%, transparent 70%) 10% 50% / 240px 240px,
    radial-gradient(circle, rgba(255,255,255,0.35) 30%, transparent 70%) 90% 60% / 260px 260px;

  background-repeat: no-repeat;
  animation: boudoirFloatStrong 10s infinite ease-in-out;
  filter: blur(0px);
}

.boudoir-bubbles::after {
  animation-duration: 15s;
  animation-delay: -4s;
  opacity: 0.9;
}