/* ===== Tag — Nomelly =====
 * Badges are the loudest thing allowed on an otherwise silent card, so they are
 * kept small, tracked-out and set in the micro-label voice rather than shouting
 * in a red box. The discount terracotta is the one hue outside the brand guide:
 * olive would collide with the in-stock indicator and red would read as an error.
 */

.cc_ybju7jv0_product_detail_offer .kombos-tag, .cc_ybju7jv0_product_detail_prices .kombos-tag, .cc_ybju7jv0_navbar .kombos-tag, .cc_ybju7jv0_product_slider .kombos-tag, .cc_ybju7jv0_product_list .kombos-tag, .cc_ybju7jv0_product_detail .kombos-tag, .cc_ybju7jv0_account_favorites .kombos-tag, .cc_ybju7jv0_header .kombos-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em 0.7em;
  border-radius: 999px;
  white-space: nowrap;
  font-family: "Poppins", -apple-system, sans-serif;
  font-weight: 600;
  font-size: 0.694rem;
  letter-spacing: 0.1em;
  line-height: 1;
  text-transform: uppercase;
}

/* Discounted — terracotta. White label clears 4.5:1 (solved, not eyeballed). */
.cc_ybju7jv0_product_detail_offer .kombos-tag--discounted, .cc_ybju7jv0_product_detail_prices .kombos-tag--discounted, .cc_ybju7jv0_navbar .kombos-tag--discounted, .cc_ybju7jv0_product_slider .kombos-tag--discounted, .cc_ybju7jv0_product_list .kombos-tag--discounted, .cc_ybju7jv0_product_detail .kombos-tag--discounted, .cc_ybju7jv0_account_favorites .kombos-tag--discounted, .cc_ybju7jv0_header .kombos-tag--discounted {
  background: var(--kombos-discount-bg);
  color: var(--kombos-white);
}

/* New — no fill. A hairline outline in brand olive; the claim does not need a
   colour block to be read. */
.cc_ybju7jv0_product_detail_offer .kombos-tag--new, .cc_ybju7jv0_product_detail_prices .kombos-tag--new, .cc_ybju7jv0_navbar .kombos-tag--new, .cc_ybju7jv0_product_slider .kombos-tag--new, .cc_ybju7jv0_product_list .kombos-tag--new, .cc_ybju7jv0_product_detail .kombos-tag--new, .cc_ybju7jv0_account_favorites .kombos-tag--new, .cc_ybju7jv0_header .kombos-tag--new {
  background: rgba(252, 249, 246, 0.9);
  backdrop-filter: blur(6px);
  border: 1px solid var(--kombos-gray-700);
  color: var(--kombos-gray-700);
}

/* Dark — the olive chip. */
.cc_ybju7jv0_product_detail_offer .kombos-tag--dark, .cc_ybju7jv0_product_detail_prices .kombos-tag--dark, .cc_ybju7jv0_navbar .kombos-tag--dark, .cc_ybju7jv0_product_slider .kombos-tag--dark, .cc_ybju7jv0_product_list .kombos-tag--dark, .cc_ybju7jv0_product_detail .kombos-tag--dark, .cc_ybju7jv0_account_favorites .kombos-tag--dark, .cc_ybju7jv0_header .kombos-tag--dark {
  padding: 0.28em 0.6em;
  border-radius: 999px;
  background: var(--kombos-gray-800);
  color: var(--kombos-white);
}