.product-card {
  transition: all 0.5s ease-out;
  transform-origin: center;

  & > div {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }

  &:hover {
    z-index: 100 !important;
    transform: scale(1.08);

    & > div {
      box-shadow: 0 40px 80px rgba(0, 0, 0, 0.3);
    }
  }
}

.product-card.list {
  transition: all 0.5s ease-out;
  transform-origin: center;

  & > div {
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }

  &:hover {
    z-index: 100 !important;
    transform: scale(1.04);

    & > div {
      box-shadow: 0 20px 30px rgba(0, 0, 0, 0.3);
    }
  }
}