@charset "utf-8";
/* CSS Document */
.products {
  font-size: 0;
}
.product-hover {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
}
.product-hover img {
  display: block;
  width: auto;
  max-width: none;
  height: auto;
}
.product-hover .image-hover {
  display: none;
}

.product-hover:hover .image-hover {
  display: block;
  position: absolute;
  border-radius: 8px;
  inset: 0;
  left:-4px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.zoom-icon {
  display: none;
}
@media (hover: none), (pointer: coarse) {

  .product-hover .image-hover,
  .product-hover:hover .image-hover,
  .fabric-preview-link .image-hover,
  .fabric-preview-link:hover .image-hover {
    display: none !important;
  }

  .zoom-icon {
    display: flex;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255,255,255,.88);
    color: #222;
    font-size: 22px;
    line-height: 1;
    z-index: 3;
  }
}