/* Separate from the landing page styles, so the badge works throughout the shop. */
.woocommerce ul.products li.product .snooby-sale-badge,
.woocommerce-page ul.products li.product .snooby-sale-badge,
.woocommerce div.product .summary .snooby-sale-badge,
.snooby-sale-badge {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	margin: 0.45em 0 0.7em;
	padding: 0.38em 0.7em;
	border-radius: 0.25em;
	background: #f5b921;
	color: #163624;
	font-family: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.025em;
	text-align: center;
	white-space: normal;
	box-sizing: border-box;
}