.elf-product-card-frame {
  position: relative;
}

.elf-product-card-primary,
.elf-product-card-alternate {
  transition: opacity 420ms ease;
}

.elf-product-card-alternate {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  a[href^="/product/"]:hover .elf-alt-ready .elf-product-card-primary,
  a[href^="/product/"]:focus-visible .elf-alt-ready .elf-product-card-primary {
    opacity: 0;
  }

  a[href^="/product/"]:hover .elf-alt-ready .elf-product-card-alternate,
  a[href^="/product/"]:focus-visible .elf-alt-ready .elf-product-card-alternate {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .elf-product-card-primary,
  .elf-product-card-alternate {
    transition: none;
  }
}