/**
 * MILIMEV · ÖLÇÜYE ÖZEL PARÇA (/parca/)
 * Yalnız "Parça sipariş" şablonunda yüklenir. Mobil öncelikli: tek sütun, büyük dokunma alanları,
 * altta yapışkan fiyat çubuğu. 900px+ formlarda solda çizim (yapışkan), sağda alanlar.
 * Tüm değerler tokens.css'ten; sınıf öneki .mv-p-
 */

.mv-app-parts .mv-stickycta { display: none !important; }
/* uygulamanın kendi üst çubuğu yapışır; site başlığı sayfayla kayar (iki yapışkan çubuk üst üste binmesin) */
.mv-app-parts .mv-site-header { position: relative; top: auto; }
.mv-p-root { min-height: 70vh; background: var(--color-background); color: var(--color-text); }
.mv-p-root *, .mv-p-root *::before, .mv-p-root *::after { box-sizing: border-box; }
.mv-p-root :where(button:not(.mv-btn)) { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.mv-p-root label, .mv-p-root legend, .mv-p-root fieldset { margin: 0; }
.mv-p-root fieldset { padding: 0; border: 0; min-width: 0; }
.mv-p-root legend { padding: 0; }
.mv-p-root h1, .mv-p-root h2, .mv-p-root h3 { margin: 0; letter-spacing: -0.005em; }
.mv-p-root p { margin: 0; }
.mv-p-root :focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.mv-p-root .mv-i { flex: none; display: block; }
.mv-p-root small { font-size: 13.5px; color: var(--color-text-muted); font-weight: 400; }
.mv-p-root a:not(.mv-btn) { color: var(--color-brand); }

/* ---------- yükleniyor / yedek ---------- */
.mv-p-skel { display: none; padding-block: var(--space-6); }
.mv-p-root[aria-busy="true"] .mv-p-skel { display: block; }
.mv-p-skel h1 { font-size: 26px; line-height: 1.2; }
.mv-p-skel > p { margin-top: var(--space-2); color: var(--color-text-muted); }
.mv-p-skel__cards { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.mv-p-skel__cards i { display: block; height: 76px; border-radius: var(--radius-md); background: linear-gradient(90deg, var(--color-surface-alt) 0 40%, #f4f1ec 50%, var(--color-surface-alt) 60% 100%); background-size: 300% 100%; animation: mv-p-shine 1.4s linear infinite; }
.mv-p-skel__msg { display: flex; align-items: center; gap: 10px; margin-top: var(--space-4); font-size: 14px; color: var(--color-text-muted); }
.mv-p-skel__spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--color-border-strong); border-top-color: var(--color-brand); animation: mv-p-spin .8s linear infinite; }
@keyframes mv-p-shine { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@keyframes mv-p-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .mv-p-root *, .mv-p-root *::after { animation: none !important; transition: none !important; } }
.mv-p-fallback { padding-block: var(--space-6); display: grid; gap: var(--space-4); }
.mv-p-fallback p:last-child { display: flex; flex-wrap: wrap; gap: var(--space-3); }

/* ---------- kabuk ---------- */
.mv-p { display: flex; flex-direction: column; min-height: 70vh; font-size: 16px; line-height: 1.5; }
.mv-p-main { flex: 1; padding-top: var(--space-4); padding-bottom: var(--space-7); }

.mv-p-top { position: sticky; top: 0; z-index: 20; background: var(--color-surface); border-bottom: 1px solid var(--color-border); }
.admin-bar .mv-p-top { top: 46px; }
@media (max-width: 600px) { .admin-bar .mv-p-top { top: 0; } }
@media (min-width: 783px) { .admin-bar .mv-p-top { top: 32px; } }
.mv-p-top__in { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: var(--space-2); min-height: 60px; }
.mv-p-top__sp { width: 44px; }
.mv-p-top__t { min-width: 0; }
.mv-p-top__t h1 { font-size: 17px; line-height: 22px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-p-top__t span { display: block; font-size: 13.5px; color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-p-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--radius-sm); color: var(--color-text) !important; }
.mv-p-icon:hover { background: var(--color-background); }
.mv-p-listbtn { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 12px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-pill); color: var(--color-text) !important; text-decoration: none; font-weight: 600; font-size: 14px; }
.mv-p-listbtn span { min-width: 1ch; text-align: center; }
.mv-p-prog { height: 3px; background: var(--color-border); }
.mv-p-prog i { display: block; height: 100%; background: var(--color-brand); transition: width var(--duration-base) var(--ease); }

/* ---------- ortak bileşenler ---------- */
.mv-p-q { font-size: 22px; line-height: 1.25; font-weight: 600; margin-bottom: var(--space-4) !important; }
.mv-p-q small { font-size: 15px; }
.mv-p-h3 { font-size: 15px; font-weight: 600; margin: var(--space-4) 0 var(--space-2) !important; }
.mv-p-hint { font-size: 14.5px; color: var(--color-text-muted); display: flex; align-items: flex-start; gap: 6px; flex-wrap: wrap; }
.mv-p-hint .mv-i { color: var(--color-success); margin-top: 1px; }
.mv-p-empty { padding: var(--space-5); text-align: center; color: var(--color-text-muted); border: 1px dashed var(--color-border-strong); border-radius: var(--radius-md); }
.mv-p-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.mv-p-row .mv-btn { flex: 1 1 auto; }
.mv-p-lbl { font-weight: 600; margin-right: auto; }
.mv-p-wide { width: 100%; margin-top: var(--space-5); }
.mv-p-badge { display: inline-block; padding: 1px 7px; border-radius: var(--radius-pill); background: #e3ece6; color: var(--color-brand); font-style: normal; font-size: 11.5px; font-weight: 600; vertical-align: 1px; }
.mv-p-links { font-size: 14px; color: var(--color-text-muted); margin-top: var(--space-4) !important; }
.mv-p-help { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); margin-top: var(--space-6) !important; padding: 14px; border-radius: var(--radius-md); background: var(--color-surface-alt); font-size: 15px; color: var(--color-text-muted); }
.mv-p-help > span { flex: 1 1 100%; }
.mv-p-help a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; }
.mv-p-err { display: flex; align-items: flex-start; gap: 6px; color: var(--color-error); font-size: 14px; margin-top: var(--space-2) !important; }
.mv-p-err:empty { display: none; }

.mv-p-fs { display: grid; gap: var(--space-2); margin-top: var(--space-5) !important; }
.mv-p-fs legend { font-weight: 600; font-size: 15px; margin-bottom: var(--space-2); }
.mv-p-fs legend small, .mv-p-fs legend span { margin-left: 4px; }

.mv-p-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.mv-p-chip { display: inline-flex; align-items: center; min-height: 46px; padding: 0 16px; border: 1px solid var(--color-border-strong) !important; border-radius: var(--radius-pill); background: var(--color-surface) !important; color: var(--color-text) !important; font-size: 15px; font-weight: 500; text-decoration: none; transition: border-color var(--duration-fast) var(--ease); }
.mv-p-chip:hover { border-color: var(--color-text) !important; }
.mv-p-chip[aria-pressed="true"] { border-color: var(--color-brand) !important; background: var(--color-brand) !important; color: var(--color-brand-contrast) !important; }
.mv-p-sub { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-2); }
.mv-p-sub > span { font-size: 13.5px; color: var(--color-text-muted); margin-right: 4px; }

.mv-p-cards { display: grid; gap: var(--space-2); }
.mv-p-card { display: grid; gap: 2px; padding: 14px 16px !important; text-align: left; border: 1.5px solid var(--color-border-strong) !important; border-radius: var(--radius-md); background: var(--color-surface) !important; }
.mv-p-card b { font-weight: 600; }
.mv-p-card span { font-size: 14px; color: var(--color-text-muted); }
.mv-p-card[aria-pressed="true"] { border-color: var(--color-brand) !important; box-shadow: inset 0 0 0 1px var(--color-brand); background: #f1f5f2 !important; }

.mv-p-check { display: flex; align-items: flex-start; gap: 12px; margin-top: var(--space-3); font-size: 15.5px; cursor: pointer; }
.mv-p-check input { flex: none; width: 26px; height: 26px; margin: 1px 0 0; accent-color: var(--color-brand); }
.mv-p-check small { display: block; margin-top: 2px; }
.mv-p-check--big { padding: 14px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.mv-p-check--big:has(input:checked) { border-color: var(--color-brand); }

.mv-p-qty { display: inline-flex; align-items: center; border: 1px solid var(--color-border-strong); border-radius: var(--radius-pill); background: var(--color-surface); }
.mv-p-qty button { display: grid !important; place-items: center; width: 44px; height: 44px; border-radius: 50%; }
.mv-p-qty button:disabled { opacity: .35; cursor: default; }
.mv-p-qty output { min-width: 2.2ch; text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; }
.mv-p-qty--sm button { width: 36px; height: 36px; }

.mv-p-note, .mv-p-ship { display: flex; align-items: flex-start; gap: 10px; margin-top: var(--space-5) !important; padding: 14px; border-radius: var(--radius-md); background: var(--color-surface-alt); font-size: 14.5px; line-height: 1.55; }
.mv-p-note .mv-i, .mv-p-ship .mv-i { margin-top: 1px; color: var(--color-text-muted); }
.mv-p-ship { background: var(--color-surface); border: 1px solid var(--color-border); }

.mv-p-how { margin-top: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.mv-p-how summary { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 14px; font-weight: 600; font-size: 14.5px; cursor: pointer; list-style: none; }
.mv-p-how summary::-webkit-details-marker { display: none; }
.mv-p-how summary::after { content: "+"; margin-left: auto; font-size: 20px; font-weight: 400; color: var(--color-text-muted); }
.mv-p-how[open] summary::after { content: "–"; }
.mv-p-how p { padding: 0 14px 14px; font-size: 14px; color: var(--color-text-muted); }

.mv-p-paste, .mv-p-sumcard { display: flex; align-items: center; gap: 12px; margin-top: var(--space-4); padding: 14px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text) !important; text-decoration: none; }
.mv-p-paste > span, .mv-p-sumcard > span { flex: 1; min-width: 0; display: grid; gap: 2px; }
.mv-p-paste > span span, .mv-p-sumcard > span span { font-size: 14px; color: var(--color-text-muted); }
.mv-p-paste:hover, .mv-p-sumcard:hover { border-color: var(--color-border-strong); }
.mv-p-sumcard { border-color: var(--color-brand); background: #f1f5f2; }

/* ---------- ana ekran ---------- */
.mv-p-lead h2 { font-size: 24px; line-height: 1.2; font-weight: 600; }
.mv-p-lead p { margin-top: var(--space-2) !important; color: var(--color-text-muted); }
.mv-p-types { display: grid; gap: var(--space-3); margin-top: var(--space-4); }
.mv-p-type { display: grid !important; grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: center; column-gap: 14px; padding: 14px 14px 14px 12px !important; text-align: left; border: 1.5px solid var(--color-border) !important; border-radius: var(--radius-md); background: var(--color-surface) !important; transition: border-color var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease); }
.mv-p-type:hover { border-color: var(--color-border-strong) !important; box-shadow: var(--shadow-sm); }
.mv-p-type[aria-pressed="true"] { border-color: var(--color-brand) !important; }
.mv-p-type__art { grid-row: 1 / 3; display: grid; place-items: center; width: 64px; height: 48px; border-radius: var(--radius-sm); background: var(--color-background); color: var(--color-brand); }
.mv-p-type__art svg { width: 52px; height: auto; }
.mv-p-type__t { font-weight: 600; font-size: 17px; }
.mv-p-type__s { grid-column: 2; font-size: 14px; color: var(--color-text-muted); }
.mv-p-type__go { grid-column: 3; grid-row: 1 / 3; color: var(--color-text-muted); }
.mv-p-type:not(:has(.mv-p-type__s)) .mv-p-type__t { grid-row: 1 / 3; }
.mv-p-pro { margin-top: var(--space-6); padding: var(--space-4); border-radius: var(--radius-md); background: var(--color-surface); border: 1px solid var(--color-border); }
.mv-p-pro h3 { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 600; }
.mv-p-pro > p { margin: 4px 0 var(--space-3) !important; font-size: 14px; color: var(--color-text-muted); }

/* ---------- kolay mod ---------- */
.mv-p-k { max-width: 640px; margin-inline: auto; }
.mv-p-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-bottom: var(--space-5); }
.mv-p-strip__i { display: grid !important; gap: 1px; min-width: 0; padding: 8px 10px !important; text-align: left; border-radius: var(--radius-sm); background: var(--color-surface) !important; border: 1px solid var(--color-border) !important; }
.mv-p-strip__i small { font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; }
.mv-p-strip__i b { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-p-strip__i[aria-current="step"] { border-color: var(--color-brand) !important; }
.mv-p-strip__i[data-todo] { opacity: .55; }

.mv-p-colors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.mv-p-color { display: grid !important; grid-template-rows: auto auto auto; gap: 2px; padding: 8px 8px 10px !important; text-align: left; border: 1.5px solid var(--color-border) !important; border-radius: var(--radius-md); background: var(--color-surface) !important; }
.mv-p-color[aria-pressed="true"] { border-color: var(--color-brand) !important; box-shadow: inset 0 0 0 1px var(--color-brand); }
.mv-p-color__sw { display: block; height: 64px; border-radius: 6px; margin-bottom: 6px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .08); }
.mv-p-color__t { font-weight: 600; font-size: 15px; }
.mv-p-color__c { font-size: 12px; color: var(--color-text-muted); font-family: var(--font-mono); }

.mv-p-fig { margin-block: var(--space-3); padding: var(--space-2); border-radius: var(--radius-md); background: var(--color-surface); border: 1px solid var(--color-border); }
.mv-p-draw { display: block; width: 100%; height: auto; max-height: 280px; }
.mv-p-figcap { margin-top: 4px !important; font-size: 12px; color: var(--color-text-muted); text-align: center; }

.mv-p-dims { display: grid; grid-template-columns: 1fr; gap: var(--space-4); margin-top: var(--space-2); }
.mv-p-dim { display: grid; gap: 4px; align-content: start; }
.mv-p-dim label { font-weight: 600; font-size: 15px; }
.mv-p-dim__in { display: flex; align-items: center; border: 1.5px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); overflow: hidden; }
.mv-p-dim__in:focus-within { border-color: var(--color-brand); box-shadow: 0 0 0 3px #dde7e1; }
.mv-p-dim__in:has(input[aria-invalid="true"]) { border-color: var(--color-error); }
.mv-p-dim__in input { flex: 1; min-width: 0; width: 100%; height: 56px; padding: 0 10px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font: 600 20px/1 var(--font-primary); font-variant-numeric: tabular-nums; color: var(--color-text); outline: none; }
.mv-p-dim__in input::placeholder { font-size: 16px; font-weight: 400; color: var(--color-text-muted); }
.mv-p-dim__in button { display: grid !important; place-items: center; flex: none; width: 44px; height: 52px; color: var(--color-text-muted) !important; }
.mv-p-dim__in button:hover { color: var(--color-text) !important; background: var(--color-background) !important; }
/* kaydırıcı: parmakla sürükleme için geniş tutamak ve dolu iz */
.mv-p-range { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 36px; margin: 2px 0 0; padding: 0; background: transparent; cursor: pointer; touch-action: pan-y; --p: 50%; }
.mv-p-range:focus { outline: none; }
.mv-p-range::-webkit-slider-runnable-track { height: 8px; border-radius: 4px; background: linear-gradient(to right, var(--color-brand) 0 var(--p), var(--color-border) var(--p) 100%); }
.mv-p-range::-moz-range-track { height: 8px; border-radius: 4px; background: var(--color-border); }
.mv-p-range::-moz-range-progress { height: 8px; border-radius: 4px; background: var(--color-brand); }
.mv-p-range::-webkit-slider-thumb { -webkit-appearance: none; width: 30px; height: 30px; margin-top: -11px; border-radius: 50%; background: var(--color-surface); border: 3px solid var(--color-brand); box-shadow: 0 2px 6px rgb(0 0 0 / .18); }
.mv-p-range::-moz-range-thumb { width: 26px; height: 26px; border-radius: 50%; background: var(--color-surface); border: 3px solid var(--color-brand); box-shadow: 0 2px 6px rgb(0 0 0 / .18); }
.mv-p-range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px #dde7e1, 0 2px 6px rgb(0 0 0 / .18); }
.mv-p-unit { flex: none; padding-right: 10px; font-size: 14px; color: var(--color-text-muted); }
.mv-p-dim small.mv-p-err { color: var(--color-error); font-size: 13px; margin: 0 !important; }
.mv-p-fixbtn { display: inline-block; margin-top: 4px; padding: 6px 10px !important; border-radius: var(--radius-sm); background: #fff4dc !important; color: #6b4a00 !important; font-size: 13px !important; font-weight: 600; text-align: left; }

.mv-p-status { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: var(--space-3) !important; padding: 12px 14px; border-radius: var(--radius-sm); font-size: 15px; }
.mv-p-status > span { flex: 1 1 200px; }
.mv-p-status.is-ok { background: #eaf3ed; color: #1f5132; }
.mv-p-status.is-warn { background: #fff6e0; color: #6b4a00; }
.mv-p-status.is-err { background: #fdecea; color: #8a1c14; }
.mv-p-status .mv-p-fixbtn { margin: 0; background: rgb(255 255 255 / .8) !important; }
.mv-p-sentence { margin-top: var(--space-5) !important; padding: 14px; border-radius: var(--radius-md); background: var(--color-surface); border: 1px solid var(--color-border); font-size: 14.5px; }

.mv-p-sent { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.mv-p-sent li { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.mv-p-sent__sw { flex: none; width: 28px; height: 28px; border-radius: 6px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .1); }
.mv-p-sent__t { flex: 1; min-width: 0; font-size: 15px; }
.mv-p-sent__t small { display: block; font-weight: 600; color: var(--color-text); font-size: 13.5px; }
.mv-p-sent--plain li { padding-block: 8px; }
.mv-p-del, .mv-p-ib { display: grid !important; place-items: center; width: 40px; height: 40px; border-radius: var(--radius-sm); color: var(--color-text-muted) !important; }
.mv-p-del:hover, .mv-p-ib:hover { background: var(--color-background) !important; color: var(--color-text) !important; }
.mv-p-k > .mv-p-row { margin-top: var(--space-4); }

/* ---------- usta formları ---------- */
.mv-p-intro { font-size: 14px; color: var(--color-text-muted); }
.mv-p-intro b { color: var(--color-text); }
.mv-p-sws { display: flex; flex-wrap: wrap; gap: 8px; }
.mv-p-sw { width: 44px; height: 44px; padding: 3px !important; border-radius: 50%; border: 2px solid transparent !important; }
.mv-p-sw span { display: block; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .12); }
.mv-p-sw[aria-pressed="true"] { border-color: var(--color-brand) !important; }
.mv-p-edges { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.mv-p-edges .mv-p-chip { min-height: 38px; font-size: 13px; }
.mv-p-entry { display: grid; gap: var(--space-3); margin-top: var(--space-5); padding: var(--space-4); border-radius: var(--radius-md); background: var(--color-surface); border: 1.5px solid var(--color-border-strong); }
.mv-p-entry.is-edit { border-color: var(--color-accent); }
.mv-p-entry h3 { font-size: 16px; font-weight: 600; }
.mv-p-entry .mv-p-fs { margin-top: 0 !important; }
.mv-p-entry .mv-p-row .mv-btn--primary { flex: 2 1 auto; }

.mv-p-typelist { margin-top: var(--space-6); }
.mv-p-lhead { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-3); }
.mv-p-lhead h2 { font-size: 17px; font-weight: 600; }
.mv-p-lhead a { display: inline-flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 600; text-decoration: none; }

/* ---------- liste ---------- */
.mv-p-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin: 0 0 var(--space-3); }
.mv-p-kpis div { padding: 10px 12px; border-radius: var(--radius-md); background: var(--color-surface); border: 1px solid var(--color-border); }
.mv-p-kpis dt { font-size: 12px; color: var(--color-text-muted); }
.mv-p-kpis dd { margin: 0; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.mv-p-list > .mv-p-hint { margin-bottom: var(--space-4); }
.mv-p-group { margin-bottom: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); overflow: hidden; }
.mv-p-group__h { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 4px 10px; padding: 12px; background: var(--color-surface-alt); }
.mv-p-group__sw { width: 36px; height: 36px; border-radius: 8px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .1); }
.mv-p-group__t { display: grid; min-width: 0; }
.mv-p-group__t b { font-weight: 600; }
.mv-p-group__t span { font-size: 12.5px; color: var(--color-text-muted); }
.mv-p-recolor { grid-column: 1 / -1; }
.mv-p-recolor select { width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface); font: inherit; font-size: 14px; }
.mv-p-rows { list-style: none; margin: 0; padding: 0; }
.mv-p-row-i { display: grid; gap: 8px; padding: 12px; border-top: 1px solid var(--color-border); }
.mv-p-row-i.is-edit { background: #fff8ea; }
.mv-p-row-i__t { display: grid; gap: 2px; min-width: 0; }
.mv-p-row-i__t > b { font-weight: 600; font-variant-numeric: tabular-nums; }
.mv-p-row-i__t > span { font-size: 13px; color: var(--color-text-muted); }
.mv-p-row-i__t > span b { color: var(--color-text); }
.mv-p-row-i__w { display: flex; align-items: flex-start; gap: 4px; font-size: 12.5px; color: #6b4a00; }
.mv-p-row-i__a { display: flex; align-items: center; gap: 2px; }
.mv-p-row-i__a .mv-p-qty { margin-right: auto; }
.mv-p-addrow { margin-block: var(--space-4); }
.mv-p-addrow .mv-btn { flex: 1 1 calc(50% - var(--space-2)); padding-inline: 10px; }
.mv-p-list > .mv-p-row { margin-top: var(--space-3); }
.mv-p-final { margin-top: var(--space-5); }
.mv-p-final .mv-p-links a { text-decoration: underline; }

/* ---------- yapıştır ---------- */
.mv-p-pastev { max-width: 720px; margin-inline: auto; }
.mv-p-pastev > p { font-size: 14.5px; color: var(--color-text-muted); margin-bottom: var(--space-3) !important; }
.mv-p-pastev code { padding: 1px 5px; border-radius: 4px; background: var(--color-surface-alt); font-family: var(--font-mono); font-size: 13px; color: var(--color-text); }
.mv-p-pastev textarea { display: block; width: 100%; min-height: 170px; margin-bottom: var(--space-3); padding: 12px !important; border: 1.5px solid var(--color-border-strong) !important; border-radius: var(--radius-sm); background: var(--color-surface) !important; font: 15px/1.6 var(--font-mono); resize: vertical; }
.mv-p-pastev textarea:focus { border-color: var(--color-brand) !important; outline: none; box-shadow: 0 0 0 3px #dde7e1; }
.mv-p-pastev .mv-p-row { margin-top: var(--space-4); }
.mv-p-ptable { width: 100%; border-collapse: collapse; font-size: 13.5px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-sm); }
.mv-p-ptable th, .mv-p-ptable td { padding: 8px 10px; text-align: left; border-bottom: 1px solid var(--color-border); }
.mv-p-ptable th { font-size: 12px; font-weight: 600; color: var(--color-text-muted); background: var(--color-surface-alt); }
.mv-p-ptable td:nth-child(2), .mv-p-ptable td:nth-child(3) { font-variant-numeric: tabular-nums; white-space: nowrap; }
.mv-p-ptable tr.is-bad td { color: #8a1c14; background: #fdf3f2; }

/* ---------- alt çubuk ve bildirim ---------- */
.mv-p-bar { position: sticky; bottom: 0; z-index: 25; background: var(--color-surface); border-top: 1px solid var(--color-border); box-shadow: var(--shadow-bar, 0 -4px 16px rgb(0 0 0 / .06)); padding-bottom: env(safe-area-inset-bottom); }
.mv-p-bar__in { display: flex; align-items: center; gap: var(--space-3); min-height: 72px; }
.mv-p-bar__l { flex: 1; min-width: 0; display: grid; }
.mv-p-bar__p { font-size: 19px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.2; }
.mv-p-bar__s { font-size: 13.5px; color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-p-bar .mv-btn { flex: none; min-height: 48px; padding-inline: 18px; }
.mv-p-bar .mv-btn:disabled { opacity: .5; cursor: default; }
.mv-p-toast { position: fixed; left: 50%; bottom: calc(84px + env(safe-area-inset-bottom)); z-index: 40; transform: translateX(-50%); width: min(calc(100% - 32px), 460px); pointer-events: none; }
.mv-p-toast__in { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--radius-md); background: #1f2723; color: #fff; font-size: 15px; box-shadow: var(--shadow-md); pointer-events: auto; animation: mv-p-up .2s var(--ease); }
.mv-p-toast__in > span { flex: 1; min-width: 0; }
.mv-p-toast__in .mv-i { color: #9fd3b0; }
.mv-p-toast__in button { flex: none; min-height: 36px; padding: 0 10px !important; border-radius: var(--radius-sm); color: #9fd3b0 !important; font-weight: 700 !important; text-decoration: underline; }
@keyframes mv-p-up { from { opacity: 0; transform: translateY(8px); } }

/* ---------- geniş ekran ---------- */
@media (min-width: 640px) {
	.mv-p-dims { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
	.mv-p-types { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mv-p-home .mv-p-type { grid-template-columns: 1fr auto; grid-template-rows: auto auto auto; row-gap: 6px; padding: 18px !important; }
	.mv-p-home .mv-p-type__art { grid-row: 1; grid-column: 1 / -1; width: 100%; height: 88px; }
	.mv-p-home .mv-p-type__art svg { width: 92px; }
	.mv-p-home .mv-p-type__t { grid-row: 2; grid-column: 1; }
	.mv-p-home .mv-p-type__s { grid-row: 3; grid-column: 1 / -1; }
	.mv-p-home .mv-p-type__go { grid-row: 2; grid-column: 2; }
	.mv-p-k .mv-p-types { grid-template-columns: 1fr; }
	.mv-p-colors { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.mv-p-cards { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
	.mv-p-row-i { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
	.mv-p-row-i__a .mv-p-qty { margin-right: 8px; }
	.mv-p-group__h { grid-template-columns: 36px minmax(0, 1fr) 220px; }
	.mv-p-recolor { grid-column: auto; }
	.mv-p-addrow .mv-btn { flex: 1 1 0; }
	.mv-p-row .mv-btn { flex: 0 1 auto; }
	.mv-p-wide { width: auto; min-width: 260px; }
}
@media (min-width: 900px) {
	.mv-p-main { padding-top: var(--space-6); }
	.mv-p-top__in { min-height: 68px; }
	.mv-p-top__t h1 { font-size: 19px; }
	.mv-p-home { max-width: 960px; margin-inline: auto; }
	.mv-p-lead h2 { font-size: 30px; }
	.mv-p-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-6); align-items: start; }
	.mv-p-form__fig { position: sticky; top: 90px; }
	.mv-p-form__fig .mv-p-fig { margin-top: 0; padding: var(--space-4); }
	.mv-p-form__fig .mv-p-draw { max-height: 420px; }
	.mv-p-form__fields > .mv-p-fs:first-child, .mv-p-form__fields > .mv-p-intro:first-child + .mv-p-fs { margin-top: var(--space-3) !important; }
	.mv-p-typelist, .mv-p-list { max-width: 960px; margin-inline: auto; }
	.mv-p-bar__in { justify-content: flex-end; }
	.mv-p-bar__l { flex: 0 1 auto; text-align: right; }
	.mv-p-bar .mv-btn { min-width: 220px; }
}

/* ---------- nasıl işler, son kontrol ---------- */
.mv-p-steps3 { list-style: none; margin: var(--space-5) 0 0; padding: 0; display: grid; gap: var(--space-2); }
.mv-p-steps3 li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--color-text-muted); }
.mv-p-steps3 b { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--color-brand); color: var(--color-brand-contrast); font-size: 14px; }
.mv-p-steps3 strong { display: block; color: var(--color-text); font-weight: 600; }
.mv-p-total { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-top: var(--space-3) !important; padding: 14px; border-radius: var(--radius-md); background: var(--color-surface); border: 1.5px solid var(--color-brand); font-size: 16px; }
.mv-p-total b { font-size: 22px; font-variant-numeric: tabular-nums; }
.mv-p-final__go { margin-top: var(--space-2); }
.mv-p-final__go .mv-p-wide { margin-top: var(--space-4); }
.mv-p-next { margin-top: var(--space-3) !important; font-size: 14.5px; color: var(--color-text-muted); text-align: center; }
.mv-p-final:has([data-live="confirm-err"] .mv-p-err) .mv-p-check--big:not(:has(input:checked)) { border-color: var(--color-error); background: #fdf3f2; }
@media (min-width: 640px) {
	.mv-p-steps3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mv-p-help > span { flex: 0 1 auto; }
}
.mv-p-root .mv-p-dim__in input:focus-visible { outline: none; }