/* Product Card Banners - frontend */
.pcb-image-wrap {
	position: relative;
	display: block;
}

.pcb-image-wrap.has-ribbon {
	overflow: hidden;
}

.pcb-banner {
	position: absolute;
	z-index: 5;
	line-height: 1.2;
	white-space: nowrap;
	box-sizing: border-box;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.pcb-banner--ribbon {
	transform-origin: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	letter-spacing: 0.5px;
}

/* Below-image badges (in normal card flow, between image and title) */
.pcb-below {
	display: block;
	text-align: center;
	margin: 8px 0 4px;
	line-height: 1.2;
}

.pcb-below .pcb-banner {
	margin: 2px 4px;
}

/* In-flow badges must not inherit the overlay's absolute positioning, or they
   drop out of flow and overlap whatever follows. .pcb-flowbox is excluded
   because its inner badge (ribbon/corner/folded) is meant to stay absolute. */
.pcb-below > .pcb-banner,
.pcb-single > .pcb-banner {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	max-width: 100%;
}

/* Single product page badges (rendered by [product_page_banners]) */
.pcb-single {
	line-height: 1.2;
	margin: 8px 0;
}