/* Prima immagine della galleria come hover nelle card WooCommerce/Astra. */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product .woocommerce-LoopProduct-link {
  position: relative;
  display: block;
  overflow: hidden;
}

.woocommerce ul.products li.product .bn-catalog-hover-image,
.woocommerce-page ul.products li.product .bn-catalog-hover-image {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .woocommerce ul.products li.product:hover .bn-catalog-hover-image,
  .woocommerce ul.products li.product .woocommerce-LoopProduct-link:focus-visible .bn-catalog-hover-image,
  .woocommerce-page ul.products li.product:hover .bn-catalog-hover-image,
  .woocommerce-page ul.products li.product .woocommerce-LoopProduct-link:focus-visible .bn-catalog-hover-image {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .woocommerce ul.products li.product .bn-catalog-hover-image,
  .woocommerce-page ul.products li.product .bn-catalog-hover-image {
    transition: none;
  }
}