.ProductItem {
  position: relative;
  display: flex;
  flex-flow: column;
  padding: var(--spaceLg) 1.6em var(--spaceMd);
}

.ProductItem:hover .ProductItem-link {
  opacity: 1;
}

@media (max-width: 36rem) {
  .ProductItem {
    font-size: var(--textSm);
    padding: var(--spaceMd) var(--spaceSm) var(--spaceRg);
  }
}

.ProductItem-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #9293906e;
}

.ProductItem-image {
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center;
  margin-bottom: var(--spaceSm);
}

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

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

.ProductItem-stock {
  color: var(--colorStockIn);
  font-size: var(--textXs);
  font-weight: 600;
  margin: 0 0 var(--spaceXs);
}

.ProductItem-stock.is-in {
  color: var(--colorStockIn);
}

.ProductItem-stock.is-out {
  color: var(--colorStockOut);
}

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

.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(--textSm);
  margin-bottom: var(--spaceMd);
  text-align: center;
  color: #929390;
}

.ProductItem-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}

@media (max-width: 36rem) {
  .ProductItem-box {
    flex-direction: column;
    align-items: unset;
  }
}

.ProductItem-priceWrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  line-height: 1.24;
  white-space: nowrap;
  padding-right: var(--spaceXs);
  text-align: center;
}

@media (max-width: 36rem) {
  .ProductItem-priceWrap {
    margin-bottom: var(--spaceSm);
  }
}

.ProductItem-priceMOC, .ProductItem-priceVOC {
  font-weight: 600;
  font-size: var(--textSm);
  color: var(--colorTextSubtle);
}

.ProductItem-priceTitle {
  font-weight: 400;
}

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