/* ============================================================
   ForCar — model.css · стили ТОЛЬКО модель-страницы
   ForCar Score · recalls · severity · бары · VIN-breakdown · year-strip
   ============================================================ */

/* .metascore (рейтинг в hero) вынесен в base.css — общий компонент для модель/бренд/любой страницы */

/* year filter — чипы-кнопки (табы), активный подсвечен */
.yrstrip{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.yrchip{font-family:inherit;font-weight:800;font-size:13px;border:1px solid var(--line2);background:none;padding:6px 11px;color:var(--muted);cursor:pointer}
.yrchip b{color:var(--red2);margin-left:5px}
.yrchip:hover{border-color:var(--red);color:#fff}
.yrchip.active{border-color:var(--red);background:var(--red);color:#fff}
.yrchip.active b{color:#fff}

/* MPG — переключатель движка (чипы), показан 1 выбранный движок (контент всех в DOM) */
.mpg-eng{display:none}
.mpg-eng.active{display:block}
/* recalls — фильтр по году: показан 1 выбранный год (контент всех годов в DOM для индексации) */
.recyears{margin-top:6px}
.rec-year{display:none}
.rec-year.active{display:block}
.rec-yr-title{display:flex;align-items:center;gap:11px;flex-wrap:wrap;font-weight:900;font-size:18px;margin:4px 0 14px;scroll-margin-top:120px}
.rec-yc{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--red2);border:1px solid var(--line2);padding:2px 9px}
/* recalls accordion */
.rec details{border:1px solid var(--line);border-left:3px solid var(--red);margin-bottom:8px;background:var(--panel)}
.rec summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px}
.rec summary::-webkit-details-marker{display:none}
.rec summary:hover,.rec details[open] summary{background:var(--panel2)}
.rec .rc-h{font-weight:800;font-size:15px}
.rec .rc-y{color:var(--red2);font-weight:900;margin-right:10px}
.rec .rc-meta{font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.rec .rc-body{padding:2px 16px 16px;font-family:var(--serif);font-size:15px;color:#d9d9dd;line-height:1.55}
.rec .rc-body p{margin-top:9px}
.rec .rc-body b{color:#fff;font-weight:600;font-family:var(--sans)}

/* severity grid */
.sevgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line)}
.sev{padding:16px 18px;border-right:1px solid var(--line)}
.sev:last-child{border-right:none}
.sev .n{font-weight:900;font-size:26px;line-height:1}
.sev .n.r{color:var(--red2)}
.sev .l{font-size:12px;color:var(--muted);margin-top:6px;font-weight:700}
@media(max-width:680px){.sevgrid{grid-template-columns:repeat(2,1fr)}.sev{border-bottom:1px solid var(--line)}}

/* component bars (% внутри бара) */
.sharecell{width:220px}
.barwrap{position:relative;height:28px;background:rgba(255,255,255,.07);min-width:150px}
.barfill{position:absolute;left:0;top:0;height:100%;background:var(--red)}
.barpct{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-weight:800;font-size:13px;color:#fff}

/* VIN breakdown (.vintitle/.vinmap/.vseg/.vinleg/.yearcode) — вынесены в base.css (общий компонент: модель + главная) */

/* .scorecard / .score-* / .sb вынесены в base.css (общий компонент: модель + бренд) */

/* Cost-to-own — калькулятор депрециации (поле+степпер = глобальный .numfield/.nstep в base.css) */
.depcalc{margin:18px 0}
.depcalc-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.depcalc-top label{font-family:var(--serif);font-size:16px;color:var(--txt)}
.depcalc-table .dep-val{font-weight:800;color:var(--txt)}

/* Owner specs & fitment — карточки групп */
.fitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px;margin:18px 0}
.fitcard{border:1px solid var(--line);background:var(--panel);padding:15px 18px 8px}
.fitcard-h{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--txt);margin-bottom:10px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.fitcard-h svg{width:17px;height:17px;fill:var(--red2);flex:none}
.fitrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.fitcard .fitrow:last-child{border-bottom:none}
.fitrow .fl{color:var(--muted);font-family:var(--serif);font-size:14px}
.fitrow .fv{color:var(--txt);font-family:var(--mono);font-size:12.5px;text-align:right}
.fitrow .byvin{font-size:10px;color:var(--red2);border:1px solid var(--line2);padding:2px 7px;text-transform:uppercase;font-family:var(--sans);font-weight:700;letter-spacing:.04em;white-space:nowrap}