/* Claude v3.1 · Lead — /vehicles/ на планшете и ПК (≥768), пока автомобиль не выбран: статус SELECT_VEHICLE — нет «選択中の車種»,
   в итогах только «車種を選択» без счётчика. Было: форма в колонке 225 px (кнопка «表示» на RU 1440×900 ниже первого экрана) и рядом
   пустая панель «掲載商品 / 車種を選択». Стало: форма — карточка во всю ширину, поля в ряд с номерами шагов, маскот слева указывает
   на поля (пара поз guide-point день/ночь), пустая панель скрыта — задачу показывает сама форма. Ошибки (есть счётчик «0点»)
   и состояния с выбранным автомобилем не меняются. Второй переключатель JA/RU/EN в заголовке скрыт и здесь (на телефоне — m3-chrome):
   ссылки языка в шапке так же сохраняют make/model/vehicle_key. */
@media (min-width:768px){
  .hg-store .hg-vehicle-heading-tools>.hg-vehicle-languages{display:none}
  .hg-store .hg-vehicle-heading-tools:not(:has(>:not(.hg-vehicle-languages))){display:none}
  .hg-store .hg-vehicle-heading>.hg-vehicle-note{margin-top:12px}

  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-layout{display:block;padding-bottom:48px}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-results{display:none}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .jp-filter-sidebar{position:static;width:auto;max-width:none;margin:0}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-selector{min-height:214px;padding:26px 32px 26px 236px;background:var(--hg-white) url(mascot/pose-guide-point-480.webp) no-repeat 44px 18px/176px auto;background-image:image-set(url(mascot/pose-guide-point-320.webp) 1x,url(mascot/pose-guide-point-480.webp) 2x);overflow:hidden}
  html[data-theme=dark] .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-selector{background-image:url(mascot/pose-night-guide-point-480.webp);background-image:image-set(url(mascot/pose-night-guide-point-320.webp) 1x,url(mascot/pose-night-guide-point-480.webp) 2x)}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-selector>h2{margin:0;font-size:20px}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-change{margin:0}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-change>summary{display:none}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;align-items:end;margin-top:16px;counter-reset:hgv-step}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>*{min-width:0;margin:0;padding:0}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>form:nth-of-type(3){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:end}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>form:nth-of-type(3) label{grid-column:1/-1}
  /* столбцы явно: общее правило фильтров ≤900 (.jp-filters form>select{grid-column:2}) иначе сдвигает поле вправо, а кнопку — на новую строку */
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>form:nth-of-type(3) select{grid-column:1}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>form:nth-of-type(3) .jp-button{grid-column:2;width:auto;min-width:132px;margin:0;padding-inline:28px;font-size:14px}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>.hg-vehicle-hint{order:9;grid-column:1/-1}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>.hg-vehicle-hint .jp-button{margin-top:0}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms label{display:flex;align-items:center;gap:8px}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms label::before{counter-increment:hgv-step;content:counter(hgv-step);display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--hg-red);color:#fff;font-size:11px;font-weight:800;line-height:1}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-selector>.jp-reset{display:inline-block;margin-top:14px;text-align:left}
}
@media (min-width:1100px){
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}
  .hg-store .hg-vehicle-page:not(:has(.hg-vehicle-selected)):not(:has(.jp-results-toolbar [role=status])) .hg-vehicle-choice-forms>form:nth-of-type(3){grid-column:auto}
}
