*{box-sizing:border-box;margin:0;padding:0}
/* Оформление как на evercar.am (26.10.2026): шрифт Mardoto (армянский диапазон, файлы в fonts/), тёмно-синяя шапка #101828 с белым логотипом,
   акцент — оранжевый #e4572e, «есть в магазине» — зелёный #0d8a4f, радиусы 11 px, мягкие тени. Цвета взяты из :root сайта. */
@font-face{font-family:Mardoto;src:url("fonts/Mardoto-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+530-58F}
@font-face{font-family:Mardoto;src:url("fonts/Mardoto-Medium.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap;unicode-range:U+530-58F}
@font-face{font-family:Mardoto;src:url("fonts/Mardoto-Bold.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap;unicode-range:U+530-58F}
:root{
  --bg:#f6f7f9; --panel:#fff; --line:#e3e6ec; --line2:#d3d8e2; --ink:#101828; --dim:#596274; --mute:#8d95a5; --soft:#f6f7f9; --soft2:#eef0f4;
  --nav:#101828;
  --accent:#e4572e; --accent-dark:#c8451f; --accent-soft:#fdefe9;          /* оранжевый сайта: выбранная позиция, кнопки действия */
  --ok:#0d8a4f; --ok-soft:#e6f5ed;                                          /* зелёный сайта: есть в магазине */
  --cp:#b45309; --cp-soft:#fdf3e6; --cp-line:#d97706;                        /* «золото» сайта: аналог */
  --warn:#b02a1c; --warn-soft:#fdeceb;
  --radius:11px; --shadow:0 6px 20px -12px rgba(16,24,40,.28); --shadow-lg:0 18px 44px -24px rgba(16,24,40,.4);
}
html,body{height:100%}
body{font:14px/1.45 Mardoto,"Segoe UI",system-ui,-apple-system,"Noto Sans Armenian","Arial Armenian",Roboto,Arial,sans-serif;
     background:var(--bg);color:var(--ink);display:flex;flex-direction:column;overflow:hidden}
.hidden{display:none!important}

/* шапка */
.top{background:var(--nav);color:#fff;padding:10px 18px;display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;color:#fff}
.brand img{height:30px;width:auto;display:block}
.brand .sub{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.62);border-left:1px solid rgba(255,255,255,.22);padding-left:10px;line-height:1.1}
.model-pick{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.model-pick select{max-width:100%;padding:8px 12px;border:1px solid transparent;border-radius:9px;font-size:13px;background:#fff;color:var(--ink);font-family:inherit;font-weight:600}
.search{margin-left:auto;position:relative}
.search input{width:min(360px,70vw);padding:9px 12px 9px 34px;border:1px solid transparent;border-radius:9px;font-size:13px;background:#fff;color:var(--ink);font-family:inherit}
.search input:focus{outline:none;box-shadow:0 0 0 3px rgba(228,87,46,.35)}
.search svg{position:absolute;left:11px;top:11px;opacity:.45;color:var(--ink)}
.lang{display:flex;gap:2px;background:rgba(255,255,255,.1);border-radius:9px;padding:3px}
.lang a{color:rgba(255,255,255,.75);text-decoration:none;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:7px;letter-spacing:.3px}
.lang a.on{background:#fff;color:var(--ink)}
.lang a:hover:not(.on){color:#fff}
.results{position:absolute;right:0;top:40px;width:min(560px,92vw);max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--line);
         border-radius:var(--radius);box-shadow:var(--shadow-lg);display:none;z-index:20;color:var(--ink)}
.results.show{display:block}
.results .r{padding:8px 12px;border-bottom:1px solid #eef0f2;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:12.5px}
.results .r:hover{background:#f7f8f9}
.results .r .a{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--ok);font-weight:600}
.results .r .a.no{color:var(--dim);font-weight:400}
.results .r .a.cp{color:var(--cp)}
.results .r .w{color:var(--dim);font-size:11.5px;grid-column:1/3}
.results .r mark{background:var(--accent-soft);color:var(--accent-dark);padding:0 1px}
.results .none{padding:14px;color:var(--dim);text-align:center}
.results .sect{padding:6px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);background:#f7f8f9;border-bottom:1px solid #eef0f2}
.results .r .w b{color:var(--ink);font-weight:600}

/* экран выбора модели */
.home{flex:1;overflow:auto;padding:28px 24px}
.home h1{font-size:26px;font-weight:800;margin-bottom:4px;letter-spacing:-.2px}
.home .sub{color:var(--dim);margin-bottom:20px}
.models{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;max-width:1200px}
.mcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.mcard .ph{margin:-16px -16px 12px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;background:var(--soft2);aspect-ratio:16/10}
.mcard .ph img{display:block;width:100%;height:100%;object-fit:cover}
.mcard .st{margin-top:auto;padding-top:8px}
.mcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--line2)}
.mcard .fam{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);font-weight:700}
.mcard .nm{font-size:17px;font-weight:700;margin:4px 0 2px}
.mcard .ver{color:var(--ink);margin-bottom:10px}
.mcard .st{font-size:12px;color:var(--dim);margin-top:8px;display:flex;gap:12px;flex-wrap:wrap;white-space:nowrap}

/* каталог модели */
main{flex:1;display:flex;min-height:0;flex-wrap:wrap}
main>.bar-notice{flex-basis:100%;width:100%}
main>aside,main>.diagram,main>.parts{height:calc(100% - 34px)}
aside{width:290px;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;flex-shrink:0;font-size:13px}
.grp{padding:7px 12px;font-weight:600;cursor:pointer;user-select:none;border-bottom:1px solid #eef0f2;display:flex;align-items:center;gap:6px}
.grp:hover{background:#f0f2f4}
.grp .arw{font-size:9px;color:var(--dim);transition:transform .15s;padding:2px 3px}
.grp.open .arw{transform:rotate(90deg)}
.grp .nm{flex:1}
.grp .nm:hover{color:var(--accent);text-decoration:underline}
.grp.cur{background:var(--accent-soft);color:var(--accent-dark)}
.grp .cnt{margin-left:auto;font-weight:400;color:var(--dim);font-size:11px}
.kids{display:none} .grp.open + .kids{display:block}
.nd{padding:5px 12px 5px 26px;cursor:pointer;color:#33383f;display:flex;gap:7px;align-items:center}
.nd:hover{background:#f0f2f4}
.nd.on{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}
.nd .code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--dim);flex-shrink:0}
.nd.on .code{color:var(--accent-dark)}
.nd.empty{opacity:.45}

.diagram{flex:1;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.dhead{padding:6px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;min-height:40px}
.dhead .c{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--dim)}
.dhead .t{font-weight:600}
.tree-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:5px;width:30px;height:28px;cursor:pointer;font-size:15px}
.zoom{margin-left:auto;display:flex;gap:4px}
.zoom button{width:28px;height:28px;border:1px solid var(--line2);background:#fff;border-radius:8px;cursor:pointer;font-size:14px;line-height:1;color:var(--ink)}
.zoom button:hover{border-color:var(--accent);color:var(--accent)}
.zoom .lbl{font-size:11px;color:var(--dim);align-self:center;min-width:38px;text-align:center}
.dbody{flex:1;overflow:auto;background:#fafbfc;padding:12px}
.nnote{margin:0 0 8px;padding:6px 10px;border-radius:6px;background:#fff4e0;color:#7a4b00;font-size:12px;border:1px solid #f0d9a8}
.nnote.info{background:#f3f4f6;color:var(--dim);border-color:#e3e6ea}
/* схема показывается в натуральную величину, но не шире панели; при зуме растёт картинка, а номера остаются того же размера
   (--iz = 1/zoom), поэтому плотные номера при увеличении расходятся (26.10.2026) */
.stage{position:relative;display:block;width:min(100%,var(--nw,640px));transform-origin:0 0;--iz:1}
.stage img{display:block;width:100%;height:auto}
/* кружки маленькие (16 px), чтобы не закрывать детали; при наведении/выборе увеличиваются (26.10.2026, по замечанию David) */
.hs{position:absolute;transform:translate(-50%,-50%) scale(var(--iz));width:16px;height:16px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;letter-spacing:-.3px;
    cursor:pointer;border:1.5px solid var(--accent);background:rgba(255,255,255,.85);color:var(--accent);transition:all .12s;user-select:none}
.hs::after{content:"";position:absolute;inset:-3px}                                   /* зона нажатия больше кружка */
.hs:hover{transform:translate(-50%,-50%) scale(calc(1.6*var(--iz)));z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2);background:#fff}
.hs.on{background:var(--accent);color:#fff;transform:translate(-50%,-50%) scale(calc(1.6*var(--iz)));z-index:3;box-shadow:0 0 0 5px rgba(200,16,46,.18)}
.hs.shop{border-color:var(--ok);color:var(--ok)}
.hs.shop.on{background:var(--ok);color:#fff;box-shadow:0 0 0 5px rgba(18,128,92,.2)}
.hs.copy{border-color:var(--cp-line);color:var(--cp)}
.hs.copy.on{background:var(--cp-line);color:#fff;box-shadow:0 0 0 5px rgba(249,115,22,.22)}
.hs.none{border-color:var(--mute);color:var(--mute);border-style:dashed}
.hs.none.on{background:var(--mute);color:#fff;box-shadow:0 0 0 5px rgba(154,161,169,.2)}

/* страница группы */
main.gal .parts{display:none}
main.gal .diagram{border-right:0}
main.gal .zoom{display:none}
.gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px;padding:4px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,transform .15s}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.card .th{height:190px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.card .th img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.card .th.none{color:var(--mute);font-size:12px;text-align:center;border:1px dashed var(--line);border-radius:6px;padding:10px;line-height:1.5}
.card .cc{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--dim)}
.card .cn{font-size:12.5px;line-height:1.3}
.card.empty{opacity:.5}

/* таблица позиций */
.parts{width:600px;background:var(--panel);overflow-y:auto;flex-shrink:0}
table{width:100%;border-collapse:collapse;font-size:12.5px}
thead th{position:sticky;top:0;background:#f7f8f9;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim);white-space:nowrap;z-index:1}
tbody td{padding:8px;border-bottom:1px solid #eef0f2;vertical-align:top}
tbody tr{cursor:pointer}
tbody tr:hover{background:#f7f8f9}
/* выбранная строка (клик по номеру на схеме или по строке): заметная рамка, жирный артикул, короткая вспышка (замечание David 26.10) */
tbody tr.on{background:var(--accent-soft);box-shadow:inset 5px 0 0 var(--accent), inset 0 0 0 2px var(--accent);animation:rowflash .9s ease-out 1}
tbody tr.on td{border-bottom-color:transparent}
tbody tr.on .art,tbody tr.on .pos{font-weight:800;color:var(--accent-dark)}
@keyframes rowflash{0%{background:#f8c9b6}60%{background:#fbdccd}100%{background:var(--accent-soft)}}
tbody tr.shop{background:var(--ok-soft)}
tbody tr.shop.on{background:#d3ebe0;box-shadow:inset 5px 0 0 var(--ok), inset 0 0 0 2px var(--ok);animation:rowflashg .9s ease-out 1}
@keyframes rowflashg{0%{background:#a9dcc4}60%{background:#c3e6d4}100%{background:#d3ebe0}}
tbody tr.shop.on .art,tbody tr.shop.on .pos{color:var(--ok)}
tbody tr.copy{background:var(--cp-soft)}
tbody tr.copy.on{background:#fae6c8;box-shadow:inset 5px 0 0 var(--cp-line), inset 0 0 0 2px var(--cp-line);animation:rowflashc .9s ease-out 1}
@keyframes rowflashc{0%{background:#f5cf96}60%{background:#f8dcb2}100%{background:#fae6c8}}
tbody tr.copy.on .art,tbody tr.copy.on .pos{color:var(--cp)}
.pos{text-align:center;font-weight:700;color:var(--dim);width:34px}
tr.on .pos{color:var(--accent-dark)}
.pos small{display:block;font-weight:400;font-size:9px;color:var(--mute)}
.num{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;white-space:nowrap;color:var(--dim);border-bottom:1px dotted #b9bec5}
.num:hover{color:var(--accent);border-bottom-color:var(--accent)}
td.artc{min-width:122px}
.art{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;display:inline-block;max-width:124px;word-break:break-all;color:var(--ink)}
a.art{color:var(--ok);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(18,128,92,.4)}
a.art:hover{text-decoration:none;border-bottom-color:var(--ok);background:#d3ebe0}
a.art::after{content:" ↗";font-size:10px;opacity:.7}
a.art.copy{color:var(--cp);border-bottom-color:rgba(194,65,12,.45)}
a.art.copy:hover{background:#ffe0c7;border-bottom-color:var(--cp)}
a.vr{display:inline-block;font-size:10px;line-height:1.5;padding:0 6px;border-radius:9px;text-decoration:none;white-space:nowrap;margin-top:2px;border:1px solid var(--ok);color:var(--ok);background:#fff}
a.vr.copy{border-color:var(--cp-line);color:var(--cp)}
a.vr:hover{color:#fff;background:var(--ok)}
a.vr.copy:hover{background:var(--cp-line)}
.qty{text-align:center;width:34px;color:var(--dim)}
.note{color:var(--accent);font-size:11.5px}
.noimg{color:var(--dim);font-size:13px;line-height:1.7;padding:36px;border:2px dashed var(--line);border-radius:10px;text-align:center}
.noimg b{display:block;color:var(--ink);margin-bottom:6px}

footer{background:var(--panel);border-top:1px solid var(--line);padding:6px 16px;font-size:11.5px;color:var(--dim);display:flex;gap:16px;flex-shrink:0;align-items:center;flex-wrap:wrap}
.key{display:inline-flex;align-items:center;gap:5px}
.key i{width:11px;height:11px;border-radius:50%;border:2px solid var(--accent);display:inline-block}
.key i.d{border-color:var(--mute);border-style:dashed}
.key i.shop{border-color:var(--ok);background:var(--ok-soft)}
.key i.copy{border-color:var(--cp-line);background:var(--cp-soft)}
.hint{margin-left:auto}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#1b1f24;color:#fff;padding:9px 18px;border-radius:20px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}
.toast.show{opacity:1}

/* узкие экраны: дерево выезжает, таблица под схемой */
@media (max-width: 1000px){
  .parts{width:440px}
  td.artc{min-width:100px} .art{max-width:96px}
}
@media (max-width: 800px){
  main{flex-direction:column}
  aside{position:absolute;left:0;top:0;bottom:0;z-index:10;box-shadow:4px 0 14px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .15s}
  aside.open{transform:none}
  .tree-toggle{display:inline-block}
  .diagram{border-right:0;min-height:45%}
  .parts{width:100%;max-height:55%;border-top:1px solid var(--line)}
  .stage{width:min(100%,var(--nw,640px))}
  /* телефон: 1-я строка — логотип и язык, 2-я — модель и поиск */
  .top{row-gap:6px}
  .brand{order:0} .lang{order:1;margin-left:auto} .model-pick{order:2;flex:1 1 45%} .search{order:3;flex:1 1 45%;margin-left:0}
  .lang a{padding:5px 7px;font-size:11px}
  .hint{display:none}
}

/* кнопка «Запросить» и окно запроса */
button.ask{display:inline-block;margin-top:3px;font-size:10.5px;line-height:1.5;padding:0 8px;border-radius:9px;border:1px solid var(--line2);background:#fff;color:var(--dim);cursor:pointer;white-space:nowrap;font-family:inherit}
button.ask:hover{border-color:var(--accent);color:var(--accent)}
.modal{position:fixed;inset:0;background:rgba(27,31,36,.45);display:none;align-items:center;justify-content:center;z-index:40;padding:16px}
.modal.show{display:flex}
.modal .box{position:relative;background:#fff;border-radius:14px;padding:22px 24px;width:min(520px,100%);box-shadow:var(--shadow-lg)}
.modal .h{font-size:17px;font-weight:700;margin-bottom:4px}
.modal .sub{color:var(--dim);font-size:13px;margin-bottom:12px}
.modal .part{background:#f7f8f9;border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:12px}
.modal .part b{font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--accent-dark)}
.modal .btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.modal .b{display:inline-block;padding:10px 16px;border-radius:9px;border:1px solid var(--line2);background:#fff;color:var(--ink);text-decoration:none;font-size:13px;cursor:pointer;font-family:inherit;font-weight:600}
.modal .b:hover{border-color:var(--accent);color:var(--accent)}
.modal .b.wa{background:#25d366;border-color:#25d366;color:#fff;font-weight:600}
.modal .b.wa:hover{background:#1ebe5a;color:#fff}
.modal .txt{font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;color:var(--dim);background:#fafbfc;border:1px dashed var(--line);border-radius:8px;padding:8px 10px;margin:0}
.modal .x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:22px;color:var(--mute);cursor:pointer;line-height:1}
.modal .x:hover{color:var(--ink)}

/* счётчики «в магазине» */
.sb{display:inline-block;min-width:18px;padding:0 5px;margin-right:6px;border-radius:9px;background:var(--ok-soft);color:var(--ok);font-size:10.5px;font-weight:700;line-height:16px;text-align:center}
.nd .sb{margin:0 0 0 auto}
.card .cc .sb{float:right;margin:0}
.grp.cur .sb,.nd.on .sb{background:var(--ok);color:#fff}
.sbt{color:var(--ok);font-weight:600}
.mcard .st .sbt{margin-left:auto}

/* подсказка «каталог может ошибаться — отправьте VIN» */
.notice{display:flex;align-items:center;gap:10px;background:var(--accent-soft);border:1px solid #f6cdb9;color:var(--ink);font-size:12.5px;line-height:1.35;padding:7px 12px}
.home-notice{border-radius:var(--radius);margin:0 0 18px;max-width:1200px}
.bar-notice{border-width:0 0 1px;height:34px;padding:0 12px}
.notice .ni{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif}
.notice .nt{flex:1;min-width:0}
.bar-notice .nt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notice .nb{flex-shrink:0;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;font-size:12px;padding:6px 12px;border-radius:9px;white-space:nowrap}
.notice .nb:hover{background:var(--accent-dark)}
@media (max-width: 800px){
  /* телефон: подсказка — одной компактной строкой, схема сверху, таблица снизу; всё в пределах экрана (26.10.2026) */
  main{flex-wrap:nowrap;overflow:hidden}
  main>.bar-notice{flex:0 0 auto;height:auto;min-height:0;padding:5px 10px;flex-wrap:nowrap;gap:8px;font-size:11.5px;line-height:1.25}
  .bar-notice .nt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .bar-notice .nb{padding:5px 8px;font-size:11px}
  main>aside{height:auto;top:0;bottom:0}
  main>.diagram{flex:0 0 42%;height:auto;min-height:0}
  main>.parts{flex:1 1 auto;height:auto;max-height:none;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}
  main.gal .diagram{flex:1 1 auto}
  .dhead{padding:6px 8px;gap:8px}
  .dhead .t{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dbody{padding:8px}
  .tree-toggle{width:36px;height:34px;flex-shrink:0}
  /* таблица: шире экрана — листается пальцем; второстепенные колонки скрыты */
  .parts table{min-width:560px}
  thead th:nth-child(6),tbody td:nth-child(6){display:none}            /* Примечание */
  thead th{padding:8px 6px} tbody td{padding:7px 6px}
  td.shopc a.vr{min-width:112px;max-width:140px}
  button.ask{min-height:32px;padding:4px 10px;font-size:12px;margin-top:0}  /* удобно нажимать пальцем */
  .hs{width:18px;height:18px;font-size:10px}
  .top{padding:6px 10px;gap:8px}
  .brand img{height:24px} .brand .sub{display:none}
  .model-pick select{font-size:12px;padding:5px 8px}
  .search input{width:100%}
  footer{display:none}
  .results{left:0;right:0;width:auto;max-height:50vh}
  .modal .box{padding:16px}
  .home{padding:16px 12px}
  .home-notice{flex-wrap:wrap;padding:8px 10px}
  .home-notice .nt{flex-basis:calc(100% - 28px)}
  .home-notice .nb{margin-left:28px}
}

/* колонка «В магазине»: по кнопке на вариант — оригинал (зелёная, залитая) и аналоги (оранжевые) */
td.shopc,th.shopc{min-width:118px}
td.shopc a.vr{display:block;width:max-content;min-width:120px;max-width:160px;line-height:1.3;padding:4px 11px 5px;margin:3px 0;border-radius:9px;white-space:normal;text-align:left}
td.shopc a.vr b{display:block;font-size:11.5px;font-weight:700}
td.shopc a.vr span{display:block;font-size:10.5px;font-weight:500;opacity:.9;text-decoration:underline;text-underline-offset:2px}
td.shopc a.vr.orig{background:var(--ok);color:#fff;border-color:var(--ok)}
td.shopc a.vr.orig:hover{background:#0a6e3f}
td.shopc a.vr.copy{background:#fff}
td.shopc a.vr.copy:hover{background:var(--cp-line);color:#fff;border-color:var(--cp-line)}   /* раньше при наведении текст становился белым на белом */
td.shopc .sn{color:var(--mute)}
td.shopc button.ask{margin-top:0}

/* «поздний код» Hongqi (в позиции есть и более ранний код) */
tbody tr.late td{color:var(--dim)}
tbody tr.late .art{color:var(--dim)}
small.lt{display:block;margin-top:2px;font-size:9.5px;color:var(--mute);text-transform:uppercase;letter-spacing:.3px}
button.ask.late{border-color:#e7b86a;color:#7a4b00;background:#fdf3e6}
button.ask.late:hover{border-color:#c99316;color:#5c3900}

/* «похожая деталь — уточнить» */
button.ask.sim{border-color:#e7b86a;color:#7a4b00;background:#fdf3e6;white-space:normal;text-align:left;line-height:1.3;padding:2px 8px}
button.ask.sim:hover{border-color:#c99316;color:#5c3900}

/* линия от сдвинутого номера к его точке на схеме */
.hl{position:absolute;height:1.5px;background:var(--accent);opacity:.7;transform-origin:0 50%;pointer-events:none;margin-top:-1px}
.hl::before{content:"";position:absolute;left:-2.5px;top:-1.75px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.hl.shop,.hl.shop::before{background:var(--ok)}
.hl.copy,.hl.copy::before{background:var(--cp-line)}
.hl.none,.hl.none::before{background:var(--mute)}

/* строка состояния списка товаров на главной */
.home .sub small.skust{display:inline-block;margin-top:4px;font-size:11.5px;color:var(--mute)}
.home .sub small.skust.bad{color:var(--accent)}

/* режим встраивания (?embed=1): светлая компактная шапка без логотипа и языка */
html.embed .top{background:var(--panel);border-bottom:1px solid var(--line);padding:8px 12px}
html.embed .brand,html.embed .lang{display:none}
html.embed .model-pick select,html.embed .search input{border-color:var(--line2)}
html.embed .search svg{color:var(--mute)}