:root {
  --mv-primary: var(--pl-primary, var(--green, var(--accent, #1d6ff2)));
  --mv-primary-hover: var(--pl-primary-hover, var(--green2, var(--accent2, var(--mv-primary))));
  --mv-on: var(--pl-on-primary, #fff);
  --mv-accent: var(--mv-primary);
  --mv-accent-ink: var(--mv-on);
  --mv-ok: var(--mv-primary);
  --mv-gold: var(--pl-accent, var(--gold, #d9a01f));
  --mv-success: var(--pl-success, #17915a);
  --mv-warn: var(--pl-warn, var(--gold, #c8840d));
  --mv-bad: var(--pl-danger, var(--red, var(--danger, #d8332f)));
  --mv-bg: var(--pl-bg, var(--bg, transparent));
  --mv-surface: var(--pl-surface, var(--surface, #fff));
  --mv-surface2: var(--pl-surface2, var(--surface2, var(--surface, #f4f6fa)));
  --mv-line: var(--pl-line, var(--sf-line, var(--line, rgba(128, 128, 128, .22))));
  --mv-ink: var(--pl-ink, var(--ink, inherit));
  --mv-muted: var(--pl-muted, var(--muted, inherit));
  --mv-tint: var(--pl-tint, color-mix(in oklab, var(--mv-primary) 10%, transparent));
  --mv-tint2: var(--pl-tint2, color-mix(in oklab, var(--mv-primary) 18%, transparent));
  --mv-r: var(--pl-r, var(--sf-r, var(--radius, 16px)));
  --mv-r-sm: var(--pl-r-sm, var(--sf-r-sm, 12px));
  --mv-r-xs: 10px;
  --mv-shadow: var(--pl-shadow-1, var(--sf-shadow-1, 0 1px 2px rgba(0, 0, 0, .05)));
  --mv-shadow-2: var(--pl-shadow-2, var(--sf-shadow-2, var(--mv-shadow)));
}

.mv-surface,
.mv-stat,
.mv-find-row,
.mv-seller,
.mv-vendor-card,
.mv-card,
.mv-v-head,
.mv-v-panel {
  background: var(--mv-surface);
  border: 1px solid var(--mv-line);
  border-radius: var(--mv-r);
  box-shadow: var(--mv-shadow);
  color: var(--mv-ink);
}

.sf-card.mv-v-head,
.sf-card.mv-v-panel,
.sf-card.mv-card { box-shadow: none }

.mv-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px;
  margin-top: 12px;
}
.mv-stat { padding: 14px 16px; display: flex; flex-direction: column; gap: 3px; min-width: 0 }
.mv-stat span { font-size: calc(11.5px * var(--fz-small, 1)); color: var(--mv-muted); font-weight: 700 }
.mv-stat b { font-size: calc(18px * var(--fz-price, 1)); font-weight: 900; overflow-wrap: anywhere }
.mv-stat i { font-style: normal; font-size: calc(10.5px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-stats > div.is-warn { border-color: color-mix(in srgb, var(--mv-warn) 60%, var(--mv-line)) }

.mv-table { width: 100%; border-collapse: collapse; font-size: calc(12.5px * var(--fz-table, 1)) }
.mv-table th {
  text-align: start;
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--mv-muted);
  font-weight: 800;
  padding: 8px 10px;
  border-bottom: 1px solid var(--mv-line);
  white-space: nowrap;
}
.mv-table td { padding: 9px 10px; border-bottom: 1px solid var(--mv-line); vertical-align: middle }
.mv-table tr:last-child td { border-bottom: 0 }
.mv-table.wide td, .mv-table.wide th { padding: 11px 14px }
.mv-table .muted { font-size: calc(10.5px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-table a { color: var(--mv-primary); font-weight: 700 }
.mv-table input { min-height: 38px; padding: 8px 10px; text-align: center }
.mv-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch }

.mv-find { display: grid; gap: 10px }
.mv-find-row { display: flex; gap: 12px; align-items: center; padding: 12px 14px }
.mv-find-row img {
  width: 52px; height: 52px; object-fit: cover; flex: 0 0 auto;
  border-radius: var(--mv-r-sm);
  background: var(--mv-surface2);
}
.mv-find-row b { display: block; font-size: calc(13px * var(--fz-base, 1)) }
.mv-find-row span.muted { font-size: calc(11px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-find-row .sfbtn { margin-inline-start: auto; white-space: nowrap }

.mv-sellers { margin-top: 10px }
.mv-seller-list { display: grid; gap: 10px }
.mv-seller { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; padding: 14px 16px }
.mv-seller.is-best {
  border-color: var(--mv-primary);
  box-shadow: inset 0 0 0 1px var(--mv-primary);
  background: color-mix(in oklch, var(--mv-primary) 5%, var(--mv-surface));
}
.mv-seller-who { display: flex; gap: 10px; align-items: center; flex: 1 1 240px; min-width: 0 }
.mv-seller-who .ava {
  width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center;
  background: var(--mv-surface2); color: var(--mv-muted); font-weight: 900; flex: 0 0 auto;
}
.mv-seller.is-best .ava { background: var(--mv-tint); color: var(--mv-primary) }
.mv-seller-who b { font-size: calc(13px * var(--fz-base, 1)) }
.mv-seller-who a { color: inherit }
.mv-seller-who a:hover { color: var(--mv-primary) }
.mv-seller-meta {
  display: block;
  font-size: calc(11px * var(--fz-small, 1));
  color: var(--mv-muted);
  line-height: 1.8;
}
.mv-seller-buy { display: flex; gap: 12px; align-items: center; margin-inline-start: auto }
.mv-seller-buy form { margin: 0 }
.mv-seller-price { text-align: end }
.mv-seller-price del { display: block; font-size: calc(11px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-seller-price b { font-size: calc(15px * var(--fz-price, 1)); font-weight: 900 }
.mv-seller-diff { display: block; color: var(--mv-muted); font-size: calc(10.5px * var(--fz-small, 1)) }

.mv-buybox a { color: var(--mv-primary); text-decoration: none; border-bottom: 1px dashed currentColor }
.mv-buybox a:hover { border-bottom-style: solid }
.mv-buybox .mv-out { color: var(--mv-bad) }
.mv-card-sellers { font-size: calc(10.5px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-line-vendor { display: block; font-size: calc(10.5px * var(--fz-small, 1)); color: var(--mv-muted) }

.mv-vendor-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px }
.mv-vendor-card {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  text-decoration: none;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.mv-vendor-card:hover {
  border-color: var(--mv-primary);
  box-shadow: var(--mv-shadow-2);
  transform: translateY(-2px);
}
.mv-vendor-card .ava,
.mv-shop-head .ava {
  width: 46px; height: 46px; display: grid; place-items: center; overflow: hidden;
  border-radius: var(--mv-r-sm);
  background: var(--mv-surface2);
  color: var(--mv-muted);
  font-weight: 900;
}
.mv-vendor-card .ava img,
.mv-shop-head .ava img { width: 100%; height: 100%; object-fit: cover }
.mv-shop-head { display: flex; gap: 16px; align-items: center }
.mv-shop-head .ava { width: 64px; height: 64px }

.mv-v-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 14px; flex-wrap: wrap; padding: 18px 20px;
}
.mv-v-head h1 { margin: 0 0 4px; font-size: calc(18px * var(--fz-h2, 1)) }
.mv-v-head p { margin: 0; line-height: 1.9; font-size: calc(12.5px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-v-act { display: flex; gap: 8px; flex-wrap: wrap; align-items: center }

.mv-v-panel { padding: 18px 20px; margin-top: 14px }
.mv-v-panel-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 12px; flex-wrap: wrap; margin-bottom: 4px;
}
.mv-v-panel-head h2 { margin: 0 0 3px; font-size: calc(15px * var(--fz-h2, 1)) }
.mv-v-panel-head span { font-size: calc(12px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-v-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); margin-top: 14px }
.mv-v-grid > .mv-v-panel { margin-top: 0 }

.mv-nav-badge {
  min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px;
  display: inline-grid; place-items: center; margin-inline-start: auto;
  background: var(--mv-primary); color: var(--mv-on); font-size: 10.5px; font-weight: 700;
}

.mv-v-list { display: grid; gap: 2px; margin-top: 12px }
.mv-v-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px; padding: 11px 0; border-top: 1px dashed var(--mv-line); flex-wrap: wrap;
}
.mv-v-row > div:first-child { flex: 1 1 220px; min-width: 0; display: grid; gap: 3px }
.mv-v-row b { overflow-wrap: anywhere }
.mv-v-row span.muted { font-size: calc(11.5px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-v-row-end { display: flex; align-items: center; gap: 9px; flex: none }

.mv-v-fields { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 12px }
.mv-f { display: grid; gap: 6px; min-width: 0 }
.mv-f-wide { grid-column: 1 / -1 }
.mv-f > span { font-size: calc(12.3px * var(--fz-small, 1)); font-weight: 600 }
.mv-f input, .mv-f select, .mv-f textarea {
  font: inherit; width: 100%; padding: 10px 12px; border: 1px solid var(--mv-line);
  border-radius: var(--mv-r-sm); background: var(--mv-surface); color: inherit;
}
.mv-f input:focus-visible, .mv-f select:focus-visible, .mv-f textarea:focus-visible {
  outline: 0; border-color: var(--mv-primary); box-shadow: var(--pl-ring, 0 0 0 3px var(--mv-tint2));
}
.mv-f input[type=checkbox], .mv-f input[type=radio] {
  flex: none; width: auto; min-width: 0; inline-size: 17px; block-size: 17px;
  padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  accent-color: var(--mv-primary); cursor: pointer;
}
.mv-f input[type=checkbox]:focus-visible, .mv-f input[type=radio]:focus-visible {
  outline: 2px solid var(--mv-primary); outline-offset: 2px; box-shadow: none;
}
.mv-f input[type=file] { padding: 8px 10px; cursor: pointer; line-height: 1.9 }
.mv-f input[type=file]::file-selector-button {
  font: inherit; font-weight: 700; cursor: pointer; margin-inline-end: 10px;
  padding: 7px 14px; border-radius: var(--mv-r-sm); border: 1px solid var(--mv-line);
  background: var(--mv-surface2); color: var(--mv-ink);
}
.mv-f input[type=file]::file-selector-button:hover {
  border-color: var(--mv-primary); background: var(--mv-tint);
}
.mv-f select { cursor: pointer }
.mv-f select option { background: var(--mv-surface); color: var(--mv-ink) }
.mv-f textarea { resize: vertical; min-height: 130px; line-height: 1.9 }
.mv-f small { line-height: 1.85; font-size: calc(11.3px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-thumb {
  width: 84px; height: 84px; object-fit: cover;
  border-radius: var(--mv-r-sm); border: 1px solid var(--mv-line);
  background: var(--mv-surface2);
}
.mv-v-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 18px }
.mv-v-actions .muted { font-size: calc(11.5px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-hint { margin: 12px 0 0; font-size: calc(11.8px * var(--fz-small, 1)) }
.mv-hint a { color: var(--mv-primary); font-weight: 700 }

.mv-note {
  margin: 14px 0 0; padding: 12px 15px; border-radius: var(--mv-r-sm);
  background: var(--mv-tint); color: var(--mv-muted); line-height: 1.95;
  font-size: calc(12.3px * var(--fz-small, 1));
}
.mv-pending, .mv-rejected { display: grid; gap: 4px }
.mv-pending { border-inline-start: 3px solid var(--mv-warn) }
.mv-rejected { border-inline-start: 3px solid var(--mv-bad) }
.mv-pending span, .mv-rejected span { font-size: calc(12px * var(--fz-small, 1)); line-height: 1.9 }

.mv-req {
  margin-top: 6px; padding: 7px 10px; border-radius: var(--mv-r-xs); line-height: 1.85;
  font-size: calc(11.4px * var(--fz-small, 1));
}
.mv-req.is-wait { background: color-mix(in srgb, var(--mv-warn) 14%, transparent) }
.mv-req.is-no { background: color-mix(in srgb, var(--mv-bad) 12%, transparent) }
.mv-linkbtn {
  background: none; border: 0; padding: 0 4px; font: inherit; cursor: pointer;
  color: var(--mv-primary); text-decoration: none;
}
.mv-stock-in { width: 76px; text-align: center }
.mv-empty { text-align: center; padding: 26px 12px; color: var(--mv-muted) }
.mv-row-act { white-space: nowrap; display: flex; gap: 6px; flex-wrap: wrap }

.mv-chips { display: flex; gap: 7px; flex-wrap: wrap; margin: 14px 0; min-width: 0 }
.mv-chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 7px 13px; border: 1px solid var(--mv-line); border-radius: 999px;
  font-size: calc(12.2px * var(--fz-small, 1)); color: var(--mv-muted);
  background: var(--mv-surface); text-decoration: none; white-space: nowrap; transition: .16s;
}
.mv-chip:hover { border-color: var(--mv-primary); color: var(--mv-ink) }
.mv-chip.is-on { background: var(--mv-primary); border-color: var(--mv-primary); color: var(--mv-on) }

.mv-cards { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); margin-top: 14px }
.mv-card { padding: 15px 16px; display: flex; flex-direction: column; gap: 7px; min-width: 0 }
.mv-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px }
.mv-card-top span { color: var(--mv-muted); font-size: calc(11.8px * var(--fz-small, 1)) }
.mv-card-top svg { width: 17px; height: 17px; color: var(--mv-primary); flex: none }
.mv-card strong { font-size: calc(18px * var(--fz-h2, 1)); overflow-wrap: anywhere }
.mv-card-foot {
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
  font-size: calc(11.2px * var(--fz-small, 1)); color: var(--mv-muted);
}

.mv-kv { display: grid; gap: 7px; margin-top: 14px }
.mv-kv > div {
  display: flex; justify-content: space-between; gap: 12px; padding: 8px 0;
  border-top: 1px dashed var(--mv-line); font-size: calc(12.2px * var(--fz-small, 1));
}
.mv-kv span { color: var(--mv-muted) }
.mv-kv b { text-align: end; overflow-wrap: anywhere }

.mv-trend {
  display: inline-flex; gap: 3px; align-items: center; padding: 2px 8px; border-radius: 999px;
  font-size: calc(10.8px * var(--fz-small, 1)); font-weight: 700; white-space: nowrap;
}
.mv-trend.is-up { background: color-mix(in srgb, var(--mv-success) 16%, transparent); color: var(--mv-success) }
.mv-trend.is-down { background: color-mix(in srgb, var(--mv-bad) 16%, transparent); color: var(--mv-bad) }
.mv-trend.is-flat, .mv-trend.is-new { background: var(--mv-surface2); color: var(--mv-muted) }
.mv-mini-bar { height: 5px; border-radius: 999px; background: var(--mv-tint); overflow: hidden; margin-top: 5px }
.mv-mini-bar i { display: block; height: 100%; background: var(--mv-primary); border-radius: 999px }

.mv-chart { position: relative; margin-top: 16px; padding: 0 4px 22px; min-height: var(--mv-ch, 190px) }
.mv-chart-grid {
  position: absolute; inset: 0 4px 22px; display: flex; flex-direction: column;
  justify-content: space-between; pointer-events: none;
}
.mv-chart-grid span { display: block; border-top: 1px dashed var(--mv-line) }
.mv-chart-bars { position: relative; display: flex; align-items: flex-end; height: var(--mv-ch, 190px) }
.mv-chart.is-dual .mv-chart-bars { gap: 2px }
.mv-bar {
  position: relative; flex: 1 1 auto; min-width: 3px; border-radius: 6px 6px 2px 2px;
  background: linear-gradient(180deg, var(--mv-primary), color-mix(in srgb, var(--mv-primary) 55%, transparent));
  transition: filter .16s;
}
.mv-bar:hover { filter: brightness(1.12) }
.mv-bar i {
  position: absolute; inset-inline: 0; bottom: 100%; margin-bottom: 4px; text-align: center;
  font-style: normal; font-size: 9.5px; color: var(--mv-muted); opacity: 0;
  transition: opacity .16s; white-space: nowrap; pointer-events: none;
}
.mv-bar:hover i { opacity: 1 }
.mv-bar2 {
  position: relative; flex: 1 1 auto; min-width: 5px; display: flex; align-items: flex-end;
  gap: 2px; height: 100%; margin-inline: 2px;
}
.mv-bar2 i { flex: 1; border-radius: 5px 5px 2px 2px; min-height: 1px }
.mv-bar2 i.a { background: var(--mv-primary) }
.mv-bar2 i.b { background: color-mix(in srgb, var(--mv-primary) 40%, var(--mv-muted)) }
.mv-bar2:hover i { filter: brightness(1.15) }
.mv-chart-x { position: absolute; inset-inline: 4px; bottom: 0; display: flex; color: var(--mv-muted); font-size: 9.5px }
.mv-chart-x span { flex: 1 1 0; min-width: 0; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.mv-chart-x span.is-hide { visibility: hidden }
.mv-chart-max { position: absolute; inset-inline-start: 4px; top: -14px; color: var(--mv-muted); font-size: 10px }
.mv-chart-empty {
  padding: 32px 16px; text-align: center; color: var(--mv-muted);
  border: 1px dashed var(--mv-line); border-radius: var(--mv-r-sm); margin-top: 14px;
  font-size: calc(12.3px * var(--fz-small, 1));
}
.mv-legend { display: flex; gap: 13px; flex-wrap: wrap; align-items: center }
.mv-legend span { display: inline-flex; align-items: center; gap: 6px; color: var(--mv-muted); font-size: calc(11.3px * var(--fz-small, 1)) }
.mv-legend b, .mv-split-keys b { width: 10px; height: 10px; border-radius: 3px; flex: none }
.mv-split { margin-top: 16px }
.mv-split-bar { display: flex; height: 13px; border-radius: 999px; overflow: hidden; background: var(--mv-tint) }
.mv-split-bar i { display: block; min-width: 2px; transition: filter .16s }
.mv-split-bar i:hover { filter: brightness(1.15) }
.mv-split-keys { display: grid; gap: 8px; margin-top: 13px }
.mv-split-keys span { display: flex; align-items: baseline; gap: 8px; font-size: calc(12px * var(--fz-small, 1)); color: var(--mv-muted) }
.mv-split-keys i { font-style: normal; margin-inline-start: auto; color: var(--mv-ink); font-weight: 700 }
.mv-split-keys u { text-decoration: none; min-width: 42px; text-align: end }
.t-a { background: var(--mv-primary) }
.t-b { background: color-mix(in srgb, var(--mv-primary) 45%, var(--mv-muted)) }
.t-c { background: var(--mv-warn) }
.t-d { background: var(--mv-success) }
.t-e { background: color-mix(in srgb, var(--mv-primary) 25%, var(--mv-muted)) }
.t-f { background: var(--mv-bad) }

.mv-seller-group { display: none }
.mv-seller-group.is-on { display: block }
.mv-seller-group-h { display: flex; align-items: baseline; gap: 8px; margin: 0 0 10px }
.mv-seller-group-h b { font-size: calc(13px * var(--fz-base, 1)) }
.mv-sellers-tabs .mv-seller-group-h { display: none }

.mv-vtable { width: 100%; border-collapse: collapse }
.mv-vtable th, .mv-vtable td { padding: 8px 6px; text-align: start; vertical-align: middle }
.mv-vtable thead th { font-size: calc(11.5px * var(--fz-small, 1)); color: var(--mv-muted); font-weight: 600 }
.mv-vtable tbody tr { border-top: 1px solid var(--mv-line) }
.mv-vtable input { width: 100%; min-width: 92px }
.mv-vtable .mv-vlabel { font-weight: 700; font-size: calc(12.5px * var(--fz-base, 1)) }
.mv-attr-box { border: 1px solid var(--mv-line); border-radius: var(--mv-r-sm); padding: 14px; margin-top: 12px }
.mv-attr-box + .mv-attr-box { margin-top: 10px }
.mv-attr-box label { font-weight: 700 }
.mv-attr-box small { display: block; color: var(--mv-muted); margin-top: 4px }

.mv-tabbar {
  display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 10px; margin: 0 0 14px;
  scrollbar-width: none; -webkit-overflow-scrolling: touch; touch-action: pan-x pan-y pinch-zoom;
}
.mv-tabbar::-webkit-scrollbar { display: none; height: 0 }
.mv-tab {
  flex: 0 0 auto; display: flex; flex-direction: column; gap: 3px; text-align: start; cursor: pointer;
  border: 1px solid var(--mv-line); background: var(--mv-surface); color: var(--mv-ink);
  border-radius: var(--mv-r-sm); padding: 9px 13px; min-height: 44px;
  transition: border-color .18s, background .18s, box-shadow .18s; touch-action: manipulation;
}
.mv-tab b { font-size: calc(12.5px * var(--fz-base, 1)); font-weight: 700; white-space: nowrap }
.mv-tab i { font-style: normal; color: var(--mv-muted); font-size: calc(10.5px * var(--fz-badge, 1)); white-space: nowrap }
.mv-tab:hover { border-color: color-mix(in oklch, var(--mv-primary), transparent 55%) }
.mv-tab.is-on {
  border-color: var(--mv-primary);
  background: color-mix(in oklch, var(--mv-primary), transparent 92%);
  box-shadow: 0 0 0 2px color-mix(in oklch, var(--mv-primary), transparent 84%);
}
.mv-tab.is-on i { color: color-mix(in oklch, var(--mv-primary), var(--mv-ink) 40%) }

.mv-stat button,
.mv-seller button,
.mv-vendor-card button,
.mv-row-act button,
.mv-linkbtn,
.mv-tab,
.mv-tab b,
.mv-tab i { font-family: var(--pl-font, var(--font, Vazirmatn)), system-ui, sans-serif }
.mv-tab { font-feature-settings: inherit; letter-spacing: inherit }

.mv-steps { list-style: none; margin: 0 0 16px; padding: 0; display: flex; gap: 8px; flex-wrap: wrap; align-items: stretch }
.mv-steps li {
  flex: 1 1 150px; min-width: 0; display: flex; align-items: center; gap: 9px;
  padding: 10px 12px; border: 1px solid var(--mv-line); border-radius: var(--mv-r-sm);
  background: var(--mv-surface); color: var(--mv-muted);
  font-size: calc(12.4px * var(--fz-small, 1)); line-height: 1.7;
}
.mv-steps li b {
  flex: none; width: 24px; height: 24px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--mv-line); color: var(--mv-ink);
  font-size: calc(11.5px * var(--fz-small, 1));
}
.mv-steps li.is-on { border-color: var(--mv-primary); color: var(--mv-ink) }
.mv-steps li.is-on b { background: var(--mv-primary); color: var(--mv-on) }
.mv-steps li.is-done { border-color: color-mix(in srgb, var(--mv-success) 55%, var(--mv-line)); color: var(--mv-ink) }
.mv-steps li.is-done b { background: var(--mv-success); color: var(--mv-on); font-size: 0 }
.mv-steps li.is-done b::before { content: '✓'; font-size: calc(12px * var(--fz-small, 1)) }

.mv-pf { padding: 18px }
.mv-pf-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 16px; border-bottom: 1px solid var(--mv-line); padding-bottom: 10px }
.mv-pf-tab {
  padding: 9px 14px; border-radius: var(--mv-r-sm); border: 1px solid var(--mv-line);
  background: transparent; color: inherit; cursor: pointer; font: inherit; font-weight: 700;
}
.mv-pf-tab.is-on { background: var(--mv-primary); color: var(--mv-on); border-color: transparent }
.mv-pf-pane { display: none }
.mv-pf-pane.is-on { display: block }
.mv-pf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px }
.mv-pf-grid .mv-f-wide { grid-column: 1 / -1 }
.mv-pf-note { padding: 11px 13px; border-radius: var(--mv-r-sm); background: var(--mv-surface2); color: var(--mv-muted); margin: 0 0 14px; line-height: 1.9 }
.mv-pf-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 8px 0 }
.mv-pf-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px;
  border: 1px solid var(--mv-line); border-radius: 999px; cursor: pointer;
}
.mv-pf-chip input { margin: 0; flex: none; inline-size: 16px; block-size: 16px; accent-color: var(--mv-primary) }
.mv-pf-chip em { font-style: normal; overflow-wrap: break-word }
.mv-pf-chip i { width: 13px; height: 13px; border-radius: 50%; display: inline-block; border: 1px solid var(--mv-line) }
.mv-pf-chip:has(input:checked) { border-color: var(--mv-primary); background: var(--mv-tint) }
.mv-pf-search input { width: 100%; margin-bottom: 12px }
.mv-pf-spec { padding: 10px 0; border-top: 1px dashed var(--mv-line) }
.mv-pf-gal { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 }
.mv-pf-gal-item { width: 96px; border: 1px solid var(--mv-line); border-radius: var(--mv-r-xs); padding: 5px; text-align: center; font-size: 11px }
.mv-pf-gal-item img { width: 100%; height: 70px; object-fit: cover; border-radius: 7px }
.mv-pf-shots { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px }
.mv-pf-shots img { width: 72px; height: 72px; object-fit: cover; border-radius: 9px; border: 1px solid var(--mv-line) }

@media (max-width: 1080px) {
  .mv-v-grid { grid-template-columns: minmax(0, 1fr) }
}
@media (max-width: 700px) {
  .mv-vtable, .mv-vtable tbody, .mv-vtable tr, .mv-vtable td { display: block; width: 100% }
  .mv-vtable thead { display: none }
  .mv-vtable tbody tr { padding: 10px 0 }
  .mv-vtable td { padding: 5px 0 }
  .mv-vtable td::before { content: attr(data-th); display: block; font-size: 11px; color: var(--mv-muted); margin-bottom: 3px }
  .mv-tab { padding: 8px 11px }
  .mv-tabbar { gap: 6px }
}
@media (max-width: 640px) {
  .mv-seller-buy { width: 100%; justify-content: space-between }
  .mv-find-row { flex-wrap: wrap }
  .mv-find-row .sfbtn { width: 100% }
  .mv-shop-head { flex-direction: column; align-items: flex-start; gap: 12px }
  .mv-v-head, .mv-v-panel, .mv-pf { padding: 15px 16px }
  .mv-row-act .sfbtn { flex: 1 1 auto }
  .mv-stats { grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) }
}

.mv-vp{display:flex;flex-direction:column;gap:16px;min-width:0}
.mv-vp>*{margin-block:0 !important}
.mv-vp>.mv-v-panel,.mv-vp>.mv-note,.mv-vp>.mv-hint,.mv-vp>.mv-chips,.mv-vp>.mv-steps,.mv-vp>.mv-stats,
.mv-vp>.mv-find,.mv-vp>.mv-cards,.mv-vp>.mv-v-grid{margin-top:0;margin-bottom:0}
.mv-vp>.mv-v-grid>.mv-v-panel{margin-block:0 !important}
.mv-vp>form>.mv-v-panel:first-child{margin-top:0}

.mv-vnav{display:flex;flex-direction:column;gap:4px}
.mv-vnav .acc-user{margin-bottom:6px}
.mv-vnav>a{margin:0}
@media(max-width:980px){.mv-vnav{flex-direction:row;flex-wrap:nowrap;gap:7px}
  .mv-vnav .acc-user{margin-bottom:0}}

.mv-pf-tabs{gap:8px;row-gap:8px;margin-bottom:18px;padding-bottom:12px}
.mv-pf-pane>*:first-child{margin-top:0}
.mv-pf-note:first-child{margin-top:0}

.mv-bad { color: var(--mv-bad) }
.mv-dead { border-inline-start: 3px solid var(--mv-bad) }
.mv-dead b { color: var(--mv-bad) }
.mv-lock { display:block; color: var(--pl-warn, var(--amber, #b7791f)); font-size: calc(11px * var(--fz-small, 1)); margin-top: 3px }
td.mv-lock { display: table-cell; font-weight: 700 }