/* CUSTOM ON-HOVER IMAGE */

@media (hover: hover) {

  body.ymk-image-replace ul.products li.product:not(.product-category,.ymk-related) a img.attachment-woocommerce_thumbnail:not(.woocommerce-placeholder):nth-of-type(2),
  img.woocommerce-placeholder.wp-post-image:nth-of-type(2) {
      display: none;
  }
  
  body.ymk-image-replace ul.products li.product:not(.product-category,.ymk-related) a:hover img.attachment-woocommerce_thumbnail:not(.woocommerce-placeholder):nth-of-type(2),
  body.ymk-image-replace ul.products li.product:not(.product-category,.ymk-related) a:hover img.woocommerce-placeholder:nth-of-type(2) {
    animation: fadeIn;
    /* animation: bounce; */
    animation-duration: 0s;
    display: block;
  }
  
  body.ymk-image-replace.standard ul.products li.product:not(.product-category,.ymk-related) a:hover img.attachment-woocommerce_thumbnail:not(.woocommerce-placeholder):nth-of-type(2),
  body.ymk-image-replace.standard ul.products li.product:not(.product-category,.ymk-related) a:hover img.woocommerce-placeholder:nth-of-type(2) {
    margin-top: -24px;
  }
  
  
  body.ymk-image-replace ul.products li.product:not(.product-category,.ymk-related) a:hover img.attachment-woocommerce_thumbnail:not(.woocommerce-placeholder):nth-of-type(1),
  body.ymk-image-replace ul.products li.product:not(.product-category,.ymk-related) a:hover img.woocommerce-placeholder:nth-of-type(1) {
    animation: fadeOut;
    animation-duration: 0.51s;
    /* position:
    absolute; */
    z-index:-1;
  }
  
  body.ymk-image-replace li.product.ymk-related.hentry img.attachment-woocommerce_thumbnail{
    animation: none !important;
    position:relative !important;
    z-index:0
  }
  
  /* placeholder */
  body.ymk-image-replace ul.products:not(.bestdeal) li img.wp-post-image {
      margin-bottom: var(--global--spacing-vertical);
  }
      
  body.ymk-image-replace ul.products:not(.bestdeal) li img.woocommerce-placeholder.wp-post-image {
      /* margin-bottom: var(--global--spacing-vertical); */
      /* margin-top: -24px; */
      /* margin-left: -24px; */
      /* margin-right: -24px; */
      /* max-width: 100%; */
      /* max-width: none; */
      /* min-width: calc(100% + 48px); */
      /* width: 450px; */
  }    
  
  body.ymk-image-replace ul.products li.product .woocommerce-placeholder {
      border: 0px solid #f2f2f2;
  }

}


@media (hover: none){
  body.ymk-image-replace ul.products li.product:not(.product-category,.ymk-related) a img.attachment-woocommerce_thumbnail:not(.woocommerce-placeholder):nth-of-type(2),
  img.woocommerce-placeholder.wp-post-image:nth-of-type(2) {
      display: none;
  }

  .woocommerce ul.products li.product img.woocommerce-placeholder ,
  ul.products:not(.bestdeal) li img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
      margin-bottom: calc(var(--global--spacing-vertical)*1.3);
      margin-top: -24px;
      margin-left: -24px;
      margin-right: -24px;
      max-width: 100%;
      max-width: none;
      min-width: calc(100% + 48px);
      width: 100%;
      grid-area: 1/1;
  }
}