ul.products li.product {
	position: relative;
}

.wwcs-new-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1;
	padding: 4px 8px;
	z-index: 2;
	/* background-color, color, border-radius, and font-size are set via
	   wp_add_inline_style() from the admin's saved appearance fields —
	   see WWCS_Module_New_Badge::enqueue(). */
}

/* If the discount badge renders too (it comes right after this one in the
   DOM), push it down instead of overlapping. */
.wwcs-new-badge ~ .wwcs-discount-badge {
	top: 38px;
}