.block-product-card__layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

@layer theme {
  .block-product-card__layer * {
    pointer-events: auto;
  }
}

.block-product-card__layer > * {
  height: fit-content;
}

.block-product-card__layer.fade-in {
  opacity: 0;
}

.block-product-card__layer.fade-out {
  opacity: 1;
}

@media (max-width: 959px) {
  .block-product-card__layer.hover-on-mobile {
    opacity: 1;
  }
}

:is(.block-product-image__layer-image-wrapper, .block-product-card__layer-image-wrapper):is(.hover, :hover, :focus-within)
  .block-product-card__layer.fade-in {
  opacity: 1;
}

:is(.block-product-image__layer-image-wrapper, .block-product-card__layer-image-wrapper):is(.hover, :hover, :focus-within)
  .block-product-card__layer.fade-out {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .block-product-card__layer {
    transition: none;
  }
}