.product-card,
.product-card.featured,
.product-card.dark {
  background: #f5f5f7;
  color: #1d1d1f;
}

.product-card .product-meta {
  z-index: 2;
}

.product-card.featured .product-meta p,
.product-card.dark .product-meta p {
  color: #6e6e73;
}

.product-photo {
  position: absolute;
  z-index: 1;
  left: 6%;
  right: 6%;
  bottom: 2%;
  width: 88%;
  height: 76%;
  object-fit: contain;
  object-position: center bottom;
  mix-blend-mode: multiply;
  transition: transform 0.5s cubic-bezier(.2,.7,.2,1);
}

.product-card:hover .product-photo {
  transform: scale(1.025);
}

@media (max-width: 800px) {
  .product-photo {
    left: 8%;
    right: 8%;
    width: 84%;
    height: 72%;
  }
}