.sergio-promotion-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 9;
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	max-width: calc(100% - 24px);
	padding: 5px 11px;
	border-radius: 4px;
	background: #e53935;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: 0.06em;
	text-align: center;
	white-space: normal;
	pointer-events: none;
}

.single-product .sergio-promotion-badge {
	top: 15px;
	left: 25px;
	font-size: 12px;
	padding: 7px 13px;
}

.sergio-promotion-message {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin: 9px 0 3px;
	padding: 7px 8px;
	border-left: 3px solid #e53935;
	border-radius: 3px;
	background: #fff3f2;
	color: #3f3f3f;
	font-size: 11px;
	line-height: 1.35;
	text-align: left;
}

.sergio-promotion-message__label {
	flex: 0 0 auto;
	color: #c62828;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.65;
	text-transform: uppercase;
}

.sergio-promotion-message__text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* YITH product-page notices, aligned with the catalogue promotion message. */
.single-product .summary .ywdpd-notices-wrapper .show_note_on_apply_products {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin: 9px 0 12px;
	padding: 7px 8px;
	border-left: 3px solid #e53935;
	border-radius: 3px;
	background: #fff3f2;
	color: #3f3f3f;
	font-size: 13px;
	line-height: 1.35;
	text-align: left;
}

.single-product .summary .ywdpd-notices-wrapper .show_note_on_apply_products::before {
	content: "Promo";
	flex: 0 0 auto;
	color: #c62828;
	font-size: inherit;
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: inherit;
	text-transform: uppercase;
}

.single-product .summary .ywdpd-notices-wrapper .show_note_on_apply_products > :first-child {
	margin-top: 0;
}

.single-product .summary .ywdpd-notices-wrapper .show_note_on_apply_products > :last-child {
	margin-bottom: 0;
}

@media (max-width: 575px) {
	.sergio-promotion-badge {
		top: 8px;
		left: 8px;
	}

	.sergio-promotion-message {
		gap: 4px;
		padding: 6px;
		font-size: 10px;
	}

	.single-product .summary .ywdpd-notices-wrapper .show_note_on_apply_products {
		gap: 4px;
		padding: 6px;
		font-size: 12px;
	}
}