.pdt-mnm-message {
	display: flex;
	align-items: flex-start;
	gap: 0.6em;
	margin: 0 0 1em;
	padding: 0.85em 1em;
	border: 1px solid transparent;
	border-left-width: 4px;
	border-radius: 4px;
	font-size: 0.95em;
	line-height: 1.4;
}

.pdt-mnm-message[hidden] {
	display: none;
}

.pdt-mnm-message__icon {
	flex: 0 0 auto;
	width: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	font-size: 0.85em;
}

.pdt-mnm-message__icon::before {
	content: '!';
}

.pdt-mnm-message__text {
	flex: 1 1 auto;
}

.pdt-mnm-message--info {
	background: #fff8e6;
	border-color: #f0d78c;
	color: #6b5200;
}

.pdt-mnm-message--info .pdt-mnm-message__icon {
	background: #f0d78c;
	color: #6b5200;
}

.pdt-mnm-message--error {
	background: #fdecea;
	border-color: #e2a29c;
	color: #7a1f14;
}

.pdt-mnm-message--error .pdt-mnm-message__icon {
	background: #d9534f;
	color: #fff;
}

@media ( max-width: 480px ) {
	.pdt-mnm-message {
		font-size: 0.9em;
		padding: 0.75em 0.85em;
	}
}

/*
 * The theme's default quantity input is 58px wide with 16px horizontal padding each
 * side, leaving only ~26px of content area — tight enough that a 2-digit quantity
 * (needed here, since these containers require up to 15 items across three fields)
 * can clip. Widened only on these two container pages, not site-wide.
 */
.mnm_item input.qty {
	width: 4.5em;
	min-width: 64px;
}