/* "+X% en carrito": forma del badge de descuento ("-59%"), en el verde de "Consulta disponibilidad" */
li.product-flag.cart-bonus,
.product-prices .cart-bonus-price .badge.cart-bonus {
  background-color: #0A7C3E;
  color: #fff;
  border-radius: 30px;
  font-weight: 700;
}

/* listado: arriba a la izquierda, seguido del "-58,88%" sea cual sea su ancho */
.product-miniature-default .product-flags:has(.cart-bonus) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
}
.product-miniature-default .product-flags:has(.cart-bonus) .product-flag.discount,
.product-miniature-default .product-flag.cart-bonus {
  position: static;
  white-space: nowrap;
}

/* ficha: debajo del precio */
.cart-bonus-price {
  margin-top: 0.5rem;
}

/* ficha: aviso "Tu carrito contiene X de estos productos" (alert-info de ProductController), en el verde de la web */
body#product #notifications .alert-info {
  background-color: #EAF6EF;
  border: 1px solid #B9E0C8;
  color: #0A7C3E;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
body#product #notifications .alert-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}