/* Прайс машины (22.10.2026) */
.page.page-wide { max-width: 1320px; }
.price-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; color: #fff; }
.price-head .muted { color: rgba(255,255,255,.85); }
.price-head .spacer { flex: 1; }
.price-stats { background: var(--surface); border-radius: 8px; box-shadow: var(--shadow); padding: 16px; display: grid; gap: 12px; }
.stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.stat { display: grid; gap: 2px; padding: 10px 12px; border-radius: 6px; background: var(--list); }
.stat small { font-size: 12px; font-weight: 600; color: var(--muted); }
.stat b { font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.stat span { font-size: 12px; }
.stat.good b { color: var(--ok); } .stat.bad b { color: var(--danger); }
.price-bar { height: 6px; border-radius: 99px; background: var(--list); overflow: hidden; }
.price-bar i { display: block; height: 100%; background: var(--accent); }
.price-hint { margin: 0; font-size: 13px; }
.form-row .field.price-narrow { flex: 0 1 190px; }
.form-row .field.price-wide { flex: 2 1 260px; }
.price-table td { padding: 6px 8px; }
.price-table th.num, .price-table td.num { text-align: right; }
.price-table .nowrap { white-space: nowrap; }
.price-table .cell-input { padding: 5px 8px; border-color: transparent; background: transparent; min-width: 120px; transition: border-color .1s, background .3s; }
.price-table .cell-input:hover { border-color: var(--line); }
.price-table .cell-input:focus { border-color: var(--accent); background: var(--surface); }
.price-table .cell-input.num { text-align: right; min-width: 80px; width: 100px; font-variant-numeric: tabular-nums; }
.price-table .cell-input.saving { opacity: .6; }
.price-table .cell-input.saved { background: color-mix(in srgb, var(--ok) 18%, transparent); }
.price-thumb { width: 52px; }
.price-thumb img { width: 44px; height: 44px; object-fit: cover; border-radius: 4px; display: block; }
.price-comp { white-space: nowrap; font-variant-numeric: tabular-nums; }
.price-comp .btn.sm { padding: 2px 8px; margin-left: 6px; }
@media (max-width: 700px) { .stat b { font-size: 18px; } }
.price-table td.pos { color: var(--ok); font-weight: 600; } .price-table td.neg { color: var(--danger); font-weight: 600; }
.price-note { margin: 2px 8px 0; font-size: 12px; max-width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.price-head .btn { background: var(--surface); color: var(--ink); }