.util-tile.product {
  grid-template-rows: 9.875rem 1rem 2rem 1.625rem;
  gap: 0;
  height: 16rem;
  padding: .5rem .5rem 1rem;
  display: grid;
  position: relative;
}

.util-tile.product .product-remove {
  z-index: 1;
  color: #fff;
  background-color: #626262;
  border: none;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  display: flex;
  position: absolute;
  top: .5rem;
  left: .5rem;
}

.util-tile.product .img {
  object-fit: contain;
  width: 100%;
  height: 5.75rem;
}

.util-tile.product .link {
  text-decoration: none;
  display: block;
}

.util-tile.product .link .name {
  color: #373635;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-top: .5rem;
  padding-bottom: .25rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.125rem;
  display: -webkit-box;
  overflow: hidden;
}

.util-tile.product .old {
  justify-content: flex-start;
  align-items: center;
  gap: .5rem;
  padding-top: .75rem;
  padding-bottom: .25rem;
  display: flex;
}

.util-tile.product .old .price {
  color: #4d4f53;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  -webkit-text-decoration: line-through #e81331;
  text-decoration: line-through #e81331;
  text-decoration-thickness: 1px;
}

.util-tile.product .old .discount {
  color: #fff;
  background-color: #e81331;
  border-radius: 99999px;
  padding-inline: .5rem;
  font-size: .625rem;
  font-weight: 500;
  line-height: 1rem;
}

.util-tile.product .bottom {
  justify-content: flex-start;
  align-items: flex-end;
  gap: .375rem;
  display: flex;
}

.util-tile.product .bottom .price {
  color: #373635;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.625rem;
}

.util-tile.product .bottom .currency {
  color: #373635;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.util-tile.product .cart {
  background-color: #0000;
  border: none;
  flex-shrink: 0;
  margin: 0 .5rem 0 auto;
  text-decoration: none;
  position: relative;
}

.util-tile.product .cart:not([hidden]) {
  justify-content: center;
  align-items: center;
  display: flex;
}

.util-tile.product .cart .svg {
  z-index: 1;
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
}

.util-tile.product .cart.to-cart {
  color: #009ae3;
}

.util-tile.product .cart.in-cart {
  color: #fff;
}

.util-tile.product .cart.in-cart:before {
  content: "";
  z-index: 0;
  background-color: #009ae3;
  border-radius: 99999px;
  position: absolute;
  inset: -.5rem;
}