/* Shared travelling product-color edge. Add .edge-glow to a positioned box; the ring follows border-radius.
   A short colour smear runs at constant speed along the perimeter, so a wide pill and a tall card keep the same pace. */
.edge-glow > .edge-glow__svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:3;overflow:visible;opacity:.95}
.edge-glow__path{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:var(--off);animation:edgeglow 9s linear infinite}
@keyframes edgeglow{
  from{stroke-dashoffset:var(--off)}
  to{stroke-dashoffset:calc(var(--off) - var(--len))}
}
@media (prefers-reduced-motion:reduce){
  .edge-glow__path{animation:none}
}