/**
 * MHD-Pill & Badge-Anordnung – Ohne Build nutzbar
 * Produktseite: Pills nebeneinander | Produktkarten: Pills untereinander
 */

/* MHD-Pill Icon */
.pill-mhd.c-pill .c-pill__icon {
  background-image: url('../images/icons/icon-pill-mhd.svg');
}
.pill-mhd.c-pill .c-pill__text {
  background: #D65665;
  color: #fff;
}

/* Produktkarten (Katalog): Pills untereinander gestapelt */
.product-pills--catalog {
  flex-direction: column;
  align-items: flex-start;
}

/* Single-Produktseite: MHD links oben, Vegan/Vegetarisch rechts oben */
.single-product-badges .single-product-badges-left {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  align-items: flex-start;
  z-index: 20;
}
.single-product-badges .single-product-badges-right {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  z-index: 20;
}
.single-product-badges .single-product-badges-right .svg-badge {
  position: static !important;
  margin: 0;
}