/**
 * Kaari x Seen - limited-time bonus strip for the pricing comparison block.
 *
 * Scoped entirely under .pricing-strike-compare .seen-bonus, so it cannot
 * affect anything else on the page. The element only exists when script.js
 * has injected it, so with the script removed this file is inert.
 *
 * Brand teal (#8cc7c3, --brand_secondary) so the strip sits in the card's own
 * palette rather than introducing a colour, and stays clear of the coral
 * already used by the struck-through prices and the CTA. The light secondary
 * teal is used rather than #004650, which would be invisible against the
 * card. Sizing is in px: Teachable sets the root font-size to roughly 10px.
 */

.pricing-strike-compare .seen-bonus {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 16px;
	padding: 12px 16px;
	border-radius: 12px;
	background: rgba(140, 199, 195, 0.16);
	border: 1px solid rgba(140, 199, 195, 0.5);
	color: #eaf4f3;
	font-size: 14px;
	line-height: 1.35;
}

.pricing-strike-compare .seen-bonus__text {
	display: block;
}

.pricing-strike-compare .seen-bonus strong {
	display: block;
	color: #8cc7c3;
	font-weight: 800;
}

.pricing-strike-compare .seen-bonus__sub {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	opacity: 0.9;
}