:root {
	--mvw-red: #c62828;
	--mvw-red-dark: #961d1d;
	--mvw-ink: #17202a;
	--mvw-muted: #637083;
	--mvw-line: #dfe4ea;
	--mvw-soft: #f5f6f8;
	--mvw-success: #16794a;
}

.mvw-main {
	background: linear-gradient(180deg, #f7f8fa 0, #eef1f4 100%);
	color: var(--mvw-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	min-height: 70vh;
	padding: 32px 0 64px;
}

.mvw-main *, .mvw-main *::before, .mvw-main *::after { box-sizing: border-box; }
.mvw-container { margin: 0 auto; max-width: 1180px; padding: 0 22px; width: 100%; }
.mvw-breadcrumbs { align-items: center; background: transparent !important; box-shadow: none !important; display: flex; flex-wrap: wrap; font-size: 13px; gap: 8px; height: auto !important; line-height: 1.5 !important; margin: 0 0 28px; min-height: 0 !important; }
.mvw-breadcrumbs a { color: var(--mvw-muted); text-decoration: none; }
.mvw-breadcrumbs a:last-child { color: var(--mvw-ink); font-weight: 700; }
.mvw-heading { margin-bottom: 30px; max-width: 760px; }
.mvw-kicker { color: var(--mvw-red); display: block; font-size: 12px; font-weight: 800; letter-spacing: .12em; margin-bottom: 9px; text-transform: uppercase; }
.mvw-heading h1 { color: var(--mvw-ink); font: 800 clamp(32px, 5vw, 54px)/1.04 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; letter-spacing: -.035em; margin: 0 0 14px; }
.mvw-heading p { color: var(--mvw-muted); font-size: 17px; line-height: 1.65; margin: 0; }
.mvw-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) 330px; }
.mvw-card { background: #fff; border: 1px solid rgba(25, 35, 45, .09); border-radius: 18px; box-shadow: 0 14px 38px rgba(30, 42, 55, .08); }
.mvw-form-card { min-width: 0; overflow: hidden; padding: 30px; }
.mvw-side { display: grid; gap: 18px; position: sticky; top: 18px; }
.mvw-side-card, .mvw-legal { padding: 24px; }
.mvw-side-card h2, .mvw-legal summary { color: var(--mvw-ink); font: 800 20px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; margin: 0 0 10px; }
.mvw-side-card p, .mvw-legal p { color: var(--mvw-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.mvw-side-number { color: var(--mvw-red); display: block; font-size: 58px; font-weight: 900; letter-spacing: -.06em; line-height: .9; }
.mvw-return { border-top: 1px solid var(--mvw-line); display: grid; gap: 7px; margin-top: 18px; padding-top: 18px; }
.mvw-return span { color: var(--mvw-ink); font-size: 14px; line-height: 1.5; }
.mvw-return small { color: var(--mvw-red-dark); font-weight: 700; line-height: 1.45; }
.mvw-legal summary { cursor: pointer; list-style: none; margin: 0; }
.mvw-legal summary::after { color: var(--mvw-red); content: "+"; float: right; }
.mvw-legal[open] summary { margin-bottom: 16px; }
.mvw-legal[open] summary::after { content: "−"; }
.mvw-legal p + p { border-top: 1px solid var(--mvw-line); margin-top: 16px; padding-top: 16px; }
.mvw-steps { align-items: center; border-bottom: 1px solid var(--mvw-line); display: grid; gap: 8px; grid-template-columns: repeat(3, 1fr); margin: -4px 0 26px; padding-bottom: 22px; }
.mvw-steps span { align-items: center; color: #8a95a3; display: flex; font-size: 13px; font-weight: 700; gap: 8px; white-space: nowrap; }
.mvw-steps b { align-items: center; background: #e9edf1; border-radius: 50%; display: inline-flex; font-size: 12px; height: 26px; justify-content: center; width: 26px; }
.mvw-steps .is-active { color: var(--mvw-ink); }
.mvw-steps .is-active b { background: var(--mvw-red); color: #fff; }
.mvw-steps .is-done { color: var(--mvw-success); }
.mvw-steps .is-done b { background: #dff3e8; }
.mvw-context { align-items: center; background: #f2f5f7; border-radius: 12px; display: flex; gap: 14px; margin-bottom: 28px; padding: 15px 17px; }
.mvw-context-icon { align-items: center; background: #fff; border: 1px solid var(--mvw-line); border-radius: 50%; color: var(--mvw-red); display: flex; flex: 0 0 34px; font-weight: 900; height: 34px; justify-content: center; }
.mvw-context p { color: #495668; font-size: 14px; line-height: 1.55; margin: 0; }
.mvw-fieldset { border: 0; margin: 0; min-width: 0; padding: 0 0 30px; }
.mvw-fieldset + .mvw-fieldset { border-top: 1px solid var(--mvw-line); padding-top: 28px; }
.mvw-fieldset legend { border: 0; color: var(--mvw-ink); float: none; font-size: 18px; font-weight: 800; line-height: 1.3; margin: 0 0 17px; padding: 0; width: auto; }
.mvw-orders { display: grid; gap: 12px; }
.mvw-order-card { border: 1px solid var(--mvw-line); border-radius: 13px; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.mvw-order-card.is-selected { border-color: var(--mvw-red); box-shadow: 0 0 0 3px rgba(198, 40, 40, .09); }
.mvw-order-head { align-items: center; cursor: pointer; display: grid; gap: 12px; grid-template-columns: auto auto minmax(0, 1fr) auto; margin: 0; padding: 17px; }
.mvw-order-head > input, .mvw-choice > input, .mvw-product > input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.mvw-order-head > span:nth-of-type(2), .mvw-choice > span:last-child { display: grid; gap: 3px; }
.mvw-order-head strong { color: var(--mvw-ink); font-size: 15px; }
.mvw-order-head small, .mvw-choice small { color: var(--mvw-muted); display: block; font-size: 12px; font-weight: 500; }
.mvw-order-head > b { color: var(--mvw-ink); font-size: 15px; }
.mvw-radio { background: #fff; border: 2px solid #a8b1bd; border-radius: 50%; display: inline-block; height: 20px; position: relative; width: 20px; }
input:checked + .mvw-radio { border-color: var(--mvw-red); }
input:checked + .mvw-radio::after { background: var(--mvw-red); border-radius: 50%; content: ""; inset: 4px; position: absolute; }
.mvw-order-details { background: #fafbfc; border-top: 1px solid var(--mvw-line); display: none; padding: 15px 17px; }
.mvw-order-card.is-selected .mvw-order-details { display: block; }
.mvw-identity { color: var(--mvw-muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 8px 18px; }
.mvw-products { display: none; gap: 8px; margin-top: 14px; }
.mvw-products.is-visible { display: grid; }
.mvw-product { align-items: center; background: #fff; border: 1px solid var(--mvw-line); border-radius: 10px; cursor: pointer; display: grid; gap: 10px; grid-template-columns: auto minmax(0, 1fr) auto; margin: 0; padding: 11px; }
.mvw-check { align-items: center; border: 2px solid #a8b1bd; border-radius: 5px; color: transparent; display: flex; font-size: 12px; font-weight: 900; height: 20px; justify-content: center; width: 20px; }
.mvw-product input:checked + .mvw-check { background: var(--mvw-red); border-color: var(--mvw-red); color: #fff; }
.mvw-product-name { display: grid; gap: 2px; min-width: 0; }
.mvw-product-name strong { color: var(--mvw-ink); font-size: 13px; overflow: hidden; text-overflow: ellipsis; }
.mvw-product-name small { color: var(--mvw-muted); font-size: 11px; }
.mvw-qty { align-items: center; display: flex; gap: 5px; }
.mvw-qty > span { color: var(--mvw-muted); font-size: 11px; }
.mvw-qty input { border: 1px solid var(--mvw-line) !important; border-radius: 6px !important; box-shadow: none !important; height: 34px !important; margin: 0 !important; padding: 0 7px !important; text-align: center; width: 52px !important; }
.mvw-qty small { color: var(--mvw-muted); white-space: nowrap; }
.mvw-grid { display: grid; gap: 17px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mvw-grid > *, .mvw-field { min-width: 0; }
.mvw-field { display: grid; gap: 8px; margin: 0; }
.mvw-field-wide { grid-column: 1 / -1; }
.mvw-field > span { color: #344152; font-size: 13px; font-weight: 700; }
.mvw-field em { color: var(--mvw-red); font-style: normal; }
.mvw-field input, .mvw-field textarea { background: #fff !important; border: 1px solid #cfd6de !important; border-radius: 9px !important; box-shadow: none !important; box-sizing: border-box !important; color: var(--mvw-ink) !important; font: 15px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important; height: 46px !important; margin: 0 !important; max-width: 100% !important; min-width: 0 !important; outline: 0; padding: 11px 13px !important; width: 100% !important; }
.mvw-field textarea { height: auto !important; min-height: 88px; resize: vertical; }
.mvw-field input:focus, .mvw-field textarea:focus { border-color: var(--mvw-red) !important; box-shadow: 0 0 0 3px rgba(198, 40, 40, .1) !important; }
.mvw-field small { color: var(--mvw-muted); font-size: 12px; font-weight: 400; }
.mvw-choice-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mvw-choice { align-items: center; border: 1px solid var(--mvw-line); border-radius: 11px; cursor: pointer; display: grid; gap: 11px; grid-template-columns: auto minmax(0, 1fr); margin: 0; padding: 15px; }
.mvw-choice:has(input:checked) { border-color: var(--mvw-red); background: #fffafa; }
.mvw-choice strong { color: var(--mvw-ink); font-size: 13px; }
.mvw-partial-only { margin-top: 16px; }
.mvw-submit { align-items: center; border-top: 1px solid var(--mvw-line); display: flex; justify-content: space-between; padding-top: 24px; }
.mvw-submit p { color: var(--mvw-muted); font-size: 12px; margin: 0; }
.mvw-button { align-items: center; border: 0; border-radius: 9px; cursor: pointer; display: inline-flex; font: 800 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; gap: 10px; justify-content: center; min-height: 46px; padding: 14px 19px; text-decoration: none !important; text-transform: none; transition: background .2s, box-shadow .2s, transform .2s; }
.mvw-button:hover { transform: translateY(-1px); }
.mvw-button:disabled { cursor: not-allowed; opacity: .45; transform: none; }
.mvw-button-primary { background: var(--mvw-ink); color: #fff !important; }
.mvw-button-primary:hover { background: #050b12; }
.mvw-button-danger { background: var(--mvw-red); color: #fff !important; box-shadow: 0 8px 18px rgba(198, 40, 40, .22); }
.mvw-button-danger:hover { background: var(--mvw-red-dark); }
.mvw-button-ghost { background: #edf0f3; color: #354253 !important; }
.mvw-alert { border-radius: 12px; margin-bottom: 20px; padding: 15px 18px; }
.mvw-alert-error { background: #fff0f0; border: 1px solid #f0b9b9; color: #8f1d1d; }
.mvw-alert strong { display: block; margin-bottom: 5px; }
.mvw-alert ul { margin: 0; padding-left: 18px; }
.mvw-empty { background: var(--mvw-soft); border-radius: 10px; color: var(--mvw-muted); line-height: 1.6; padding: 18px; }
.mvw-honeypot { left: -9999px; position: absolute; }
.mvw-review-head { align-items: flex-start; display: flex; gap: 14px; margin-bottom: 22px; }
.mvw-review-head h2, .mvw-success h2 { color: var(--mvw-ink); font: 800 28px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; margin: 0 0 7px; }
.mvw-review-head p, .mvw-success > p { color: var(--mvw-muted); line-height: 1.6; margin: 0; }
.mvw-review-icon { align-items: center; background: #fff0db; border-radius: 50%; color: #9b5700; display: flex; flex: 0 0 38px; font-weight: 900; height: 38px; justify-content: center; }
.mvw-notice { border: 1px solid var(--mvw-line); border-radius: 12px; overflow: hidden; }
.mvw-notice-row, .mvw-notice-block { border-bottom: 1px solid var(--mvw-line); display: grid; gap: 15px; grid-template-columns: 170px minmax(0, 1fr); padding: 14px 16px; }
.mvw-notice > *:last-child { border-bottom: 0; }
.mvw-notice-row span, .mvw-notice-block > span { color: var(--mvw-muted); font-size: 12px; font-weight: 700; }
.mvw-notice-row strong { color: var(--mvw-ink); font-size: 14px; overflow-wrap: anywhere; }
.mvw-notice-block p { color: var(--mvw-ink); font-size: 14px; line-height: 1.55; margin: 0; }
.mvw-confirm-actions { align-items: center; display: flex; justify-content: space-between; margin-top: 24px; }
.mvw-confirm-actions form { margin: 0; }
.mvw-success { text-align: center; }
.mvw-success-icon { align-items: center; background: #def3e8; border-radius: 50%; color: var(--mvw-success); display: flex; font-size: 32px; font-weight: 900; height: 72px; justify-content: center; margin: 4px auto 13px; width: 72px; }
.mvw-success > span { color: var(--mvw-success); display: block; font-size: 12px; font-weight: 900; letter-spacing: .1em; margin-bottom: 7px; text-transform: uppercase; }
.mvw-reference { background: var(--mvw-soft); border-radius: 12px; display: grid; gap: 5px; margin: 24px auto; max-width: 440px; padding: 18px; }
.mvw-reference small, .mvw-reference span { color: var(--mvw-muted); }
.mvw-reference strong { color: var(--mvw-ink); font-size: 21px; letter-spacing: .03em; }
.mvw-delivery-status { display: grid; gap: 8px; margin: 0 auto 24px; max-width: 560px; text-align: left; }
.mvw-delivery-status p { border-radius: 8px; font-size: 13px; margin: 0; padding: 11px 13px 11px 36px; position: relative; }
.mvw-delivery-status p::before { left: 13px; position: absolute; }
.mvw-delivery-status .is-ok { background: #edf8f2; color: #11643d; }
.mvw-delivery-status .is-ok::before { content: "✓"; }
.mvw-delivery-status .is-error { background: #fff0f0; color: #8f1d1d; }
.mvw-delivery-status .is-error::before { content: "!"; font-weight: 900; }
.mvw-success-actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.mvw-copy { border-top: 1px solid var(--mvw-line); margin-top: 28px; padding-top: 19px; text-align: left; }
.mvw-copy summary { color: var(--mvw-muted); cursor: pointer; font-size: 13px; font-weight: 700; }
.mvw-copy pre { background: #f7f8fa; border: 1px solid var(--mvw-line); border-radius: 8px; color: var(--mvw-ink); font: 12px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; margin: 14px 0 0; max-height: 480px; overflow: auto; padding: 15px; white-space: pre-wrap; }

.mvw-global-link {
	align-items: center;
	background: #c62828;
	border: 2px solid #fff;
	border-radius: 999px;
	bottom: max(16px, env(safe-area-inset-bottom));
	box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
	color: #fff !important;
	display: inline-flex;
	font: 800 14px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	gap: 9px;
	left: 16px;
	max-width: calc(100vw - 32px);
	padding: 13px 18px;
	position: fixed;
	text-decoration: none !important;
	z-index: 1200;
}
.mvw-global-link:hover, .mvw-global-link:focus { background: #961d1d; color: #fff !important; outline: 3px solid rgba(198, 40, 40, .25); }
.mvw-global-link svg { flex: 0 0 18px; height: 18px; width: 18px; }
.mvw-order-button { background: #c62828 !important; border-color: #c62828 !important; color: #fff !important; margin-right: 8px; }

@media (max-width: 900px) {
	.mvw-main { padding-top: 24px; }
	.mvw-layout { grid-template-columns: 1fr; }
	.mvw-side { grid-template-columns: repeat(2, minmax(0, 1fr)); position: static; }
	.mvw-legal { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
	.mvw-container { padding: 0 13px; }
	.mvw-form-card { border-radius: 14px; padding: 20px 16px; }
	.mvw-heading h1 { font-size: 34px; }
	.mvw-heading p { font-size: 15px; }
	.mvw-steps span { font-size: 0; }
	.mvw-steps b { font-size: 12px; }
	.mvw-grid, .mvw-choice-grid, .mvw-side { grid-template-columns: 1fr; }
	.mvw-order-head { grid-template-columns: auto auto minmax(0, 1fr); }
	.mvw-order-head > b { grid-column: 3; }
	.mvw-product { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
	.mvw-qty { grid-column: 2; }
	.mvw-notice-row, .mvw-notice-block { gap: 5px; grid-template-columns: 1fr; }
	.mvw-submit, .mvw-confirm-actions { align-items: stretch; flex-direction: column; gap: 10px; }
	.mvw-submit p { text-align: center; }
	.mvw-submit .mvw-button, .mvw-confirm-actions .mvw-button, .mvw-confirm-actions form { width: 100%; }
	.mvw-global-link { bottom: max(10px, env(safe-area-inset-bottom)); font-size: 13px; justify-content: center; left: 10px; max-width: none; right: 10px; }
	body { padding-bottom: 64px; }
}

@media print {
	header, footer, .mvw-breadcrumbs, .mvw-side, .mvw-global-link, .mvw-success-actions, .mvw-steps { display: none !important; }
	.mvw-main { background: #fff; padding: 0; }
	.mvw-card { border: 0; box-shadow: none; }
	.mvw-layout { display: block; }
}