.product-card__category-title {
  font-size: .75rem;
}

.product-card__title {
  font-size: 1.5rem;

  &:hover {
    text-decoration: none;
    opacity: .7;
    transition-timing-function: ease-in;
    transition-duration: .2s;
    transition-property: opacity;
  }

  @media (min-width: 577px) {
    height: 83px;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    height: 56px;
  }
}

.product-card__link {

  &_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
  }

  &:hover {
    text-decoration: none;
  }
}

.product-card__img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
