/* FuelChef Macro Badges — bottom-center overlay */

/* Wrapper must be the positioning context AND must match the image box */
.fcmb-thumb-wrap{
  position: relative;
  display: block;      /* important: don't shrink thumbnails */
  line-height: 0;
}

/* Keep the actual image normal */
.fcmb-thumb-wrap img{
  display: block;
  width: 100%;
  height: auto;
}

/* Badge container: bottom-center of the IMAGE */
.fcmb-macro-badges{
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  display: flex;
  z-index: 9999;
  pointer-events: none;
  white-space: nowrap;
}

/* spacing between badges */
.fcmb-macro-badges .fcmb-badge{
  margin-right: 6px;
}
.fcmb-macro-badges .fcmb-badge:last-child{
  margin-right: 0;
}

/* single product slight inset (still bottom-center) */
.fcmb-macro-badges.fcmb-macro-badges-single{
  bottom: 12px;
}

/* Badge look */
.fcmb-badge{
  display: inline-block;
  background: rgba(0, 0, 0, 0.82);
  color: #fff;
  font-size: 0.775rem;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  padding: 0px 2px 0px 2px;
  border-radius: 3px;
  white-space: nowrap;
}