main#MainContent[data-lore-visual]::before {
  content: '';
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -3;
  pointer-events: none;
  background-image: var(--lore-visual-background-image);
  background-repeat: repeat, no-repeat;
  background-size: var(--lore-visual-background-size, 100% 100%);
}

product-card.product-card[data-lore-visual][data-product-id]:hover {
  background-image: var(--lore-visual-background-image);
  background-repeat: repeat, no-repeat;
  background-size: var(--lore-visual-background-size, 100% 100%);
}

product-card.product-card[data-lore-visual][data-product-id]:hover * {
  color: var(--lore-visual-card-text);
}