/* MM Deals demo card form: clean card element styling. */
.mmd-card { --c-text: #30313d; --c-muted: #6d6e78; --c-line: #e0e0e6; --c-focus: #13233a; --c-err: #df1b41; font-size: 15px; color: var(--c-text); padding: 4px 0 2px; }
.mmd-card-test { display: flex; align-items: flex-start; gap: 10px; background: #fff8ef; border: 1px solid #fbe0c4; border-radius: 8px; padding: 10px 12px; margin: 0 0 16px; font-size: 13px; line-height: 1.45; color: #6b4a2b; }
.mmd-card-test__pill { flex: none; background: #f26a1c; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; border-radius: 4px; padding: 2px 7px; margin-top: 1px; }
.mmd-card-field { margin: 0 0 14px; min-width: 0; }
.mmd-card-label { display: block; font-size: 14px; font-weight: 500; color: var(--c-text); margin: 0 0 6px; }
.mmd-card-input-wrap { position: relative; }
.mmd-card .mmd-card-input {
	display: block; width: 100%; box-sizing: border-box; height: 46px; padding: 0 12px; margin: 0;
	font: 400 16px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: var(--c-text); background: #fff; border: 1px solid var(--c-line); border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .03), 0 3px 6px rgba(0, 0, 0, .02);
	transition: border-color .15s ease, box-shadow .15s ease; letter-spacing: .02em; outline: none;
}
.mmd-card .mmd-card-input::placeholder { color: #9a9ba3; }
.mmd-card .mmd-card-input:focus { border-color: rgba(19, 35, 58, .55); box-shadow: 0 0 0 3px rgba(242, 106, 28, .22), 0 1px 1px rgba(0, 0, 0, .03); }
.mmd-card-field.has-error .mmd-card-input { border-color: var(--c-err); box-shadow: 0 0 0 1px var(--c-err); color: var(--c-err); }
.mmd-card-input-wrap .mmd-card-input { padding-right: 150px; }
.mmd-card-row .mmd-card-input-wrap .mmd-card-input { padding-right: 52px; }
.mmd-card-marks { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; gap: 4px; pointer-events: none; }
.mmd-card-mark, .mmd-card-cvc-icon { width: 30px; height: 19px; display: block; border-radius: 3px; }
.mmd-card-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mmd-card-error { color: var(--c-err); font-size: 13px; margin-top: 6px; line-height: 1.35; }
.mmd-card-note { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--c-muted); margin: 2px 0 0; }
.mmd-card-note svg { width: 13px; height: 13px; flex: none; }
.mmd-card-method-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.mmd-card-marks--label { position: static; transform: none; }
@media (max-width: 420px) {
	.mmd-card-input-wrap .mmd-card-input { padding-right: 112px; }
	.mmd-card-marks .mmd-card-mark--discover { display: none; }
	.mmd-card-marks--label .mmd-card-mark--amex { display: none; }
}