/* value.css — оценщик car-value. ДНК forcar: острые углы, красный #d1133b, чёрный. */

/* ── HERO-фиксы (как brand.css: убрать grid 180px|1fr, который зажимал всё в колонку) ── */
.hero-home{padding-bottom:32px}   /* воздух под плашкой-формой (она крупнее тонкой vin-формы) */
.hero-home .wrap{display:block}
.home-hero{max-width:880px;margin:0;text-align:left;padding:6px 0 6px}
.home-hero .tags{justify-content:flex-start}
.home-hero h1{margin:10px 0}
.home-hero .dek{margin:0;max-width:62ch}
.trust{margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}
.trust b{color:var(--txt)}
@media(max-width:680px){
  .home-hero{display:block!important;text-align:left}
  .home-hero.qlinks-bottom{display:flex!important;flex-direction:column}
  .home-hero.qlinks-bottom > *{order:4}
  .home-hero.qlinks-bottom h1{order:1}
  .home-hero.qlinks-bottom .dek{order:2}
  .home-hero.qlinks-bottom .tags{order:3;margin:16px 0 0}
}

/* секции/h2/p наследуются от base.css (глобальные section{} и section h2{}) — не дублируем */
/* salvage-бары в рамке-панели (законченный блок, симметричные отступы) */
.vsb{border:1px solid #26262a;background:#0f0f10;padding:18px 20px}
.vsb .sb-head{margin-bottom:14px}
.vsb .sb-l{width:108px}
.vsb .sb{margin-bottom:13px}
.vsb .sb:last-child{margin-bottom:0}

/* ── форма-оценщик (плашка с табами внутри) ── */
.vest{background:#0f0f10;border:1px solid #26262a;padding:0;margin:20px 0 6px}   /* отступ от подзаголовка */
.vtabs{display:flex;border-bottom:1px solid #26262a}
.vtg{flex:0 0 auto;background:transparent;color:#9a9aa2;border:0;border-bottom:2px solid transparent;font:700 13px/1 Archivo,sans-serif;letter-spacing:.02em;padding:14px 20px;cursor:pointer;border-radius:0}
.vtg.on{color:#fff;border-bottom-color:#d1133b;background:#131315}
.vtg:hover:not(.on){color:#cfcfd5}
.vbody{padding:22px}
.vmsg{margin-top:10px;font:500 13px/1.5 Archivo,sans-serif;color:#c2851b}
.vest-grid{display:grid;gap:10px;align-items:end}
.vest-grid>*{min-width:0}   /* не давать длинным опциям/полям распирать сетку */
.vest-grid.vg-mm{grid-template-columns:1fr 1fr 96px 116px auto}
.vest-grid.vg-vin{grid-template-columns:1fr 116px auto}
.vest-grid .vest-btn{margin:0;height:46px}   /* кнопка в линию с инпутами */
.vest-f label{display:block;font:600 11px/1.4 Archivo,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9a9aa2;margin:0 0 6px}
.vinput-m{width:100%;background:#171719;border:1px solid #34343a;color:#f4f4f5;font:500 15px/1.2 Archivo,sans-serif;padding:12px 12px;border-radius:0;appearance:none}
.vinput-m:focus{outline:none;border-color:#d1133b}
/* фирменные дропдауны .fcsel и степпер .numfield — на всю ширину ячейки, высота в линию */
.vest-grid .fcsel-wrap{display:block;width:100%}
.vest-grid .fcsel-btn{padding:0 13px;font-size:15px;height:46px}
.vest-grid .numfield{display:flex;width:100%;height:46px;background:#171719;border-color:#34343a}
.vest-grid .numfield input[type=number]{flex:1;width:auto;font-family:Archivo,sans-serif}
.vest-btn{background:#d1133b;color:#fff;border:0;font:700 15px/1 Archivo,sans-serif;letter-spacing:.02em;padding:14px 18px;cursor:pointer;border-radius:0;transition:background .15s}
.vest-btn:hover{background:#b30f32}
.vest-btn:disabled{background:#3a3a3f;cursor:not-allowed}

/* ── результат ── */
.vres{display:none;background:#101012;border:1px solid #d1133b;padding:24px;margin:14px 0}
.vres.on{display:block;animation:vfade .25s ease}
@keyframes vfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.vres-h{font:600 12px/1 Archivo,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9a9aa2;margin:0 0 4px}
.vres-big{font:800 44px/1 Archivo,sans-serif;color:#fff;letter-spacing:-.02em}
.vres-big small{font:600 18px/1 Archivo,sans-serif;color:#9a9aa2;letter-spacing:0}
/* Pro-гейт: Free видит чёткий диапазон, точное число размыто + teaser «unlock with Pro» */
.vlock{display:none;margin:9px 0 4px;font-size:12.5px;color:#9a9aa2;font-weight:600}
.vres.locked .vlock{display:block}
.vres.locked .vres-big{filter:blur(8px);user-select:none;-webkit-user-select:none;pointer-events:none}
.vlock-tag{display:inline-block;background:#d1133b;color:#fff;font-weight:800;font-size:10px;letter-spacing:.06em;padding:1px 7px;margin-right:7px;vertical-align:1px}
.vlock a{color:#fff;font-weight:800;text-decoration:none;border-bottom:1px solid #d1133b}
.vlock a:hover{color:#e23158}
/* Market scatter — точки год×цена, медиана-линия, hover-тултип */
.vscatter{position:relative;margin-top:18px;border:1px solid #26262a;background:#0a0a0b;padding:14px 14px 6px}
.vsc-svg{width:100%;height:auto;display:block;overflow:hidden}
.vsc-grid{stroke:#1a1a1e;stroke-width:1}
.vsc-ylab{fill:#56565e;font:600 10px/1 var(--mono,ui-monospace,monospace);text-anchor:end}
.vsc-xlab{fill:#56565e;font:600 10px/1 var(--mono,ui-monospace,monospace);text-anchor:middle}
.vsc-med{fill:none;stroke:#fff;stroke-width:2;opacity:.85}
.vsc-dot{fill:rgba(226,49,88,.5);transition:fill .12s;cursor:pointer}
.vsc-dot.on{fill:#e23158;r:6}
.vsc-tip{position:absolute;transform:translate(-50%,-100%);background:#000;border:1px solid #333;padding:5px 9px;font:700 12px/1.3 var(--mono,ui-monospace,monospace);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:5}
.vsc-tip.show{opacity:1}
.vscatter-msg{color:#9a9aa2;text-align:center;padding:54px 0;font-size:14px}
.vscatter-foot{margin-top:10px;font-size:12.5px;color:#9a9aa2}
/* сетка брендов на хабе (mgrid живёт в brand.css, хаб грузит value.css) — 3 в ряд */
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:14px 0}
@media(max-width:560px){.mgrid{grid-template-columns:1fr 1fr;gap:8px}}
@media(max-width:380px){.mgrid{grid-template-columns:1fr}}
/* таблица сравнения с конкурентами (vs Blue Book / Edmunds / NADA) */
.cvcmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;border:1px solid #26262a}
.cvcmp{width:100%;border-collapse:collapse;font-size:13px;min-width:580px}
.cvcmp th,.cvcmp td{padding:11px 13px;text-align:left;border-bottom:1px solid #1f1f23}
.cvcmp thead th{font:700 11.5px/1.2 Archivo,sans-serif;color:#9a9aa2;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #333}
.cvcmp tbody td:first-child{color:#9a9aa2;font-weight:600}
.cvcmp .me{background:rgba(209,19,59,.08)}
.cvcmp thead th.me{color:#e23158}
.cvcmp .y{color:#fff;font-weight:700}
.cvcmp .n{color:#56565e}
.cvcmp td.me{color:#fff;font-weight:700}
.cvcmp tbody tr:last-child td{border-bottom:0}
.vres-bar{position:relative;height:8px;background:#26262a;margin:18px 0 8px}
.vres-bar i{position:absolute;top:0;bottom:0;background:#d1133b}
.vres-bar b{position:absolute;top:-4px;width:2px;height:16px;background:#fff}
.vres-ends{display:flex;justify-content:space-between;font:600 13px/1 Archivo,sans-serif;color:#c9c9cf}
.vres-ends span small{display:block;font:500 10px/1.4 Archivo;color:#76767e;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.vres-meta{margin-top:16px;font:500 13px/1.5 Archivo,sans-serif;color:#86868e}
.vres-meta b{color:#c9c9cf}
.vres-cta{display:inline-block;margin-top:16px;background:#fff;color:#0a0a0b;font:700 14px/1 Archivo,sans-serif;padding:13px 20px;text-decoration:none;border:0}
.vres-cta:hover{background:#e9e9ec}
.vres-empty{display:none;background:#171719;border:1px solid #34343a;padding:18px;margin:14px 0;color:#a8a8b0;font:500 14px/1.5 Archivo}
.vres-empty.on{display:block}

/* ── три цены (trade-in / private / dealer) ── */
.v3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#26262a;border:1px solid #26262a;margin:6px 0}
.v3 > div{background:#0f0f10;padding:14px 16px}
.v3 .v3-l{font:600 11px/1 Archivo;letter-spacing:.08em;text-transform:uppercase;color:#9a9aa2;margin:0 0 7px}
.v3 .v3-p{font:800 21px/1 Archivo;color:#fff}

/* ── сетка популярных моделей ── */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0}
.vmcard{display:block;background:#0f0f10;border:1px solid #26262a;padding:16px;text-decoration:none;transition:border-color .15s}
.vmcard:hover{border-color:#d1133b}
.vmcard .vm-n{font:700 15px/1.2 Archivo;color:#f4f4f5;margin:0 0 4px}
.vmcard .vm-p{font:800 20px/1 Archivo;color:#d1133b}
.vmcard .vm-s{font:500 11px/1.4 Archivo;color:#76767e;margin-top:5px}

/* ── контекст-линки на другие инструменты ── */
.vtools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0}
.vtool{display:block;background:#0f0f10;border:1px solid #26262a;padding:18px;text-decoration:none;transition:border-color .15s}
.vtool:hover{border-color:#d1133b}
.vtool .vt-h{font:700 15px/1.2 Archivo;color:#f4f4f5;margin:0 0 5px}
.vtool .vt-d{font:500 13px/1.45 Archivo;color:#9a9aa2}

/* ── таблица оценки по годам (модельная) ── */
.vtbl{width:100%;border-collapse:collapse;margin:6px 0;font:500 14px/1.3 Archivo}
.vtbl th{text-align:left;font:600 11px/1 Archivo;letter-spacing:.06em;text-transform:uppercase;color:#9a9aa2;padding:10px 12px;border-bottom:1px solid #34343a}
.vtbl td{padding:11px 12px;border-bottom:1px solid #1d1d20;color:#d4d4d8}
.vtbl tr:hover td{background:#131315}
.vtbl .vt-yr{font-weight:700;color:#fff}
.vtbl .vt-mid{color:#d1133b;font-weight:700}

@media(max-width:680px){
  .vest-grid.vg-mm,.vest-grid.vg-vin{grid-template-columns:1fr;gap:10px}   /* всё в столбик — гарантированно влезает */
  .vest-grid>*{min-width:0}                                                /* фикс переполнения grid */
  .vest-grid .vest-btn{grid-column:auto;height:auto;margin-top:2px}
  .vbody{padding:16px}
  .vtabs .vtg{padding:13px 14px;font-size:12px}
  .vgrid,.vtools,.v3{grid-template-columns:1fr}
  .vres-big{font-size:30px}
  .vsb .sb-l{width:96px}
}