/* Product Hover Image Swap - Astra Compatible */

/* wrapper adjustments */
ul.products li.product {
  position: relative;
  overflow: hidden;
}

/* second image default hidden */
ul.products li.product img.phs-second-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

/* hover state */
ul.products li.product:hover img.phs-second-image {
  opacity: 1;
}

ul.products li.product:hover img.wp-post-image {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}