.card img {
  height: 150px;
  object-fit: cover;
}

  /* Karten zeigen Pointer-Cursor und sind klickbar */
.clickable-card { cursor: pointer; }

/* Tooltip-Inhalt linksbündig */
.custom-tooltip .tooltip-inner {
text-align: left;
}

/* Große mobile friendly +/- btns */
.quantity-group .btn {
  width: 3rem; 
  padding: 0;
  font-size: 2rem;
  line-height: 1.5;
}

/* only gray‐out image & body when .card.disabled is set */
.card.disabled .card-img-top,
.card.disabled .card-body {
  filter: grayscale(100%);
  opacity: 0.5;
}

/* make sure the banner itself is never grayed out */

