.jw-badges {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	vertical-align: middle;
}

.jw-badge {
	display: inline-block;
	border-radius: 99px;
	padding: 4px 8px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	white-space: nowrap;
	/* Fallbacks — overridden per-badge by inline colors from the discount rule. */
	background-color: #111111;
	color: #ffffff;
}

@media (max-width: 767px) {
	.jw-badge {
		font-size: 14px !important; /* beat the inline 16px used for builder compatibility */
	}
}