/* Pulsing sale badge.
   Classic themes: .sfb-badge (replaces WooCommerce's "Sale!").
   Block themes: WooCommerce's own product sale badge block. */
.sfb-badge,
.wc-block-components-product-sale-badge {
	background: #d92d20 !important;
	color: #fff !important;
	border: 0 !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	animation: sfb-pulse 1.4s ease-in-out infinite;
	will-change: transform, opacity;
}

/* Undo the round "Sale!" bubble some themes use */
.sfb-badge {
	min-width: 0 !important;
	min-height: 0 !important;
	width: auto !important;
	height: auto !important;
	line-height: 1.2 !important;
	padding: 0.4em 0.75em !important;
	border-radius: 3px !important;
	font-size: 0.75rem !important;
}

@keyframes sfb-pulse {
	0%, 100% { opacity: 1;    transform: scale(1); }
	50%      { opacity: 0.55; transform: scale(1.08); }
}

/* Respect visitors who've turned off motion in their device settings */
@media (prefers-reduced-motion: reduce) {
	.sfb-badge,
	.wc-block-components-product-sale-badge {
		animation: none;
	}
}