/*
 * 「在庫切れ」 badge. Visible only when the span is rendered.
 */
.uc-stock-badge {
	display: inline-block;
	margin: 0;
	padding: 1px 6px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.02em;
	color: #ffffff;
	background: #666666;
	border-radius: 3px;
	vertical-align: middle;
	white-space: nowrap;
}

/* Tile: overlay on product image (top-left). Loop items use classes, not IDs. */
.brxe-cintdg,
.brxe-dytigw {
	position: relative;
}

.brxe-ucostt,
.brxe-ucostd {
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 2;
	margin: 0;
	pointer-events: none;
}

.brxe-ucostt .uc-stock-badge,
.brxe-ucostd .uc-stock-badge {
	display: block;
	margin: 0;
	width: fit-content;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* List: below price. */
.brxe-ucos35 .uc-stock-badge,
.brxe-ucosdy .uc-stock-badge {
	display: block;
	margin: 0;
	width: fit-content;
}

/* Hide Bricks wrappers when the product is not fully out of stock. */
.brxe-ucostt:not(:has(.uc-stock-badge)),
.brxe-ucostd:not(:has(.uc-stock-badge)),
.brxe-ucos35:not(:has(.uc-stock-badge)),
.brxe-ucosdy:not(:has(.uc-stock-badge)) {
	display: none;
}

/* Single: full width of the purchase column, above 内容量. */
.brxe-ucossg {
	width: 100%;
}

.brxe-ucossg .uc-stock-badge,
.uc-stock-badge--single {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 0.6em;
	padding: 4px 6px;
	text-align: center;
}

.brxe-ucossg:not(:has(.uc-stock-badge)) {
	display: none;
}