/**
 * Badges (D-35: at most two per card) and the personalizable seal.
 * Text-bearing brand fills use --fs-brand-fill (D-38).
 */
.fsc-badge {
	display: inline-block;
	padding: 0.25rem 0.4375rem;
	background: var(--fs-ink);
	color: var(--fs-inverse-text);
	font-size: 0.5625rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.fsc-badge--discount {
	background: var(--fs-brand-fill);
	color: var(--fs-on-brand);
}

.fsc-badge--sold_out {
	background: var(--fs-ink-2);
}

.fsc-badge--low_stock {
	background: var(--fs-warning-ink);
}

.fsc-seal {
	display: inline-block;
	padding: 0.25rem 0.4375rem;
	border: 1px solid var(--fs-success);
	background: var(--fs-ground);
	color: var(--fs-success);
	font-size: 0.5625rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.fsc-badge {
		padding: 0.3125rem 0.5625rem;
		font-size: var(--fs-text-label);
	}

	.fsc-seal {
		font-size: 0.625rem;
	}
}