/* Умный поиск — дополнение к styles.css основного сайта */

/* Светлая тема поиска и кабинета — те же токены, что на главной. */
body.ss-site {
  background: var(--surface);
  color: var(--ink);
}

body.ss-site .ss-main {
  padding-top: 24px;
}

/* Прямая ссылка ?lot= — сразу экран лота, без мигания формы поиска */
html.ss-boot-lot body.ss-site .ss-hero,
html.ss-boot-lot body.ss-site .ss-tabs,
html.ss-boot-lot body.ss-site .ss-main > .calc-hint,
html.ss-boot-lot #panel-setup,
html.ss-boot-lot #panel-digest {
  display: none !important;
}
html.ss-boot-lot #panel-lot {
  display: block !important;
}
.ss-lot-boot-loading {
  margin: 24px 0;
  padding: 28px 20px;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  background: #fff;
  color: #5c6672;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-align: center;
}

/* Верхний блок «приложение / помощник / вкладки» — больше не показываем */
body.ss-site .ss-hero,
body.ss-site .ss-tabs,
body.ss-site .ss-main > .calc-hint:first-child {
  display: none !important;
}

body.ss-site .ss-hero h1 {
  color: var(--ink);
}

body.ss-site .calc-box,
body.ss-site .ss-lot-page.calc-box {
  background: var(--bg);
  border: 1px solid var(--border);
  box-shadow: 0 1px 4px rgba(27, 38, 59, 0.04);
}

body.ss-site .ss-panel-badge {
  display: none !important;
}

/* Умный поиск — шапка: все пункты меню всегда видны (перебивает старый кэш SW/PWA). */
.header .nav a[href^="/#"] {
  display: inline-flex !important;
}

.ss-main { padding: 28px 16px 48px; }

.ss-panel-badge {
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.ss-hero { margin-bottom: 20px; }
.ss-hero h1 { font-size: 1.75rem; color: var(--dark); margin-bottom: 8px; }

.ss-tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
.ss-tab {
  border: 1px solid var(--border);
  background: var(--bg);
  color: var(--text);
  border-radius: 999px;
  padding: 8px 16px;
  cursor: pointer;
  font: inherit;
}
.ss-tab.active { background: var(--dark); color: #fff; border-color: var(--dark); }

.ss-panel { display: none; }
.ss-panel.active { display: block; }

/* Форма поиска — как Panel PWA, без плиток и calc-box */
.ss-form-screen {
  --ss-accent: var(--brand);
  --ss-form-border: rgba(0, 0, 0, 0.12);
  max-width: 560px;
  margin: 0 auto;
}

/* Лента поиска (вариант B): всё на одном экране */
.ss-form-screen--left,
.ss-form-screen--wizard,
.ss-form-screen--tape {
  margin: 0;
  max-width: min(480px, 100%);
}

.ss-tape-rail,
.ss-wizard-rail {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.ss-tape-head {
  margin-bottom: 10px;
}

.ss-tape-head-label {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

.ss-tape-prefetch {
  margin: 4px 0 0;
  font-size: 12px;
}

.ss-tape-section {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
  border-top: 1px solid var(--ss-form-border);
}

.ss-tape-section:first-child,
.ss-tape-section--open:first-of-type {
  border-top: none;
  padding-top: 0;
}

.ss-tape-section__title {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--text, #1a2332);
}

.ss-tape-section__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
}

.ss-tape-section__toggle .ss-tape-section__title {
  margin: 0;
}

.ss-tape-section__chev {
  color: var(--muted);
  font-size: 12px;
  line-height: 1;
  transition: transform 0.15s ease;
}

.ss-tape-section.is-open .ss-tape-section__chev {
  transform: rotate(180deg);
}

.ss-tape-section__body {
  margin-top: 10px;
}

.ss-tape-section__body[hidden] {
  display: none !important;
}

.ss-form-actions--tape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin-top: 8px;
  padding-top: 14px;
  border-top: 1px solid var(--ss-form-border);
}

.ss-wizard-rail .ss-wizard-step {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.ss-form-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ss-form-stack--compact {
  gap: 12px;
}

.ss-form-stack .ss-form-line-field,
.ss-form-stack .ss-form-line-row {
  margin-bottom: 0;
}

.ss-filter-group {
  padding: 10px 0 2px;
  border-top: 1px solid var(--ss-form-border);
}

.ss-filter-group:first-child {
  border-top: none;
  padding-top: 0;
}

.ss-filter-group__title {
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}

.ss-filter-group__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 16px;
}

.ss-filter-group__grid--damage {
  grid-template-columns: 1fr 1fr;
}

.ss-body-field.is-locked select {
  opacity: 0.72;
  pointer-events: none;
  color: var(--muted);
}

/* Пара полей в ряд — селекты на одной линии (без «лесенки») */
.ss-form-line-row--pair {
  align-items: start;
}
.ss-form-line-row--pair .ss-form-line-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.ss-states-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 10px;
  max-height: 220px;
  overflow-y: auto;
  padding: 2px 0;
  -webkit-overflow-scrolling: touch;
}

.ss-states-checks label {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
}

.ss-states-checks .ss-state-abbr {
  font-weight: 700;
  min-width: 1.5em;
  color: var(--text);
}

.ss-states-checks .ss-state-name {
  color: var(--muted);
  font-size: 11px;
}

.ss-states-map--hidden {
  display: none !important;
}

@media (max-width: 520px) {
  .ss-filter-group__grid,
  .ss-filter-group__grid--damage {
    grid-template-columns: 1fr;
  }
}

.ss-wizard-step-label {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

.ss-wizard-head-top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 12px;
  margin-bottom: 4px;
}

.ss-wizard-head-top .ss-wizard-step-label {
  margin: 0;
  flex: 1 1 auto;
}

.ss-wizard-change-vehicle {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

.ss-wizard-vehicle-summary {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text, #1a2332);
}

.ss-wizard-step[hidden] {
  display: none !important;
}

.ss-wizard-rail .ss-wizard-step[hidden] {
  display: none !important;
}

.ss-wizard-step--active {
  display: block;
  animation: ss-wizard-in 0.38s ease both;
}

@keyframes ss-wizard-in {
  from {
    opacity: 0;
    transform: translateX(28px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.ss-wizard-rail .ss-wizard-step:first-child.ss-wizard-step--active {
  animation: none;
}

.ss-form-block--nested {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ss-form-border);
}

.ss-form-actions--step {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--ss-form-border);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}

.ss-form-actions--step .ss-form-status {
  flex: 1 1 100%;
  margin: 0;
}

.ss-form-block {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--ss-form-border);
}

.ss-form-block--map {
  border-bottom: none;
  padding-bottom: 0;
}

.ss-form-lead {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--text, #1a2332);
}

.ss-form-section-label {
  margin: 0 0 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
}

.ss-form-status {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--muted);
  min-height: 1em;
}

.ss-form-status--actions {
  flex: 1;
  margin: 0;
  text-align: left;
}

.ss-form-line-field {
  margin-bottom: 12px;
}

.ss-form-line-field label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  margin-bottom: 2px;
}

.ss-form-line-field select,
.ss-form-line-field input[type="number"],
.ss-form-line-field input[type="text"] {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--ss-form-border);
  border-radius: 0;
  padding: 4px 0 5px;
  background: transparent;
  font: inherit;
  font-size: 15px;
  color: var(--text, #1a2332);
  -webkit-appearance: none;
  appearance: none;
}

.ss-form-line-field select:focus,
.ss-form-line-field input[type="number"]:focus,
.ss-form-line-field input[type="text"]:focus {
  outline: none;
  border-bottom-color: var(--ss-accent);
}

.ss-form-line-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: end;
}

.ss-form-line-row--vehicle-type {
  grid-template-columns: 1fr;
  margin-bottom: 8px;
}

.ss-form-line-row--pair,
.ss-form-line-row--years {
  margin-bottom: 8px;
}

/* Список годов (от / до) — как у конкурентов: сразу много строк */
.ss-year-picker {
  position: relative;
}

.ss-year-picker__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--ss-form-border);
  border-radius: 0;
  padding: 4px 0;
  background: transparent;
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  color: var(--text, #1a2332);
  text-align: left;
  cursor: pointer;
  line-height: 1.2;
  -webkit-tap-highlight-color: transparent;
}

.ss-year-picker__trigger[aria-expanded="true"] {
  border-bottom-color: var(--ss-accent, var(--accent));
}

.ss-year-picker.is-open > label {
  color: var(--ss-accent, var(--accent));
}

.ss-year-picker__chev {
  color: var(--muted);
  font-size: 12px;
  margin-left: 8px;
  line-height: 1;
}

.ss-year-picker__drop {
  --ss-year-row: 36px;
  --ss-year-rows: 8;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 40;
  height: calc(var(--ss-year-row) * var(--ss-year-rows));
  max-height: min(320px, 55vh);
  background: #fff;
  border: 1px solid var(--ss-form-border, var(--border));
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(16, 42, 74, 0.14);
  overflow: hidden;
}

.ss-year-picker__scroll {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c5cdd8 transparent;
  padding: 4px 0;
}

.ss-year-picker__scroll::-webkit-scrollbar {
  width: 5px;
}
.ss-year-picker__scroll::-webkit-scrollbar-thumb {
  background: #c5cdd8;
  border-radius: 999px;
}
.ss-year-picker__scroll::-webkit-scrollbar-track {
  background: transparent;
}

.ss-year-picker__item {
  display: block;
  width: 100%;
  min-height: var(--ss-year-row);
  padding: 8px 14px;
  border: none;
  background: transparent;
  color: #2a3441;
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.25;
}

.ss-year-picker__item:hover,
.ss-year-picker__item:focus-visible {
  background: #f3f5f8;
  outline: none;
}

.ss-year-picker__item.is-selected {
  color: var(--ss-accent, var(--accent));
  font-weight: 700;
  background: color-mix(in srgb, var(--ss-accent, #c8102e) 8%, transparent);
}

.ss-form-line-row .ss-form-line-field {
  margin-bottom: 0;
  min-width: 0;
}

.ss-form-line-row .ss-form-line-field label {
  margin-bottom: 1px;
  line-height: 1.2;
}

.ss-form-line-row .ss-form-line-field select,
.ss-form-line-row .ss-form-line-field input[type="number"] {
  padding: 4px 0;
  line-height: 1.2;
}

.ss-form-vin-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.ss-form-vin-row input {
  flex: 1;
  min-width: 0;
  max-width: calc(100% - 76px);
  border: none;
  border-bottom: 1px solid var(--ss-form-border);
  border-radius: 0;
  padding: 7px 0 8px;
  background: transparent;
  font: inherit;
  font-size: 16px;
  color: var(--text, #1a2332);
}

.ss-form-vin-row input:focus {
  outline: none;
  border-bottom-color: var(--ss-accent);
}

.ss-form-inline-btn {
  flex: 0 0 auto;
  border: none;
  background: none;
  color: #5c6672;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 7px 0 8px;
  cursor: pointer;
}

.ss-form-inline-btn:hover,
.ss-form-inline-btn:active {
  color: var(--ss-accent);
}

.ss-form-inline-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin: 0 0 2px;
}

.ss-form-inline-checks label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text, #1a2332);
  cursor: pointer;
}

.ss-form-inline-checks input {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--ss-accent);
}

.ss-form-odo-row {
  margin: 0;
}

.ss-linkish {
  border: none;
  background: none;
  padding: 0;
  color: var(--accent, #e63946);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ss-form-damage-block {
  margin-top: 2px;
}

.ss-form-damage-label {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
}

.ss-form-map-hint {
  margin: 0 0 6px;
  font-size: 11px;
  line-height: 1.35;
  color: var(--muted);
}

.ss-form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 18px;
  padding-top: 8px;
}

.ss-form-text-btn {
  border: none;
  background: none;
  color: var(--muted);
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 0;
  cursor: pointer;
}

.ss-form-text-btn--upper {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
}

.ss-form-text-btn--primary {
  color: var(--ss-accent);
  font-weight: 700;
}

.ss-form-text-btn--garbage.is-active {
  color: #b45309;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ss-form-block--map .ss-states-map {
  height: min(380px, 50vh);
  border: none;
  border-radius: 0;
  margin: 0 0 6px;
}

@media (max-width: 520px) {
  .ss-form-line-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .ss-form-line-row .ss-form-line-field {
    margin-bottom: 10px;
  }
}

.ss-h2 { font-size: 1rem; color: var(--muted); margin: 18px 0 10px; font-weight: 600; }
.ss-h2:first-child { margin-top: 0; }

.ss-intro { margin: 0 0 14px; max-width: 52rem; }
.ss-example { margin: 10px 0 0; }
.ss-optional {
  font-size: 11px;
  font-weight: 500;
  color: var(--muted);
  text-transform: none;
}
.ss-req {
  color: #c62828;
  font-weight: 700;
  margin-left: 2px;
}

.ss-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
}
.ss-span2 { grid-column: span 2; }

/* Блок марка / модель / годы */
.ss-vehicle-block {
  margin-bottom: 4px;
}
.ss-vehicle-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.ss-vehicle-row + .ss-vehicle-row {
  margin-top: 10px;
}
.ss-vehicle-row .calc-fld {
  margin: 0;
  min-width: 0;
}
.ss-vehicle-row select,
.ss-vehicle-row input[type="number"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  font: inherit;
  background: #fff;
}
.ss-vehicle-row--years .calc-fld-compact span {
  font-size: 0.82rem;
}
.ss-vehicle-row--years input[type="number"] {
  padding: 8px 10px;
  font-size: 0.92rem;
}
@media (max-width: 420px) {
  .ss-vehicle-row { gap: 8px; }
}

.ss-map-intro {
  margin: 0 0 10px;
  font-size: 0.9rem;
  line-height: 1.5;
  max-width: 52rem;
}

.ss-checks { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-bottom: 8px; }
.ss-checks label { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.ss-checks-compact { gap: 8px 14px; margin-bottom: 0; }
.ss-checks-compact label { font-size: 13px; }

/* --- Фильтры: плитки режима лота (вариант C) --- */
.ss-filter-section { margin-top: 20px; }
.ss-section-title {
  margin: 0 0 10px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
}
.ss-states-hint { margin: 0 0 8px; font-size: 0.88rem; }

.ss-mode-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ss-mode-tile {
  display: block;
  cursor: pointer;
  margin: 0;
}
.ss-mode-tile input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.ss-mode-tile-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-height: 76px;
  height: 100%;
  padding: 10px 10px;
  border: 2px solid var(--border);
  border-radius: var(--radius);
  background: #fff;
  transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}
.ss-mode-tile:hover .ss-mode-tile-inner {
  border-color: #c5cdd8;
  box-shadow: 0 4px 14px rgba(13, 27, 42, 0.06);
}
.ss-mode-tile:has(input:checked) .ss-mode-tile-inner {
  border-color: var(--accent);
  background: linear-gradient(180deg, #fff8f9 0%, #fff 100%);
  box-shadow: 0 4px 16px rgba(230, 57, 70, 0.12);
}
.ss-mode-tile-mark {
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid var(--border);
  background: #fff;
  flex-shrink: 0;
  position: relative;
}
.ss-mode-tile:has(input:checked) .ss-mode-tile-mark {
  border-color: var(--accent);
  background: var(--accent);
}
.ss-mode-tile:has(input:checked) .ss-mode-tile-mark::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.ss-mode-tile-title {
  font-weight: 700;
  font-size: clamp(0.78rem, 2.8vw, 0.95rem);
  color: var(--dark);
  line-height: 1.2;
}
.ss-mode-tile-desc {
  font-size: clamp(0.65rem, 2.2vw, 0.78rem);
  color: var(--muted);
  line-height: 1.3;
}
@media (max-width: 380px) {
  .ss-mode-tile-mark {
    width: 14px;
    height: 14px;
    border-radius: 4px;
  }
  .ss-mode-tile:has(input:checked) .ss-mode-tile-mark::after {
    left: 3px;
    top: 0;
    width: 4px;
    height: 7px;
  }
  .ss-mode-tile-inner {
    min-height: 68px;
    padding: 8px;
  }
}

.ss-damage-card {
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 16px 16px;
}
.ss-damage-rows {
  display: grid;
  gap: 14px;
}
@media (min-width: 720px) {
  .ss-damage-rows { grid-template-columns: 1fr 1fr; gap: 20px; }
}
.ss-damage-label {
  margin: 0 0 8px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
}

.ss-actions-bar {
  margin-top: 22px;
  padding-top: 4px;
}
.ss-actions-bar .ss-actions {
  margin-top: 0;
}
.ss-btn-search {
  width: 100%;
  max-width: 100%;
  padding: 14px 24px;
  font-size: 1.05rem;
}
.ss-setup-status {
  margin: 8px 0 0;
  min-height: 1.25em;
  text-align: center;
}
@media (max-width: 768px) {
  #panel-setup.active {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }
  .ss-actions-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    margin: 0;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid var(--border);
    box-shadow: 0 -8px 24px rgba(13, 27, 42, 0.08);
  }
  .ss-setup-status {
    font-size: 0.8rem;
    margin-top: 6px;
  }
}
@media (min-width: 769px) {
  .ss-btn-search {
    width: auto;
    min-width: 200px;
  }
  .ss-search-toolbar-row .btn-primary,
  .ss-search-toolbar-row .btn-secondary.btn-reset {
    min-width: 120px;
  }
  .ss-actions-bar .ss-actions {
    justify-content: flex-end;
  }
  .ss-actions-bar .ss-actions .btn-reset {
    min-width: 120px;
  }
  .ss-actions-bar .ss-actions .ss-btn-search {
    min-width: 120px;
  }
  .ss-setup-status { text-align: left; }
}

.ss-grid select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  font: inherit;
  background: #fff;
}

.ss-states-grid--hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ss-map-states-hint {
  margin: 0 0 16px;
}

.ss-quick-search-fld {
  margin-bottom: 12px;
}

.ss-quick-lookup-box {
  margin-bottom: 16px;
  border: 1px solid #dbeafe;
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

.ss-quick-lookup-lead {
  margin: 0 0 12px;
}

.ss-smart-search-box {
  margin-top: 0;
}

.ss-smart-search-toolbar {
  margin: 0 0 14px;
}

.ss-search-toolbar-row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.ss-search-toolbar-row__main {
  flex: 1;
  min-width: 0;
}

.ss-search-toolbar-row input {
  flex: 1;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  font: inherit;
  background: #fff;
}

.ss-search-toolbar-row .btn {
  flex-shrink: 0;
  white-space: nowrap;
}

.ss-actions .btn-secondary {
  margin-right: 0;
}

.ss-quick-search-row {
  display: flex;
  gap: 16px;
  margin-bottom: 8px;
}

.ss-link-btn {
  background: none;
  border: none;
  padding: 0;
  color: var(--accent);
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
}

.ss-states-map {
  height: min(420px, 55vh);
  width: 100%;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  margin: 10px 0 8px;
  z-index: 0;
}

.ss-states-map .leaflet-interactive {
  cursor: pointer;
}

.ss-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  font-size: 12px;
  color: var(--muted);
  margin: 0 0 12px;
}

.ss-map-legend-item::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  margin-right: 6px;
  vertical-align: middle;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba(0, 0, 0, 0.12);
}

.ss-map-legend-item--port::before {
  background: #1b4965
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a2.2 2.2 0 1 0 0 4.4 2.2 2.2 0 0 0 0-4.4zm-1.1 5.2h2.2v6.1c1.35.5 2.3 1.75 2.5 3.2l.9 5.1H7.5l.9-5.1c.2-1.45 1.15-2.7 2.5-3.2V7.2z'/%3E%3C/svg%3E")
    center / 8px no-repeat;
}

.ss-map-legend-item--base::before {
  background: #2a9d8f;
}

.ss-map-legend-item--state::before {
  background: rgba(230, 57, 70, 0.55);
  border: 1px solid #0d1b2a;
  border-radius: 2px;
}

.ss-map-pin {
  background: transparent !important;
  border: none !important;
}

.ss-map-pin__box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  border: 2px solid #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
}

.ss-map-pin--port .ss-map-pin__box {
  background: #1b4965;
}

.ss-map-pin--base .ss-map-pin__box {
  background: #2a9d8f;
}

.ss-map-pin__glyph {
  width: 13px;
  height: 13px;
  color: #fff;
}

.ss-map-pin__base-mark {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.leaflet-tooltip {
  font-size: 12px;
  padding: 4px 8px;
}

.ss-map-state-label {
  background: transparent !important;
  border: none !important;
  pointer-events: none;
}

.ss-map-state-label span {
  display: block;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #243447;
  text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff,
    0 0 3px #fff;
}

.ss-map-state-label.is-active span {
  color: #fff;
  text-shadow:
    -1px -1px 0 #5a1520,
    1px -1px 0 #5a1520,
    -1px 1px 0 #5a1520,
    1px 1px 0 #5a1520;
}

.ss-states-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
  gap: 6px 10px;
  max-height: 200px;
  overflow-y: auto;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fafbfc;
  margin-bottom: 8px;
}

.ss-state-item {
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  white-space: nowrap;
}

.ss-state-item input {
  margin: 0;
}

.ss-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }

.btn-primary {
  background: var(--accent);
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 10px 18px;
  font: inherit;
  cursor: pointer;
}
.btn-primary:hover { background: var(--accent-h); }
.btn-secondary {
  background: #fff;
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 18px;
  font: inherit;
  cursor: pointer;
}
.btn-primary:disabled { opacity: 0.6; cursor: wait; }

.ss-agent-strip {
  display: block;
  margin-bottom: 10px;
}
.ss-digest-nav {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
  padding: 2px 0 10px;
  border-bottom: 1px solid var(--border);
}
.ss-digest-nav-sep {
  width: 1px;
  height: 18px;
  margin: 0 12px;
  background: var(--border);
  flex-shrink: 0;
}
.ss-digest-nav-sep.hidden {
  display: none;
}
.ss-digest-nav-auctions {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
/* Во время загрузки не блокируем соседнюю площадку (Copart↔IAAI). */
.ss-digest-nav--loading .ss-digest-nav-tab[data-search-auction].ss-digest-nav-tab--active {
  opacity: 0.7;
}
.ss-digest-nav-tab {
  border: none;
  background: none;
  padding: 6px 8px;
  font: 700 11px/1.25 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--muted);
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.ss-digest-nav-tab--search {
  color: var(--dark);
  padding-left: 0;
}
.ss-digest-nav-tab--copart.ss-digest-nav-tab--active {
  color: #1a5fb4;
  background: rgba(26, 95, 180, 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(26, 95, 180, 0.32);
}
.ss-digest-nav-tab--iaai.ss-digest-nav-tab--active {
  color: #c0392b;
  background: rgba(192, 57, 43, 0.1);
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(192, 57, 43, 0.32);
}
.ss-digest-nav-total {
  margin: 0 0 0 auto;
  padding: 4px 0 4px 12px;
  font-size: 12px;
  color: var(--muted);
  white-space: nowrap;
}
.ss-digest-nav-total strong {
  margin-left: 0.35em;
  font-size: 15px;
  font-weight: 700;
  color: var(--accent);
}
.ss-agent-box {
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px;
  font-size: 13px;
}
.ss-agent-box.fail { border-color: #e63946; background: #fff5f5; }
.ss-agent-box.ok { border-color: #2a9d8f; background: #f0faf8; }

.ss-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.ss-stat {
  background: var(--bg-alt);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px;
  text-align: center;
}
.ss-stat b { display: block; font-size: 1.4rem; color: var(--dark); }
.ss-stat span { font-size: 12px; color: var(--muted); }

.hidden { display: none !important; }
.ss-empty { text-align: center; color: var(--muted); padding: 32px; }

.ss-split-summary {
  margin: 0;
  padding: 20px 16px;
  text-align: left;
}
.ss-split-summary__line {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--dark);
}
.ss-split-summary__line:last-of-type {
  margin-bottom: 0;
}
.ss-split-summary__line--emph {
  font-weight: 600;
  color: var(--accent);
}
.ss-split-summary__hint {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--border);
  font-size: 13px;
  line-height: 1.45;
  color: var(--muted);
  text-align: center;
}

/* Сводка шире формы настройки */
#digestTableWrap {
  max-width: none;
  padding: 8px 12px 12px 8px;
}

.ss-lot-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Список как у конкурентов: без плиток, лёгкие разделители */
.ss-lot-card {
  display: grid;
  grid-template-columns: 253px minmax(0, 1fr) minmax(180px, 220px);
  gap: 0 14px;
  align-items: start;
  background: transparent;
  border: none;
  border-bottom: 1px solid #e6ebf1;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  min-height: 0;
  padding: 8px 0;
}

.ss-lot-card:first-child {
  padding-top: 4px;
}

.ss-lot-card:last-child {
  border-bottom: none;
}

.ss-card-media {
  display: flex;
  flex-direction: column;
  width: 253px;
  align-self: start;
  background: transparent;
  border-right: none;
  gap: 4px;
}
.ss-card-photo {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 6px;
  background: #eef2f7;
  align-self: start;
  overflow: hidden;
}
.ss-card-buynow-foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin-top: 0;
  padding: 2px 0 0;
  border-top: none;
  text-align: left;
}
.ss-card-buynow-foot-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7c8f;
}
.ss-card-buynow-foot-val .ss-bank-amount {
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--ink, #1b2430);
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  text-align: left;
}
.ss-card-photo-btn {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.ss-card-photo .ss-card-photo-img,
.ss-card-photo > .ss-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  border-radius: 8px;
}
.ss-card-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.88);
  color: #1b2a41;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.ss-card-nav--prev { left: 6px; }
.ss-card-nav--next { right: 6px; }
.ss-card-nav:hover { background: #fff; }

.ss-card-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  display: flex;
  justify-content: center;
  gap: 3px;
  padding: 0 8px;
  pointer-events: none;
}
.ss-card-dot {
  flex: 1;
  max-width: 14px;
  height: 3px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.45);
}
.ss-card-dot.is-on { background: #fff; }

.ss-card-main {
  padding: 0;
  min-width: 0;
  border-right: 0;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.ss-card-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-bottom: 0;
}

.ss-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 0;
}
.ss-card-head-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
  flex: 1 1 auto;
}
.ss-card-head-right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}
.ss-card-head-left .ss-card-lot-num,
.ss-card-head-right .ss-card-lot-num {
  font-size: 12px;
  color: #6b7c8f;
  white-space: nowrap;
}
.ss-card-title {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-size: 0.98rem;
  font-weight: 700;
  color: #1b3a5c;
  text-align: left;
  cursor: pointer;
  line-height: 1.2;
}
.ss-card-title:hover { color: var(--accent); }
.ss-card-verdict {
  font-size: 11px;
  font-weight: 600;
}
.ss-card-head .ss-row-actions {
  flex-shrink: 0;
  min-width: 0;
}
.ss-card-head-auction {
  flex-shrink: 0;
  align-self: center;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.ss-card-head-auction.ss-lot-aside-auction--copart {
  color: #1a5fb4;
  border-color: rgba(26, 95, 180, 0.32);
  background: rgba(26, 95, 180, 0.1);
}
.ss-card-head-auction.ss-lot-aside-auction--iaai {
  color: #c62828;
  border-color: rgba(198, 40, 40, 0.32);
  background: rgba(198, 40, 40, 0.1);
}

.ss-card-ids {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #5c6b7a;
  margin-bottom: 8px;
}

/* Строка 2: аукцион · № лота · VIN */
.ss-card-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  margin-bottom: 0;
  min-width: 0;
}
.ss-card-meta-auction {
  font-size: 0.78rem !important;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-transform: uppercase;
}
.ss-card-lot-num {
  flex: 0 0 auto;
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.25;
  color: #5c6b7a;
  white-space: nowrap;
}
.ss-card-vin-wrap {
  display: inline-flex;
  align-items: baseline;
  margin-left: auto;
}
  gap: 4px;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 62%;
  justify-content: flex-end;
}
.ss-card-vin-label {
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 700;
  color: #8a97a6;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ss-card-vin-code {
  flex: 1 1 auto;
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
  color: #1e2d3d;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ss-card-id-label {
  font-weight: 600;
  color: #8a97a6;
  margin-right: 4px;
}
.ss-card-id-sep { color: #c5ced8; }
.ss-card-copy {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #dde3ea;
  border-radius: 5px;
  background: #f7f9fc;
  color: #5c6b7a;
  font-size: 12px;
  cursor: pointer;
  line-height: 1;
}
.ss-card-copy:hover { border-color: var(--accent); color: var(--accent); }

.ss-card-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border: 1px solid #e3e8ef;
  border-radius: 999px;
  background: #f8fafc;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #3d4f63;
  white-space: nowrap;
}
.ss-card-pill .ss-pill-text {
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ss-card-pill--swatch {
  background: var(--pill-swatch) !important;
  border-color: transparent;
  font-weight: 700;
}
.ss-card-pill--swatch .ss-pill-ico {
  color: inherit;
  opacity: 0.92;
}
.ss-card-pill.is-ok {
  border-color: #86efac;
  background: #f0fdf4;
  color: #166534;
}
.ss-card-pill.is-warn {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}
.ss-card-pill.is-danger {
  border-color: #fca5a5;
  background: #fef2f2;
  color: #b91c1c;
}
.ss-card-pill--swatch.is-ok,
.ss-card-pill--swatch.is-warn,
.ss-card-pill--swatch.is-danger {
  /* цвет авто важнее тона */
  border-color: transparent;
}

.ss-card-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0;
  border-top: 1px solid #eef1f5;
}
.ss-spec-cell {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 8px;
  align-items: baseline;
  padding: 2px 8px 2px 0;
  border-bottom: 1px solid #f3f5f8;
  font-size: 12px;
}
.ss-spec-cell:nth-child(odd) { padding-right: 12px; }
.ss-card-specs dt {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  color: #9aa8b6;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ss-card-specs dd {
  margin: 0;
  color: #1e2d3d;
  word-break: break-word;
  line-height: 1.3;
}
.ss-card-specs dd.ss-spec-empty { color: #b0bac5; }

/* Правая колонка выдачи — время · ставка · сбор · итог */
.ss-card-auction {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  padding: 0 0 0 10px;
  background: transparent;
  border-left: 1px solid #eef1f5;
  min-width: 0;
  align-self: start;
}
.ss-card-auction .ss-lot-aside-zone {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
.ss-card-auction .ss-lot-aside-zone--trade,
.ss-card-auction .ss-card-trade {
  gap: 5px;
  padding-top: 0;
  width: 100%;
}
.ss-card-trade-time {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px 10px;
  min-height: 22px;
  width: 100%;
}
.ss-card-trade-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}
.ss-card-trade-right {
  margin-left: auto;
  flex-shrink: 0;
  text-align: right;
  line-height: 1.1;
}
.ss-card-trade-type {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  color: #1b3a5c;
  white-space: nowrap;
}
.ss-card-trade-type--pure_sale {
  color: #0b6e4f;
}
.ss-card-trade-type--minimum_bid {
  color: #1a5fb4;
}
.ss-card-trade-type--on_approval {
  color: #b45309;
}
.ss-card-trade-date {
  font-size: 12px;
  font-weight: 600;
  color: #5c6b7a;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ss-card-trade-cd {
  color: var(--accent, #e63946);
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  white-space: nowrap;
}
.ss-card-trade-cd .ss-cd-unit {
  font-size: 0.55em;
  font-weight: 700;
  margin-left: 1px;
  opacity: 0.85;
}
.ss-card-trade-cd .ss-cd-part + .ss-cd-part {
  margin-left: 4px;
}
.ss-card-auction .ss-lot-trade-status {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.2;
}
.ss-card-auction .ss-lot-trade-status--live {
  color: var(--accent, #e63946);
}
.ss-card-auction .ss-lot-sale-status {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.ss-card-trade-stack {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ss-card-auction .ss-lot-sale-block--bid,
.ss-card-auction .ss-lot-sale-block--fee {
  padding: 6px 9px;
  border-radius: 6px;
  background: #f6f8fa;
  box-shadow: none;
}
.ss-card-auction .ss-lot-sale-label {
  font-size: 10px;
}
.ss-card-auction .ss-lot-sale-value .ss-bank-amount {
  font-size: 1.05rem;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  text-align: left;
  color: var(--ink, #1b2430);
  width: auto;
}
.ss-card-auction .ss-lot-sale-block--fee .ss-lot-sale-value .ss-bank-amount {
  font-size: 0.98rem;
  color: #334155;
}
.ss-card-trade-foot {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-top: 2px;
  border-top: 1px solid #eef1f5;
}
.ss-card-trade-foot-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7c8f;
}
.ss-card-trade-foot-val .ss-bank-amount {
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--ink, #1b2430);
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.ss-card-auction-name {
  text-align: center;
}
.ss-card-auction-name .badge-auction {
  display: block;
  width: 100%;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
}

.ss-card-metric {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.ss-card-metric-label {
  font-size: 9px;
  font-weight: 700;
  color: #6b7c8f;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  line-height: 1.2;
}
.ss-card-metric-value {
  min-width: 0;
}

.ss-flip-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 3px;
}
.ss-flip-unit {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.ss-flip-unit-digits {
  display: inline-flex;
  gap: 2px;
}
.ss-flip-unit-sublabel {
  font-size: 8px;
  font-weight: 700;
  color: #9aa8b6;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1;
}
.ss-flip-tile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 26px;
  padding: 0 4px;
  background: linear-gradient(180deg, #fff5f5 0%, #ffecec 46%, #ffe3e3 54%, #ffd6d6 100%);
  color: #c62828;
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  border-radius: 4px;
  border: 1px solid rgba(198, 40, 40, 0.22);
  box-shadow: 0 1px 2px rgba(198, 40, 40, 0.08);
  line-height: 1;
}
.ss-flip-sep {
  align-self: flex-end;
  margin: 0 1px 14px;
  font-size: 14px;
  font-weight: 700;
  color: #8a97a6;
  line-height: 1;
}

.ss-bank-amount {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 8px;
  font-size: 17px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.03em;
  color: #1a8f5c;
  text-align: center;
  background: linear-gradient(180deg, #fff 0%, #eef2f7 100%);
  border: 1px solid #d0d9e3;
  border-radius: 8px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  line-height: 1.2;
}
.ss-bank-amount--muted {
  color: #8a97a6;
  font-size: 14px;
}
.ss-bank-amount--buynow {
  color: #3d4f63;
}

.ss-card-auction-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #3d4f63;
  line-height: 1.3;
}
.ss-card-ico {
  flex-shrink: 0;
  width: 16px;
  text-align: center;
  font-size: 12px;
  opacity: 0.85;
}
.ss-card-countdown { font-variant-numeric: tabular-nums; }

@keyframes ss-prior-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(234, 88, 12, 0.55);
    background: linear-gradient(90deg, #fff7ed 0%, #ffedd5 100%);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(234, 88, 12, 0);
    background: linear-gradient(90deg, #ffedd5 0%, #fed7aa 100%);
  }
}

.ss-prior-auctions-alert.is-active {
  animation: ss-prior-pulse 1.4s ease-in-out infinite;
}

.ss-card-prior-auctions {
  margin: 2px 0 0;
}

.ss-prior-auctions-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 2px solid #ea580c;
  border-radius: 10px;
  background: #fff7ed;
  color: #9a3412;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: transform 0.15s ease;
}

/* В списке лотов — одна строка: текст · макс. ставка · смотреть историю */
.ss-lot-card .ss-prior-auctions-alert.is-active {
  animation: none;
}
.ss-lot-card .ss-prior-auctions-btn {
  flex-wrap: nowrap;
  gap: 6px;
  padding: 4px 8px;
  border-width: 1px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
}
.ss-lot-card .ss-prior-auctions-icon {
  display: none;
}
.ss-lot-card .ss-prior-auctions-text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ss-lot-card .ss-prior-auctions-cta {
  flex-shrink: 0;
  font-size: 12px;
  white-space: nowrap;
}

.ss-prior-auctions-btn:hover {
  transform: translateY(-1px);
  border-color: #c2410c;
}

.ss-prior-auctions-icon {
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
}

.ss-prior-auctions-text {
  flex: 1;
  min-width: 0;
}

.ss-prior-auctions-cta {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: #c2410c;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ss-prior-auctions-banner {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 2px solid #ea580c;
  border-radius: 12px;
}

.ss-lot-card .ss-prior-auctions-banner {
  margin: 0;
  padding: 6px 8px;
  border-width: 1px;
  border-radius: 6px;
}

.ss-prior-auctions-banner .ss-prior-auctions-btn {
  border: none;
  padding: 0;
  background: transparent;
}

.ss-auction-history {
  margin: 24px 0 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fafbfd;
}

.ss-auction-history-title {
  margin: 0 0 6px;
  font-size: 18px;
}

.ss-auction-history-intro {
  display: none;
}

.ss-auction-history-loading {
  margin: 0;
  font-size: 13px;
  color: #5c6b7a;
}

.ss-auction-history-table-wrap {
  overflow-x: auto;
}
.ss-auction-history-table-wrap.is-collapsed .ss-hist-row-more {
  display: none;
}

.ss-auction-history-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 12px;
}

.ss-auction-history-table th,
.ss-auction-history-table td {
  padding: 3px 4px;
  line-height: 1.25;
  border-bottom: 1px solid #e3e8ef;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.ss-auction-history-table th {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #8a97a6;
  background: #fff;
  font-weight: 700;
}

.ss-auction-history-table th:nth-child(1),
.ss-auction-history-table td:nth-child(1) { width: 16%; }
.ss-auction-history-table th:nth-child(2),
.ss-auction-history-table td:nth-child(2) { width: 14%; }
.ss-auction-history-table th:nth-child(3),
.ss-auction-history-table td:nth-child(3) { width: 18%; }
.ss-auction-history-table th:nth-child(4),
.ss-auction-history-table td:nth-child(4) { width: 14%; }
.ss-auction-history-table th:nth-child(5),
.ss-auction-history-table td:nth-child(5) { width: 18%; }
.ss-auction-history-table th:nth-child(6),
.ss-auction-history-table td:nth-child(6) { width: 20%; }

.ss-hist-auction-txt {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5c6b7a;
}
.ss-auction-history-table .ss-hist-auction-txt--iaai {
  color: #c62828;
}
.ss-auction-history-table .ss-hist-auction-txt--copart {
  color: #1a5fb4;
}
.ss-auction-history-table .is-sold .ss-hist-auction-txt--iaai,
.ss-auction-history-table .is-not-sold .ss-hist-auction-txt--iaai {
  color: #c62828;
}
.ss-auction-history-table .is-sold .ss-hist-auction-txt--copart,
.ss-auction-history-table .is-not-sold .ss-hist-auction-txt--copart {
  color: #1a5fb4;
}

.ss-hist-expand {
  appearance: none;
  display: inline-block;
  margin: 8px 0 0;
  padding: 4px 0;
  border: none;
  background: none;
  color: #5c6672;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 -1px 0 0 transparent;
}
.ss-hist-expand:hover {
  color: var(--ink, #1b2430);
  box-shadow: inset 0 -1px 0 0 var(--accent, #e63946);
}

.ss-auction-history-table tr:last-child td {
  border-bottom: none;
}

.ss-auction-history-table td.ss-hist-auction-cell {
  white-space: nowrap;
}

.ss-auction-history-table td.ss-hist-seller-cell {
  white-space: nowrap;
}

.ss-auction-history-table td.ss-hist-lot-cell {
  white-space: nowrap;
}

.ss-hist-lot-num {
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: inherit;
}

.ss-auction-history-table .badge-auction {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.ss-hist-lot-link {
  padding: 0;
  border: none;
  background: none;
  color: #1d5bbf;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.ss-hist-archived-banner {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid #dbeafe;
  background: #f0f7ff;
  color: #1e3a5f;
  font-size: 13px;
  font-weight: 600;
}

.ss-auction-history-table .is-sold td {
  color: #166534;
  font-weight: 600;
}

.ss-auction-history-table .is-not-sold td {
  color: #9a3412;
}

.ss-card-prices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 2px;
}

/* Текущая ставка и Buy Now в одну строку */
.ss-card-prices-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 10px;
  margin-top: 2px;
}
.ss-card-current-line {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  flex: 1 1 88px;
}
.ss-card-current-line .ss-card-price-val.ss-bank-amount {
  font-size: 15px;
  padding: 6px 8px;
  width: auto;
  min-width: 72px;
}
.ss-card-buynow-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 1 auto;
  min-width: 0;
}
.ss-card-buynow-price {
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #166534;
  line-height: 1.15;
  white-space: nowrap;
}
.ss-card-price-box {
  padding: 8px 6px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e3e8ef;
  text-align: center;
}
.ss-card-price-label {
  display: block;
  font-size: 9px;
  font-weight: 700;
  color: #8a97a6;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}
.ss-card-price-val {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #1a8f5c;
  line-height: 1.2;
}
.ss-card-price-val.ss-bank-amount {
  font-size: 16px;
  padding: 7px 6px;
}
.ss-card-price-box--buynow .ss-card-price-val { color: #3d4f63; }
.ss-card-price-box--buynow .ss-card-price-val.ss-bank-amount--buynow { color: #3d4f63; }

.ss-lot-intent-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 6px;
}
.ss-lot-intent-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 8px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e3e8ef;
  cursor: pointer;
  font: inherit;
  transition: border-color 0.15s, background 0.15s;
}
.ss-lot-intent-btn:hover {
  border-color: var(--accent, #c45c26);
  background: #fffaf7;
}
.ss-lot-intent-ico { font-size: 16px; line-height: 1; }
.ss-lot-intent-label {
  font-size: 10px;
  font-weight: 700;
  color: #3d4f63;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ss-account-note {
  margin-top: 8px;
  color: #6b7c8f;
  font-size: 0.92rem;
}
.ss-account-loading {
  margin: 12px 0;
  color: #6b7c8f;
}
.ss-account-section {
  margin-bottom: 28px;
}
.ss-account-section__title {
  margin: 0 0 12px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7c8f;
}
.ss-account-section .ss-apps-list {
  display: grid;
  gap: 12px;
}
.ss-account-guest-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.ss-account-guest h1 {
  margin-bottom: 12px;
}
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.ss-account-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 16px;
}
.ss-account-filter {
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #e3e8ef;
  background: #fff;
  font-size: 13px;
  cursor: pointer;
}
.ss-account-filter.is-on {
  border-color: var(--accent, #c45c26);
  background: #fff5ef;
  font-weight: 600;
}
.ss-apps-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ss-apps-card {
  display: flex;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  min-height: 96px;
  overflow: hidden;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.ss-apps-card:hover {
  border-color: #c45c26;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.ss-apps-thumb {
  width: 112px;
  flex-shrink: 0;
  background: #f0f3f7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ss-apps-thumb img { width: 100%; height: 100%; object-fit: cover; min-height: 96px; }
.ss-apps-thumb-empty { color: #8a97a6; font-size: 14px; }
.ss-apps-main {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.ss-apps-badge {
  align-self: flex-start;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 2px;
}
.ss-apps-badge--bid { background: #e8f5ee; color: #1a8f5c; }
.ss-apps-badge--carkit { background: #eef2f8; color: #3d4f63; }
.ss-apps-badge--track { background: #fff6e6; color: #9a6b00; }
.ss-apps-badge--track-done { background: #e8f5ee; color: #1a8f5c; }
.ss-apps-title { font-weight: 600; font-size: 15px; line-height: 1.25; }
.ss-apps-lot { font-size: 12px; color: #6b7c8f; }
.ss-apps-lot strong { color: #3d4f63; font-weight: 600; }
.ss-apps-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  font-size: 12px;
  color: #6b7c8f;
}
.ss-apps-meta strong { color: #2c3e50; }

.ss-apps-status-col {
  flex-shrink: 0;
  width: 132px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 10px;
  border-left: 1px solid #eef1f5;
  text-align: center;
}
.ss-apps-status-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.01em;
}
.ss-apps-status-col--waiting .ss-apps-status-text { color: #d64545; }
.ss-apps-status-col--ok .ss-apps-status-text { color: #1a8f5c; }
.ss-apps-status-col--progress .ss-apps-status-text { color: #c45c26; }
.ss-apps-status-col--muted .ss-apps-status-text { color: #8a97a6; font-size: 13px; }

@media (max-width: 640px) {
  .ss-apps-card { flex-wrap: wrap; }
  .ss-apps-thumb { width: 100%; height: 120px; }
  .ss-apps-thumb img { min-height: 120px; }
  .ss-apps-status-col {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #eef1f5;
    min-height: 52px;
  }
}

.ss-admin-panel { max-width: 400px; margin: 48px auto; padding: 24px; }
.ss-admin-app { min-height: 100vh; background: #f6f8fb; }
.ss-admin-apps { display: flex; flex-direction: column; gap: 12px; padding: 16px 0 32px; }
.ss-admin-app-card {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
  padding: 14px 16px;
}
.ss-admin-app-card.is-new {
  border-color: #e8a598;
  box-shadow: 0 0 0 1px rgba(196, 92, 38, 0.12);
}
.ss-admin-app-row {
  display: grid;
  grid-template-columns: minmax(200px, 1fr) minmax(120px, 1.4fr) auto;
  gap: 16px;
  align-items: start;
}
.ss-admin-app-main { min-width: 0; }
.ss-admin-app-head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.ss-admin-app-title { font-weight: 600; margin-bottom: 4px; }
.ss-admin-app-meta { font-size: 13px; margin-bottom: 8px; line-height: 1.45; }
.ss-admin-lot-link { font-size: 13px; color: var(--accent, #c45c26); text-decoration: none; }
.ss-admin-lot-link:hover { text-decoration: underline; }
.ss-admin-app-center {
  min-height: 72px;
  border: 1px dashed #e3e8ef;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #fafbfc;
}
.ss-admin-app-center-ph {
  margin: 0;
  font-size: 12px;
  color: #8a97a6;
  text-align: center;
}
.ss-admin-status-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  min-width: 200px;
}
.ss-admin-status-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8a97a6;
  text-align: center;
}
.ss-status-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e3e8ef;
  background: #f6f8fb;
}
.ss-status-toggle__half {
  border: none;
  background: transparent;
  padding: 10px 6px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, box-shadow 0.15s;
}
.ss-status-toggle__half--review {
  color: #b8b8b8;
  border-right: 1px solid #e3e8ef;
  box-shadow: inset 0 0 0 1px #d64545;
}
.ss-status-toggle__half--review.is-active {
  color: #fff;
  background: #d64545;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.22);
}
.ss-status-toggle__half--accept {
  color: #a8c4b0;
  box-shadow: inset 0 0 0 1px #1a8f5c;
}
.ss-status-toggle__half--accept.is-active {
  color: #fff;
  background: #1a8f5c;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
}
.ss-status-toggle__half:not(.is-active):hover {
  filter: brightness(0.97);
}
.ss-admin-new-banner {
  margin: 0 0 12px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #fff0eb;
  border: 1px solid #e8a598;
  color: #8b3a1f;
  font-size: 14px;
  cursor: pointer;
}
.ss-admin-new-banner strong { color: #c45c26; }

@media (max-width: 900px) {
  .ss-admin-app-row { grid-template-columns: 1fr; }
  .ss-admin-status-col { min-width: 0; }
}
.ss-admin-badge {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 4px;
}
.ss-admin-badge--bid { background: #e8f5ee; color: #1a8f5c; }
.ss-admin-badge--carkit { background: #eef2f8; color: #3d4f63; }

.ss-card-status {
  margin-top: auto;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #6b7c8f;
  text-transform: uppercase;
}
.ss-card-status-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3d9a6e;
  margin-right: 4px;
  vertical-align: middle;
}

@media (max-width: 960px) {
  .ss-lot-card {
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 0 10px;
    padding: 8px 0;
  }
  .ss-card-media {
    width: 184px;
  }
  .ss-card-photo {
    width: 100%;
    aspect-ratio: 4 / 3;
  }
  .ss-card-auction {
    grid-column: 1 / -1;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
    border-left: 0;
    border-top: 1px solid #eef1f5;
    padding: 12px 0 0;
  }
  .ss-card-auction .ss-lot-aside-zone--trade {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
    width: 100%;
  }
  .ss-card-auction .ss-lot-cd,
  .ss-card-auction .ss-lot-sale-block--bid {
    flex: 1 1 140px;
    min-width: 120px;
  }
  .ss-card-main { border-right: 0; }
}

@media (max-width: 640px) {
  .ss-lot-card { grid-template-columns: 1fr; padding: 10px 0; }
  .ss-card-media {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-right: 0;
  }
  .ss-card-photo {
    width: 100%;
    aspect-ratio: 16 / 10;
    margin: 0;
  }
  .ss-card-specs { grid-template-columns: 1fr; }
  .ss-spec-cell { grid-template-columns: 76px minmax(0, 1fr); }
}

.ss-col-thumb { width: 92px; }
.ss-thumb-link, .ss-title-link { color: inherit; text-decoration: none; }
.ss-thumb-btn, .ss-title-btn {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.ss-title-btn:hover strong { color: var(--accent); }
.ss-thumb-btn:hover .ss-thumb { opacity: 0.92; }
.ss-thumb-link:hover .ss-thumb { opacity: 0.92; }
.ss-thumb {
  display: block;
  width: 80px;
  height: 60px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: #eef2f7;
}
.ss-thumb--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: var(--muted);
  text-align: center;
  padding: 4px;
}
.ss-dialog-thumb {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--border);
  cursor: pointer;
}
.ss-dialog-gallery {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin: 0 0 12px;
}
.ss-dialog-gallery img {
  width: 72px;
  height: 54px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--border);
  cursor: pointer;
}
.ss-dialog-gallery img.is-active {
  outline: 2px solid var(--accent);
  outline-offset: 1px;
}
.ss-broker-link {
  font-size: 12px;
  color: var(--muted);
}
.ss-broker-link a { color: var(--muted); }
.ss-gallery {
  padding: 0;
  border: 0;
  background: transparent;
  max-width: none;
  width: min(960px, 96vw);
}
.ss-gallery::backdrop { background: rgba(13, 27, 42, 0.82); }
.ss-gallery-inner {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.ss-gallery-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
}
.ss-gallery-counter {
  margin-left: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
}
.ss-gallery-stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  background: #0d1117;
}
.ss-gallery-img {
  display: block;
  max-width: 100%;
  max-height: min(72vh, 640px);
  width: auto;
  height: auto;
  object-fit: contain;
  border: 0;
  background: #000;
}
/* iframe без явной высоты = ~150px → «полоска» вместо 360/видео */
.ss-gallery-video {
  display: block;
  width: 100%;
  height: min(72vh, 640px);
  max-width: 100%;
  border: 0;
  background: #000;
}
.ss-gallery-video[hidden],
.ss-gallery-img[hidden] {
  display: none !important;
}
.ss-gallery.is-embed .ss-gallery-nav {
  display: none;
}

/* Отдельное окно 360° — полный вьюер IAAI/Copart, не кроп фото-галереи */
.ss-panorama {
  padding: 0;
  border: 0;
  background: transparent;
  max-width: none;
  width: min(1200px, 98vw);
}
.ss-panorama::backdrop { background: rgba(13, 27, 42, 0.88); }
.ss-panorama-inner {
  background: #0d1117;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
.ss-panorama-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 14px;
  background: #fff;
  border-bottom: 1px solid var(--border);
}
.ss-panorama-meta {
  margin-left: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
}
.ss-panorama-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ss-panorama-tab {
  font-size: 13px;
  font-weight: 700;
  color: var(--accent);
  text-decoration: none;
  white-space: nowrap;
}
.ss-panorama-tab:hover { text-decoration: underline; }
.ss-panorama-stage {
  width: 100%;
  height: min(82vh, 820px);
  background: #000;
}
.ss-panorama-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}
.ss-gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 56px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.ss-gallery-nav:hover { background: rgba(255, 255, 255, 0.22); }
.ss-gallery-prev { left: 10px; }
.ss-gallery-next { right: 10px; }
.ss-gallery-meta {
  margin: 0;
  padding: 10px 16px 14px;
  color: var(--muted);
  font-size: 13px;
}
.ss-gallery-nav:disabled {
  opacity: 0.25;
  cursor: default;
}
.ss-ext-link {
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
  font-size: 1.1rem;
}
.ss-ext-link:hover { text-decoration: underline; }

.ss-row-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 152px;
}
.ss-act {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--bg-alt);
  color: var(--dark);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.ss-act:hover { border-color: var(--accent); color: var(--accent); }
.ss-act.is-on {
  background: #fff8e6;
  border-color: #e6a800;
  color: #b8860b;
}
.ss-mini-dialog {
  width: min(420px, 94vw);
  max-height: calc(100vh - 24px);
  margin: auto;
  border: 0;
  border-radius: 12px;
  padding: 0;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
}
.ss-mini-dialog::backdrop { background: rgba(13, 27, 42, 0.5); }
.ss-mini-dialog[open] { display: block; }
#appDialog .ss-dialog-head {
  padding: 14px 20px;
}
#appDialog .ss-app-dialog-body {
  padding: 14px 20px 20px;
}
#appDialog .ss-app-dialog-body .calc-hint {
  margin: 0 0 12px;
}
#appDialog .ss-app-dialog-body .calc-fld {
  margin-bottom: 12px;
}
#appDialog .ss-app-dialog-body .calc-fld > span {
  display: block;
  margin-bottom: 6px;
}
#appDialog .ss-app-actions {
  display: flex;
  justify-content: flex-start;
  margin-top: 6px;
}
#appDialog .ss-app-actions .ss-auth-submit:disabled {
  opacity: 0.55;
  cursor: wait;
}
.ss-app-success {
  margin: 8px 0 0;
  padding: 0;
  border: none;
  background: none;
  color: #1a7a3c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.4;
  box-shadow: inset 0 -2px 0 0 #1a7a3c;
  padding-bottom: 6px;
  display: inline-block;
}
#appDialog.is-success .ss-app-dialog-body {
  padding-bottom: 22px;
}
.ss-register-gate-dialog form { padding: 0 20px 20px; }
.ss-register-gate-body {
  white-space: pre-line;
  margin: 0 0 16px;
  line-height: 1.45;
  color: var(--muted);
}

/* Auth dialog — в стиле поиска: серые подписи, без красных плиток */
.ss-auth-actions {
  display: flex;
  justify-content: flex-end;
  margin: 14px 0 8px;
}
.ss-auth-submit {
  appearance: none;
  border: none;
  background: none;
  color: #5c6672;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 6px 0 8px;
  cursor: pointer;
  box-shadow: inset 0 -2px 0 0 transparent;
}
.ss-auth-submit:hover {
  color: var(--dark, #1b2430);
  box-shadow: inset 0 -2px 0 0 var(--accent, #e63946);
}
.ss-auth-submit:active {
  color: var(--dark, #1b2430);
  box-shadow: inset 0 -2px 0 0 var(--accent, #e63946);
}
.ss-auth-switch-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 10px 0 0;
  padding: 0;
}
.ss-auth-switch {
  appearance: none;
  border: none;
  background: none;
  padding: 2px 0;
  color: var(--muted, #6b7685);
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 0 transparent;
}
.ss-auth-switch:hover,
.ss-auth-switch:focus-visible {
  color: var(--dark, #1b2430);
  box-shadow: inset 0 -1px 0 0 var(--accent, #e63946);
}
.ss-password-wrap {
  position: relative;
  display: block;
  width: 100%;
}
.ss-password-wrap input {
  width: 100%;
  box-sizing: border-box;
  padding-right: 42px;
}
.ss-password-toggle {
  appearance: none;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #6b7685;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ss-password-toggle:hover,
.ss-password-toggle:focus-visible {
  color: var(--dark, #1b2430);
  outline: none;
}
.ss-password-toggle .ss-pw-eye-off { display: none; }
.ss-password-toggle.is-on .ss-pw-eye-on { display: none; }
.ss-password-toggle.is-on .ss-pw-eye-off { display: block; }
.ss-register-gate-dialog .ss-dialog-head h2 {
  color: var(--dark, #1b2430);
  font-weight: 600;
}
.ss-register-gate-dialog .calc-fld > span {
  color: var(--muted, #6b7685);
  font-weight: 600;
  font-size: 0.85rem;
}
.ss-calc-result {
  margin-top: 12px;
  padding: 12px;
  border-radius: 8px;
  background: var(--bg-alt);
  border: 1px solid var(--border);
  font-size: 14px;
}
.ss-calc-result b { font-size: 1.15rem; color: var(--dark); }
.ss-share-toast {
  position: fixed;
  top: calc(12px + env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  max-width: min(480px, calc(100vw - 24px));
  background: #1e293b;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
}
.ss-share-toast.is-visible { opacity: 1; }
.ss-share-toast.is-anchored {
  top: auto;
  left: auto;
  max-width: min(280px, calc(100vw - 24px));
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.25;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.badge-auction {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  border: 0;
  letter-spacing: 0.02em;
}
.badge-auction.copart { background: #1a5fb4; color: #fff; }
.badge-auction.iaai { background: #c62828; color: #fff; }

.badge-buynow {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 4px;
  background: #e8f5e9;
  color: #2e7d32;
  vertical-align: middle;
  border: 1px solid rgba(46, 125, 50, 0.35);
}

.badge-buynow--inline {
  margin-left: 0;
  font-size: 7.5px;
  padding: 1px 6px;
  line-height: 1.2;
  white-space: nowrap;
}

.badge-puresale {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 999px;
  background: #e8f5ec;
  color: #1d6a3a;
  border: 1px solid #b8dfc8;
  vertical-align: middle;
}

.ss-puresale-block.hidden { display: none; }

.verdict-restoration { color: #1d6a52; font-weight: 500; }
.verdict-carkit { color: #9a6700; font-weight: 500; }

.ss-link { background: none; border: 0; color: var(--accent); cursor: pointer; padding: 0; font: inherit; text-decoration: underline; }

#lotDialog {
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0;
  max-width: 520px;
  width: 92vw;
}
#lotDialog::backdrop { background: rgba(13, 27, 42, 0.5); }
.ss-dialog-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
}
.ss-dialog-head h2 { font-size: 1.1rem; margin: 0; }
.ss-dialog-body { padding: 12px 16px; color: var(--muted); font-size: 14px; }
.ss-close { background: none; border: 0; font-size: 24px; cursor: pointer; color: var(--muted); }
#lotForm { padding: 0 16px 16px; }

@media (max-width: 720px) {
  .ss-stats { grid-template-columns: repeat(2, 1fr); }
  .ss-agent-strip { grid-template-columns: 1fr; }
  .ss-span2 { grid-column: span 1; }
}

/* ——— Страница карточки лота ——— */
.ss-lot-page-root {
  max-width: none;
  scroll-margin-top: calc(var(--ss-header-offset, 64px) + 6px);
}

.ss-lot-page {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
  overflow: visible;
}

.ss-lot-page-toolbar {
  display: flex;
  align-items: center;
  gap: 16px 20px;
  padding: 10px 16px;
  border-bottom: 1px solid #eef1f5;
  background: #fff;
  border-radius: 14px 14px 0 0;
  position: sticky;
  top: var(--ss-header-offset, 64px);
  z-index: 20;
}

.ss-lot-back-link {
  appearance: none;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 4px 0;
  border: 0;
  background: none;
  color: #5c6672;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: inset 0 -1px 0 0 transparent;
}
.ss-lot-back-link:hover {
  color: var(--ink, #1b2430);
  box-shadow: inset 0 -1px 0 0 var(--accent, #e63946);
}
.ss-lot-back-icon {
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.ss-lot-back-meta {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #8a96a3;
  padding-left: 6px;
  border-left: 1px solid #e3e8ef;
  margin-left: 2px;
}

.ss-lot-toolbar-identity {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  /* 2× зазор VIN→код (7px) — отступ заголовка до слова VIN */
  padding-right: 14px;
  gap: 0;
}
.ss-lot-toolbar-title {
  margin: 0;
  max-width: 100%;
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.25;
  color: var(--ink, #1b2430);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: right;
  direction: ltr;
}
.ss-lot-toolbar-vin {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  min-width: 0;
  margin-left: 0;
  padding-left: 0;
}
.ss-lot-toolbar-vin-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aa8b6;
}
.ss-lot-toolbar-vin-code {
  font-size: 1rem; /* ~+25% к прежним ~13px */
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.04em;
  color: var(--ink, #1b2430);
  line-height: 1.2;
}
.ss-lot-toolbar-vin-copy {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #7a8794;
  cursor: pointer;
}
.ss-lot-toolbar-vin-copy svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-lot-toolbar-vin-copy:hover {
  color: var(--ink, #1b2430);
  background: #f1f4f8;
}
.ss-lot-page-toolbar .ss-row-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.ss-lot-page-body {
  display: grid;
  grid-template-columns: minmax(300px, 1.15fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "hero tiles tiles"
    "facts facts facts"
    "mid mid mid"
    "trio trio trio"
    "invoice invoice invoice"
    "fields fields fields";
  gap: 0;
  align-items: start;
}

.ss-lot-hist-float {
  margin: 0;
  border-bottom: 1px solid #eef1f5;
  background: #fff;
}

/* Горизонтальная полоса лота: квадрат 2×2 + документы / повреждения / дата */
.ss-lot-page-identity {
  --ss-id-label-h: 14px;
  --ss-id-line: 1.25;
  --ss-id-gap: 4px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  padding: 12px 16px 14px;
  border-bottom: 1px solid #eef1f5;
  background: #fff;
  min-width: 0;
  overflow-x: auto;
}
.ss-lot-id-square {
  display: grid;
  grid-template-columns: minmax(148px, max-content) minmax(148px, max-content);
  grid-template-rows: auto auto;
  grid-template-areas:
    "brand site"
    "seller atype";
  column-gap: 20px;
  row-gap: 10px;
  flex: 0 0 auto;
  padding-right: 18px;
  margin-right: 4px;
  border-right: 1px solid #eef1f5;
  align-content: start;
}
.ss-lot-id-q {
  display: flex;
  flex-direction: column;
  gap: var(--ss-id-gap);
  min-width: 0;
  min-height: 0;
}
.ss-lot-id-q--brand { grid-area: brand; }
.ss-lot-id-q--site { grid-area: site; }
.ss-lot-id-q--seller { grid-area: seller; }
.ss-lot-id-q--atype { grid-area: atype; }

.ss-lot-page-identity .ss-lot-aside-meta-label {
  margin: 0;
  height: var(--ss-id-label-h);
  line-height: var(--ss-id-label-h);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a96a3;
}
.ss-lot-page-identity .ss-lot-aside-brand {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  margin: 0;
  min-height: calc(14px * var(--ss-id-line) * 2 + 2px);
}
.ss-lot-page-identity .ss-lot-aside-auction {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: var(--ss-id-line);
}
.ss-lot-page-identity .ss-lot-aside-lotnum {
  font-size: 1.05rem;
  font-weight: 750;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
}
.ss-lot-page-identity .ss-lot-aside-site {
  margin: 0;
  min-height: calc(14px * var(--ss-id-line) * 2 + 2px);
}
.ss-lot-page-identity .ss-lot-aside-citystate {
  font-size: 14px;
  font-weight: 700;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
}
.ss-lot-page-identity .ss-lot-aside-yard {
  font-size: 12px;
  color: #8a96a3;
  line-height: var(--ss-id-line);
}
.ss-lot-page-identity .ss-lot-aside-flags {
  margin-top: 2px;
}
.ss-lot-page-identity .ss-lot-aside-seller-name {
  display: block;
  font-size: 14px;
  font-weight: 650;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
}
.ss-lot-page-identity .ss-lot-aside-seller-kind {
  margin-top: 2px;
  align-self: flex-start;
}
.ss-lot-id-atype-val {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
}
.ss-lot-id-val {
  font-size: 14px;
  font-weight: 650;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
}
.ss-lot-id-val.is-empty,
.ss-lot-page-identity .ss-lot-fact-val.is-empty {
  color: #a0aab4;
  font-weight: 500;
}

.ss-lot-id-cell {
  flex: 1 1 0;
  min-width: 120px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: var(--ss-id-gap);
  padding: 0 16px;
  border-right: 1px solid #eef1f5;
}
.ss-lot-id-cell:last-child {
  border-right: none;
  padding-right: 0;
  max-width: 220px;
  flex: 0 1 200px;
}
.ss-lot-id-cell--docs .ss-lot-fact-val,
.ss-lot-id-cell--docs .ss-lot-doc-primary,
.ss-lot-id-cell--docs .ss-lot-doc-secondary {
  font-size: 14px;
  font-weight: 650;
  line-height: var(--ss-id-line);
}
.ss-lot-id-cell--docs .ss-lot-doc-lines {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ss-lot-id-cell--docs .ss-lot-doc-secondary {
  font-size: 12px;
  font-weight: 500;
  color: #8a96a3;
}
.ss-lot-id-dmg {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ss-lot-id-dmg-row {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ss-lot-id-dmg-label {
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #a0aab4;
  line-height: 1.2;
}
.ss-lot-id-dmg-val {
  font-size: 14px;
  font-weight: 650;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
}
.ss-lot-id-sale-date {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: var(--ss-id-line);
  color: var(--ink, #1b2430);
  font-variant-numeric: tabular-nums;
}
.ss-lot-buynow-btn--inline {
  width: auto;
  margin-top: 6px;
  padding: 6px 0 0;
  border-bottom: none;
  gap: 2px;
}
.ss-lot-buynow-btn--inline .ss-lot-buynow-label {
  font-size: 10px;
}
.ss-lot-buynow-btn--inline .ss-lot-buynow-price {
  font-size: 1.05rem;
}
.ss-lot-buynow-btn--inline:hover {
  border-bottom: none;
  opacity: 0.85;
}

@media (max-width: 1100px) {
  .ss-lot-page-identity {
    flex-wrap: wrap;
    row-gap: 12px;
  }
  .ss-lot-id-square {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }
  .ss-lot-id-cell {
    flex: 1 1 30%;
    max-width: none;
    border-right: none;
    padding: 8px 12px 0 0;
  }
  .ss-lot-id-cell:last-child {
    max-width: none;
    flex: 1 1 30%;
  }
}

.ss-lot-hist-float-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 22px;
  padding: 10px 16px;
  min-height: 40px;
}

/* Как порты: слово-кнопка, без плитки */
.ss-lot-hist-toggle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px 0;
  border: none;
  border-radius: 0;
  background: none;
  color: #8a94a0;
  font: inherit;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: color 0.15s ease, box-shadow 0.15s ease;
}

.ss-lot-hist-toggle:hover {
  color: var(--ink, #1b2430);
  background: none;
  border: none;
  box-shadow: inset 0 -2px 0 0 #2a9d4e;
}

.ss-lot-hist-toggle.has-prior {
  color: #c2410c;
  background: none;
  border: none;
}

.ss-lot-hist-toggle.has-prior:hover {
  box-shadow: inset 0 -2px 0 0 #ea580c;
}

.ss-lot-hist-toggle.is-open {
  color: var(--ink, #1b2430);
  background: none;
  border: none;
  box-shadow: inset 0 -2px 0 0 var(--accent, #e63946);
}

.ss-lot-hist-toggle-chevron {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: 0.55;
  transition: transform 0.15s ease;
}

.ss-lot-hist-toggle.is-open .ss-lot-hist-toggle-chevron {
  transform: rotate(180deg);
}

.ss-lot-hist-float .ss-prior-auctions-banner {
  margin: 0;
  padding: 0;
  border: none;
  flex: 1 1 220px;
  min-width: 0;
  cursor: pointer;
}

.ss-lot-hist-float .ss-prior-auctions-banner .ss-prior-auctions-text {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #9a3412;
  line-height: 1.35;
}

.ss-lot-hist-float .ss-lot-page-history.ss-auction-history {
  margin: 0;
  padding: 6px 16px 10px;
  border: none;
  border-top: 1px solid #e3e8ef;
  border-radius: 0;
  background: #fff;
}

.ss-lot-hist-float .ss-auction-history-intro {
  display: none;
}

.ss-lot-hist-float .ss-auction-history-table {
  table-layout: auto;
  font-size: 12px;
}

.ss-lot-hist-float .ss-auction-history-table th,
.ss-lot-hist-float .ss-auction-history-table td {
  padding: 3px 8px;
  line-height: 1.25;
  white-space: nowrap;
}

.ss-lot-hist-float .ss-auction-history-table th:nth-child(1),
.ss-lot-hist-float .ss-auction-history-table td:nth-child(1),
.ss-lot-hist-float .ss-auction-history-table th:nth-child(2),
.ss-lot-hist-float .ss-auction-history-table td:nth-child(2),
.ss-lot-hist-float .ss-auction-history-table th:nth-child(3),
.ss-lot-hist-float .ss-auction-history-table td:nth-child(3),
.ss-lot-hist-float .ss-auction-history-table th:nth-child(4),
.ss-lot-hist-float .ss-auction-history-table td:nth-child(4),
.ss-lot-hist-float .ss-auction-history-table th:nth-child(5),
.ss-lot-hist-float .ss-auction-history-table td:nth-child(5),
.ss-lot-hist-float .ss-auction-history-table th:nth-child(6),
.ss-lot-hist-float .ss-auction-history-table td:nth-child(6) {
  width: auto;
}

.ss-lot-page-hero {
  grid-area: hero;
  padding: 12px 12px 12px 16px;
  background: #f8fafc;
  min-width: 0;
  align-self: stretch;
}

.ss-lot-page-tiles {
  grid-area: tiles;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 16px 12px 8px;
  background: #f8fafc;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
}

.ss-lot-page-gallery {
  grid-area: gallery;
  padding: 16px;
  border-right: 1px solid #eef1f5;
  background: #f8fafc;
}

/* Перфорация между главным фото и тайлами */
.ss-lot-page--desk .ss-lot-page-hero {
  position: relative;
  padding-right: 16px;
  /* Высота по фото, не растягивать в пустоту рядом с длинной сеткой миниатюр */
  align-self: start;
}
.ss-lot-page--desk .ss-lot-page-tiles {
  align-self: start;
}
.ss-lot-page--desk .ss-lot-page-hero::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 10px;
  bottom: 10px;
  width: 1px;
  background: repeating-linear-gradient(
    to bottom,
    #9aa3ae 0,
    #9aa3ae 9px,
    transparent 9px,
    transparent 15px
  );
  opacity: 0.7;
  pointer-events: none;
}

.ss-lot-page-main {
  grid-area: main;
  padding-bottom: 8px;
}

.ss-lot-page-facts {
  grid-area: facts;
  padding: 8px 16px 10px;
  background: #fff;
  border-bottom: 1px solid #eef1f5;
  min-width: 0;
}

.ss-lot-page-logistics {
  padding: 12px 16px 16px;
  min-width: 0;
  background: #fff;
}

.ss-lot-page-customs {
  padding: 12px 16px 16px;
  min-width: 0;
  background: #fff;
}

/* Три колонки на всю ширину страницы: Торги | Логистика | Таможня */
.ss-lot-page-trio {
  grid-area: trio;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  border-top: 1px solid #eef1f5;
  background: #fff;
  box-sizing: border-box;
}

.ss-lot-page-trio > .ss-lot-page-side,
.ss-lot-page-trio > .ss-lot-page-logistics,
.ss-lot-page-trio > .ss-lot-page-customs {
  flex: 1 1 0;
  width: 0; /* равные доли во flex-ряду */
  min-width: 0;
  max-width: none;
  grid-area: unset;
  position: relative;
  top: auto;
  box-sizing: border-box;
}

.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-side,
.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-logistics,
.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-customs {
  padding-top: 12px;
  padding-bottom: 16px;
  align-self: stretch;
  border-left: none;
  box-shadow: none;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.ss-lot-page--desk .ss-lot-aside-zone--trade,
.ss-lot-page--desk .ss-lot-block--logistics,
.ss-lot-page--desk .ss-lot-block--customs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 100%;
  min-width: 0;
}

.ss-lot-page--desk .ss-lot-col-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.ss-lot-page--desk .ss-lot-col-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
  min-height: 34px;
  border-top: 1px solid #e3e8ef;
  box-sizing: border-box;
}

.ss-lot-page--desk .ss-lot-col-foot[hidden] {
  display: flex !important;
  visibility: hidden;
  pointer-events: none;
}

.ss-lot-page--desk .ss-lot-col-foot-label,
.ss-lot-page--desk .ss-logistics-total-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8794;
}

.ss-lot-page--desk .ss-lot-col-foot-val,
.ss-lot-page--desk .ss-logistics-total-val {
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
  text-align: right;
}

.ss-lot-page--desk .ss-lot-col-foot-val.is-muted {
  color: #9aa8b6;
  font-weight: 650;
}

.ss-lot-page--desk .ss-lot-col-foot-val .ss-bank-amount {
  font-size: inherit;
  font-weight: inherit;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.ss-lot-page--desk .ss-lot-port-exp {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 0;
  padding: 10px 0 8px;
  min-height: 34px;
  box-sizing: border-box;
  border-top: 1px solid #eef1f5;
}
.ss-lot-page--desk .ss-lot-port-exp-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8794;
}
.ss-lot-page--desk .ss-lot-port-exp-val {
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
}
.ss-lot-page--desk .ss-lot-port-exp-val.is-muted {
  color: #9aa8b6;
  font-weight: 650;
}

.ss-lot-page--desk .ss-lot-aero {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 0;
  padding-top: 10px;
  min-height: 34px;
  box-sizing: border-box;
  border-top: none;
  background: repeating-linear-gradient(
    to right,
    #9aa3ae 0,
    #9aa3ae 9px,
    transparent 9px,
    transparent 15px
  );
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: top left;
}
.ss-lot-page--desk .ss-lot-customs-summary {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: auto;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
}
.ss-lot-page--desk .ss-lot-customs-summary .ss-lot-col-foot {
  margin-top: 0;
}
.ss-lot-page--desk .ss-lot-col-foot--grand {
  border-top: 2px solid var(--ink, #1b2430);
  padding-top: 12px;
  min-height: 38px;
}
.ss-lot-page--desk .ss-lot-col-foot--grand .ss-lot-col-foot-label {
  color: var(--ink, #1b2430);
  font-weight: 800;
  letter-spacing: 0.06em;
}
.ss-lot-page--desk .ss-lot-col-foot--grand .ss-lot-col-foot-val {
  color: var(--accent, #e63946);
  font-size: 1.2rem;
}

.ss-lot-page--desk .ss-lot-aero-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8794;
}

.ss-lot-page--desk .ss-lot-aero-val {
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
}

.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-side {
  padding-left: 16px;
  padding-right: 18px;
}

.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-logistics,
.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-customs {
  padding-left: 18px;
  padding-right: 16px;
}

/* Перфорация между тремя равными колонками */
.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-side::before,
.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-logistics::before {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: repeating-linear-gradient(
    to bottom,
    #9aa3ae 0,
    #9aa3ae 9px,
    transparent 9px,
    transparent 15px
  );
  opacity: 0.7;
  pointer-events: none;
  display: block;
}

.ss-lot-facts-strip {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.ss-lot-facts-strip .ss-card-pills--row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 6px;
  margin: 0 0 6px;
  width: 100%;
}

.ss-lot-facts-strip .ss-card-pills--row:last-child {
  margin-bottom: 0;
}

/* Ширина по тексту: короткие (SUV, цвет) компактные; длинные (привод) — целиком */
.ss-lot-facts-strip .ss-card-pills--row .ss-card-pill {
  flex: 0 1 auto;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
}
.ss-lot-facts-strip .ss-card-pills--row .ss-pill-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-lot-page--desk .ss-lot-facts-strip .ss-card-pill {
  border-radius: 6px;
  background: transparent;
  border-color: #e6ebf1;
  color: #3d4a57;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 5px 9px;
  gap: 6px;
}
.ss-lot-page--desk .ss-lot-facts-strip .ss-card-pill.is-ok {
  background: #f0fdf4;
  border-color: #86efac;
  color: #166534;
}
.ss-lot-page--desk .ss-lot-facts-strip .ss-card-pill.is-warn {
  background: #fffbeb;
  border-color: #fcd34d;
  color: #92400e;
}
.ss-lot-page--desk .ss-lot-facts-strip .ss-card-pill.is-danger {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #b91c1c;
}
.ss-lot-page--desk .ss-lot-facts-strip .ss-card-pills--facts .ss-card-pill {
  flex: 0 1 auto;
  width: max-content;
  max-width: 100%;
}

.ss-lot-facts-strip .ss-lot-facts--row {
  display: none; /* старый текстовый ряд больше не используем */
}

.ss-lot-page-fields-wrap {
  grid-area: fields;
  padding: 0 18px 18px;
  border-top: 1px solid #eef1f5;
  background: #fff;
}

.ss-lot-page-fields-wrap .ss-lot-page-fields-title {
  margin-top: 16px;
}

.ss-lot-page-stage {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #0d1117;
  margin-bottom: 0;
  /* Не растягивать в чёрный столб под портретными фото партнёра */
  height: auto;
  min-height: 220px;
  max-height: min(52vh, 480px);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Кнопка-обёртка должна тянуться на всю ширину — иначе фото остаётся крошечным в чёрном окне */
.ss-lot-page-hero-btn {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}
.ss-lot-page-hero-img,
.ss-lot-page-stage img {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(52vh, 480px);
  object-fit: contain;
  margin: 0 auto;
}
.ss-lot-page-stage .ss-card-nav { background: rgba(255,255,255,0.92); }

/* Слот между техполосой и тройкой (торги / логистика / таможня) — текст позже */
.ss-lot-page-mid-slot {
  grid-area: mid;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}
.ss-lot-page-mid-slot:empty {
  display: none;
}
.ss-lot-page-mid-slot:not(:empty) {
  display: block;
  padding: 12px 16px;
  border-bottom: 1px solid #eef1f5;
}

.ss-lot-page-thumbs {
  display: grid;
  /* Как у аукциона: ровные плитки, не «лапша» при 80–100 фото */
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 6px;
  flex: 1 1 auto;
  max-height: min(52vh, 480px);
  overflow-y: auto;
  align-content: start;
}
.ss-lot-page-tiles .ss-lot-page-media-extra,
.ss-lot-page-tiles .ss-lot-page-actions {
  flex: 0 0 auto;
  margin-top: 0;
}
.ss-lot-page-thumb {
  width: 100%;
  /* Квадрат лучше для портретных JPEG с телефона (приёмка / разбор) */
  aspect-ratio: 1 / 1;
  height: auto;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  background: #eef2f7;
}
.ss-lot-page-thumb.is-on { border-color: var(--accent); }
.ss-lot-page-thumb.is-broken,
.ss-lot-page-thumb[hidden] { display: none; }
.ss-lot-page-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.ss-lot-page-media-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.ss-lot-page-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  gap: 8px;
  margin: 12px 0 0;
  padding: 10px 0 2px;
  border-top: 1px solid #eef1f5;
}
.ss-lot-action {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 1 auto;
  margin: 0;
  padding: 6px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3d4a57;
  font: inherit;
  font-size: 12.5px;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease;
}
.ss-lot-action:hover {
  color: var(--ink, #1b2430);
}
.ss-lot-action:focus-visible {
  outline: 2px solid rgba(230, 57, 70, 0.35);
  outline-offset: 2px;
}
.ss-lot-action-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  color: inherit;
  line-height: 0;
}
.ss-lot-action-ico svg {
  width: 18px;
  height: 18px;
  display: block;
}
.ss-lot-action.is-copy .ss-lot-action-ico svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-lot-action-label {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  line-height: 1;
}
.ss-lot-action:hover .ss-lot-action-label {
  border-bottom-color: currentColor;
}
.ss-lot-action.is-360 {
  color: #1d4ed8;
}
.ss-lot-action.is-video {
  color: #9a6700;
}
.ss-lot-action.is-track.is-on {
  color: #b45309;
}
.ss-lot-action.is-track.is-on .ss-lot-action-ico svg path {
  fill: currentColor;
  stroke: currentColor;
}
.ss-lot-action.is-copy {
  color: #5b6875;
}
.ss-lot-page-media-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #d7dee7;
  border-radius: 8px;
  background: #fff;
  color: var(--ink, #1b2430);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.ss-lot-page-media-btn:hover {
  border-color: #b8c2ce;
  background: #f8fafc;
}
.ss-lot-page-media-btn.is-360 {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}
.ss-lot-page-media-btn.is-video {
  border-color: #fcd34d;
  background: #fffbeb;
  color: #92400e;
}
.ss-lot-page-media-btn.is-share,
.ss-lot-page-media-btn.is-details {
  border-color: #d7dee7;
  background: #fff;
  color: #334155;
}
.ss-lot-page-media-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 22px;
  padding: 0 4px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.06);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.02em;
}

/* ——— Оценка ремонта: полная ширина внизу (как история продаж) ——— */
.ss-lot-repair-float {
  width: 100%;
  margin: 12px 0 0;
  border-top: 1px dashed #c5ced8;
  background: #f4f6f9;
}
.ss-lot-repair-float-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 8px 16px;
  min-height: 44px;
}
.ss-lot-repair-toggle {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #d7dee7;
  border-radius: 8px;
  background: #fff;
  color: var(--ink, #1b2430);
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.ss-lot-repair-toggle:hover {
  border-color: #b8c3d0;
  background: #f8fafc;
}
.ss-lot-repair-toggle.is-open {
  border-color: #9aa8b6;
  background: #eef2f6;
}
.ss-lot-repair-toggle-chevron {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  opacity: 0.7;
  transition: transform 0.15s ease;
}
.ss-lot-repair-toggle.is-open .ss-lot-repair-toggle-chevron {
  transform: rotate(180deg);
}
.ss-repair-estimate {
  margin: 0;
  padding: 4px 16px 18px;
  border-top: none;
  max-width: none;
  width: 100%;
  box-sizing: border-box;
}
.ss-repair-oem {
  margin-top: 4px;
  font-size: 12px;
  color: var(--muted, #666);
  font-weight: 500;
}
.ss-repair-oem code {
  font-size: 12px;
  background: rgba(0,0,0,.04);
  padding: 1px 6px;
  border-radius: 4px;
}
.ss-repair-estimate.is-collapsed {
  display: none;
}
.ss-repair-estimate-title {
  margin: 0 0 6px;
  font-size: 1rem;
  font-weight: 700;
  color: #1b3a5c;
}
.ss-repair-estimate-lead {
  margin: 0 0 12px;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--muted);
}
.ss-repair-estimate-btn {
  width: auto;
  min-width: 200px;
  padding: 11px 18px;
  font-size: 0.92rem;
}
.ss-repair-estimate-free {
  margin: 8px 0 0;
  font-size: 0.72rem;
  color: var(--muted);
  line-height: 1.4;
}
.ss-repair-estimate-progress {
  margin-top: 14px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 10px;
}
.ss-repair-estimate-progress-title {
  margin: 0 0 10px;
  font-size: 0.85rem;
  font-weight: 600;
  color: #1b3a5c;
}
.ss-repair-estimate-steps {
  margin: 0;
  padding-left: 1.2em;
  font-size: 0.8rem;
  color: var(--muted);
  display: grid;
  gap: 6px;
}
.ss-repair-estimate-steps li.is-active {
  color: var(--accent);
  font-weight: 600;
}
.ss-repair-estimate-steps li.is-done {
  color: #2d6a4f;
}
.ss-repair-estimate-result {
  margin-top: 14px;
  font-size: 0.8rem;
  line-height: 1.45;
}
.ss-lot-page--desk .ss-lot-repair-float {
  grid-column: 1 / -1;
}
.ss-lot-page--desk .ss-repair-estimate-btn {
  width: auto;
}
.ss-lot-page--desk .ss-repair-estimate-result {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
  align-items: start;
}
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-verdict,
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-section,
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-section--vin,
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-legend,
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-totals,
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-compare,
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-disclaimer {
  grid-column: 1 / -1;
}
@media (max-width: 900px) {
  .ss-lot-page--desk .ss-repair-estimate-result {
    grid-template-columns: 1fr;
  }
}
.ss-repair-subtitle {
  margin: 0 0 6px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #1b3a5c;
}
.ss-repair-verdict p {
  margin: 0 0 8px;
}
.ss-repair-hidden-note {
  padding: 8px 10px;
  background: #fff8e6;
  border-left: 3px solid #e9a319;
  border-radius: 0 6px 6px 0;
  font-size: 0.76rem;
}
.ss-repair-meta {
  font-size: 0.72rem;
  color: var(--muted);
}
.ss-repair-training-banner {
  margin: 0 0 10px;
  padding: 10px;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 8px;
  font-size: 0.76rem;
  line-height: 1.4;
}
.ss-repair-legend {
  margin: 10px 0 0;
  padding: 8px 10px;
  font-size: 0.68rem;
  color: var(--muted);
  background: #f8fafc;
  border-radius: 6px;
  line-height: 1.4;
}
.ss-repair-section {
  margin-top: 14px;
}
.ss-repair-section-lead {
  margin: 0 0 6px;
  font-size: 0.68rem;
  color: var(--muted);
  line-height: 1.35;
}
.ss-repair-section--vin {
  margin: 1rem 0 1.25rem;
}
.ss-repair-docs-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
  margin: 1rem 0 1.25rem;
  align-items: start;
}
.ss-repair-docs-row .ss-repair-section--vin,
.ss-repair-docs-row .ss-repair-section--keys {
  margin: 0;
}
@media (max-width: 900px) {
  .ss-repair-docs-row {
    grid-template-columns: 1fr;
  }
}
.ss-repair-section--keys {
  margin: 1rem 0 1.25rem;
}
.ss-repair-vin-photo--empty {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-size: 0.78rem;
  color: var(--muted);
  text-align: center;
}
.ss-lot-page--desk .ss-repair-estimate-result > .ss-repair-docs-row {
  grid-column: 1 / -1;
}
.ss-repair-vin-grid {
  display: grid;
  grid-template-columns: minmax(140px, 220px) 1fr;
  gap: 0.85rem 1.1rem;
  align-items: start;
}
@media (max-width: 640px) {
  .ss-repair-vin-grid {
    grid-template-columns: 1fr;
  }
}
.ss-repair-vin-photo {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: #f3f3f3;
}
.ss-repair-vin-photo img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.ss-repair-vin-facts {
  font-size: 0.95rem;
  line-height: 1.45;
}
.ss-repair-vin-fact {
  margin: 0 0 0.35rem;
}
.ss-repair-vin-k {
  color: rgba(0, 0, 0, 0.55);
}
.ss-repair-vin-note {
  margin: 0.55rem 0 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9rem;
}
.ss-repair-section--check {
  padding: 10px;
  background: #fffbf5;
  border: 1px solid #fde8c8;
  border-radius: 8px;
}
.ss-repair-table-wrap,
.ss-repair-section .ss-repair-table {
  overflow-x: auto;
}
.ss-lot-page--desk .ss-repair-table--unified {
  width: 100%;
  table-layout: fixed;
}
.ss-lot-page--desk .ss-repair-table--unified th:nth-child(1),
.ss-lot-page--desk .ss-repair-table--unified td:nth-child(1) {
  width: 22%;
}
.ss-lot-page--desk .ss-repair-table--unified th:nth-child(2),
.ss-lot-page--desk .ss-repair-table--unified td:nth-child(2) {
  width: 10%;
}
.ss-lot-page--desk .ss-repair-table--unified th:nth-child(3),
.ss-lot-page--desk .ss-repair-table--unified td:nth-child(3) {
  width: 14%;
}
.ss-lot-page--desk .ss-repair-table--unified th:nth-child(4),
.ss-lot-page--desk .ss-repair-table--unified td:nth-child(4),
.ss-lot-page--desk .ss-repair-table--unified th:nth-child(5),
.ss-lot-page--desk .ss-repair-table--unified td:nth-child(5) {
  width: 12%;
}
.ss-lot-page--desk .ss-repair-table--unified th:nth-child(6),
.ss-lot-page--desk .ss-repair-table--unified td:nth-child(6) {
  width: 30%;
}
.ss-repair-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.68rem;
}
.ss-repair-table th,
.ss-repair-table td {
  padding: 5px 4px;
  border-bottom: 1px solid #eef1f5;
  text-align: left;
  vertical-align: top;
}
.ss-repair-table th {
  font-weight: 600;
  color: #1b3a5c;
  background: #f8fafc;
}
.ss-repair-num {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.ss-repair-conf {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.2;
}
.ss-repair-conf-dots {
  font-size: 0.62rem;
  letter-spacing: 0.02em;
}
.ss-repair-conf-label {
  font-size: 0.58rem;
  font-weight: 600;
}
.ss-conf-4 .ss-repair-conf-dots { color: #1b5e20; }
.ss-conf-4 .ss-repair-conf-label { color: #1b5e20; font-weight: 700; }
.ss-conf-3 .ss-repair-conf-dots { color: #2d6a4f; }
.ss-conf-3 .ss-repair-conf-label { color: #2d6a4f; }
.ss-conf-2 .ss-repair-conf-dots { color: #b45309; }
.ss-conf-2 .ss-repair-conf-label { color: #b45309; }
.ss-conf-1 .ss-repair-conf-dots { color: #9a3412; }
.ss-conf-1 .ss-repair-conf-label { color: #9a3412; }
.ss-conf-0 .ss-repair-conf-dots { color: #64748b; }
.ss-conf-0 .ss-repair-conf-label { color: #64748b; }
.ss-repair-action {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.62rem;
  font-weight: 700;
  white-space: nowrap;
}
.ss-repair-action--replace {
  background: #e8f0fe;
  color: #1e4a8a;
}
.ss-repair-action--repair {
  background: #eefbf3;
  color: #2d6a4f;
}
.ss-repair-action--check {
  background: #fff4e6;
  color: #9a3412;
}
.ss-repair-table--unified th:last-child,
.ss-repair-table--unified td.ss-repair-why {
  min-width: 10rem;
}
.ss-repair-row--risk td:first-child {
  color: #9a3412;
}
.ss-repair-why {
  font-size: 0.64rem;
  color: var(--muted);
  line-height: 1.35;
}
.ss-repair-note-row td {
  font-size: 0.64rem;
  font-style: italic;
  color: var(--muted);
  background: #fafbfc;
  border-bottom: 1px solid #eef1f5;
}
.ss-repair-totals {
  margin-top: 12px;
  padding: 10px;
  background: #f0f7ff;
  border-radius: 8px;
}
.ss-repair-totals-grid {
  margin: 0;
  display: grid;
  gap: 6px;
}
.ss-repair-totals-grid div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.ss-repair-totals-sub dt {
  padding-left: 10px;
  font-size: 0.68rem;
}
.ss-repair-totals-sub dd {
  font-size: 0.72rem;
  font-weight: 500;
}
.ss-repair-totals-grid dt {
  margin: 0;
  color: var(--muted);
}
.ss-repair-totals-grid dd {
  margin: 0;
  font-weight: 600;
}
.ss-repair-totals-grand dd {
  color: var(--accent);
  font-size: 0.95rem;
}
.ss-repair-compare {
  margin: 12px 0 0;
  padding: 10px;
  background: #eefbf3;
  border-radius: 8px;
  font-size: 0.74rem;
}
.ss-repair-compare p {
  margin: 0 0 6px;
}
.ss-repair-compare p:last-child {
  margin-bottom: 0;
}
.ss-repair-compare-risk {
  font-size: 0.68rem;
  color: #9a3412;
}
.ss-repair-disclaimer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px dashed #dde3ea;
}
.ss-repair-disclaimer ol {
  margin: 0;
  padding-left: 1.15em;
  font-size: 0.68rem;
  color: var(--muted);
  display: grid;
  gap: 4px;
}

.ss-lot-page-main { padding: 16px 18px 18px; min-width: 0; }
.ss-lot-page-title {
  margin: 0 0 8px;
  font-size: 1.35rem;
  color: #1b3a5c;
  line-height: 1.25;
}
.ss-lot-page-lead {
  margin: 0 0 12px;
  color: #6b7c8f;
  font-size: 0.95rem;
}
.ss-lot-page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.ss-lot-page-head .ss-lot-page-actions { margin-left: auto; }

.ss-spec-cell--seller dd { overflow: visible; }

.ss-seller-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-width: 100%;
}
.ss-seller-row--compact { gap: 4px; }
.ss-seller-name {
  font-weight: 600;
  color: #1e2d3d;
  line-height: 1.3;
}
.ss-seller-badge {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.ss-seller-badge--compact { font-size: 9px; padding: 1px 6px; }
.ss-seller-badge--insurance {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #86efac;
}
.ss-seller-badge--credit {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #86efac;
}
.ss-seller-badge--rental {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fffbeb;
  color: #a16207;
  border: 1px solid #fcd34d;
}
.ss-seller-badge--other {
  background: #f4f6f8;
  color: #5c6b7a;
  border: 1px solid #dde3ea;
}
.ss-seller-badge--cash_buyer {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #eef1f4;
  color: #3d4a57;
  border: 1px solid #c5ced8;
  font-weight: 700;
}
.ss-seller-badge--unknown {
  background: #f4f6f8;
  color: #8a97a6;
  border: 1px solid #e3e8ef;
}

.ss-seller-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 10px 0 4px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #eef1f5;
  border-radius: 10px;
}
.ss-seller-block-label {
  font-size: 10px;
  font-weight: 700;
  color: #9aa8b6;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ss-lot-page-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #eef1f5;
  border-radius: 10px;
}

.ss-field-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #e8edf2;
  border-radius: 8px;
  min-width: 0;
}

.ss-field-label {
  font-size: 10px;
  font-weight: 700;
  color: #9aa8b6;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.2;
}

.ss-field-val {
  font-size: 13px;
  color: #1e2d3d;
  word-break: break-word;
  line-height: 1.35;
}
.ss-field-val.ss-field-empty { color: #b0bac5; }

.ss-lot-page-fields-title {
  margin: 16px 0 0;
  font-size: 12px;
  font-weight: 700;
  color: #6b7c8f;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.ss-lot-page-side {
  /* Не именованный grid-area: иначе внутри trio колонка «Торги» уезжает */
  grid-area: auto;
  position: sticky;
  top: 52px;
  padding: 18px 16px 20px;
  background: #fff;
  border-left: 1px solid #eef1f5;
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-self: start;
  min-height: 0;
}

/* Лот в trio: без sticky, зазор между зонами */
.ss-lot-page--desk .ss-lot-page-side {
  position: relative;
  top: auto;
  gap: 0;
  padding: 12px 20px 16px 16px;
  border-left: none;
  background: #fff;
  box-shadow: none;
  min-height: 0;
  align-self: start;
  justify-content: flex-start;
}
.ss-lot-page--desk .ss-lot-page-side::before {
  display: none;
}
.ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-side::before {
  display: block;
}
.ss-lot-page--desk .ss-seller-block { display: none; }
.ss-lot-page--desk .ss-lot-page-fields-wrap { display: none; }

/* Заголовки Торги / Логистика / Таможня — одна линия и одна высота */
.ss-lot-page--desk .ss-lot-page-trio .ss-lot-aside-sec-title,
.ss-lot-page--desk .ss-lot-page-trio .ss-lot-block-title {
  margin: 0 0 10px;
  padding: 0;
  min-height: 28px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aa8b6;
  line-height: 14px;
  display: flex;
  align-items: center;
}
.ss-lot-page--desk .ss-lot-page-trio .ss-lot-block-head {
  margin: 0 0 10px;
  min-height: 28px;
  align-items: center;
}
/* В шапке «Таможня» заголовок и Нет/Да — одна линия (без margin у h3) */
.ss-lot-page--desk .ss-lot-page-trio .ss-lot-block-head--customs .ss-lot-block-title {
  margin: 0;
  min-height: 0;
  padding: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
.ss-lot-page--desk .ss-lot-page-trio .ss-lot-block-head--customs .ss-customs-yn-btn {
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.08em;
}
.ss-lot-page--desk .ss-lot-aside-sec-title--with-cd {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  width: 100%;
  min-height: 28px;
  box-sizing: border-box;
}
.ss-lot-page--desk .ss-lot-trade-lead {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 6px;
  min-width: 0;
}
.ss-lot-page--desk .ss-lot-trade-word,
.ss-lot-page--desk .ss-lot-trade-through {
  color: #9aa8b6;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
  line-height: inherit;
}
.ss-lot-page--desk .ss-lot-trade-cd {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--accent, #e63946);
  font-size: 1.35em;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: none;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ss-lot-page--desk .ss-lot-trade-status {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1.15;
  white-space: nowrap;
}
.ss-lot-page--desk .ss-lot-trade-status--live {
  color: var(--accent, #e63946);
}
.ss-lot-page--desk .ss-lot-trade-status--sold {
  color: #1a6b34;
}
.ss-lot-page--desk .ss-lot-trade-status--not_sold,
.ss-lot-page--desk .ss-lot-trade-status--on_approval {
  color: #8a5a20;
}
.ss-lot-page--desk .ss-lot-sale-block--user-bid.is-locked {
  border-bottom-color: #e3e8ef;
}
.ss-lot-page--desk .ss-lot-sold-label {
  color: #1a6b34 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ss-lot-page--desk .ss-lot-sale-value--locked {
  font-size: 12px;
  font-weight: 600;
  color: #8a97a6;
  text-align: left;
  line-height: 1.3;
}
.ss-lot-page--desk .ss-lot-trade-cd .ss-cd-part {
  display: inline-flex;
  align-items: baseline;
  margin-right: 0.28em;
}
.ss-lot-page--desk .ss-lot-trade-cd .ss-cd-part:last-child {
  margin-right: 0;
}
.ss-lot-page--desk .ss-lot-trade-cd .ss-cd-num {
  font-size: 1em;
  font-weight: 800;
  line-height: 1;
}
.ss-lot-page--desk .ss-lot-trade-cd .ss-cd-unit {
  font-size: 0.5em;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  margin-left: 0.08em;
}

.ss-lot-trade-split {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.ss-lot-trade-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-width: 0;
  min-height: var(--ss-trio-band, 48px);
}
.ss-lot-trade-split.has-user-bid .ss-lot-trade-row--bid {
  grid-template-columns: 1fr;
}
.ss-lot-trade-split.has-user-bid .ss-lot-sale-block--bid {
  display: none !important;
}
.ss-lot-trade-split.has-user-bid .ss-lot-trade-row--bid .ss-lot-sale-block--user-bid {
  padding-left: 0;
  border-left: none;
}
/* sold: слева hammer, справа сравнение — обе колонки всегда видны */
.ss-lot-trade-split.is-sold-compare .ss-lot-trade-row--bid {
  grid-template-columns: 1fr 1fr;
}
.ss-lot-page--desk .ss-lot-trade-split.is-sold-compare .ss-lot-sale-block--bid {
  display: flex !important;
}
.ss-lot-page--desk .ss-lot-trade-split.is-sold-compare .ss-lot-user-bid-wrap {
  min-height: 1.8rem;
  padding: 2px 6px;
  border: 1px solid #c5d0db;
  border-radius: 6px;
  background: #fff;
}
.ss-lot-page--desk .ss-lot-trade-split.is-sold-compare .ss-lot-user-bid-wrap:focus-within {
  border-color: #1a6b34;
  box-shadow: 0 0 0 2px rgba(26, 107, 52, 0.15);
}
.ss-lot-trade-row--fee {
  grid-template-columns: 1fr;
  justify-items: center;
}
.ss-lot-trade-row--fee > .ss-lot-sale-block--fee {
  width: 100%;
  max-width: 220px;
  padding-left: 0;
  border-left: none;
  text-align: center;
  align-items: center;
}
.ss-lot-trade-row > .ss-lot-sale-block--user-bid,
.ss-lot-trade-row > .ss-lot-sale-block--user-fee {
  padding-left: 14px;
  border-left: 1px solid #eef1f5;
}
.ss-lot-trade-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}
.ss-lot-trade-col--user {
  padding-left: 14px;
  border-left: 1px solid #eef1f5;
}
.ss-lot-page--desk .ss-lot-trade-row .ss-lot-sale-block--bid,
.ss-lot-page--desk .ss-lot-trade-row .ss-lot-sale-block--fee,
.ss-lot-page--desk .ss-lot-trade-row .ss-lot-sale-block--user-bid,
.ss-lot-page--desk .ss-lot-trade-row .ss-lot-sale-block--user-fee {
  margin-left: 0;
  margin-right: 0;
  flex: 1 1 auto;
  height: 100%;
  min-height: var(--ss-trio-band, 48px);
}
.ss-lot-user-bid-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  width: 100%;
}
.ss-lot-user-bid-prefix {
  font-size: 1.15rem;
  font-weight: 750;
  color: var(--ink, #1b2430);
  line-height: 1;
}
.ss-lot-user-bid-input {
  width: 100%;
  max-width: 140px;
  margin: 0;
  padding: 4px 2px;
  border: none;
  border-bottom: none;
  border-radius: 0;
  background: transparent;
  font: inherit;
  font-size: 1.2rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  text-align: left;
  color: var(--ink, #1b2430);
  outline: none;
}
.ss-lot-user-bid-input:focus {
  border-bottom-color: transparent;
}
.ss-lot-user-bid-input::-webkit-outer-spin-button,
.ss-lot-user-bid-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ss-lot-user-bid-input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.ss-lot-page--desk .ss-lot-sale-block--user-fee .ss-bank-amount {
  color: var(--ink, #1b2430);
}

.ss-lot-page-invoice {
  grid-area: invoice;
  margin: 0;
  padding: 16px 20px 18px;
  border-top: 2px solid var(--ink, #1b2430);
  background: #fafbfc;
  min-width: 0;
}
.ss-invoice-muted {
  margin: 0;
  font-size: 13px;
  color: #8a97a6;
}
.ss-invoice-service {
  margin: 0 0 12px;
  padding: 0;
  border: none;
}
.ss-invoice-service > summary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  list-style: none;
  cursor: pointer;
  padding: 8px 0;
  border-bottom: 1px solid #e3e8ef;
}
.ss-invoice-service > summary::-webkit-details-marker { display: none; }
.ss-invoice-service-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5c6b7a;
}
.ss-invoice-service-val {
  font-size: 1.05rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
}
.ss-invoice-service-note {
  margin: 8px 0 0;
  font-size: 12px;
  color: #6b7c8f;
  line-height: 1.4;
}
.ss-invoice-grand {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
}
.ss-invoice-grand-label {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink, #1b2430);
}
.ss-invoice-grand-val {
  font-size: 1.45rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--accent, #e63946);
  line-height: 1.1;
}

@media (max-width: 720px) {
  .ss-lot-trade-row {
    grid-template-columns: 1fr;
  }
  .ss-lot-trade-row > .ss-lot-sale-block--user-bid,
  .ss-lot-trade-row > .ss-lot-sale-block--user-fee {
    padding-left: 0;
    border-left: none;
    padding-top: 8px;
    border-top: 1px solid #eef1f5;
  }
  .ss-lot-trade-col--user {
    padding-left: 0;
    border-left: none;
    padding-top: 8px;
    border-top: 1px solid #eef1f5;
  }
}

.ss-lot-page--desk .ss-card-pills {
  gap: 6px;
  margin: 4px 0 14px;
}
.ss-lot-page--desk .ss-card-pill {
  border-radius: 6px;
  background: transparent;
  border-color: #e6ebf1;
  color: #3d4a57;
  font-size: 12px;
  padding: 5px 9px;
  gap: 6px;
}
.ss-lot-page--desk .ss-pill-ico {
  display: inline-flex;
  width: 14px;
  height: 14px;
  color: #7a8794;
  flex: 0 0 auto;
}
.ss-lot-page--desk .ss-pill-ico svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-lot-blocks,
.ss-lot-block--tech {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 8px;
}

.ss-lot-blocks--info {
  margin-top: 16px;
  padding-top: 4px;
}

.ss-lot-block {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.ss-lot-block-title {
  margin: 0 0 6px;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aa8b6;
}

.ss-lot-block--damage,
.ss-lot-block--docs,
.ss-lot-block--tech {
  padding: 0;
  border: 0;
  background: transparent;
}

.ss-lot-block--tech {
  gap: 0;
  margin-top: 10px;
}

.ss-dmg-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink, #1b2430);
}

.ss-dmg-k {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #9aa8b6;
  margin-right: 2px;
}

.ss-dmg-sep {
  color: #c5ced8;
  font-weight: 500;
}

.ss-lot-fact--inline {
  display: block;
  padding: 0;
  border: 0;
  margin: 0;
}

.ss-lot-block--tech .ss-card-pills {
  margin: 0 0 8px;
}

.ss-lot-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: 0;
  border-top: 1px solid #eef1f5;
}

.ss-lot-fact {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 7px 10px 7px 0;
  border-bottom: 1px solid #f1f4f7;
  min-width: 0;
}
.ss-lot-fact:nth-child(odd) { padding-right: 12px; }
.ss-lot-fact:nth-child(even) { padding-left: 12px; border-left: 1px solid #f1f4f7; }

.ss-lot-block--logistics {
  margin-top: 4px;
}

.ss-logistics-body {
  min-width: 0;
}

.ss-logistics-muted {
  margin: 0;
  font-size: 13px;
  color: #8a97a6;
}

.ss-logistics-legs {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ss-logistics-leg {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  padding: 8px 0;
  min-height: var(--ss-trio-band, 48px);
  border-bottom: 1px solid #f1f4f7;
  box-sizing: border-box;
}

.ss-logistics-route {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  min-width: 0;
  flex: 1 1 180px;
}

.ss-logistics-point {
  font-size: 13px;
  font-weight: 650;
  color: var(--ink, #1b2430);
  line-height: 1.3;
}

.ss-logistics-arrow {
  color: #9aa8b6;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.ss-logistics-leg--sea .ss-logistics-arrow {
  letter-spacing: 0.08em;
}

.ss-logistics-price {
  font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
}

.ss-logistics-note {
  margin: -4px 0 0;
  font-size: 12px;
  color: #5c6b7a;
}

.ss-logistics-dest-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 0 8px;
}
/* Выбор порта — чуть ниже строки наземной доставки */
.ss-logistics-dest-wrap--after-land {
  margin-top: 12px;
  padding-top: 14px;
}

.ss-logistics-dest-label {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
  color: #6b7c8f;
}

.ss-logistics-dest-wrap.is-pick .ss-logistics-dest-label {
  color: #1a6b34;
  font-weight: 700;
}

.ss-logistics-dest-wrap.is-done .ss-logistics-dest-label {
  color: #6b7c8f;
  font-weight: 600;
}

.ss-logistics-words {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
  align-items: baseline;
}

.ss-logistics-word {
  appearance: none;
  border: none;
  background: none;
  margin: 0;
  padding: 6px 0;
  font: inherit;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a94a0;
  cursor: pointer;
  white-space: nowrap;
}

.ss-logistics-word:hover {
  color: var(--ink, #1b2430);
}

.ss-logistics-dest-wrap.is-pick .ss-logistics-word:hover {
  box-shadow: inset 0 -2px 0 0 #2a9d4e;
}

.ss-logistics-word.is-on {
  color: var(--ink, #1b2430);
  box-shadow: inset 0 -2px 0 0 var(--accent, #e63946);
}

.ss-logistics-dest-wrap.is-pick .ss-logistics-word.is-on {
  box-shadow: inset 0 -2px 0 0 #2a9d4e;
}

/* legacy pill buttons — на случай старого кэша */
.ss-logistics-dests {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ss-logistics-dest {
  appearance: none;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #d7dee7;
  border-radius: 6px;
  background: #fff;
  color: #3d4a57;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
}

.ss-logistics-dest:hover {
  border-color: #b8c3d0;
  background: #f8fafc;
}

.ss-logistics-dest.is-on {
  border-color: var(--ink, #1b2430);
  background: #f1f4f8;
  color: var(--ink, #1b2430);
}

.ss-lot-cta-label,
.ss-lot-sale-block--user-bid .ss-lot-cta-label {
  color: #1a6b34 !important;
  font-weight: 700;
}

.ss-logistics-total {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e3e8ef;
}

.ss-logistics-total-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7a8794;
}

.ss-logistics-total-val {
  font-size: 16px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
}

.ss-logistics-point--soft {
  color: #8a97a6;
  font-weight: 600;
}
.ss-logistics-leg--port .ss-logistics-point:first-child {
  font-weight: 700;
}

.ss-customs-body {
  min-width: 0;
  flex: 1 1 auto;
  will-change: height;
}

/* Сбор аукциона — клик → расшифровка строк */
.ss-lot-fee-head {
  appearance: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  text-align: center;
}
.ss-lot-fee-head:disabled {
  cursor: default;
  opacity: 0.85;
}
.ss-lot-fee-head:disabled .ss-lot-fee-chevron {
  display: none;
}
.ss-lot-fee-head .ss-lot-sale-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.ss-lot-fee-chevron {
  display: inline-block;
  width: 0.45em;
  height: 0.45em;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.55;
  transition: transform 0.2s ease, opacity 0.2s ease;
  flex: 0 0 auto;
}
.ss-lot-fee-head.is-open .ss-lot-fee-chevron {
  transform: rotate(225deg);
  opacity: 0.85;
}
.ss-lot-fee-head:not(:disabled):hover .ss-lot-fee-chevron {
  opacity: 0.9;
}
.ss-lot-sale-block--fee.is-fee-open {
  max-width: none !important;
}
.ss-lot-fee-breakdown {
  width: 100%;
  margin-top: 6px;
  padding: 6px 0 2px;
  border-top: 1px dashed #d8e0e8;
  text-align: left;
}
.ss-lot-fee-line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.3;
}
.ss-lot-fee-line-label {
  color: #6b7c8f;
  font-weight: 600;
  min-width: 0;
}
.ss-lot-fee-line-val {
  color: var(--ink, #1b2430);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ss-lot-page--desk .ss-lot-block--customs .ss-lot-customs-summary {
  margin-top: auto;
}
.ss-lot-page--desk .ss-lot-block--logistics .ss-logistics-body {
  flex: 1 1 auto;
}
.ss-lot-block-head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 0 0 10px;
  min-height: 22px;
  min-width: 0;
}
.ss-lot-block-head .ss-lot-block-title {
  margin: 0;
  position: relative;
  z-index: 1;
}
.ss-lot-block-head--customs {
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.ss-lot-block-head--customs .ss-lot-block-title {
  flex: 1 1 auto;
  margin: 0;
  line-height: 1.2;
  max-width: 100%;
}
.ss-customs-yn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  line-height: 1;
}
.ss-lot-photo-sets {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0 0 12px;
  width: 100%;
}
.ss-lot-photo-set-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0 2px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  color: #9aa8b6;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none;
  line-height: 1;
  height: auto;
}
.ss-lot-photo-set-btn:hover {
  color: var(--ink, #1b2430);
}
.ss-lot-photo-set-btn.is-on {
  color: var(--accent, #e63946);
  border-bottom-color: var(--accent, #e63946);
}
.ss-customs-yn-btn {
  appearance: none;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0 2px;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  color: #9aa8b6;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none;
  line-height: 1;
  height: auto;
}
.ss-customs-yn-btn:hover {
  color: var(--ink, #1b2430);
}
.ss-customs-yn-btn.is-on {
  color: var(--accent, #e63946);
  border-bottom-color: var(--accent, #e63946);
  box-shadow: none;
}
.ss-customs-yn-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}
/* legacy pill switch — не используем на desk */
.ss-customs-switch {
  display: none;
}
.ss-customs-switch input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.ss-customs-switch-track {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: #c5ced8;
  transition: background 0.15s ease;
  flex: 0 0 auto;
}
.ss-customs-switch-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.2);
  transition: transform 0.15s ease;
}
.ss-customs-switch input:checked + .ss-customs-switch-track {
  background: var(--accent, #e63946);
}
.ss-customs-switch input:checked + .ss-customs-switch-track .ss-customs-switch-knob {
  transform: translateX(14px);
}
.ss-customs-switch input:focus-visible + .ss-customs-switch-track {
  outline: 2px solid var(--accent, #e63946);
  outline-offset: 2px;
}
.ss-customs-switch-text {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5c6b7a;
  white-space: nowrap;
}
.ss-customs-switch.is-off .ss-customs-switch-text {
  color: #9aa8b6;
}
.ss-customs-skipped {
  margin: 0;
  padding: 10px 0 2px;
  font-size: 13px;
  font-weight: 600;
  color: #8a97a6;
  line-height: 1.4;
}
.ss-customs-note {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  color: #6b7c8f;
  line-height: 1.35;
}
.ss-customs-rows {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ss-customs-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 10px;
  padding: 8px 0;
  min-height: var(--ss-trio-band, 48px);
  border-bottom: 1px solid #f1f4f7;
  font-size: 13px;
  box-sizing: border-box;
}
.ss-customs-row:last-child {
  border-bottom: 1px solid #f1f4f7;
  padding-top: 8px;
  margin-top: 0;
}
.ss-customs-row-label {
  color: #5c6b7a;
  font-weight: 600;
  min-width: 0;
  line-height: 1.3;
}
.ss-customs-row-val {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
  white-space: nowrap;
}
.ss-customs-row-val.is-muted {
  font-weight: 650;
  color: #6b7c8f;
}
.ss-customs-row-val.is-strong {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--ink, #1b2430);
}

.ss-lot-fact-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #9aa8b6;
}
.ss-lot-fact-val {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink, #1b2430);
  word-break: break-word;
}
.ss-lot-fact-val.is-empty { color: #b0bac5; font-weight: 500; }
.ss-title-pending {
  font-weight: 700;
  color: #b45309;
  letter-spacing: 0.02em;
}
.ss-lot-fact--pending .ss-lot-fact-val {
  color: #1b2430;
}
.ss-lot-doc-lines {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.ss-lot-doc-primary {
  font-weight: 700;
  line-height: 1.25;
}
.ss-lot-doc-secondary {
  font-weight: 500;
  font-size: 0.92em;
  line-height: 1.3;
  opacity: 0.92;
}
.ss-title-alert {
  display: inline-block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #b91c1c;
}
.ss-title-help {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: 4px;
  padding: 0;
  border: 1px solid #f1a8a8;
  border-radius: 50%;
  background: #fff;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
}
.ss-title-help:hover {
  background: #fee2e2;
  border-color: #b91c1c;
}
.ss-title-help-body {
  margin: 0 0 12px;
  white-space: pre-wrap;
  line-height: 1.45;
  color: var(--ink, #1b2430);
  font-size: 0.92rem;
}
.ss-lot-fact--alert {
  background: #fff5f5;
  margin: 0 -6px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 4px;
}
.ss-lot-fact--alert-destruction,
.ss-lot-fact--alert-parts_only,
.ss-lot-fact--alert-bill_of_sale,
.ss-lot-fact--alert-junk,
.ss-lot-fact--alert-non_repairable {
  box-shadow: inset 3px 0 0 #b91c1c;
}
.ss-lot-fact--alert .ss-lot-fact-val,
.ss-lot-fact-val--danger {
  color: #7f1d1d;
}
.ss-lot-fact--clean {
  background: #f0fdf4;
  margin: 0 -6px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 4px;
  box-shadow: inset 3px 0 0 #16a34a;
}
.ss-lot-fact--clean .ss-lot-fact-val,
.ss-lot-fact-val--clean {
  color: #166534;
  font-weight: 650;
}
.ss-spec-cell--doc-danger dd,
.ss-spec-cell--doc-danger .ss-lot-fact-val {
  color: #7f1d1d;
}
.ss-spec-cell--doc-danger {
  background: #fff5f5;
  border-radius: 4px;
  box-shadow: inset 3px 0 0 #b91c1c;
  margin-left: -4px;
  padding-left: 4px !important;
}
.ss-spec-cell--doc-clean dd,
.ss-spec-cell--doc-clean .ss-lot-fact-val {
  color: #166534;
  font-weight: 650;
}
.ss-spec-cell--doc-clean {
  background: #f0fdf4;
  border-radius: 4px;
  box-shadow: inset 3px 0 0 #16a34a;
  margin-left: -4px;
  padding-left: 4px !important;
}

.ss-lot-aside-zone {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 0 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid #eef1f5;
}
.ss-lot-aside-zone:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.ss-lot-aside-sec-title {
  margin: 0 0 2px;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aa8b6;
}
.ss-lot-aside-zone--trade { gap: 12px; }
.ss-lot-aside-zone--actions { gap: 8px; }

.ss-lot-aside-seller-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 2px;
}
.ss-lot-aside-seller-row .ss-lot-aside-seller {
  flex: 1 1 120px;
  min-width: 0;
}
.ss-lot-aside-seller-row .ss-lot-aside-sale-type {
  flex: 0 1 auto;
  text-align: right;
  margin: 0;
}
.ss-lot-aside-seller-row .ss-lot-aside-atype-row {
  justify-content: flex-end;
}
.ss-lot-aside-sale-type {
  margin: 0;
}
.ss-lot-aside-atype-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.ss-lot-aside-atype {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink, #1b2430);
  letter-spacing: 0.02em;
}
.ss-lot-aside-atype--pure_sale {
  color: #15803d;
}
.ss-lot-aside-atype--minimum_bid {
  color: #a16207;
}
.ss-lot-aside-atype--on_approval {
  color: #b45309;
}

.ss-lot-aside-brand {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 10px;
}
.ss-lot-aside-lotnum {
  font-size: 13px;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  color: var(--ink, #1b2430);
  letter-spacing: 0.02em;
}
.ss-lot-aside-site {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  color: #3d4a57;
}
.ss-lot-aside-citystate {
  font-size: 14px;
  font-weight: 650;
  color: var(--ink, #1b2430);
  line-height: 1.3;
}
.ss-lot-aside-yard {
  margin-top: 2px;
  font-size: 12px;
  color: #5c6b7a;
  line-height: 1.3;
}
.ss-lot-aside-flags,
.ss-lot-site-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.ss-lot-site-flag {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: 1;
  padding: 5px 0 4px;
  box-shadow: inset 0 -2px 0 0 currentColor;
}
.ss-lot-site-flag--offsite.ss-lot-site-flag--copart { color: #1a5fb4; }
.ss-lot-site-flag--offsite.ss-lot-site-flag--iaai { color: #c41e3a; }
.ss-lot-site-flag--sublot { color: #1a5fb4; }
.ss-lot-site-flag--brand {
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 5px 10px;
  border-radius: 4px;
  box-shadow: none;
}
.ss-lot-site-flag--crashedtoys {
  color: #0b6e4f;
  background: rgba(11, 110, 79, 0.12);
}
.ss-lot-site-flag--rec_rides {
  color: #8a4b08;
  background: rgba(138, 75, 8, 0.12);
}
.ss-lot-site-flag--dream_rides {
  color: #5b2c6f;
  background: rgba(91, 44, 111, 0.12);
}
.ss-lot-page--desk .ss-lot-page-main > .lot-offsite-bar:not(.lot-offsite-bar--brand),
.ss-lot-page--desk .ss-lot-page-facts > .lot-offsite-bar:not(.lot-offsite-bar--brand) {
  display: none;
}
.ss-lot-page--desk .ss-lot-page-facts > .lot-offsite-bar--brand {
  display: inline-flex;
  margin: 8px 0 0;
}
.ss-lot-aside-meta-label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9aa8b6;
  margin-bottom: 3px;
}
.ss-lot-aside-seller-name {
  display: block;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
  color: var(--ink, #1b2430);
  word-break: break-word;
}
.ss-lot-aside-seller-kind {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 650;
  color: #5c6b7a;
  border-bottom: 1px solid #dde3ea;
  padding-bottom: 1px;
}
.ss-lot-aside-seller-kind--insurance,
.ss-lot-aside-seller-kind--credit,
.ss-seller-trusted {
  color: #1a7a3c;
  border-bottom-color: #86c99a;
}
.ss-lot-aside-seller-kind--insurance,
.ss-lot-aside-seller-kind--credit {
  background: #f0fdf4;
  border: 1px solid #b7e4c7;
  border-radius: 999px;
  padding: 2px 8px 2px 6px;
  border-bottom: 1px solid #b7e4c7;
}
.ss-lot-aside-seller-kind--rental,
.ss-seller-rental {
  color: #a16207;
}
.ss-lot-aside-seller-kind--rental {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 999px;
  padding: 2px 8px 2px 6px;
  border-bottom: 1px solid #fcd34d;
}
.ss-lot-aside-seller-kind--cash_buyer,
.ss-seller-cash-buyer {
  color: #3d4a57;
}
.ss-lot-aside-seller-kind--cash_buyer {
  background: #eef1f4;
  border: 1px solid #c5ced8;
  border-radius: 999px;
  padding: 2px 8px 2px 6px;
  border-bottom: 1px solid #c5ced8;
  font-weight: 700;
}
.ss-seller-trusted-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #dcfce7;
  color: #15803d;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
}
.ss-seller-rental-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fef3c7;
  color: #a16207;
  font-size: 8px;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
}
.ss-seller-cash-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #dde3ea;
  color: #3d4a57;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  flex-shrink: 0;
}
.ss-seller-row--trusted .ss-seller-name {
  color: #166534;
}
.ss-seller-row--rental .ss-seller-name {
  color: #92400e;
}
.ss-seller-row--cash-buyer .ss-seller-name {
  color: #1e2d3d;
  font-weight: 700;
}

/* Торги: белый фон; крест серый/зелёный; крупные серые подписи */
.ss-lot-page--desk .ss-lot-page-trio {
  --ss-trio-band: 52px;
}

.ss-lot-page--desk .ss-lot-sale-block--bid,
.ss-lot-page--desk .ss-lot-sale-block--fee,
.ss-lot-page--desk .ss-lot-sale-block--user-fee,
.ss-lot-page--desk .ss-lot-sale-block--user-bid {
  display: flex;
  flex-direction: column;
  padding: 6px 4px 8px;
  margin: 0;
  min-height: var(--ss-trio-band);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border-bottom: none;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: stretch;
  gap: 6px;
}

/* Крест: слева серая, справа зелёная — одна высота у вертикали */
.ss-lot-page--desk .ss-lot-trade-row--bid > .ss-lot-sale-block--bid {
  border-bottom: 1px solid #e3e8ef;
}
.ss-lot-page--desk .ss-lot-trade-row--bid > .ss-lot-sale-block--user-bid {
  border-bottom: 2px solid #1a6b34;
}
.ss-lot-page--desk .ss-lot-trade-row--fee > .ss-lot-sale-block--fee,
.ss-lot-page--desk .ss-lot-trade-row--fee > .ss-lot-sale-block--user-fee {
  border-bottom: 1px solid #f1f4f7;
}

.ss-lot-page--desk .ss-lot-sale-block--bid .ss-lot-sale-label,
.ss-lot-page--desk .ss-lot-sale-block--fee .ss-lot-sale-label,
.ss-lot-page--desk .ss-lot-sale-block--user-bid .ss-lot-sale-label {
  text-align: left;
  align-self: stretch;
  width: 100%;
  min-height: 1.25em;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: #8a97a6;
  line-height: 1.25;
  margin: 0;
}

.ss-lot-page--desk .ss-lot-trade-row--fee .ss-lot-sale-block--fee .ss-lot-sale-label,
.ss-lot-page--desk .ss-lot-trade-row--fee .ss-lot-sale-block--fee .ss-lot-sale-value,
.ss-lot-page--desk .ss-lot-trade-row--fee .ss-lot-sale-block--fee .ss-bank-amount {
  text-align: center;
  align-self: center;
}

.ss-lot-page--desk .ss-lot-sale-block--user-bid .ss-lot-sale-label.ss-lot-cta-label {
  color: #1a6b34;
  font-weight: 700;
}

.ss-lot-page--desk .ss-lot-sale-block--bid .ss-lot-sale-value,
.ss-lot-page--desk .ss-lot-sale-block--fee .ss-lot-sale-value {
  text-align: left;
  align-self: stretch;
  width: 100%;
  min-height: 1.4em;
  display: flex;
  align-items: center;
}

.ss-lot-page--desk .ss-lot-sale-block--bid .ss-bank-amount,
.ss-lot-page--desk .ss-lot-sale-block--fee .ss-bank-amount {
  display: block;
  text-align: left;
  width: 100%;
  color: var(--ink, #1b2430);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.ss-lot-page--desk .ss-lot-trade-row--fee .ss-lot-sale-block--fee .ss-bank-amount {
  text-align: center;
}

.ss-lot-page--desk .ss-lot-sale-block--user-bid .ss-lot-user-bid-wrap {
  align-self: stretch;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  min-height: 1.4em;
}

.ss-lot-page--desk .ss-lot-user-bid-prefix,
.ss-lot-page--desk .ss-lot-user-bid-input {
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--ink, #1b2430);
}

.ss-lot-page--desk .ss-lot-user-bid-input {
  max-width: none;
  padding: 0;
}

.ss-lot-page--desk .ss-lot-sale-block--user-fee .ss-bank-amount {
  color: var(--ink, #1b2430);
}

.ss-lot-page--desk .ss-customs-note {
  margin: 0 0 2px;
  min-height: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.3;
}

.ss-lot-page--desk .ss-logistics-dest-wrap {
  min-height: var(--ss-trio-band);
  padding: 8px 0;
  border-bottom: 1px solid #f1f4f7;
  box-sizing: border-box;
  justify-content: center;
}
.ss-lot-page--desk .ss-logistics-dest-wrap--after-land {
  margin-top: 14px;
  padding-top: 16px;
}

.ss-lot-main-vin {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ss-lot-main-vin-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9aa8b6;
}
.ss-lot-main-vin-code {
  font-size: 1.05rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.05em;
  color: var(--ink, #1b2430);
  line-height: 1.2;
}
.ss-lot-main-vin-copy {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #7a8794;
  cursor: pointer;
}
.ss-lot-main-vin-copy svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.ss-lot-main-vin-copy:hover {
  color: var(--ink, #1b2430);
  background: #f1f4f8;
}

.ss-lot-buynow-btn {
  appearance: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  margin: 0;
  padding: 10px 0 8px;
  border: none;
  border-bottom: 1px solid #d7e5dc;
  border-radius: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.ss-lot-buynow-btn:hover {
  border-bottom-color: #1a7a3c;
}
.ss-lot-buynow-label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1a7a3c;
}
.ss-lot-buynow-price {
  font-size: 1.25rem;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
  color: #1a7a3c;
  line-height: 1.15;
}
.ss-lot-page--desk .ss-lot-aside-zone {
  margin-top: 0;
}
.ss-lot-page--desk .ss-lot-aside-zone--id {
  margin: 0 0 12px;
  padding: 0 0 12px;
}
.ss-lot-page--desk .ss-lot-aside-brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  min-height: 28px;
  margin: 0;
  padding: 0;
}
.ss-lot-page--desk .ss-lot-aside-auction {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
}
.ss-lot-page--desk .ss-lot-aside-lotnum {
  font-size: 1.05rem;
  font-weight: 750;
  line-height: 1.2;
}
.ss-lot-page--desk .ss-lot-cd {
  border-bottom: 0;
  padding-bottom: 0;
}
.ss-lot-page--desk .ss-lot-aside-zone--actions .ss-lot-intent-actions {
  gap: 0;
}

/* Десктоп-карточка: спокойный стиль как у поиска */
.ss-lot-page--desk .ss-lot-page-kicker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-height: 28px;
  margin: 0 0 10px;
  padding: 0;
}
.ss-lot-page--desk .ss-lot-page-tag {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted, #6b7685);
  border-bottom: 1px solid var(--accent, #e63946);
  padding-bottom: 1px;
}
.ss-lot-page--desk .ss-lot-page-title,
.ss-lot-page--desk .ss-card-meta-row { display: none; }
.ss-lot-page--desk .ss-lot-page-lead { display: none; }
.ss-lot-page--desk .ss-lot-page-facts {
  padding: 8px 16px 8px;
}
.ss-lot-page--desk .ss-lot-page-facts .ss-card-pills {
  margin: 0 0 4px;
}
.ss-lot-page--desk .ss-lot-page-side {
  padding-top: 12px;
}
.ss-lot-page--desk .ss-lot-page-logistics,
.ss-lot-page--desk .ss-lot-page-customs {
  padding-top: 12px;
}
.ss-lot-page--desk .ss-lot-page-facts > .lot-offsite-bar:not(.lot-offsite-bar--brand) {
  display: none;
}
.ss-lot-page--desk .ss-lot-page-facts > .lot-offsite-bar--brand {
  display: inline-flex;
}
.ss-lot-main-vin {
  min-height: 28px;
}
.ss-lot-page--desk .ss-seller-badge--insurance,
.ss-lot-page--desk .ss-seller-badge--credit {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f0fdf4;
  color: #15803d;
  border: 1px solid #86efac;
  border-radius: 999px;
}
.ss-lot-page--desk .ss-seller-badge--rental {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fffbeb;
  color: #a16207;
  border: 1px solid #fcd34d;
  border-radius: 999px;
}
.ss-lot-page--desk .ss-seller-badge--other,
.ss-lot-page--desk .ss-seller-badge--unknown {
  background: #f4f6f8;
  color: #5c6b7a;
  border: 1px solid #dde3ea;
  border-radius: 4px;
}
.ss-lot-page--desk .ss-seller-badge--cash_buyer {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #eef1f4;
  color: #3d4a57;
  border: 1px solid #c5ced8;
  border-radius: 999px;
  font-weight: 700;
}
.ss-lot-page--desk .ss-seller-block {
  margin-top: 12px;
  background: transparent;
  border: none;
  border-top: 1px solid #eef1f5;
  border-radius: 0;
  padding: 12px 0 0;
}
.ss-lot-page--desk .ss-prior-auctions-banner {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  animation: none;
}
.ss-lot-page--desk .ss-prior-auctions-alert.is-active {
  animation: none;
}
.ss-lot-page--desk .ss-prior-auctions-btn {
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink, #1b2430);
  font-weight: 500;
  padding: 10px 12px;
}
.ss-lot-page--desk .ss-prior-auctions-btn:hover {
  transform: none;
  border-color: #c5ced9;
  background: #f1f4f8;
}
.ss-lot-page--desk .ss-prior-auctions-icon { display: none; }
.ss-lot-page--desk .ss-prior-auctions-cta {
  color: var(--muted, #6b7685);
  font-weight: 600;
  text-decoration: none;
  box-shadow: inset 0 -1px 0 0 var(--accent, #e63946);
}
.ss-lot-page--desk .ss-lot-intent-ico { display: none; }
.ss-lot-page--desk .ss-lot-intent-btn {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e3e8ef;
  background: transparent;
  justify-content: flex-start;
  padding: 10px 0;
}
.ss-lot-page--desk .ss-lot-intent-btn:hover {
  background: transparent;
  border-color: var(--accent, #e63946);
}
.ss-lot-page--desk .ss-lot-intent-label {
  font-size: 12px;
  letter-spacing: 0.08em;
  color: #5c6672;
}
.ss-lot-page--desk .ss-lot-intent-btn:hover .ss-lot-intent-label {
  color: var(--ink, #1b2430);
}
.ss-lot-page--desk .ss-lot-repair-float .ss-repair-estimate-btn {
  background: var(--accent, #e63946);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  padding: 11px 18px;
  width: auto;
  min-width: 200px;
}
.ss-lot-page--desk .ss-lot-repair-float .ss-repair-estimate-btn:hover {
  filter: brightness(1.05);
  color: #fff;
  border-bottom: none;
  background: var(--accent, #e63946);
}
.ss-lot-page--desk .ss-lot-hist-float .ss-prior-auctions-banner .ss-prior-auctions-text {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #9a3412;
  line-height: 1.35;
}
.ss-lot-page--desk .ss-auction-history-intro {
  display: none;
}
.ss-lot-page--desk .ss-auction-history-table {
  font-size: 12px;
}
.ss-lot-page--desk .ss-auction-history-table th,
.ss-lot-page--desk .ss-auction-history-table td {
  padding: 3px 8px;
  line-height: 1.25;
}
.ss-lot-page--desk .ss-auction-history-table .ss-seller-badge {
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 4px;
  max-width: none;
  overflow: visible;
  text-overflow: unset;
}

.ss-lot-aside-auction {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted, #6b7685);
}
.ss-lot-aside-auction--iaai { color: #c62828; }
.ss-lot-aside-auction--copart { color: #1a5fb4; }

.ss-lot-cd {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 0 4px;
  border-bottom: 1px solid #eef1f5;
}
.ss-lot-cd-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--muted, #6b7685);
  letter-spacing: 0.02em;
}
.ss-lot-cd-value {
  font-size: 1.35rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: var(--ink, #1b2430);
  line-height: 1.2;
}

.ss-lot-sale-status {
  text-align: left;
  padding: 0 0 4px;
  border-radius: 0;
  line-height: 1.25;
  border-bottom: 1px solid #eef1f5;
  background: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: none;
}
.ss-lot-sale-status-text {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink, #1b2430);
}
.ss-lot-sale-status--sold .ss-lot-sale-status-text { color: #1a6b34; }
.ss-lot-sale-status--not_sold .ss-lot-sale-status-text { color: #8a5a20; }
.ss-lot-sale-status--on_approval .ss-lot-sale-status-text { color: #6b5a1e; }
.ss-lot-sale-status--upcoming,
.ss-lot-sale-status--active,
.ss-lot-sale-status--timed {
  background: transparent;
  color: inherit;
  border-color: #eef1f5;
}
.ss-lot-sale-status--schedule {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid transparent;
  margin-bottom: 6px;
}
.ss-lot-sale-status--schedule .ss-lot-sale-status-text {
  letter-spacing: 0.05em;
  font-size: 12px;
}
.ss-lot-sale-status--future {
  color: #6d28d9;
  border-color: rgba(109, 40, 217, 0.4);
  background: rgba(167, 139, 250, 0.16);
}
.ss-lot-sale-status--upcoming.ss-lot-sale-status--schedule,
.ss-lot-sale-status--schedule.ss-lot-sale-status--upcoming {
  color: #0369a1;
  border-color: rgba(3, 105, 161, 0.4);
  background: rgba(14, 165, 233, 0.12);
}
.ss-lot-trade-status--schedule {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.ss-lot-trade-status--future {
  color: #6d28d9;
  border: 1px solid rgba(109, 40, 217, 0.4);
  background: rgba(167, 139, 250, 0.16);
}
.ss-lot-trade-status--upcoming {
  color: #0369a1;
  border: 1px solid rgba(3, 105, 161, 0.4);
  background: rgba(14, 165, 233, 0.12);
}

.ss-lot-sale-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ss-lot-sale-label {
  font-size: 11px;
  font-weight: 600;
  color: #6b7c8f;
  text-transform: none;
  letter-spacing: 0.01em;
}
.ss-lot-sale-value .ss-bank-amount {
  font-size: 1.25rem;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  text-align: left;
}
.ss-lot-sale-block--bid .ss-bank-amount {
  color: var(--ink, #1b2430);
  font-weight: 700;
}
.ss-lot-sale-date-val {
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  font-size: 1rem;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  color: #1e2d3d;
  text-align: left;
  box-shadow: none;
}

.ss-lot-page-notes {
  padding: 16px 18px 18px;
  border-top: 1px solid #eef1f5;
  background: #fafbfc;
}
.ss-lot-page-notes h3 {
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--dark);
}

.ss-lot-page-empty {
  padding: 48px 24px;
  text-align: center;
  color: var(--muted);
}
.ss-lot-page-empty a { color: var(--accent); }

@media (max-width: 960px) {
  .ss-lot-page-body {
    grid-template-columns: 1fr;
    grid-template-areas:
      "hero"
      "tiles"
      "facts"
      "mid"
      "trio"
      "invoice"
      "fields";
  }
  .ss-lot-page-trio {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .ss-lot-page-trio > .ss-lot-page-side,
  .ss-lot-page-trio > .ss-lot-page-logistics,
  .ss-lot-page-trio > .ss-lot-page-customs {
    flex: 1 1 auto;
    width: auto;
  }
  .ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-side::before,
  .ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-logistics::before {
    display: none;
  }
  .ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-side,
  .ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-logistics,
  .ss-lot-page--desk .ss-lot-page-trio > .ss-lot-page-customs {
    border-bottom: 1px solid #eef1f5;
    padding-left: 16px;
    padding-right: 16px;
  }
  .ss-lot-page-hero {
    border-bottom: none;
  }
  .ss-lot-page--desk .ss-lot-page-hero::after {
    display: none;
  }
  .ss-lot-page-tiles {
    border-bottom: 1px solid #eef1f5;
    padding: 0 16px 14px;
  }
  .ss-lot-page-thumbs {
    max-height: 220px;
    grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  }
  .ss-lot-facts-strip .ss-card-pills--row {
    flex-wrap: wrap;
  }
  .ss-lot-facts-strip .ss-card-pills--row .ss-card-pill {
    flex: 0 1 auto;
    width: max-content;
  }
  .ss-lot-page-gallery {
    grid-row: auto;
    border-right: 0;
    border-bottom: 1px solid #eef1f5;
  }
  .ss-lot-page-side {
    grid-row: auto;
    position: static;
    border-left: 0;
    border-top: 1px solid #eef1f5;
    min-height: 0;
  }
  .ss-lot-page--desk .ss-lot-page-side::before {
    display: none;
  }
  .ss-lot-page-logistics {
    border-top: 1px solid #eef1f5;
    padding: 12px 16px 16px;
  }
  .ss-lot-page-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .ss-lot-page-fields { grid-template-columns: 1fr; }
}

/* ——— PWA ——— */
.ss-pwa-install {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #c7d7ea;
  background: linear-gradient(180deg, #fff 0%, #f3f7fb 100%);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
}
.ss-pwa-install[hidden] { display: none !important; }
.ss-pwa-install-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.ss-pwa-install-title {
  font-size: 14px;
  color: #1e2d3d;
}
.ss-pwa-install-body {
  font-size: 12px;
  color: #6b7c8f;
  line-height: 1.35;
}
.ss-pwa-install-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.ss-pwa-install-dismiss {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: #eef2f7;
  color: #6b7c8f;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

/* Panel PWA: своя навигация — не скрываем ссылки главного сайта в шапке smart-search. */

html.ss-pwa-standalone .ss-main {
  padding-bottom: 24px;
}

@media (max-width: 640px) {
  .ss-pwa-install {
    flex-direction: column;
    align-items: stretch;
  }
  .ss-pwa-install-actions {
    justify-content: space-between;
  }
}

.lot-offsite-bar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 4px 0 6px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.lot-offsite-bar__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}
.lot-offsite-bar--copart {
  background: rgba(26, 95, 180, 0.1);
  color: #1a5fb4;
}
.lot-offsite-bar--copart .lot-offsite-bar__dot { background: #1a5fb4; }
.lot-offsite-bar--iaai {
  background: rgba(196, 30, 58, 0.1);
  color: #c41e3a;
}
.lot-offsite-bar--iaai .lot-offsite-bar__dot { background: #c41e3a; }
.lot-offsite-bar--brand.lot-offsite-bar--crashedtoys {
  background: rgba(11, 110, 79, 0.12);
  color: #0b6e4f;
}
.lot-offsite-bar--brand.lot-offsite-bar--crashedtoys .lot-offsite-bar__dot { background: #0b6e4f; }
.lot-offsite-bar--brand.lot-offsite-bar--rec_rides {
  background: rgba(138, 75, 8, 0.12);
  color: #8a4b08;
}
.lot-offsite-bar--brand.lot-offsite-bar--rec_rides .lot-offsite-bar__dot { background: #8a4b08; }
.lot-offsite-bar--brand.lot-offsite-bar--dream_rides {
  background: rgba(91, 44, 111, 0.12);
  color: #5b2c6f;
}
.lot-offsite-bar--brand.lot-offsite-bar--dream_rides .lot-offsite-bar__dot { background: #5b2c6f; }
.lot-offsite-bar--sublot {
  background: rgba(26, 95, 180, 0.1);
  color: #1a5fb4;
}
.lot-offsite-bar--sublot .lot-offsite-bar__dot { background: #1a5fb4; }

.ss-gmsite-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 12px;
}
.ss-gmsite-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 18px 12px;
  border: 2px solid #d0d7de;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  font: inherit;
}
.ss-gmsite-btn__code {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}
.ss-gmsite-btn__label {
  font-size: 0.82rem;
  color: #57606a;
  text-align: center;
}
.ss-gmsite-btn--tx:hover,
.ss-gmsite-btn--tx:focus-visible {
  border-color: #1a5fb4;
  background: #f0f6ff;
}
.ss-gmsite-btn--nj:hover,
.ss-gmsite-btn--nj:focus-visible {
  border-color: #2da44e;
  background: #f0fff4;
}

/* ---------- Лента поиска в стиле карточки главной ---------- */
body.ss-site .ss-form-screen--tape {
  max-width: min(520px, 100%);
  margin: 0 auto;
  padding: 20px 18px 18px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 32px rgba(13, 27, 42, 0.08);
}

body.ss-site .ss-tape-head-label {
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink);
  text-align: center;
}

body.ss-site .ss-tape-section {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  padding: 14px 14px 12px;
  margin: 0 0 10px;
}

body.ss-site .ss-tape-section:first-child,
body.ss-site .ss-tape-section--open:first-of-type {
  border-top: 1px solid var(--border);
  padding-top: 14px;
}

body.ss-site .ss-tape-section__title {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

body.ss-site .ss-form-line-field label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 5px;
}

body.ss-site .ss-form-line-field select,
body.ss-site .ss-form-line-field input[type="number"],
body.ss-site .ss-form-line-field input[type="text"],
body.ss-site .ss-form-line-row .ss-form-line-field select,
body.ss-site .ss-form-line-row .ss-form-line-field input[type="number"],
body.ss-site .ss-year-picker__trigger {
  border: 1px solid var(--border) !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  padding: 11px 34px 11px 12px !important;
  min-height: 44px;
  font-size: 0.95rem !important;
  font-weight: 600;
  color: var(--ink);
  box-sizing: border-box;
}

body.ss-site .ss-form-line-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7685' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
}

body.ss-site .ss-form-line-field select:focus,
body.ss-site .ss-form-line-field input[type="number"]:focus,
body.ss-site .ss-form-line-field input[type="text"]:focus,
body.ss-site .ss-year-picker__trigger:focus {
  outline: 2px solid rgba(230, 57, 70, 0.35);
  outline-offset: 1px;
  border-color: var(--accent) !important;
}

body.ss-site .ss-form-actions--tape {
  border-top: none;
  padding-top: 6px;
  margin-top: 4px;
}

body.ss-site .ss-form-actions--tape .btn,
body.ss-site .ss-form-actions--tape button[type="submit"] {
  min-height: 44px;
  border-radius: 12px;
  font-weight: 700;
}

body.ss-site .ss-tape-section.is-open,
body.ss-site .ss-tape-section--open {
  background: #fff;
  box-shadow: 0 4px 16px rgba(13, 27, 42, 0.05);
}

body.ss-site .ss-tape-section__toggle {
  padding: 2px 0;
}

body.ss-site .ss-tape-section__toggle .ss-tape-section__title {
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

body.ss-site .ss-tape-section__chev {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--surface);
  color: var(--ink);
  font-size: 14px;
}

body.ss-site .ss-filter-group {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;
  padding: 12px;
  margin: 0 0 10px;
}

body.ss-site .ss-filter-group__title {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 8px;
}

body.ss-site .ss-wizard-vehicle-summary {
  text-align: center;
  font-weight: 600;
  color: var(--ink);
}

body.ss-site .ss-main {
  padding-top: 18px;
  padding-bottom: 40px;
}

@media (max-width: 640px) {
  body.ss-site .ss-form-screen--tape {
    border-radius: 0;
    border-left: none;
    border-right: none;
    box-shadow: none;
    padding-left: 14px;
    padding-right: 14px;
  }
}