/* Capa de confetti decorativo: fija a la ventana, no bloquea clicks, se ve
   detrás de todo el contenido interactivo (header, carrito, modal, etc). */
.confetti-ambient {
  position: fixed; inset: 0; z-index: 1;
  pointer-events: none; overflow: hidden;
}

.confetti-ambient .confetti-piece {
  position: absolute;
  opacity: 0.55;
  animation-name: confetti-float;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.confetti-strip { width: 5px; height: 13px; border-radius: 1px; }
.confetti-dot { width: 8px; height: 8px; border-radius: 999px; }

@keyframes confetti-float {
  0%   { transform: translate(0, 0) rotate(0deg); }
  50%  { transform: translate(var(--drift), -22px) rotate(var(--rot)); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .confetti-ambient { display: none; }
}