/* Views/www_webpack/pages/prices_and_sale/prices_and_sale_mobile.css */
#priceAndSale {
  display: grid;
  gap: 20px;
  padding: 20px clamp(20px, 5vw, 10vw);
  font-size: clamp(1em, 1.1vw, 1.3em);
}
#priceAndSale h2 {
  font-weight: normal;
  text-transform: uppercase;
}
#priceAndSale .alert {
  color: var(--color-red);
  font-size: clamp(1.1em, 1vw, 1.3em);
}
#priceAndSale .alert strong {
  color: var(--color-black);
}
#priceAndSale ul {
  display: grid;
  gap: 20px;
  padding-left: 5vw;
}
#priceAndSale ul li {
  font-size: clamp(1.1em, 1vw, 1.3em);
}
#priceAndSale ul p {
  display: inline;
  padding-left: 5px;
}
#priceAndSale [name=getPromocode] {
  display: flex;
  align-items: center;
  height: 50px;
  margin-right: auto;
  padding: 0 1em;
  color: var(--color-white);
  font-size: 1.1em;
  background-image: linear-gradient(to right, #0eae57 0%, #0c7475 41%, #0eae57 120%);
  background-size: 200% auto;
  border-radius: 8px;
  transition: all 200ms;
}
#priceAndSale [name=getPromocode]:hover {
  background-position: right center;
}
.sale_card__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-evenly;
}
.sale_card {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
  font-size: clamp(1.1em, 1.1vw, 1.2em);
  border-radius: 30px;
  box-shadow: rgb(14 30 37 / 12%) 0 2px 4px 0, rgb(14 30 37 / 32%) 0 2px 16px 0;
}
.sale_card p {
  display: inline;
}
.sale_card__img {
  width: 100%;
  height: auto;
  aspect-ratio: 265 / 198;
}
.alert_min {
  color: var(--color-red);
}