/* Страница машины (тест): машина → доставка → растаможка → итог */
.elt { --y: #f2b705; --y2: #ffcf33; --ink: #141414; --mut: #6b6b6b; --line: #e7e7e7; --dark: #121212;
       color: var(--ink); width: 100%; max-width: 1240px; margin: 0 auto; padding: 20px 20px 56px; }
.elt *, .elt *::before, .elt *::after { box-sizing: border-box; }
.elt [hidden] { display: none !important; }
.elt-crumbs { font-size: 13px; color: var(--mut); margin-bottom: 10px; }
.elt-crumbs a { color: var(--mut); }
.elt-top { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 14px; }
.elt-top h1 { font-size: 28px; line-height: 1.2; margin: 0; }
.elt-tag { background: #1d4ed8; color: #fff; font-size: 12px; font-weight: 800; border-radius: 7px; padding: 4px 8px; text-decoration: none; }
/* цвета площадок: Copart — синий с жёлтым, IAAI — красный; ссылка ведёт на лот на сайте аукциона */
.elt-tag.is-copart { background: #0c4da2; color: #ffc629; }
.elt-tag.is-iaai { background: #d21f2c; color: #fff; }
a.elt-tag[href]:hover { filter: brightness(1.12); text-decoration: none; }
.elt-vin__l { font-family: inherit; font-weight: 800; color: #888; letter-spacing: .3px; margin-right: 2px; }
.elt-vin { white-space: nowrap; font: 600 13px ui-monospace, monospace; background: #fff; border: 1px solid var(--line); border-radius: 8px; padding: 5px 9px; }
.elt-msg { color: var(--mut); padding: 40px 0; text-align: center; }
.elt-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.elt-card { background: #fff; border-radius: 20px; box-shadow: 0 6px 24px rgba(0, 0, 0, .06); padding: 18px; min-width: 0; }
.elt-ph { position: relative; aspect-ratio: 4 / 3; border-radius: 14px; background: #e9e9e6; overflow: hidden; }
.elt-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.elt-ph.is-empty::after { content: "Фото нет"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #999; }
.elt-ph b { position: absolute; right: 10px; bottom: 10px; background: rgba(0, 0, 0, .6); color: #fff; font-size: 12px; border-radius: 7px; padding: 3px 8px; }
.elt-label { position: absolute; left: 10px; top: 10px; z-index: 1; background: #111; color: #fff; font-size: 12px; font-weight: 800; border-radius: 7px; padding: 3px 8px; }
.elt-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 50%;
           background: rgba(255, 255, 255, .85); font-size: 26px; line-height: 1; cursor: pointer; }
.elt-nav.is-prev { left: 10px; } .elt-nav.is-next { right: 10px; }
.elt-thumbs { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; padding-bottom: 4px; }
.elt-thumbs button { flex: 0 0 92px; aspect-ratio: 4 / 3; border: 0; padding: 0; border-radius: 9px; overflow: hidden; cursor: pointer; background: #ddd; outline-offset: -3px; }
.elt-thumbs button.is-on { outline: 3px solid var(--y); }
.elt-thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.elt-status { display: flex; justify-content: space-between; align-items: center; margin: 16px 0 4px; gap: 10px; flex-wrap: wrap; font-size: 14px; color: #444; }
.elt-pill { background: #fff2c2; border-radius: 999px; padding: 6px 12px; font-weight: 800; font-size: 13px; color: #111; }
.elt-price { font-size: 30px; font-weight: 900; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.elt-price small { font-size: 13px; color: var(--mut); font-weight: 600; }
.elt-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; margin-top: 12px; }
.elt-specs div { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px solid #f0f0ee; padding: 8px 0; font-size: 14px; text-align: right; }
.elt-specs span { color: var(--mut); text-align: left; }
.elt-warn { margin-top: 12px; background: #fff7ed; border-radius: 12px; padding: 10px 12px; font-size: 13.5px; color: #9a3412; }
.elt-hist h3 { font-size: 15px; margin: 14px 0 6px; } .elt-hist ul { margin: 0; padding-left: 18px; } .elt-hist li { font-size: 13.5px; margin: 3px 0; color: #333; }

.elt-about { margin-top: 16px; border-top: 1px solid #f0f0ee; padding-top: 12px; }
.elt-about h2 { font-size: 16px; margin: 0 0 6px; } .elt-about p { font-size: 13.5px; color: #444; line-height: 1.55; margin: 0 0 8px; }
.elt-calc { position: sticky; top: 90px; background: var(--dark); color: #fff; border-radius: 20px; padding: 18px; min-width: 0; }
.elt-calc h2 { margin: 0 0 4px; font-size: 19px; color: #fff; } .elt-sub { color: #aaa; font-size: 13px; margin: 0 0 8px; }
.elt-step { border-top: 1px solid #2a2a2a; padding: 12px 0; }
.elt-sh { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-weight: 800; font-size: 15px; }
.elt-sh i { font-style: normal; display: inline-flex; width: 24px; height: 24px; border-radius: 50%; background: var(--y); color: #111; align-items: center; justify-content: center; font-size: 13px; margin-right: 8px; }
.elt-chk { display: flex; align-items: center; gap: 10px; cursor: pointer; margin: 0; }
.elt-chk input { width: 20px; height: 20px; accent-color: var(--y); margin: 0; flex: 0 0 20px; }
.elt-hint { display: none; font-size: 12.5px; color: #8d8d8d; margin: 6px 0 0 30px; }
.elt-step.is-off .elt-hint { display: block; }
.elt-step.is-off > :not(.elt-sh):not(.elt-hint) { display: none !important; }
.elt-step.is-off .elt-sh > span:last-child { color: #f2b705; opacity: .85; }
.elt-step.is-off { border-top-style: dashed; }
.elt-step.is-off .elt-chk input { animation: none; }
@keyframes eltPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(242,183,5,0); } 50% { box-shadow: 0 0 0 6px rgba(242,183,5,.35); } }
.elt-hint { color: #a9a9a9; }
.elt-step.is-off .elt-hint { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 8px 0 0 30px; }
.elt-hint span { font-size: 12.5px; line-height: 1.45; }
.elt-add { flex: 0 0 auto; padding: 8px 14px; border: 1px solid #f2b705; border-radius: 10px; background: transparent; color: #f2b705;
  font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; transition: background .15s, color .15s; }
.elt-add:hover { background: #f2b705; color: #141414; }
.elt-opts { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0 4px; }
.elt-opts span, .elt-opts button { background: #232323; border: 1px solid #333; border-radius: 9px; padding: 6px 10px; font: inherit; font-size: 12.5px; color: #ddd; }
.elt-opts button { cursor: pointer; } .elt-opts .is-on { background: var(--y); color: #111; border-color: var(--y); font-weight: 800; }
.elt-row { display: flex; align-items: baseline; gap: 6px; padding: 5px 0; font-size: 13.5px; color: #ddd; }
.elt-row i { flex: 1 1 20px; min-width: 14px; border-bottom: 1px dotted #444; transform: translateY(-4px); }
.elt-row b { color: #fff; white-space: nowrap; } .elt-row small { display: block; color: #8d8d8d; font-size: 11.5px; }
.elt-ins { margin: 8px 0 2px; font-size: 13.5px; color: #ddd; font-weight: 600; justify-content: space-between; }
.elt-ins span { flex: 1; } .elt-ins small { display: block; color: #8d8d8d; font-size: 11.5px; font-weight: 400; } .elt-ins b { color: #fff; }
.elt-note { margin-top: 8px; background: #1f1a08; border: 1px solid #4d3d08; border-radius: 10px; padding: 8px 10px; font-size: 12.5px; color: #f5d77a;
            display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.elt-note a { color: #111 !important; background: var(--y); border-radius: 8px; padding: 5px 9px; font-weight: 800; text-decoration: none; white-space: nowrap; font-size: 12px; }
.elt-err { color: #fcd34d; font-size: 13px; margin: 6px 0; } .elt-wait { color: #999; font-size: 13px; margin: 6px 0; }
.elt-edit { display: inline-flex; align-items: center; gap: 6px; margin: 8px 0 2px; background: #232323; border: 1px solid #3a3a3a; color: var(--y2);
            border-radius: 9px; padding: 7px 11px; font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; }
.elt-mini { background: #fff; color: var(--ink); border-radius: 14px; padding: 14px; margin: 10px 0 6px; }
.elt-who { display: flex; background: #efefec; border-radius: 11px; padding: 3px; margin-bottom: 10px; }
.elt-who button { flex: 1; border: 0; background: transparent; padding: 8px; border-radius: 9px; font: inherit; font-size: 13px; font-weight: 700; color: #555; cursor: pointer; }
.elt-who .is-on { background: #fff; color: #111; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); }
.elt-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.elt-mini label { display: block; font-size: 12px; font-weight: 700; color: #444; margin: 0 0 5px; }
.elt-mini input[type=text] { width: 100%; height: 40px; border: 1px solid #e3e3e0; border-radius: 10px; background: #fafaf8; padding: 0 10px; font: inherit; font-size: 14px; margin: 0; }
.elt-pills { display: flex; flex-wrap: wrap; gap: 5px; }
.elt-pills button { padding: 8px 10px; border-radius: 9px; border: 0; background: #efefec; font: inherit; font-size: 12.5px; font-weight: 600; color: #444; cursor: pointer; }
.elt-pills .is-on { background: #141414; color: #fff; }
.elt-radio label { display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 500; color: #222; margin: 0 0 6px; cursor: pointer; }
.elt-radio input { accent-color: var(--y); margin: 0; }
.elt-ben { display: flex !important; align-items: center; gap: 8px; background: #fff7d6; border-radius: 10px; padding: 9px 10px; font-size: 13px !important; margin-top: 10px !important; cursor: pointer; }
.elt-ben input { width: 18px; height: 18px; accent-color: var(--y); margin: 0; }
.elt-src { font-size: 11.5px; color: #8a8a8a; margin: 8px 0 0; }
.elt-done { margin-top: 10px; width: 100%; border: 0; border-radius: 10px; background: var(--y); font: inherit; font-weight: 900; padding: 10px; cursor: pointer; }
.elt-total { margin-top: 6px; background: linear-gradient(135deg, #2a2205, #1b1b1b); border: 1px solid #5c4a0c; border-radius: 16px; padding: 14px 16px;
             display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.elt-total span { font-weight: 800; font-size: 16px; } .elt-total p { margin: 4px 0 0; font-size: 12px; color: #bbb; }
.elt-total strong { font-size: 30px; font-weight: 900; color: var(--y2); white-space: nowrap; display: block; text-align: right; }
.elt-total small { display: block; text-align: right; color: #aaa; font-size: 12px; }
.elt-cta { display: grid; gap: 8px; margin-top: 12px; }
.elt-cta .p { border: 0; background: var(--y); color: #111; border-radius: 12px; padding: 14px; font: inherit; font-weight: 900; font-size: 15px; cursor: pointer; }
.elt-cta a { border: 1px solid #444; border-radius: 12px; padding: 11px; text-align: center; font-weight: 700; font-size: 14px; color: #fff !important; text-decoration: none; }
.elt-fine { font-size: 11.5px; color: #8d8d8d; margin: 10px 0 0; }
@media (max-width: 900px) { .elt-grid { grid-template-columns: 1fr; } .elt-calc { position: static; } }
@media (max-width: 560px) { .elt { padding: 14px 12px 40px; } .elt-top h1 { font-size: 22px; } .elt-specs { grid-template-columns: 1fr; }
  .elt-total { flex-direction: column; align-items: flex-start; } .elt-total strong, .elt-total small { text-align: left; } .elt-g2 { grid-template-columns: 1fr; } }
/* нет готовой цены доставки: объяснение + менеджер */
.elt-ask { margin: 8px 0 4px; padding: 12px 14px; border-radius: 12px; background: rgba(242,183,5,.10); border: 1px solid rgba(242,183,5,.35); }
.elt-ask b { display: block; color: #f2b705; font-size: 14px; margin-bottom: 4px; }
.elt-ask p { margin: 4px 0; color: #ddd; font-size: 13px; line-height: 1.45; }
.elt-ask__btn { margin-top: 8px; padding: 9px 14px; border: 0; border-radius: 10px; background: #f2b705; color: #141414; font: inherit; font-weight: 800; font-size: 13.5px; cursor: pointer; }
.elt-ask__btn:hover { background: #fff; }
.elt-ask__mini { margin: 6px 0 2px; color: #fcd34d; font-size: 12.5px; }
/* тип продажи и резерв продавца (левая светлая карточка) */
.elt-reserve { margin: 12px 0; padding: 11px 13px; border-radius: 12px; font-size: 13px; line-height: 1.5; color: #444; background: #fff8e6; border: 1px solid #f2d57a; }
.elt-reserve b { display: block; font-size: 14px; margin-bottom: 2px; color: #8a5a00; }
.elt-reserve strong { color: #111; }
.elt-reserve.is-pure { background: #eef7ee; border-color: #a5d6a7; }
.elt-reserve.is-pure b { color: #2e7d32; }
/* сноски * и ** к строкам оформления */
.elt-fn { margin: 6px 0 0; color: #9a9a9a; font-size: 11.5px; line-height: 1.45; }
.elt-step sup { font-size: 10px; color: #f2b705; margin-left: 1px; }
/* 1.6.0 — значки вместо эмодзи, пробег в милях + км */
.elt-i{margin-right:6px;color:#d99a00;width:1.05em;text-align:center}
.elt-reserve .elt-i,.elt-warn .elt-i,.elt-cta .elt-i{color:inherit}
.elt-specs .elt-mi{display:block;font-weight:700}
.elt-specs .elt-km{display:block;font-size:12px;color:#999;font-weight:400}
.elt-odo{margin:0;text-align:right}
.elt-h1-vin{display:block;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.55em;font-weight:600;letter-spacing:.5px;color:#666}
.elt-vinbox{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none;max-width:100%}
.elt-copy{display:inline-flex;align-items:center;gap:6px;margin-left:0;flex:none;padding:5px 10px;border:1px solid var(--line,#e6e6e6);border-radius:8px;background:#fff;font-size:12.5px;font-weight:600;color:#444;cursor:pointer}
.elt-copy:hover{border-color:#f2b705}
/* перелинковка внизу страницы машины */
.elt-rel{margin:34px 0 10px}
.elt-rel h2{font-size:20px;font-weight:800;margin:26px 0 12px}
.elt-rel__h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.elt-rel__h h2{margin-top:0}
.elt-rel__h a{font-weight:700;color:#b07d00;text-decoration:none}
.elt-rel__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.elt-rel__cards a{display:flex;flex-direction:column;gap:3px;height:100%;padding-bottom:12px;border:1px solid #ececec;border-radius:12px;background:#fff;color:#222;text-decoration:none;overflow:hidden}
.elt-rel__cards a:hover{border-color:#f2b705;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.elt-rel__ph{display:block;aspect-ratio:4/3;background:#f2f2f0}
.elt-rel__ph img{width:100%;height:100%;object-fit:cover;display:block}
.elt-rel__cards strong,.elt-rel__cards small,.elt-rel__cards b{padding:0 12px}
.elt-rel__cards strong{margin-top:8px;font-size:14.5px;line-height:1.3}
.elt-rel__cards small{font-size:12px;color:#777}
.elt-rel__vin{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.3px}
.elt-rel__cards b{margin-top:4px;font-size:16px;color:#d98a00}
.elt-rel__chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.elt-rel__chips a{display:inline-flex;gap:6px;align-items:center;padding:7px 12px;border:1px solid #e6e6e6;border-radius:999px;background:#fff;color:#222;font-size:13.5px;text-decoration:none}
.elt-rel__chips a:hover{border-color:#f2b705;background:#fffaf0}
.elt-rel__chips small{color:#999;font-size:12px}
@media (max-width:991px){.elt-rel__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.elt-rel__cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}.elt-rel__cards li{flex:0 0 72%;scroll-snap-align:start}.elt-copy span{display:none}.elt-vin{font-size:12px}}
/* блок «Резерв продавца» с кнопками к менеджеру */
.elt-rv{margin:14px 0;border:1px solid #f0d58a;border-radius:16px;background:linear-gradient(180deg,#fffbea,#fff);overflow:hidden;box-shadow:0 6px 22px rgba(242,183,5,.12)}
.elt-rv.is-pure{border-color:#b7dfb9;background:linear-gradient(180deg,#f1faf1,#fff);box-shadow:none}
.elt-rv.is-ask{border-color:#ececec;background:#fff;box-shadow:none}
.elt-rv.is-pure .elt-rv__q{border-color:#b7dfb9;color:#1f3d21}.elt-rv.is-pure .elt-rv__q i{color:#2e7d32}
.elt-rv__top{display:flex;align-items:center;gap:12px;padding:14px 16px 6px}
.elt-rv__ic{flex:0 0 40px;height:40px;border-radius:12px;background:#f2b705;color:#141414;display:flex;align-items:center;justify-content:center;font-size:18px}
.elt-rv.is-pure .elt-rv__ic{background:#2e7d32;color:#fff}
.elt-rv__t{font-size:16px;font-weight:800;color:#141414;line-height:1.2}
.elt-rv__t small{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#141414;color:#f2b705;font-size:11px;font-weight:700;vertical-align:2px}
.elt-rv.is-pure .elt-rv__t small{background:#2e7d32;color:#fff}
.elt-rv__p{margin:0;padding:2px 16px 0 68px;color:#555;font-size:13.5px;line-height:1.5}
.elt-rv__pad{height:14px}
.elt-rv__q{display:flex;gap:10px;align-items:flex-start;margin:12px 16px 0;padding:10px 12px;border-radius:12px;background:#fff;border:1px dashed #e8c766;color:#3a2f00;font-size:13.5px;line-height:1.45}
.elt-rv__q i{color:#d99a00;margin-top:3px}
.elt-rv__cta{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 4px}
.elt-rv__btn{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:0;border-radius:12px;background:#141414;color:#f2b705;font-weight:800;font-size:14px;cursor:pointer}
.elt-rv__btn:hover{background:#000}
.elt-rv__tg{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:12px;background:#229ED9;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none}
.elt-rv__note{padding:6px 16px 14px;color:#8a8a8a;font-size:12px}
@media (max-width:560px){.elt-rv__p{padding-left:16px}.elt-rv__btn,.elt-rv__tg{flex:1 1 100%}}
.elt-row b .elt-usd{display:block;font-size:11px;font-weight:500;color:#9a9a9a;text-align:right}