.product-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 100%;
}
.product-card-badges:empty { display: none; }
.product-card-badge {
  max-width: 100%;
  padding: 0.1em 0.4em;
  overflow-wrap: anywhere;
  line-height: 1.4;
  color: rgb(var(--color-tag-text));
  background-color: rgba(var(--color-tag-background), var(--product-card-discount-background-opacity));
  border-radius: var(--product-card-discount-radius);
}
.product-card-badge--sold-out {
  color: rgb(0 0 0 / 100%);
  background-color: rgb(255 255 255 / 100%);
}
.product-card-badge--coming-soon {
  color: #fff;
  background-color: #d63d35;
}

/* Fixed badge size (13px PC / 12px mobile) and one line: "Best-selling" used to break at the hyphen. */
.product-card-badges .product-card-badge {
  font-size: 13px;
  white-space: nowrap;
  overflow-wrap: normal;
}

@media (max-width: 959px) {
  .product-card-badges .product-card-badge {
    font-size: 12px;
  }
}