/* Главная: сетка, первый экран, строка «Найти», автообзоры, лента, сервисы, марки и модели, «Вы искали». */

.home { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--page-gap); }
.home > * { grid-column: 1 / -1; min-width: 0; }
.home--vin { grid-template-columns: minmax(0, 2.3fr) minmax(0, 1fr); }
.home--vin > .home__hero { grid-column: 1; }
.home--vin > .home__vin { grid-column: 2; }
@media (max-width: 1279px) { .home--vin { grid-template-columns: minmax(0, 1.9fr) minmax(0, 1fr); } }
@media (max-width: 1099px) { .home--vin { grid-template-columns: minmax(0, 1fr); } .home--vin > .home__hero, .home--vin > .home__vin { grid-column: 1; } }
@media (max-width: 759px) {
  .home { display: flex; flex-direction: column; gap: var(--gutter-mobile); }
  .home__hero { order: 1; }
  .home__recent { order: 2; }
  .home__stories { order: 3; }
  .home__list { order: 4; }
  .home__vin { order: 5; }
  .home__services { order: 6; }
  .home__brands { order: 7; }
  .home__models { order: 8; }
}

/* ---------- Первый экран ---------- */
.home-hero { display: flex; flex-direction: column; min-width: 0; padding: 26px 30px 30px; }
.home-hero__title { margin: 0 0 var(--space-4); font: 700 32px/38px var(--font-primary); letter-spacing: var(--tracking-tight); text-wrap: balance; }
.home-hero__cats { display: none; flex-direction: column; gap: 6px; }
.home-hero__cat {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 56px;
  padding: 0 10px 0 var(--space-2);
  border-radius: 14px;
  background: var(--surface-secondary);
  color: var(--text-primary);
  font-size: 17px;
}
.home-hero__cat:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.home-hero__cat--accent { background: var(--color-accent-v2); }
.home-hero__cat-icon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: var(--color-white); }
.home-hero__cat--accent .home-hero__cat-icon { background: var(--brand-primary); color: var(--color-white); }
.home-hero__cat-label { flex: 1; display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.home-hero__cat-label em { font-style: normal; font-size: 13px; font-weight: 500; padding: 2px var(--space-2); border-radius: 6px; background: var(--brand-primary); color: var(--color-white); }
.home-hero__cat-count { font-family: var(--font-secondary); font-size: 14px; color: var(--text-secondary); }
.home-hero__cat-arrow { color: var(--text-tertiary); }
.home-hero__desk { display: flex; flex-direction: column; flex: 1; }
.home-hero__top { padding-bottom: 18px; border-bottom: 1px solid var(--border-subtle); margin-bottom: var(--space-4); }
.home-hero__seg { width: 420px; max-width: 100%; }
.home-hero__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: 22px; }
.home-hero__grid > * { min-width: 0; }
.home-hero__pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-2); }
.home-hero__go { display: flex; align-items: center; gap: 20px; margin-top: auto; padding-top: 20px; border-top: 1px solid var(--border-subtle); }
.home-hero__show { width: 280px; }
.home-hero__adv { margin-left: auto; display: flex; align-items: center; gap: 10px; font: var(--font-ui-text); color: var(--text-primary); }
.home-hero__adv u { text-decoration: none; border-bottom: 1px solid var(--brand-primary); padding-bottom: 2px; }
.home-hero__adv:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
@media (max-width: 1279px) { .home-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 759px) {
  .home-hero { padding: 16px 12px 14px; }
  .home-hero__title { margin-bottom: var(--space-3); padding-inline: 4px; font-size: 24px; line-height: 28px; }
  .home-hero__cats { display: flex; }
  .home-hero__desk { display: none; }
}

/* Расширенный поиск (HomeAdvancedSearch редизайна) */
.adv-search__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 14px; align-items: end; margin-top: 8px; }
@media (max-width: 759px) {
  .adv-search__grid { grid-template-columns: minmax(0, 1fr); }
}
.adv-search__field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.adv-search__label { font: 500 13px/1.2 "Suisse Intl", Arial, Helvetica, sans-serif; font-size: 14px; color: var(--text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adv-search__pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.adv-search__checks { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; margin-top: 20px; }
.adv-search__panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 14px; align-items: end; margin-top: 16px; padding-top: 20px; border-top: 1px solid var(--border-subtle); }
.adv-search__panel > * { min-width: 0; }
@media (max-width: 759px) {
  .adv-search__panel { grid-template-columns: minmax(0, 1fr); }
}
.adv-search__inline { display: flex; align-items: center; height: 48px; }
.adv-search__note { margin-top: 16px; font: 400 14px/1.4 "Suisse Intl", Arial, Helvetica, sans-serif; color: var(--text-tertiary); }
.adv-search__foot { display: flex; justify-content: flex-end; gap: 12px; width: 100%; padding-top: 16px; border-top: 1px solid var(--border-subtle); }
@media (max-width: 759px) {
  .adv-search__foot { padding-top: 0; border-top: 0; }
}
.adv-search__reset-link { font: 500 15px/1.2 "Suisse Intl", Arial, Helvetica, sans-serif; color: var(--text-secondary); }
.bmodal__footer:has(.adv-search__foot) { position: sticky; bottom: -24px; z-index: 1; margin-inline: -24px; margin-bottom: -24px; padding: 0 24px 24px; background: #ffffff; }

/* ---------- Строка «Найти» ---------- */
.home-search { position: relative; margin-bottom: 18px; }
.home-search__row { display: flex; gap: var(--space-2); align-items: center; }
.home-search__field {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  height: 56px;
  padding: 0 10px 0 18px;
  border-radius: 14px;
  background: var(--color-white);
  box-shadow: inset 0 0 0 1.5px var(--color-ink);
  cursor: text;
}
.home-search__field:focus-within { box-shadow: inset 0 0 0 2px var(--brand-primary), 0 0 0 4px var(--color-accent-v2); }
.home-search__field b { font-size: 17px; font-weight: 700; }
.home-search__field input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: inherit; font-size: 17px; color: var(--text-primary); }
.home-search__field input::placeholder { color: var(--text-tertiary); }
.home-search__field input::-webkit-search-cancel-button { display: none; }
.home-search__clear { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--surface-secondary); color: var(--text-tertiary); }
.home-search__filter { display: none; flex: none; place-items: center; width: 54px; height: 54px; border-radius: 14px; background: var(--color-ink); color: var(--color-white); }
.home-search__filter:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.home-search__list {
  position: absolute;
  left: 0;
  right: 0;
  top: 62px;
  z-index: 60;
  display: flex;
  flex-direction: column;
  max-height: 380px;
  overflow-y: auto;
  padding: 6px;
  border-radius: 14px;
  background: var(--color-white);
  box-shadow: 0 14px 36px rgba(6, 8, 18, 0.18), 0 0 0 1px var(--border-subtle);
}
.home-search__option { display: flex; align-items: center; gap: var(--space-3); min-height: 50px; padding: 6px var(--space-3); border-radius: 10px; text-align: left; color: var(--text-primary); width: 100%; }
.home-search__option:hover, .home-search__option:focus-visible { background: var(--surface-secondary); outline: none; }
.home-search__mark { flex: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 20px; }
.home-search__mark .brand-mark { height: 18px; max-width: 28px; object-fit: contain; }
.home-search__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.home-search__text b { font-size: 16px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-search__text mark { background: none; color: inherit; font-weight: 600; }
.home-search__text small { font-size: 12px; color: var(--text-tertiary); }
.home-search__count { font-size: 13px; color: var(--text-tertiary); }
.home-search__empty { padding: 14px var(--space-3); font-size: 14px; color: var(--text-tertiary); }
@media (max-width: 759px) {
  .home-search__field { height: 54px; padding: 0 8px 0 14px; gap: 10px; }
  .home-search__field input { font-size: 16px; }
  .home-search__filter { display: grid; }
}

/* ---------- «Вы искали» ---------- */
.home-recent { display: none; padding: var(--space-4) 0; }
.home-recent__title { margin: 0 var(--space-4) var(--space-3); font: 700 21px/26px var(--font-primary); }
.home-recent__row { display: flex; gap: 10px; overflow-x: auto; padding: 0 var(--space-4); scrollbar-width: none; }
.home-recent__row::-webkit-scrollbar { display: none; }
.home-recent__item { flex: none; display: flex; align-items: center; gap: var(--space-2); width: 270px; min-height: 72px; padding: var(--space-2) var(--space-3) var(--space-2) var(--space-2); border-radius: 14px; background: var(--surface-secondary); color: var(--text-primary); font-size: 15px; }
.home-recent__item:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.home-recent__logo { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 10px; background: var(--color-white); }
.home-recent__logo .brand-mark { height: 22px; max-width: 36px; object-fit: contain; }
.home-recent__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.home-recent__text b, .home-recent__text small { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-recent__text b { font-weight: 500; }
.home-recent__text small { font-size: 13px; color: var(--text-tertiary); }
@media (max-width: 759px) { .home-recent:not([hidden]) { display: block; } }

/* ---------- Автообзоры ---------- */
.home-stories { padding: 22px 30px 26px; }
.home-stories__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: 18px; }
.home-stories__title { font: var(--font-h2); letter-spacing: -0.01em; }
.home-stories__all { display: flex; align-items: center; gap: 4px; font: var(--font-ui-text); color: var(--text-secondary); }
.home-stories__row { display: flex; gap: 20px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.home-stories__row::-webkit-scrollbar { display: none; }
.home-stories__story { flex: none; display: flex; flex-direction: column; align-items: center; gap: 10px; width: 124px; color: var(--text-primary); }
.home-stories__story:focus-visible { outline: none; }
.home-stories__story:focus-visible .home-stories__ring { box-shadow: var(--focus-ring); }
.home-stories__ring { width: 116px; height: 116px; padding: 3px; border-radius: 50%; background: conic-gradient(from 210deg, var(--brand-primary), var(--color-accent-v1), var(--brand-primary-pressed), var(--brand-primary)); }
.home-stories__story--seen .home-stories__ring { background: var(--border-default); }
.home-stories__disc { position: relative; display: block; width: 100%; height: 100%; border: 3px solid var(--color-white); border-radius: 50%; background: var(--surface-secondary); transition: filter var(--dur-fast) var(--ease); }
.home-stories__story:hover .home-stories__disc { filter: brightness(0.92); }
.home-stories__img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.home-stories__play { position: absolute; right: 4px; bottom: 4px; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 2px solid var(--color-white); border-radius: 50%; background: var(--color-netural-black); color: var(--color-white); }
.home-stories__cap { width: 100%; font-size: 13px; line-height: 17px; font-weight: 500; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1440px) {
  .home-stories { padding: 20px 24px 24px; }
  .home-stories__title { font-size: 24px; line-height: 30px; }
  .home-stories__story { width: 108px; }
  .home-stories__ring { width: 100px; height: 100px; }
}
@media (max-width: 759px) {
  .home-stories { padding: var(--space-4) 0; }
  .home-stories__head { margin: 0 var(--space-4) var(--space-3); }
  .home-stories__title { font: 700 21px/26px var(--font-primary); }
  .home-stories__all { display: none; }
  .home-stories__row { gap: var(--space-3); padding: 0 var(--space-4); }
  .home-stories__story { width: 72px; gap: 6px; }
  .home-stories__ring { width: 72px; height: 72px; padding: 2.5px; }
  .home-stories__disc { border-width: 2.5px; }
  .home-stories__play { display: none; }
  .home-stories__cap { font-size: 11px; line-height: 14px; font-weight: 400; }
}

/* Просмотрщик автообзоров */
.story-viewer { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; gap: 24px; background: rgba(6, 8, 18, 0.92); }
.story-viewer__card {
  position: relative;
  height: min(86vh, 780px);
  aspect-ratio: 9 / 16;
  max-width: 100vw;
  border-radius: 18px;
  overflow: hidden;
  background: var(--color-ink) center / cover no-repeat;
  box-shadow: 0 30px 80px rgba(6, 8, 18, 0.5);
  user-select: none;
  touch-action: none;
  outline: none;
}
.story-viewer__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; opacity: 0; transition: opacity 0.2s ease; }
.story-viewer__img--ready { opacity: 1; }
.story-viewer__shade { position: absolute; inset: 0; background: linear-gradient(rgba(6, 8, 18, 0.45), rgba(6, 8, 18, 0) 22%, rgba(6, 8, 18, 0) 55%, rgba(6, 8, 18, 0.78)); pointer-events: none; }
.story-viewer__bars { position: absolute; top: 10px; left: 10px; right: 10px; z-index: 3; display: flex; gap: 4px; }
.story-viewer__bar { flex: 1; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, 0.35); overflow: hidden; }
.story-viewer__bar i { display: block; height: 100%; background: var(--color-white); }
.story-viewer__head { position: absolute; top: 22px; left: 12px; right: 12px; z-index: 3; display: flex; align-items: center; gap: 8px; color: var(--color-white); font-size: 13px; line-height: 17px; }
.story-viewer__ava { flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--brand-primary); }
.story-viewer__ava img { height: 12px; width: auto; }
.story-viewer__src { flex: none; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.story-viewer__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: 0.8; }
.story-viewer__close { flex: none; display: flex; padding: 4px; color: var(--color-white); border-radius: var(--radius-full); }
.story-viewer__close:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.story-viewer__tap { position: absolute; top: 70px; bottom: 200px; z-index: 2; width: 40%; cursor: pointer; }
.story-viewer__tap--prev { left: 0; }
.story-viewer__tap--next { right: 0; }
.story-viewer__foot { position: absolute; left: 16px; right: 16px; bottom: 18px; z-index: 3; display: flex; flex-direction: column; gap: 6px; color: var(--color-white); }
.story-viewer__foot > * { margin: 0; }
.story-viewer__foot > .story-viewer__cta { margin-top: 8px; }
.story-viewer__caption { font: var(--font-ui-text); opacity: 0.9; }
.story-viewer__title { font-size: 22px; line-height: 26px; font-weight: 700; }
.story-viewer__year { font-size: 14px; line-height: 18px; opacity: 0.8; }
.story-viewer__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.story-viewer__amount { font: var(--font-price-sm); }
.story-viewer__monthly { font: 500 14px/18px var(--font-secondary); opacity: 0.85; }
.story-viewer__nav { flex: none; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: var(--color-white); transition: background var(--dur-fast) var(--ease); }
.story-viewer__nav:hover:not(:disabled) { background: rgba(255, 255, 255, 0.24); }
.story-viewer__nav:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.story-viewer__nav:disabled { opacity: 0.3; cursor: default; }
@media (max-width: 599px) {
  .story-viewer__card { width: 100vw; height: 100dvh; aspect-ratio: auto; border-radius: 0; }
  .story-viewer__foot { bottom: calc(18px + env(safe-area-inset-bottom)); }
  .story-viewer__nav { display: none; }
}

/* ---------- Лента ---------- */
.home-list { padding: 22px 30px 30px; }
.home-list__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-4); }
.home-list__title { font: var(--font-h2); letter-spacing: -0.01em; }
.home-list__title-phone { display: none; }
.home-list__sort { position: relative; display: flex; align-items: center; gap: var(--space-2); height: 48px; padding-left: var(--space-4); border-radius: var(--radius-md); background: var(--surface-secondary); font-size: 14px; }
.home-list__sort select {
  height: 100%;
  border: 0;
  background-color: transparent;
  font: inherit;
  color: var(--text-primary);
  outline: none;
  appearance: none;
  padding-right: 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
  cursor: pointer;
}
.home-list__sort:focus-within { box-shadow: var(--focus-ring); }
.home-list__view { display: none; gap: 4px; padding: 4px; border-radius: var(--radius-lg); background: var(--surface-secondary); }
.home-list__view button { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radius-md); color: var(--text-tertiary); }
.home-list__view button[aria-pressed='true'] { background: var(--color-white); color: var(--text-primary); box-shadow: var(--shadow-sm); }
.home-list__view button:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.home-list__cars { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-4); }
.home-list__cars--list { grid-template-columns: minmax(0, 1fr) !important; gap: var(--space-3); }
.home-list__cars--compact { gap: var(--space-2); }
.home-list__state { display: flex; flex-direction: column; align-items: center; gap: var(--space-3); padding-block: var(--space-6); color: var(--text-secondary); font: var(--font-small); }
.home-list__more { display: flex; justify-content: center; margin-top: 28px; }
.home-list__more > * { width: 280px; }
.home-list .pagination { margin-top: 28px; }
@media (max-width: 1279px) { .home-list__cars { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 1023px) { .home-list__cars { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 899px) { .home-list__cars { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 759px) {
  .home-list { padding: var(--space-4) var(--space-3); }
  .home-list__head { margin: 0 4px var(--space-3); }
  .home-list__title { font: 700 21px/26px var(--font-primary); }
  .home-list__title-desk { display: none; }
  .home-list__title-phone { display: inline; }
  .home-list__sort { display: none; }
  .home-list__view { display: flex; }
  .home-list__more { margin-top: var(--space-4); }
  .home-list__more > * { width: 100%; }
}

/* ---------- Сервисы ---------- */
.home-svc__heading { display: none; margin: 0 var(--space-4) var(--space-3); font: 700 20px/24px var(--font-primary); letter-spacing: -0.01em; }
.home-svc__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); }
.home-svc--single .home-svc__row { grid-template-columns: minmax(0, 1fr); }
.home-svc__card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 478px;
  padding: 26px 24px 0;
  overflow: hidden;
  border-radius: var(--radius-box);
  background: var(--color-white);
  color: var(--text-primary);
  text-align: left;
  width: 100%;
  transition: box-shadow var(--dur-fast) var(--ease);
}
.home-svc__card:hover { color: var(--text-primary); box-shadow: var(--shadow-md); }
.home-svc__card:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.home-svc--single .home-svc__card { min-height: 260px; flex-direction: row; align-items: stretch; padding: 26px 30px 0; }
.home-svc__copy { position: relative; z-index: 1; display: flex; flex-direction: column; max-width: 420px; }
.home-svc--single .home-svc__copy { padding-bottom: 26px; }
.home-svc__title { font: 700 26px/30px var(--font-primary); letter-spacing: -0.26px; }
.home-svc__text { margin-top: var(--space-4); font-size: 15px; line-height: 22px; color: var(--text-secondary); }
.home-svc__more { margin-top: 14px; font-size: 15px; line-height: 20px; color: var(--brand-primary-pressed); }
.home-svc__art { flex: none; align-self: center; width: 82%; aspect-ratio: 16 / 10; margin: auto 0 var(--space-4); background: url('/img/promo-car-md.webp') center bottom / contain no-repeat; pointer-events: none; }
.home-svc--single .home-svc__art { flex: 1; width: auto; max-width: 520px; margin: auto 0 0 auto; aspect-ratio: auto; }
@media (max-width: 1279px) { .home-svc__title { font-size: 20px; line-height: 24px; } }
@media (max-width: 899px) { .home-svc__row { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 759px) {
  .home-svc__heading { display: block; }
  .home-svc__row { display: flex; gap: 10px; overflow-x: auto; margin: 0 calc(-1 * var(--gutter-mobile)); padding: 0 var(--gutter-mobile); scroll-snap-type: x mandatory; scrollbar-width: none; }
  .home-svc__row::-webkit-scrollbar { display: none; }
  .home-svc__card { flex: none; width: 260px; min-height: 0; height: 200px; padding: var(--space-4); border-radius: 18px; scroll-snap-align: start; }
  .home-svc--single .home-svc__card { width: 100%; min-height: 0; padding: var(--space-4); flex-direction: column; }
  .home-svc__title { font-size: 17px; line-height: 21px; }
  .home-svc__text { margin-top: 4px; max-width: 170px; font-size: 13px; line-height: 18px; }
  .home-svc__more { display: none; }
  .home-svc__art { position: absolute; right: -6px; bottom: 0; width: 64%; aspect-ratio: 1; margin: 0; background-position: right bottom; }
  .home-svc--single .home-svc__art { width: 55%; max-width: none; aspect-ratio: 1; margin: 0; }
}

/* ---------- Марки и модели ---------- */
.home-index { padding: 22px 30px 24px; }
.home-index__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); margin-bottom: 14px; }
.home-index__title { font: var(--font-h2); letter-spacing: -0.01em; }
.home-index__phone { display: none; }
.home-index__all { flex: none; display: flex; align-items: center; gap: 4px; font: var(--font-ui-text); color: var(--text-secondary); }
.home-index__all:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
.home-index--open .home-index__chevron { transform: rotate(180deg); }
.home-index__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--space-5); }
.home-index__link {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  height: 42px;
  border-bottom: 1px solid var(--border-subtle);
  font-size: 15px;
  line-height: 20px;
  color: var(--text-primary);
}
.home-index__link:hover .home-index__name { color: var(--brand-primary-pressed); }
.home-index__link:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.home-index__mark { display: flex; align-items: center; justify-content: center; width: 28px; height: 24px; }
.home-index__mark .brand-mark { height: 18px; max-width: 26px; object-fit: contain; }
.home-index__name { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-index__count { font-family: var(--font-secondary); font-size: 13px; color: var(--text-tertiary); text-align: right; }
.home-index__arrow { display: none; color: var(--text-tertiary); }
@media (max-width: 1279px) { .home-index__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1023px) { .home-index__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 759px) {
  .home-index { padding: var(--space-4) 0 var(--space-2); }
  .home-index__head { align-items: baseline; margin: 0 var(--space-4) var(--space-2); }
  .home-index__title { font: 700 20px/24px var(--font-primary); }
  .home-index__desk { display: none; }
  .home-index__phone { display: inline; }
  .home-index__all { font-weight: 500; color: var(--brand-primary-pressed); }
  .home-index__grid { grid-template-columns: minmax(0, 1fr); }
  .home-index:not(.home-index--open) .home-index__grid > li:nth-child(n + 9) { display: none; }
  .home-index__link { grid-template-columns: 28px minmax(0, 1fr) auto auto; height: 48px; padding: 0 var(--space-4); }
  .home-index__grid > li:last-child .home-index__link { border-bottom: 0; }
  .home-index__count { font-size: 14px; }
  .home-index__arrow { display: block; }
}

/* ---------- «История авто по VIN» (только при NUXT_PUBLIC_SHOW_WIP) ---------- */
.home-vin { position: relative; overflow: hidden; display: flex; flex-direction: column; min-width: 0; padding: 26px 30px 30px; border-radius: 20px; background: linear-gradient(180deg, #00091b 0%, #2b8aec 100%); color: #ffffff; scroll-margin-top: 12px; }
@media (max-width: 1440px) {
  .home-vin { padding: 22px 24px 24px; }
}
@media (max-width: 759px) {
  .home-vin { padding: 18px 16px 16px; }
}
.home-vin__copy { display: flex; flex-direction: column; max-width: 420px; }
.home-vin__title { margin: 0; font: 700 30px/36px "Suisse Intl", Arial, Helvetica, sans-serif; letter-spacing: -0.26px; white-space: pre-line; }
@media (max-width: 1279px) {
  .home-vin__title { font-size: 26px; line-height: 30px; }
}
@media (max-width: 759px) {
  .home-vin__title { font-size: 20px; line-height: 24px; white-space: normal; }
}
.home-vin__text { margin-top: 14px; font-size: 15px; line-height: 22px; white-space: pre-line; }
@media (max-width: 759px) {
  .home-vin__text { margin-top: 10px; font-size: 14px; line-height: 20px; opacity: 0.85; white-space: normal; }
}
.home-vin__form { display: flex; flex-direction: column; gap: 12px; margin-top: 18px; }
.home-vin__input { height: 48px; padding: 0 16px; border: 0; border-radius: 8px; background: #ffffff; box-shadow: inset 0 0 0 1px var(--border-default); font: inherit; font-size: 16px; letter-spacing: 0.04em; color: var(--text-primary); outline: none; }
.home-vin__input::placeholder { color: var(--text-tertiary); letter-spacing: 0; }
.home-vin__input:focus { box-shadow: inset 0 0 0 1.5px var(--brand-primary), 0 0 0 4px rgba(62, 198, 150, 0.25); }
.home-vin__submit { width: 280px; max-width: 100%; }
@media (max-width: 759px) {
  .home-vin__submit { width: 100%; }
}
.home-vin__links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 18px; }
.home-vin__links button { font-size: 15px; line-height: 17px; color: #1de9a3; text-decoration: underline dashed; text-underline-offset: 4px; }
.home-vin__links button:hover { color: #ffffff; }
.home-vin__links button:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(62, 198, 150, 0.32); }