/* Product card hover: show 2nd gallery image */
.product-card .product-image{
  position:relative;
  display:block;
  overflow:hidden;
}
.product-card .product-image img.product-img-main,
.product-card .product-image img:not(.product-img-hover){
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  transition:opacity .22s ease, transform .35s ease;
  background:#fff;
}
.product-card .product-image img.product-img-hover{
  position:absolute;
  left:0;top:0;right:0;bottom:0;
  width:100%;height:100%;
  object-fit:contain;
  opacity:0;
  pointer-events:none;
  z-index:1;
  transition:opacity .22s ease;
  background:#fff;
}
.product-card .product-image .likes{position:relative;z-index:2}
.product-card.has-hover-image:hover .product-image img.product-img-hover,
.product-card.has-hover-image:focus-within .product-image img.product-img-hover{opacity:1}
.product-card.has-hover-image:hover .product-image img.product-img-main,
.product-card.has-hover-image:focus-within .product-image img.product-img-main{opacity:0}
@media (hover:hover){
  .product-card:not(.has-hover-image):hover .product-image img.product-img-main,
  .product-card:not(.has-hover-image):hover .product-image > img:first-of-type{transform:scale(1.06)}
}
@media (hover:none){
  .product-card.has-hover-image:hover .product-image img.product-img-hover{opacity:0}
  .product-card.has-hover-image:hover .product-image img.product-img-main{opacity:1}
}