/* ============================================================
   CART TRACE ANIMATION – Chain Link Swarm
   ============================================================ */

.cart-fragment {
  position: fixed;
  z-index: 101;
  pointer-events: none;
  opacity: 0;
}

.cart-fragment svg {
  display: block;
  filter: drop-shadow(0 0 2px rgba(200, 200, 208, 0.5));
}

/* Cart icon pulse after links arrive */
@keyframes cart-pulse {
  0%   { transform: scale(1);   filter: drop-shadow(0 0 0 rgba(200, 200, 208, 0)); }
  40%  { transform: scale(1.3); filter: drop-shadow(0 0 10px rgba(200, 200, 208, 0.4)); }
  100% { transform: scale(1);   filter: drop-shadow(0 0 0 rgba(200, 200, 208, 0)); }
}

.site-header__cart.is-pulsing svg {
  animation: cart-pulse 400ms ease-out;
}

/* Expanding glow ring behind cart icon */
.site-header__cart.is-pulsing::after {
  content: '';
  position: absolute;
  inset: -4px;
  border-radius: var(--radius-full);
  border: 1px solid rgba(200, 200, 208, 0.25);
  animation: cart-ring 500ms ease-out forwards;
  pointer-events: none;
}

@keyframes cart-ring {
  0%   { opacity: 0; transform: scale(0.8); }
  30%  { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.4); }
}