/* Lightweight liquid loop; the still artwork respects reduced-motion settings. */
.shop-color-card.is-color-iridium .shop-color-swatch {
  isolation: isolate;
  background-color: #726f86;
}

.shop-color-card.is-color-iridium .shop-color-swatch::before,
.shop-color-card.is-color-iridium .shop-color-swatch::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 1;
  animation: none;
  transform: none;
  will-change: auto;
}

.shop-color-card.is-color-iridium .shop-color-swatch::before {
  z-index: 1;
  background: url("/assets/site/levels/iridium-liquid-still-20261020.webp") center 30% / 125% 140% no-repeat;
  filter: grayscale(1) brightness(1.5) contrast(.75);
  mix-blend-mode: normal;
}

.shop-color-card.is-color-iridium .shop-color-swatch::after {
  z-index: 2;
  background: linear-gradient(145deg, #9c98b0 0%, #726f86 46%, #5a576c 100%);
  filter: none;
  mix-blend-mode: color;
}

@media (prefers-reduced-motion: no-preference) {
  .shop-color-card.is-color-iridium .shop-color-swatch::before {
    background-image: url("/assets/site/levels/iridium-liquid-compact-20261024.webp");
  }
}