.ProductItem {
  position: relative;
  display: flex;
  flex-flow: column;
  border: 1px solid var(--colorOutlines);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  transition: var(--animationBase);
  background: #fff;
}

.ProductItem:hover, .ProductItem:active, .ProductItem:focus {
  box-shadow: 0 0 0.875rem 0 var(--colorBrand);
  z-index: 2;
}

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

.ProductItem-image {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center;
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  order: 1;
  width: 100%;
}

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

.ProductItem .ProductItem-tags {
  gap: 0.25rem;
  position: absolute;
  left: 0;
  bottom: 0.125rem;
  pointer-events: none;
}

@media (min-width: 48.01rem) {
  .ProductItem .ProductItem-tags {
    left: calc(((-1) * clamp(1.5rem, 2vw, 2.5rem)) + 0.5rem);
  }
}

.ProductItem-stock {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  order: 5;
  padding-top: clamp(0.75rem, 1vw, 1.25rem);
  border-top: 1px solid var(--colorOutlines);
  margin-bottom: 0.375rem;
  margin-top: auto;
}

.ProductItem-stock::before {
  content: '';
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M3.07195 5.61145C3.71527 5.61145 4.32166 5.36212 4.77722 4.90656L7.72913 1.95466C7.90458 1.77921 8 1.54835 8 1.3021C8 1.05585 7.90458 0.824993 7.72913 0.649541C7.3813 0.301715 6.77183 0.301715 6.42401 0.649541L3.47211 3.60145C3.37053 3.70302 3.22586 3.76151 3.07503 3.76151C2.9242 3.76151 2.77953 3.70302 2.67795 3.59837L1.57599 2.49333C1.22816 2.1455 0.6187 2.1455 0.270874 2.49333C0.0954216 2.66878 0 2.89964 0 3.14589C0 3.39213 0.0954216 3.62299 0.270874 3.79844L1.37284 4.90349C1.8284 5.35905 2.43478 5.60837 3.07811 5.60837L3.07195 5.61145Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
  background-color: var(--colorStockIn);
  background-position: center;
  background-repeat: no-repeat;
}

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

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

.ProductItem-header {
  flex: 1;
  order: 2;
  margin-bottom: auto;
  max-height: 5.438rem;
}

.ProductItem-title {
  color: var(--colorText);
  font-size: 1.125rem;
  margin: 0 0 0.675rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.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 {
  display: none;
}

@media (min-width: 48.01rem) {
  .ProductItem-perex {
    display: -webkit-box;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: clamp(1rem, 2vw, 1.25rem);
    order: 4;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.ProductItem-box {
  display: flex;
  flex-flow: column;
  order: 6;
  flex: 1;
}

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

.ProductItem-priceWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 1rem;
  align-items: baseline;
  width: 100%;
  line-height: 1.24;
  white-space: nowrap;
  margin-bottom: clamp(0.75rem, 1vw, 1.25rem);
}

.ProductItem-price {
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.45;
  order: 1;
}

.ProductItem-originPrice, .ProductItem-noVatPrice {
  color: var(--colorTextSubtle);
  font-size: var(--textXs);
}

.ProductItem-originPrice {
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: line-through;
  order: 2;
}

.ProductItem-noVatPrice {
  display: none;
}

.ProductItem .ProductRatingInline {
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  order: 3;
}

.ProductItem .ButtonBase {
  font-size: calc(var(--sizeButtonFont)* 1.1);
  margin-top: auto;
}

.ProductItem .ButtonBase span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 48.01rem) {
  .ProductItem .ButtonBase span::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18.8822 11.77L15.0822 10.1C14.9522 10.04 14.8022 10 14.6422 10H13.9922V5.5C13.9922 4.12 12.8722 3 11.4922 3C10.1122 3 8.99219 4.12 8.99219 5.5V13.65L7.12219 13.25C6.93219 13.22 6.10219 13.1 5.39219 13.81L3.99219 15.22L9.11219 20.41C9.48219 20.79 9.99219 21 10.5222 21H17.0722C18.0522 21 18.8822 20.3 19.0422 19.33L19.9622 13.89C20.1122 13.03 19.6722 12.17 18.8822 11.77ZM17.0722 19H10.5222L6.82219 15.22L10.9922 16.11V5.5C10.9922 5.22 11.2122 5 11.4922 5C11.7722 5 11.9922 5.22 11.9922 5.5V11.68H13.7522L17.9922 13.56L17.0722 19Z' fill='%23F9F9F9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
  }
}

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