/* MSM — компактний блок оплати на картці / у кошику
 * Акцент: --btn-primary-bg з UniShop2 generated.0.css (production = #e24220).
 * Синій не використовується.
 */
.msm-pay-preview {
	--msm-pay-accent: var(--btn-primary-bg, #e24220);
	--msm-pay-title: var(--heading-c, #222);
	--msm-pay-bg: #f7f7f7;
	--msm-pay-border: #e6e6e6;
	--msm-pay-muted: #666;
	--msm-pay-note: #888;

	margin-top: 12px;
	margin-bottom: 4px;
	width: 100%;
	clear: both;
	box-sizing: border-box;
}

.msm-pay-preview__inner {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 10px;
	background: var(--msm-pay-bg);
	border: 1px solid var(--msm-pay-border);
	box-shadow: none;
}

.msm-pay-preview__icon {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid var(--msm-pay-border);
	color: var(--msm-pay-accent);
}

.msm-pay-preview__body {
	min-width: 0;
	flex: 1 1 auto;
}

.msm-pay-preview__title {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
	color: var(--msm-pay-title);
	margin: 0 0 4px;
}

.msm-pay-preview__amount {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--msm-pay-accent);
	letter-spacing: -0.01em;
	margin: 0 0 4px;
}

.msm-pay-preview__hint {
	font-size: 12px;
	line-height: 1.35;
	color: var(--msm-pay-muted);
	margin: 0 0 6px;
}

.msm-pay-preview__note {
	font-size: 11px;
	line-height: 1.4;
	color: var(--msm-pay-note);
	margin: 0;
}

/* Обидва режими — той самий фірмовий акцент суми (без синього/зеленого) */
.msm-pay-preview--prepay .msm-pay-preview__amount,
.msm-pay-preview--full .msm-pay-preview__amount {
	color: var(--msm-pay-accent);
}

@media (max-width: 767px) {
	.msm-pay-preview {
		margin-top: 10px;
	}
	.msm-pay-preview__inner {
		padding: 11px 12px;
		gap: 9px;
	}
	.msm-pay-preview__amount {
		font-size: 18px;
	}
	.msm-pay-preview__icon {
		width: 32px;
		height: 32px;
	}
}

.product-page__cart + .msm-pay-preview,
.product-block__right-block .msm-pay-preview {
	max-width: 100%;
}