/* Cart item-count badge — loaded only on pages that opt in (index.html test). */
#m_ThemeableButton3 {
  position: relative;
}
.cst-cart-badge {
  position: absolute;
  top: 2px;
  right: -2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  box-sizing: border-box;
  border-radius: 999px;
  background: #c01414;
  color: #fff;
  font: 700 10px/16px Arial, Helvetica, sans-serif;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}
#cst-dcart span.cst-cart-badge,
#m_ThemeableButton3 span.cst-cart-badge {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 16px;
}
#cst-dcart span.cst-cart-badge:before,
#m_ThemeableButton3 span.cst-cart-badge:before {
  content: none !important;
}
.cst-cart-badge[hidden] {
  display: none !important;
}

/* Form-page header cart (Custom, Large, Metric): same badge offsets. */
@media (max-width: 799px) {
  a.hdr-cart { position: relative; }
  /* Mobile only: 4px left of the previous right:-2px, so the badge is not against the screen edge. */
  .cst-cart-badge { right: 2px; }
}
.hdr-cart span.cst-cart-badge {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  line-height: 16px;
}
.hdr-cart span.cst-cart-badge:before {
  content: none !important;
}