.otpm-banner-wrap {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin: 14px auto;
	padding: 0 16px;
}

.otpm-banner-wrap--sitewide {
	max-width: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 50;
}

.otpm-discount-banner.woocommerce-info {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 13px 18px;
	border: 1px solid #bae6d3;
	border-radius: 10px;
	background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 100%);
	color: #0f5132;
	font-size: .96rem;
	font-weight: 650;
	line-height: 1.45;
	text-align: center;
	box-shadow: 0 6px 18px rgba(15, 81, 50, .08);
	overflow-wrap: anywhere;
}

.otpm-discount-banner.woocommerce-info::before {
	display: block;
}

.otpm-banner-wrap--sitewide .otpm-discount-banner.woocommerce-info {
	min-height: 44px;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: 0 2px 12px rgba(15, 23, 42, .08);
}

.otpm-banner-icon {
	display: inline-grid;
	flex: 0 0 25px;
	width: 25px;
	height: 25px;
	place-items: center;
	border-radius: 999px;
	background: #0f766e;
	color: #fff;
	font-size: .78rem;
	font-weight: 800;
	line-height: 1;
}

.otpm-banner-text {
	display: inline-block;
}

.otpm-payment-message {
	box-sizing: border-box;
	display: none;
	width: 100%;
	margin-top: 8px;
	padding: 9px 11px;
	border: 1px solid #bbf7d0;
	border-radius: 7px;
	background: #f0fdf4;
	color: #166534;
	font-size: .84em;
	font-weight: 550;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.otpm-payment-message::before {
	content: "✓";
	display: inline-grid;
	width: 18px;
	height: 18px;
	margin-right: 7px;
	place-items: center;
	border-radius: 50%;
	background: #16a34a;
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	vertical-align: -1px;
}

.otpm-payment-message.is-visible:not([hidden]) {
	display: block;
}

.otpm-payment-message.is-selected {
	border-color: #86efac;
	background: #dcfce7;
	box-shadow: 0 0 0 2px rgba(22, 163, 74, .08);
}

.wc-block-components-radio-control__label .otpm-payment-message,
.wc-block-components-radio-control-accordion-option__content .otpm-payment-message {
	width: 100%;
}

.otpm-discount-selected {
	transition: border-color .18s ease, background-color .18s ease;
}

.otpm-cart-updating .wc-block-components-totals-wrapper {
	opacity: .72;
	transition: opacity .16s ease;
}

@media (max-width: 600px) {
	.otpm-banner-wrap {
		margin: 9px auto;
		padding: 0 10px;
	}

	.otpm-banner-wrap--sitewide {
		margin: 0;
		padding: 0;
	}

	.otpm-discount-banner.woocommerce-info {
		gap: 8px;
		padding: 11px 12px;
		font-size: .88rem;
	}

	.otpm-banner-icon {
		flex-basis: 23px;
		width: 23px;
		height: 23px;
	}

	.otpm-payment-message {
		padding: 8px 9px;
		font-size: .8em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.otpm-discount-selected,
	.otpm-cart-updating .wc-block-components-totals-wrapper {
		transition: none;
	}
}