/* =====================
   WideFrame — ROSE FLUO adouci (HALF-RIGHT via element clip-path)
   ===================== */

/* Remove any previous masking on the wrapper to avoid collapsing the element */
.frame-wrap.pink {
  /* no clip-path here */
  pointer-events: none;
}

/* Keep lavender unchanged */
.frame-wrap.lavender {
  /* unchanged */
}

/* Apply the relaxed half-right mask directly on the frame.
   Using negative insets expands the visible area so the neon glow isn't cut. */
.home-neon-frame.pink {
  --glow-scale: 1;
  --glow-alpha: 1;

  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(104vw, 1560px);

  top: -42.5px;
  bottom:  540px;

  border-radius: 10px;
  background: transparent;
  pointer-events: none;
  z-index: 3;

  /* HALF-RIGHT mask with relaxed margins */
  clip-path: inset(-200px -200px -200px 50%);    /* top right bottom left */
  -webkit-clip-path: inset(-200px -200px -200px 50%);

  /* Halo externe légèrement adouci */
  box-shadow:
    0 0 12px rgba(255,90,170,0.97),
    0 0 26px rgba(255,90,170,0.87),
    0 0 51px rgba(255,90,170,0.72);
}

.home-neon-frame.pink::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;

  /* Tube central moins saturé mais toujours néon */
  box-shadow:
    0 0 0 4.6px #ff66e0, /* tube rose néon adouci */
    inset 0 0 calc(7px * var(--glow-scale))  rgba(255, 90, 170, calc(0.9 * var(--glow-alpha))),
    inset 0 0 calc(15px * var(--glow-scale)) rgba(255, 90, 170, calc(0.6 * var(--glow-alpha)));

  /* Drop-shadow externe */
  filter: drop-shadow(0 0 calc(7px * var(--glow-scale)) rgba(255, 90, 170, calc(0.8 * var(--glow-alpha))));
}