.mwa-coupon-popup {
	--mwa-popup-green: #1f3d3b;
	--mwa-popup-cream: #f8f4ec;
	--mwa-popup-border: #d9cbb8;

	align-items: flex-start;
	background: var(--mwa-popup-cream);
	border: 1px solid var(--mwa-popup-border);
	border-left: 4px solid #00554b;
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(31, 61, 59, 0.18);
	color: var(--mwa-popup-green);
	display: flex;
	font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	gap: 0.75rem;
	max-width: 380px;
	min-width: 300px;
	width: calc(100vw - 2.5rem);
	opacity: 0;
	padding: 1rem 1.1rem;
	position: fixed;
	right: 1.25rem;
	top: 1.25rem;
	transform: translateY(-0.75rem);
	transition: opacity 0.3s ease, transform 0.3s ease;
	z-index: 99999;
}

.mwa-coupon-popup.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.mwa-coupon-popup__content {
	flex: 1;
}

.mwa-coupon-popup__title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.35;
	margin: 0 0 0.35rem;
}

.mwa-coupon-popup__message {
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	opacity: 0.9;
}

.mwa-coupon-popup__close {
	background: none;
	border: none;
	color: var(--mwa-popup-green);
	cursor: pointer;
	flex-shrink: 0;
	font-size: 24px;
	line-height: 1;
	opacity: 0.6;
	padding: 0;
	transition: opacity 0.15s ease;
}

.mwa-coupon-popup__close:hover,
.mwa-coupon-popup__close:focus {
	opacity: 1;
	outline: none;
}

@media (max-width: 480px) {
	.mwa-coupon-popup {
		left: 1rem;
		min-width: 0;
		right: 1rem;
		width: auto;
	}
}