/* MD Checkout Simple 2.0: ventana modal */
html.md-cs-lock, html.md-cs-lock body { overflow: hidden !important; }

.md-cs-ov {
	position: fixed; inset: 0; z-index: 999999;
	display: flex; align-items: center; justify-content: center;
	padding: 24px;
	background: rgba(17, 24, 28, .5);
}
.md-cs-ov[hidden] { display: none; }

.md-cs-panel {
	display: flex; flex-direction: column;
	width: 100%; max-width: 720px;
	height: min(90vh, 940px);
	background: #fff; border-radius: 14px; overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}
.md-cs-head {
	flex: none;
	display: flex; align-items: center; justify-content: space-between;
	padding: 10px 12px 10px 18px;
	border-bottom: 1px solid #e3e7ea;
	font-weight: 600; color: #1d2327;
}
.md-cs-x {
	width: 44px; height: 44px; padding: 0; margin: 0;
	border: 0; border-radius: 8px; background: transparent;
	font-size: 28px; line-height: 1; color: #333; cursor: pointer;
}
.md-cs-x:hover { background: #f1f3f4; }
.md-cs-fr { flex: 1; width: 100%; border: 0; display: block; background: #fff; }
.md-cs-load { display: none; padding: 32px; text-align: center; color: #5d6870; }
.md-cs-ov.is-loading .md-cs-load { display: block; }
.md-cs-ov.is-loading .md-cs-fr { visibility: hidden; }

@media (max-width: 640px) {
	.md-cs-ov { padding: 0; align-items: flex-end; }
	.md-cs-panel { max-width: none; height: 94vh; height: 94dvh; border-radius: 14px 14px 0 0; }
}