/* Social proof badge styling for multi-builder product cards */
.mb-product__badges {
  min-height: 20px; /* Reserve space for the badge to prevent layout shift */
}

.mb-sp {
  display: block;
  font-family: var(--cj-sans);
  font-size: 11px;
  color: #8a8078; /* Secondary color as requested */
  margin-top: 4px;
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
}

/* Ensure the badge doesn't cause layout shifts */
.mb-sp::before {
  content: "• ";
}

/* For small screens, ensure text wraps properly */
@media (max-width: 390px) {
  .mb-sp {
    font-size: 10px;
    line-height: 1.2;
  }
}