.lxmls-archive-badge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 8px 0 4px;
	padding: 6px 10px;
	border: 1px solid #f2c7c3;
	border-radius: 999px;
	background: #fff4f3;
	color: #9f241d;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.lxmls-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 0 3px rgb(159 36 29 / 12%);
}

.lxmls-archive-badge.lxmls-is-out {
	border-color: #d7d7d7;
	background: #f4f4f4;
	color: #1f1f1f;
}

.lxmls-product-notice {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 4px 0 18px;
	padding: 14px 16px;
	border: 1px solid #f0d0cb;
	border-left: 4px solid #b7372e;
	border-radius: 8px;
	background: #fff8f7;
	color: #3b2725;
	font-size: 14px;
	line-height: 1.45;
}

.lxmls-product-icon {
	display: inline-flex;
	flex: 0 0 22px;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #b7372e;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
}

.lxmls-product-copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.lxmls-product-copy strong,
.lxmls-product-copy span {
	color: inherit;
}

.lxmls-product-notice.lxmls-is-out {
	border-color: #d6d6d6;
	border-left-color: #222;
	background: #f7f7f7;
	color: #202020;
}

.lxmls-product-notice.lxmls-is-out .lxmls-product-icon {
	background: #222;
}

@media (max-width: 480px) {
	.lxmls-product-notice {
		padding: 12px 13px;
	}
}