.ProductItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.ProductItem--highlighted {
  border: 3px solid var(--colorText);
  grid-column: span 2;
  grid-row: span 2;
  justify-content: center;
  font-size: 1.4em;
  padding: var(--spaceLg);
}

@media (max-width: 25rem) {
  .ProductItem--highlighted {
    grid-column: span 1;
    grid-row: span 1;
    font-size: 1.2em;
  }
}

.ProductItem-image {
  align-self: center;
  margin-bottom: var(--spaceSm);
  color: inherit;
}

.ProductItem-image img {
  transition: var(--animationBase);
}

.ProductItem-image:hover, .ProductItem-image:focus {
  text-decoration: none;
  color: inherit;
}

.ProductItem-image:hover img, .ProductItem-image:focus img {
  transform: scale(0.9);
}

.ProductItem-tags {
  position: absolute;
  left: 0;
  top: .8em;
  pointer-events: none;
}

.ProductItem-title {
  color: var(--colorText);
  font-size: var(--textRg);
  margin: 0 0 var(--spaceSm);
}

.ProductItem-title a {
  color: inherit;
  text-decoration: none;
}

.ProductItem-title a:hover, .ProductItem-title a:active, .ProductItem-title a:focus {
  text-decoration: underline;
}

.ProductItem-perex {
  font-size: var(--textXs);
  margin-bottom: var(--spaceMd);
  max-width: 26rem;
}

.ProductItem-price {
  font-weight: 900;
}

.ProductItem-price.is-highlighted {
  color: var(--colorHighlighted);
}

.ProductItem-originPrice {
  text-decoration: line-through;
  font-weight: 400;
  color: var(--colorTextSubtle);
  font-size: .75em;
  margin-top: .1em;
}

/*# sourceMappingURL=product-item.min.css.map */