/* Витрина без цен (решение заказчика 02.09.2026). Подключается последним, поверх
   style.css, models-v2.css и compact.css: правит ровно два места, где стояла цена.

   Ни одного нового цвета и кегля мимо системы: выгода занимает тот же слот,
   что и цена, и набрана теми же размерами — меняется только смысл и цвет. */

/* ---------- модельный ряд ---------- */

/* Выгода поднимается в начало правой колонки — на место, откуда взгляд начинает
   читать предложение. order работает потому, что .mv2__panel — display: contents,
   и выгода остаётся прямым флекс-элементом .mv2__offer. */
.mv2__benefit {
  order: -1;
  margin-top: 0;
  display: grid;
  justify-items: start;
  gap: 2px;
  padding: 16px 20px;
}
.mv2__benefit b { font-size: 36px; line-height: 1.05; }

/* Подпись под лестницей объясняет, куда делась цена, — набрана как сноска,
   которая тут стояла раньше. */
.mv2__fine { margin-top: -10px; }

/* Свободную высоту колонки собираем в один просвет — между лестницей
   и характеристиками. Раньше её делили три margin-top: auto (выгода, плитки,
   кнопки); выгода ушла наверх, и оставшиеся два рвали низ карточки надвое. */
.mv2__specs { margin-top: 0; }

/* ---------- автомобили в наличии ---------- */

/* Тот же слот, что занимала цена: прижат к низу карточки, те же кегль и трекинг.
   Плашки с выгодой на фотографии больше нет — число одно и стоит здесь. */
.car__benefit { margin-top: auto; display: grid; gap: 2px; }
.car__benefit span { font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--ash-dim); }
.car__benefit b { font-size: 26px; font-weight: 700; letter-spacing: -.03em; color: var(--amber); white-space: nowrap; }

/* ---------- невысокие экраны ---------- */

/* Ступени компактного режима из compact.css: карточка должна остаться в окне
   ноутбука, поэтому заголовок выгоды садится вместе с остальным. */
@media (min-width: 1181px) and (max-height: 900px) {
  .mv2__benefit { padding: 12px 16px; }
  .mv2__benefit b { font-size: 30px; }
}

@media (min-width: 1181px) and (max-height: 780px) {
  .mv2__benefit { padding: 10px 16px; }
  .mv2__benefit b { font-size: 27px; }
}

@media (max-width: 820px) {
  .mv2__benefit b { font-size: 30px; }
  .car__benefit b { font-size: 24px; }
}