
.fx-watermark::before{
  content:'';
  position:absolute;
  inset:-20% -10%;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.24) 18%, transparent 36%),
    radial-gradient(circle at 12% 18%, rgba(37,99,235,.09), transparent 14%),
    radial-gradient(circle at 82% 18%, rgba(16,185,129,.08), transparent 16%),
    radial-gradient(circle at 65% 88%, rgba(249,115,22,.08), transparent 18%);
  background-size:240% 240%, 100% 100%, 100% 100%, 100% 100%;
  animation:fxWatermarkMove 14s linear infinite;
  z-index:-1;
  pointer-events:none;
}
.fx-watermark::after{
  content:'';
  position:absolute;
  inset:auto -12% -60% auto;
  width:180px; height:180px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.16), transparent 68%);
  filter:blur(8px);
  pointer-events:none;
  z-index:-1;
}
@keyframes fxWatermarkMove{
  0%{background-position:140% 0,0 0,0 0,0 0;}
  100%{background-position:-40% 100%,0 0,0 0,0 0;}
}

.summary-chip,
.purchase-tabs-row .tab-button,
.search-mini-pill,
.switch-pill-toggle {
  animation: fxCardFloat 5.4s ease-in-out infinite;
}
.summary-chip:nth-child(2n),
.purchase-tabs-row .tab-button:nth-child(2n),
.search-mini-pill:nth-child(2n) {
  animation-duration: 6.1s;
}
.summary-chip:nth-child(3n),
.purchase-tabs-row .tab-button:nth-child(3n),
.switch-pill-toggle {
  animation-duration: 6.8s;
}
@keyframes fxCardFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
}
