.nova-discount-badge.onsale {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 2.25rem;
	max-width: min(12rem, calc(100% - 1rem));
	padding: .42rem .72rem;
	border: 0;
	border-radius: 999px;
	background: var(--nova-discount-badge-bg, var(--wp--preset--color--primary, #2563eb));
	color: var(--nova-discount-badge-color, #fff);
	font: inherit;
	font-size: clamp(.72rem, .69rem + .12vw, .82rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	white-space: normal;
	box-shadow: 0 5px 16px rgb(15 23 42 / 14%);
	z-index: 3;
}

.nova-discount-message {
	display: flex;
	align-items: center;
	gap: .45rem;
	margin: .45rem 0 0;
	color: var(--nova-discount-message-color, currentColor);
	font: inherit;
	font-size: clamp(.78rem, .75rem + .12vw, .88rem);
	font-weight: 600;
	line-height: 1.55;
	opacity: .82;
}

.nova-discount-message::before {
	content: "";
	inline-size: .45rem;
	block-size: .45rem;
	flex: 0 0 .45rem;
	border-radius: 50%;
	background: var(--nova-discount-badge-bg, var(--wp--preset--color--primary, #2563eb));
}

@media (max-width: 480px) {
	.nova-discount-badge.onsale { min-height: 2rem; padding: .35rem .6rem; }
	.nova-discount-message { font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce) {
	.nova-discount-badge,
	.nova-discount-message { transition: none !important; }
}