/* Аукцион КМ/Ч — по макетам пользователя: шапка как на основном сайте, тёмный баннер, белые карточки на сером фоне */
:root{
  --or:#F78E1E; --or-h:#E2790B; --or-10:rgba(247,142,30,.1); --peach:#FFF4EA;
  --ink:#000; --txt:#2B2A2E; --mute:#787878; --mute2:#9A9BA1; --line:#E4E5E7; --soft:#F4F5F7; --bg:#F1F2F4;
  --ok:#1FA45B; --ok-10:#E6F6EC; --red:#E5484D; --red-10:#FDECEC;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:15px;line-height:1.45;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
img{display:block}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--or);color:#fff;font-weight:700;border-radius:14px;padding:0 22px;height:50px;transition:.15s;white-space:nowrap}
.btn:hover{background:var(--or-h)}
.btn.ghost{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--or);color:var(--or-h)}
.btn.soft{background:var(--soft);color:var(--txt)}
.btn.soft:hover{background:var(--or-10);color:var(--or-h)}
.btn[disabled]{background:#D9DBDF;color:#fff;cursor:default;box-shadow:none}
.box{background:#fff;border-radius:24px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}
h1{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.12}
h2{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.2}

/* верхняя строка и шапка — как на km4.ru */
.topbar{font-size:12.5px;color:#55585D}
.topbar .wrap{display:flex;gap:20px;height:40px;align-items:center}
.topbar .sp{margin-left:auto}
.ti{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ti svg{flex:none;width:17px;height:17px}
.tl{transition:color .15s}
.tl+.tl{margin-left:12px}
.tl:hover{color:var(--or-h)}
.tsep{width:1px;height:18px;background:#CFD1D5;margin:0 4px}
header{position:sticky;top:0;z-index:30;background:var(--bg);padding:0 0 10px;transition:background .25s,padding .25s}
header.scrolled{padding-top:8px}
header .wrap{display:flex;align-items:center;gap:16px;height:68px;width:calc(100% - 48px);max-width:1232px;padding:0 14px 0 20px;background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(20,20,30,.06);transition:box-shadow .25s}
header.scrolled .wrap{box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 40px rgba(20,20,30,.12)}
.logo svg{width:76px;height:auto;display:block}
.logo .lg-needle{transform-box:view-box;transform-origin:44.3px 59.4px;stroke:#fff;stroke-width:1.4px;paint-order:stroke;animation:lgRev 1.5s cubic-bezier(.3,.7,.3,1) .35s both}
@keyframes lgRev{0%{transform:rotate(-38deg)}38%{transform:rotate(14deg)}55%{transform:rotate(-5deg)}70%{transform:rotate(4deg)}82%{transform:rotate(-1.5deg)}100%{transform:rotate(0)}}
header nav{display:flex;flex:1;justify-content:space-between;gap:16px;padding:0 24px;font-weight:500;font-size:15.5px;color:#5C5C62}
header nav a{position:relative;display:inline-flex;align-items:center;gap:5px;padding:6px 0;white-space:nowrap;transition:color .15s}
header nav a svg{opacity:.8}
header nav a:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2.5px;border-radius:2px;background:var(--or);transform:scaleX(0);transition:transform .2s}
header nav a:hover,header nav a.on{color:var(--ink)}
header nav a.on{font-weight:700}
header nav a:hover:after,header nav a.on:after{transform:scaleX(1)}
.hdr-r{display:flex;align-items:center;gap:14px;padding-left:16px;border-left:1px solid var(--line);height:36px}
.phone{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15.5px;white-space:nowrap;line-height:1.2}
.phone svg{flex:none;color:var(--or)}
.phone small{display:block;font-weight:500;font-size:12px;color:var(--mute)}
header .btn{height:46px;padding:0 22px;border-radius:14px;font-size:14px}
.acc{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;min-width:44px;padding:0 12px;border-radius:999px;background:var(--soft);font-weight:600;font-size:14px;white-space:nowrap;transition:.15s}
.acc:hover{background:var(--or-10);color:var(--or-h)}
.acc .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:var(--soft);font-size:22px}
@media (max-width:1240px){header nav{font-size:14.5px;padding:0 16px}.phone small{display:none}}
@media (max-width:1100px){.topbar a.tl span{display:none}header .btn.cb{display:none}}
@media (max-width:980px){header nav{display:none}.hdr-r{margin-left:auto;border:0}.burger{display:block}}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .topbar{display:none}
  header{padding:8px 0}
  header .wrap{width:calc(100% - 24px);height:60px;padding:0 8px 0 14px;border-radius:18px}
  .logo svg{width:62px}
  .hdr-r{gap:8px;padding:0}
  .phone span{display:none}
  .phone{width:44px;height:44px;justify-content:center;border-radius:12px;background:var(--soft)}
  h1{font-size:26px}
}
.mnav{display:none}
.mnav.on{display:grid;gap:2px;position:absolute;left:12px;right:12px;top:72px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 20px 50px rgba(20,20,30,.18)}
.mnav a{padding:12px 14px;border-radius:12px;font-weight:600}
.mnav a.on{background:var(--or-10);color:var(--or-h)}

/* тёмный баннер списка: текст | машина за оранжевой диагональю | 4 шага */
.hero{padding:6px 0 0}
/* тёмный баннер: слева текст, справа фото за оранжевой диагональю; полоса и край фото — одна линия.
   Шаги — отдельным рядом под баннером, чтобы не закрывали машину */
.banner{--edge:44%;--cut:120px;--band:12px;position:relative;min-height:340px;border-radius:28px;overflow:hidden;background:#1F1F22;color:#fff;display:flex;align-items:center}
.banner-car,.banner-cut{position:absolute;top:0;bottom:0;left:var(--edge);right:0}
/* фото начинается сразу после полосы: левый край — диагональ сверху (cut) вниз */
.banner-car{clip-path:polygon(calc(var(--cut) + var(--band)) 0,100% 0,100% 100%,var(--band) 100%)}
.banner-car img{width:100%;height:100%;object-fit:cover;object-position:62% 58%;filter:brightness(.82) contrast(1.08) saturate(1.05)}
.banner-car:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,31,34,.55),rgba(31,31,34,0) 35%),linear-gradient(0deg,rgba(31,31,34,.35),rgba(31,31,34,0) 40%)}
.banner-cut{clip-path:polygon(var(--cut) 0,calc(var(--cut) + var(--band)) 0,var(--band) 100%,0 100%);background:linear-gradient(180deg,#FFA43D,var(--or) 50%,var(--or-h));z-index:1}
.banner-t{position:relative;z-index:2;padding:44px 0 44px 48px;max-width:calc(var(--edge) + 60px)}
.banner-t .live-n{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px;border-radius:999px;background:var(--or);color:#fff;font-weight:700;font-size:14.5px;margin-bottom:22px}
.banner-t .live-n svg{width:20px;height:20px}
.banner-t h1{font-size:54px;line-height:1.04;letter-spacing:-.03em;font-weight:800}
.banner-t p{color:rgba(255,255,255,.72);font-size:16.5px;margin-top:18px;max-width:440px}
.bsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.bstep{display:flex;align-items:center;gap:14px;background:#fff;color:var(--ink);border-radius:18px;padding:14px 18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}
.bstep i{flex:none;width:36px;height:36px;border-radius:50%;background:var(--or);color:#fff;font-style:normal;font-weight:800;display:grid;place-items:center;font-size:15px}
.bstep svg{flex:none;color:var(--or)}
.bstep b{display:block;font-size:15px}
.bstep span{display:block;font-size:13px;color:var(--mute);line-height:1.3}
@media (max-width:1100px){.banner{--edge:48%;--cut:90px}.banner-t h1{font-size:44px}.bsteps{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .banner{display:block;min-height:0;border-radius:22px}
  .banner-car,.banner-cut{position:relative;left:auto;height:200px}
  .banner-car{clip-path:polygon(0 calc(var(--band) + 34px),100% var(--band),100% 100%,0 100%);margin-top:-46px}
  .banner-cut{display:none}
  .banner-t{padding:26px 20px 18px;max-width:none}
  .banner-t h1{font-size:34px}
  .banner-t p{font-size:15px;margin-top:12px}
  .banner-t .live-n{height:38px;font-size:13.5px;margin-bottom:16px}
  .bsteps{gap:8px}
  .bstep{padding:10px 12px;gap:10px}
  .bstep svg{display:none}
  .bstep span{display:none}
  .bstep i{width:28px;height:28px;font-size:13px}
}

/* переключатель с оранжевой «таблеткой», которая переезжает (как полоса услуг на главной) */
.seg{position:relative;display:inline-flex;background:#fff;border-radius:999px;padding:6px;box-shadow:0 8px 30px rgba(20,20,30,.06),0 1px 2px rgba(0,0,0,.04);overflow-x:auto;scrollbar-width:none;max-width:100%}
.seg::-webkit-scrollbar{display:none}
.seg button{position:relative;z-index:1;flex:none;height:46px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px;color:#3E3D40;white-space:nowrap;transition:color .25s;display:inline-flex;align-items:center;gap:10px}
.seg button:hover{color:var(--ink)}
.seg button.on{color:#fff}
.seg button em{font-style:normal;font-size:12.5px;font-weight:800;background:var(--soft);color:var(--txt);border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;padding:0 7px;transition:.25s}
.seg button.on em{background:rgba(255,255,255,.28);color:#fff}
.seg-pill{position:absolute;z-index:0;top:6px;height:46px;left:0;width:0;border-radius:999px;background:linear-gradient(135deg,#FF9E33,var(--or) 45%,var(--or-h));box-shadow:0 8px 20px rgba(247,142,30,.38);transition:transform .45s cubic-bezier(.3,1.25,.5,1),width .45s cubic-bezier(.3,1.25,.5,1);pointer-events:none}
.seg.soft{background:var(--soft);box-shadow:none}
.seg.soft button em{background:#fff}

/* список лотов: белые карточки */
.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 20px}
.sort{position:relative}
.sort>button{display:flex;align-items:center;gap:10px;height:50px;padding:0 20px;border-radius:999px;background:#fff;font-weight:600;font-size:14.5px;box-shadow:0 8px 30px rgba(20,20,30,.06),0 1px 2px rgba(0,0,0,.04)}
.sort>button:hover{color:var(--or-h)}
.sort-m{display:none;position:absolute;right:0;top:56px;z-index:20;min-width:230px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 20px 50px rgba(20,20,30,.16)}
.sort.on .sort-m{display:grid}
.sort-m button{text-align:left;padding:11px 14px;border-radius:10px;font-weight:600;font-size:14px}
.sort-m button:hover{background:var(--soft)}
.sort-m button.on{color:var(--or-h);background:var(--or-10)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-bottom:60px}
@media (max-width:1180px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:560px){.grid{grid-template-columns:1fr}}
.lot{display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05);transition:transform .2s,box-shadow .2s}
.lot:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 18px 40px rgba(20,20,30,.1)}
.lot-ph{position:relative;aspect-ratio:1.45;background:#E6E8EB;overflow:hidden}
.lot-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.lot:hover .lot-ph img{transform:scale(1.04)}
.badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:#fff;color:var(--or-h);font-size:13px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.badge.hot{background:var(--or);color:#fff}
.badge.hot .pulse{background:#fff}
.badge.soon{color:#3E6AE1}
.badge.done{color:var(--mute)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 0 rgba(247,142,30,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(247,142,30,0)}100%{box-shadow:0 0 0 0 rgba(247,142,30,0)}}
.fav{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--txt);box-shadow:0 2px 8px rgba(0,0,0,.08);transition:.15s}
.fav:hover{color:var(--or-h)}
.fav.on{color:var(--or)}
.fav.on svg{fill:currentColor}
.lot-cnt{position:absolute;right:12px;bottom:12px;background:rgba(20,20,22,.72);color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 10px;display:flex;align-items:center;gap:5px}
.lot-b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.lot-t{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.lot-s{font-size:13px;color:var(--mute);margin-top:4px}
.lot-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;background:var(--soft);border-radius:14px;padding:12px 14px;margin-top:14px}
.lot-row small{display:block;font-size:12px;color:var(--mute);font-weight:500}
.lot-row .pr{font-size:21px;font-weight:800;letter-spacing:-.01em;margin-top:1px}
.lot-row .tm{text-align:right}
.lot-row .tm b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}
.lot-row .tm.hot b{color:var(--or);font-size:21px}
.lot-f{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--mute);margin:12px 0 14px}
.lot-f b{color:var(--txt)}
.lot .btn{width:100%;margin-top:auto;height:50px;font-size:15px}
.lot .btn.soft{background:var(--soft)}
.empty{grid-column:1/-1;text-align:center;color:var(--mute);padding:60px 0}

/* страница лота */
.crumbs{display:flex;gap:8px;font-size:13.5px;color:var(--mute);margin:4px 0 10px;flex-wrap:wrap}
.crumbs b{color:var(--txt);font-weight:600}
.crumbs a:hover{color:var(--or-h)}
.lt-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.lt-top h1{font-size:36px}
.lt-act{color:var(--mute);font-weight:600;font-size:16px;flex:none}
@media (max-width:640px){.lt-top{flex-direction:column-reverse;align-items:flex-start;gap:4px}.lt-top h1{font-size:25px}.lt-act{font-size:13.5px}}

/* галерея: большое фото с листанием + плитки разделов, всё в белой рамке */
.mosaic{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(0,1fr);gap:10px;padding:5px;background:#fff;border-radius:24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05);height:clamp(380px,41vw,525px)}
.mo-main{position:relative;border-radius:20px;overflow:hidden;background:#E6E8EB;cursor:zoom-in;touch-action:pan-y}
.mo-main>img{width:100%;height:100%;object-fit:cover}
.mo-main .vid{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 7px;border-radius:999px;background:#fff;font-weight:600;font-size:15px;color:var(--txt);box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer}
.mo-main .vid i{width:32px;height:32px;border-radius:50%;background:var(--or);display:grid;place-items:center}
.mo-nav{position:absolute;left:22px;bottom:22px;display:flex;gap:12px}
.mo-nav button,.mo-fs{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.15);transition:.15s}
.mo-nav button:hover{color:var(--or-h)}
.mo-fs{position:absolute;right:20px;bottom:20px;background:rgba(20,20,22,.7);color:#fff;border-radius:14px}
.mo-dots{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px}
.mo-dots i{width:30px;height:5px;border-radius:9px;background:rgba(255,255,255,.75);transition:background .2s}
.mo-dots i.on{background:var(--or)}
.mo-side{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;min-height:0}
.mo-side button{position:relative;display:block;overflow:hidden;background:#E6E8EB;padding:0;border-radius:16px}
.mo-side img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mo-side button:hover img{transform:scale(1.05)}
.mo-side button span{position:absolute;left:12px;top:12px;background:rgba(20,20,22,.78);color:#fff;font-size:14px;font-weight:700;border-radius:10px;padding:5px 10px}
.mo-side .all:after{content:"";position:absolute;inset:0;background:rgba(20,20,22,.55)}
.mo-side .all span{inset:0;z-index:1;display:grid;place-items:center;background:none;font-size:20px;font-weight:800;border-radius:0;padding:0}
@media (max-width:760px){
  .mosaic{grid-template-columns:1fr;height:auto;padding:4px;border-radius:20px;gap:4px}
  .mo-main{aspect-ratio:4/3;border-radius:16px}
  .mo-main .vid{left:10px;top:10px;height:36px;font-size:13px;padding-right:12px}
  .mo-main .vid i{width:26px;height:26px}
  .mo-nav{display:none}
  .mo-fs{right:10px;bottom:10px;width:38px;height:38px;border-radius:11px}
  .mo-dots{bottom:14px}.mo-dots i{width:18px;height:4px}
  .mo-side{grid-template-rows:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .mo-side button{aspect-ratio:1;border-radius:12px}
  .mo-side button span{left:4px;top:auto;bottom:4px;font-size:10.5px;padding:3px 5px;border-radius:6px}
  .mo-side .all span{font-size:12.5px;bottom:0}
}

/* полоса торга: светло-персиковая, иконки, большая оранжевая кнопка; прилипает под шапкой */
.strip-wrap{position:sticky;top:86px;z-index:20;margin-top:16px}
.strip{display:flex;align-items:center;gap:10px;background:#fff;border-radius:24px;padding:5px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05);transition:box-shadow .25s}
.strip-wrap.stuck .strip{box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 40px rgba(20,20,30,.14)}
.strip-in{flex:1;display:flex;align-items:center;min-height:72px;padding:0 10px;border-radius:20px;background:linear-gradient(90deg,var(--peach),#FFF9F3);white-space:nowrap;min-width:0}
.sst{flex:1;display:flex;align-items:center;gap:16px;padding:0 24px;min-width:0}
.sst+.sst{border-left:1px solid #F1DCC8}
.sst svg{flex:none;color:var(--or)}
.sst small{display:block;font-size:13.5px;color:var(--mute);line-height:1.2}
.sst b{display:block;font-size:24px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sst b .or{color:var(--or)}
.sst .me{font-size:12.5px;font-weight:800;color:var(--ok)}
.sst .me.out{color:var(--red)}
.strip>.btn{flex:none;height:64px;min-width:300px;border-radius:999px;font-size:17px;gap:12px;box-shadow:0 10px 24px rgba(247,142,30,.35)}
.strip>.btn[disabled]{background:var(--ok);opacity:1;box-shadow:none}
@media (max-width:1100px){.strip>.btn{min-width:0;padding:0 26px}.sst{padding:0 14px;gap:10px}.sst b{font-size:20px}}
@media (max-width:760px){
  .strip-wrap{position:fixed;left:8px;right:8px;bottom:8px;top:auto;margin:0;z-index:40}
  .strip{border-radius:20px;padding:4px;gap:4px;box-shadow:0 10px 40px rgba(20,20,30,.22)}
  .strip-in{min-height:56px;padding:0;border-radius:16px}
  .sst{padding:0 10px;gap:0}
  .sst svg,.sst.n{display:none}
  .sst small{font-size:11px}.sst b{font-size:16px}
  .strip>.btn{height:56px;padding:0 16px;font-size:14.5px;border-radius:16px;gap:6px}
  .strip>.btn svg{display:none}
  body.lotp{padding-bottom:84px}
}

/* под полосой: две белые карточки — характеристики | ставки */
.lp{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:20px;padding-bottom:60px}
.lp>div{background:#fff;border-radius:24px;padding:22px 24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}
.lp h2{display:flex;align-items:center;gap:12px;font-size:23px;margin-bottom:12px}
.lp h2 svg{flex:none;color:var(--or)}
.kv{display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.kv div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #EEF0F2;font-size:15px}
.kv div:nth-last-child(-n+2){border-bottom:0}
.kv span{color:var(--mute)}
.kv b{font-weight:600;text-align:right}
.insp-line{margin-top:14px;font-size:14px;color:var(--mute);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.insp-line svg{color:var(--or)}
.insp-line a{color:var(--txt);font-weight:700;white-space:nowrap}
.insp-line a:hover{color:var(--or-h)}
.hist .terms{font-size:14px;color:var(--mute);margin:-2px 0 6px}
.hist .terms .ok{color:var(--ok);font-weight:600}
.hist .terms .no{color:var(--or-h);font-weight:600}
.hist ul{list-style:none}
.hist li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #EEF0F2;font-size:15px}
.hist li:last-child{border:0}
.hist li b{font-weight:800;min-width:118px}
.hist li span{color:var(--mute);font-size:14px}
.hist li .t{font-size:13px;color:var(--mute2)}
.hist li.me b,.hist li.me span:not(.t){color:var(--or-h)}
.hist li.none{display:block;color:var(--mute);border:0}
.hist li.new{animation:hl 1.6s}
@keyframes hl{0%{background:#FFF1E2}100%{background:transparent}}
.hist .more{margin-top:8px;font-weight:700;color:var(--or-h);font-size:14px}
@media (max-width:1000px){.lp{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.kv{grid-template-columns:1fr}.kv div:nth-last-child(2){border-bottom:1px solid #EEF0F2}.lp>div{padding:18px;border-radius:20px}.lp h2{font-size:20px}}

/* окно ставки */
.bm-cur{display:flex;justify-content:space-between;gap:12px;background:var(--soft);border-radius:16px;padding:14px 16px;margin-top:16px}
.bm-cur small{display:block;font-size:12px;color:var(--mute);font-weight:600}
.bm-cur b{font-size:20px;font-weight:800}
.bm-inp{position:relative;margin-top:14px}
.bm-inp input{width:100%;height:64px;border:0;border-radius:16px;padding:0 48px 0 18px;background:#fff;box-shadow:0 0 0 1.5px var(--line);font-weight:800;font-size:24px;transition:.15s}
.bm-inp input:focus{outline:none;box-shadow:0 0 0 1.5px var(--or),0 0 0 5px rgba(247,142,30,.12)}
.bm-inp i{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--mute);font-weight:800;font-size:20px}
.bm-q{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.bm-q button{height:36px;padding:0 14px;border-radius:999px;background:var(--soft);font-weight:700;font-size:13.5px;transition:.15s}
.bm-q button:hover{background:var(--or-10);color:var(--or-h)}
.bm-err{color:var(--red);font-size:13px;font-weight:600;margin-top:8px;min-height:18px}

/* все фото — сетка по разделам */
.phg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.phg button{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;padding:0;background:#E6E8EB;text-align:left}
.phg img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.phg button:hover img{transform:scale(1.05)}
.phg figcaption{position:absolute;left:6px;right:6px;bottom:6px;background:rgba(255,255,255,.95);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:700;color:var(--txt);display:flex;gap:6px;align-items:center}
.phg figcaption:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--red)}
.phg figcaption.tk:before{background:var(--ok)}
.allph{position:fixed;inset:0;z-index:70;background:#fff;display:none;flex-direction:column}
.allph.on{display:flex}
.allph-h{display:flex;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid var(--line)}
.allph-h b{font-size:17px;flex:none}
.allph-h .seg{box-shadow:none;background:var(--soft)}
.allph-h .x{margin-left:auto;flex:none;width:44px;height:44px;border-radius:50%;background:var(--soft);font-size:24px;color:var(--mute)}
.allph-b{overflow:auto;padding:20px;flex:1}
.allph-b h3{font-size:18px;font-weight:800;margin:6px 0 12px}
.allph-b .phg{grid-template-columns:repeat(4,1fr);margin-bottom:26px}
@media (max-width:760px){.allph-h{flex-wrap:wrap;padding:10px 12px}.allph-h .seg{order:3;width:100%}.allph-b{padding:12px}.allph-b .phg{grid-template-columns:1fr 1fr}}
.gal-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.15);color:var(--ink)}
.gal-arr:hover{color:var(--or-h)}
.gal-arr.l{left:14px}.gal-arr.r{right:14px}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(10,10,12,.94);display:none;align-items:center;justify-content:center;touch-action:pan-y}
.lightbox.on{display:flex}
.lightbox img{max-width:94vw;max-height:84vh;border-radius:12px}
.lightbox .x{position:absolute;top:14px;right:18px;color:#fff;font-size:36px;width:48px;height:48px}
.lightbox .gal-arr{position:fixed}
.lightbox .lb-n{position:fixed;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-weight:700;font-size:14px;padding:0 16px}

/* окно регистрации */
.modal{position:fixed;inset:0;z-index:80;background:rgba(15,15,20,.5);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:16px}
.modal.on{display:flex}
.md{position:relative;width:100%;max-width:460px;background:#fff;border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.25);animation:pop .3s;max-height:calc(100vh - 32px);overflow:auto}
.md .x{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;background:var(--soft);font-size:22px;line-height:1;color:var(--mute)}
.md h3{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1.2;padding-right:40px}
.md p.sub{color:var(--mute);margin-top:8px;font-size:14.5px}
.md .btn{width:100%;height:56px;font-size:16px;margin-top:18px;border-radius:16px}
.prog{display:flex;gap:6px;margin-bottom:20px}
.prog i{flex:1;height:5px;border-radius:9px;background:var(--soft);transition:background .3s}
.prog i.on{background:var(--or)}
.f{position:relative;margin-top:14px}
.f label{position:absolute;left:16px;top:9px;font-size:11px;color:var(--mute);font-weight:600;pointer-events:none}
.f input{width:100%;height:58px;border:0;border-radius:14px;padding:20px 16px 4px;font-weight:600;background:var(--soft);transition:.15s}
.f input:focus{outline:none;background:#fff;box-shadow:0 0 0 1.5px var(--or),0 0 0 5px rgba(247,142,30,.12)}
.code{display:flex;gap:10px;justify-content:center;margin-top:20px}
.code input{width:56px;height:64px;border:0;border-radius:16px;background:var(--soft);text-align:center;font-size:26px;font-weight:800}
.code input:focus{outline:none;background:#fff;box-shadow:0 0 0 1.5px var(--or),0 0 0 5px rgba(247,142,30,.12)}
.up{display:flex;align-items:center;gap:14px;margin-top:14px;border:2px dashed #D9DBDF;border-radius:18px;padding:18px;cursor:pointer;transition:.15s;width:100%;text-align:left}
.up:hover{border-color:var(--or);background:#FFF8F0}
.up .ic{flex:none;width:46px;height:46px;border-radius:14px;background:var(--or-10);color:var(--or-h);display:grid;place-items:center}
.up b{display:block;font-size:15px}
.up span{font-size:12.5px;color:var(--mute)}
.up.done{border-style:solid;border-color:var(--ok);background:var(--ok-10)}
.up.done .ic{background:#fff;color:var(--ok)}
.chk{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13px;color:var(--mute);cursor:pointer}
.chk input{margin-top:3px;accent-color:var(--or);width:16px;height:16px}
.chk a{color:var(--or-h)}
.big-ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px}
.big-ic.ok{background:var(--ok-10);color:var(--ok)}
.big-ic.wait{background:#FFF1E2;color:var(--or-h)}
.md.center{text-align:center}
.md.center h3{padding:0}
.sum{background:var(--soft);border-radius:18px;padding:16px;margin-top:16px;display:grid;gap:8px;font-size:14px}
.sum div{display:flex;justify-content:space-between;gap:10px}
.sum div span{color:var(--mute)}
.sum .tot{border-top:1px solid var(--line);padding-top:10px;font-size:16px}
.rules{margin-top:14px;display:grid;gap:8px;font-size:13px;color:var(--mute)}
.rules div{display:flex;gap:8px}
.rules svg{flex:none;color:var(--ok);margin-top:1px}
.demo-skip{display:block;margin:12px auto 0;font-size:12.5px;color:var(--mute2);text-decoration:underline}

/* всплывашки */
.toasts{position:fixed;top:92px;right:20px;z-index:85;display:grid;gap:10px;width:min(360px,calc(100vw - 24px))}
.toast{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 14px 40px rgba(20,20,30,.18);animation:tin .35s cubic-bezier(.3,1.25,.5,1);font-size:14px}
.toast .ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center}
.toast.bad .ic{background:var(--red-10);color:var(--red)}
.toast.good .ic{background:var(--ok-10);color:var(--ok)}
.toast.info .ic{background:#FFF1E2;color:var(--or-h)}
.toast b{display:block}
.toast span{color:var(--mute);font-size:13px}
.toast.out{animation:tout .3s forwards}
@keyframes tin{0%{transform:translateX(30px);opacity:0}100%{transform:none;opacity:1}}
@keyframes tout{100%{transform:translateX(30px);opacity:0}}
@media (max-width:640px){.toasts{top:78px;right:12px}}

footer{padding:30px 0 40px;color:var(--mute);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


/* отдельный сайт аукциона: своё меню, метка «Аукцион» у логотипа */
.logo{display:flex;align-items:center;gap:12px;flex:none}
header nav{justify-content:flex-start;gap:34px;padding:0 36px}
.acc{padding:0 16px 0 12px;background:var(--or);color:#fff}
.acc:hover{background:var(--or-h);color:#fff}
.acc svg{width:20px;height:20px}
@media (max-width:1180px){.acc span{display:none}.acc{padding:0;width:44px}}
@media (max-width:640px){.logo{gap:8px}}

/* разделы главной: как это работает, вопросы, контакты */
.isec{padding:10px 0 50px;scroll-margin-top:100px}
.isec>h2{font-size:32px;margin-bottom:20px}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.how>div{background:#fff;border-radius:22px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}
.how .ic{width:52px;height:52px;border-radius:16px;background:var(--or-10);color:var(--or);display:grid;place-items:center;margin-bottom:14px}
.how b{display:block;font-size:17px;margin-bottom:6px}
.how p{color:var(--mute);font-size:14.5px;line-height:1.5}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border-radius:18px;padding:0 22px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:700;font-size:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-size:20px;color:var(--or-h);transition:transform .25s}
.faq details[open] summary:after{transform:rotate(45deg);background:var(--or);color:#fff}
.faq details p{color:var(--txt);padding:0 0 18px;line-height:1.6;max-width:980px}
.cts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px}
.cts .box{display:grid;gap:18px;align-content:start}
.cts .row{display:flex;gap:14px;align-items:flex-start}
.cts .row .ic{flex:none;width:44px;height:44px;border-radius:14px;background:var(--or-10);color:var(--or);display:grid;place-items:center}
.cts .row small{display:block;color:var(--mute);font-size:13px}
.cts .row b{font-size:16px}
.cts .map{border-radius:24px;overflow:hidden;min-height:320px;background:#E6E8EB}
.cts .map iframe{width:100%;height:100%;min-height:320px;border:0;display:block}
@media (max-width:900px){.how{grid-template-columns:1fr 1fr}.cts{grid-template-columns:1fr}}
@media (max-width:560px){.how{grid-template-columns:1fr}.isec>h2{font-size:25px}}

/* анимации цены: перелистывание цифр, всплывающая надбавка, вспышка */
.rc{display:inline-block;height:1.2em;line-height:1.2em;overflow:hidden;vertical-align:bottom}
.rc>span{display:block;transition:transform .6s cubic-bezier(.2,.9,.25,1.12)}
.go .rc>span{transform:translateY(-1.2em)}
.bump{position:absolute;left:calc(100% + 10px);top:50%;z-index:5;background:var(--or);color:#fff;font-size:12.5px;font-weight:800;line-height:1.4;border-radius:999px;padding:3px 9px;white-space:nowrap;pointer-events:none;animation:bump 1.6s cubic-bezier(.2,.8,.3,1) forwards;box-shadow:0 6px 16px rgba(247,142,30,.4);letter-spacing:0}
@keyframes bump{0%{opacity:0;transform:translate(-6px,-50%) scale(.8)}15%{opacity:1;transform:translate(0,-50%) scale(1.06)}70%{opacity:1;transform:translate(0,-80%)}100%{opacity:0;transform:translate(0,-160%)}}
#sCur,.lot-row .pr{position:relative;display:inline-block;white-space:nowrap}
.flash{animation:flash 1.2s ease}
@keyframes flash{0%,100%{color:inherit}20%{color:var(--or)}}
.lot.hit{animation:hit 1.4s ease}
@keyframes hit{0%{box-shadow:0 0 0 0 rgba(247,142,30,.0)}20%{box-shadow:0 0 0 3px rgba(247,142,30,.85),0 18px 40px rgba(247,142,30,.25)}100%{box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}}
.lot-row>div:first-child{position:relative}
.lot-row .bump{left:auto;right:-6px;top:-14px}
.lot-row .tm b{white-space:nowrap}
/* цена и таймер в карточке — на одной линии (после анимации цена стала отдельным блоком без лишнего отступа снизу) */
.lot-row{align-items:last baseline}
.lot-row .pr{display:block;width:max-content;line-height:1.2}
.lot-row .tm b{display:block;line-height:1.2}
.rc{vertical-align:top}

/* лупа в просмотре фото */
.lightbox{background:rgba(10,10,12,.97);overflow:hidden}
.lightbox img{cursor:zoom-in;user-select:none;-webkit-user-drag:none;touch-action:none;will-change:transform}
.lightbox.zoomed img{cursor:zoom-out;border-radius:0}
.lightbox.zoomed .gal-arr,.lightbox.zoomed .lb-n{opacity:0;pointer-events:none}
.lb-zoom{position:fixed;left:50%;bottom:52px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:999px;padding:4px;z-index:2}
.lb-zoom button{height:40px;min-width:40px;border-radius:999px;color:#fff;font-size:22px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s}
.lb-zoom button:hover{background:rgba(255,255,255,.16)}
.lb-zoom .zv{font-size:14px;font-weight:700;padding:0 14px;background:var(--or)}
.lb-zoom .zv:hover{background:var(--or-h)}
.lightbox .x,.lightbox .gal-arr{z-index:3}
@media (max-width:760px){.lb-zoom{bottom:46px}.lightbox .gal-arr{width:38px;height:38px}}
/* плитка «Дефекты» в мозаике — красная метка */
.mo-side .def span{background:var(--red);display:inline-flex;align-items:center;gap:6px}
.mo-side .def:before{content:"";position:absolute;inset:0;z-index:1;border:2px solid var(--red);border-radius:16px;pointer-events:none}
@media (max-width:760px){.mo-side .def:before{border-radius:12px}.mo-side .def span svg{display:none}}
/* подпись дефекта в просмотре — заметной плашкой сверху */
.lightbox .lb-n .cap{position:fixed;left:50%;top:18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 140px);background:#fff;color:var(--txt);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lightbox .lb-n .cap:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--red)}
.lightbox .lb-n .cap.tk:before{background:var(--ok)}
/* главное фото — в пропорции снимка 4:3, чтобы машина помещалась целиком; плитки справа тянутся под его высоту */
.mosaic{height:auto}
.mo-main{aspect-ratio:4/3}
.mo-side button img{position:absolute;inset:0}

/* карточка «Об автомобиле»: вкладки характеристики / состояние / Автотека */
.info-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.info-h h2{margin:0}
.info-h .seg{padding:4px}
.info-h .seg button{height:38px;padding:0 16px;font-size:14px}
.info-h .seg-pill{top:4px;height:38px}
.pane{display:none}
.pane.on{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.kv div:nth-last-child(-n+2){border-bottom:0}
.chk2{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.chk2 div{display:grid;grid-template-columns:auto 110px 1fr;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid #EEF0F2;font-size:14.5px}
.chk2 i{width:9px;height:9px;border-radius:50%;background:var(--ok);align-self:center}
.chk2 .no i{background:var(--or)}
.chk2 span{color:var(--mute)}
.chk2 b{font-weight:600}
.chk2 .no b{color:var(--or-h)}
.mgr{margin-top:16px;background:var(--peach);border-radius:16px;padding:14px 16px}
.mgr b{display:block;font-size:14px;margin-bottom:4px}
.mgr p{font-size:14.5px;line-height:1.55;color:var(--txt)}
.avt-full{display:inline-flex;align-items:center;gap:8px;margin-top:14px;height:42px;padding:0 16px 0 10px;border-radius:999px;background:var(--or);color:#fff;font-weight:700;font-size:14px}
.avt-full:hover{background:var(--or-h)}
@media (max-width:760px){.chk2{grid-template-columns:1fr}.chk2 div{grid-template-columns:auto 96px 1fr}.info-h .seg{width:100%}.info-h .seg button{flex:1;padding:0 8px;font-size:13px}}
#cond{grid-template-columns:1fr}
#cond div{grid-template-columns:auto 130px 1fr}
.chk2 i{align-self:start;margin-top:6px}
.chk2{grid-template-columns:1fr}
.chk2 div,#cond div{grid-template-columns:auto 170px 1fr}
.avt-full{justify-self:start}
@media (max-width:640px){.chk2 div,#cond div{grid-template-columns:auto 110px 1fr}}
.fast .rc>span{transition-duration:.35s}
/* показатели в полосе торга делят ширину по содержимому: длинная дата не упирается в разделитель */
.sst{flex:1 1 auto}
.sst+.sst{padding-left:28px}

/* вкладка «Акт осмотра»: схема кузова с толщиной краски */
.act-img{position:relative;display:block;width:100%;padding:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #EEF0F2;cursor:zoom-in}
.act-img img{width:100%;height:auto}
.act-leg{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font-size:14px}
.act-leg span{display:inline-flex;align-items:center;gap:8px}
.act-leg span:before{content:"";width:16px;height:16px;border-radius:5px;border:1.5px solid #2B2A2E}
.act-leg .g:before{background:#C3E8CF}
.act-leg .r:before{background:#F7C6C4}
.act-leg .y:before{background:#FCD089}
.act-note{font-size:13.5px;color:var(--mute);line-height:1.5;margin-top:10px}
@media (max-width:760px){.info-h .seg button{padding:0 6px;font-size:12px}}
.info-h{scroll-margin-top:190px}
/* на телефоне — короткие названия вкладок, чтобы все четыре влезли; надбавка — над ценой, а не на кнопке */
.info-h .sh{display:none}
@media (max-width:760px){
  .info-h .lg{display:none}.info-h .sh{display:inline}
  .strip #sCur .bump{left:0;top:-10px}
}
.seg button{justify-content:center}

/* вкладка «Автотека» — по структуре отчёта */
.avt-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.avt-top small{color:var(--mute);font-size:13px}
.avt-v{display:flex;gap:8px;flex-wrap:wrap}
.avt-v span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:var(--ok-10);color:#14713E;font-weight:700;font-size:14px}
.avt-sum{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.avt-sum div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #EEF0F2;font-size:14.5px}
.avt-sum span{color:var(--mute)}
.avt-sum b{font-weight:600;text-align:right}
.avt-sum .no b{color:var(--or-h)}
.avt-warn{display:flex;gap:10px;align-items:flex-start;margin-top:14px;background:#FFF1E2;color:#8A4A06;border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.45}
.avt-warn svg{flex:none;margin-top:2px}
.avt-warn b{display:block;font-size:14px}
.avt-g{margin-top:16px}
.avt-g h4,.avt-h{font-size:15px;font-weight:800;margin-bottom:8px}
.avt-g span{display:inline-flex;align-items:center;gap:6px;margin:0 6px 6px 0;height:32px;padding:0 12px;border-radius:999px;background:var(--soft);font-size:13.5px;font-weight:600}
.avt-g span svg{color:var(--ok)}
.avt-h{margin-top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.avt-h small{font-size:13px;color:var(--mute);font-weight:500}
.avt-tl{list-style:none;position:relative;margin-left:6px}
.avt-tl:before{content:"";position:absolute;left:5px;top:12px;bottom:12px;width:2px;background:#F1DCC8}
.avt-tl li{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:8px 0}
.avt-tl li.more{display:none}
#avt.all .avt-tl li.more{display:grid}
.avt-tl i{position:relative;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--or)}
.avt-tl b{display:block;font-size:14.5px}
.avt-tl span{font-size:13px;color:var(--mute)}
.avt-tl em{font-style:normal;font-weight:700;font-size:14.5px;white-space:nowrap}
.avt-more{margin-top:4px;font-weight:700;color:var(--or-h);font-size:14px}
#avt .avt-full{display:flex;width:max-content;margin-top:16px}
@media (max-width:640px){.avt-sum{grid-template-columns:1fr}}

/* карточка «Об автомобиле» по макету: иконки в серых кругах, значения справа, разделитель колонок */
.lp h2#hSpec{font-size:30px;gap:14px}
.lp h2#hSpec svg{width:34px;height:34px}
.info-h{margin-bottom:16px}
.info-h .seg button{height:44px;padding:0 20px;font-size:15px}
.info-h .seg-pill{height:44px}
.kv{position:relative;column-gap:72px}
.kv:before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:1px;background:#EEF0F2}
.kv div{display:grid;grid-template-columns:40px auto 1fr;align-items:center;gap:0 16px;padding:7px 0;border:0;font-size:15.5px}
.kv div:nth-last-child(-n+2){border:0}
.kv .si{grid-row:1;width:40px;height:40px;border-radius:50%;background:var(--soft);color:#55585D;display:grid;place-items:center}
.kv span,.kv b{align-self:stretch;display:flex;align-items:center;border-bottom:1px solid #EEF0F2;min-height:50px}
.kv div:nth-last-child(-n+2) span,.kv div:nth-last-child(-n+2) b{border:0}
.kv b{justify-content:flex-end;gap:10px;font-weight:700;text-align:right}
.kv .sw{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.kv .cp{display:grid;place-items:center;color:#55585D;padding:2px;border-radius:6px}
.kv .cp:hover{color:var(--or-h)}
.insp-line{margin-top:18px;padding-top:16px;border-top:1px solid #EEF0F2;gap:0}
.insp-line .il{display:inline-flex;align-items:center;gap:10px;padding-right:22px;margin-right:22px;border-right:1px solid #E4E5E7;font-size:15.5px}
.insp-line svg{color:var(--or);flex:none}
.insp-line a{display:inline-flex;align-items:center;gap:10px;color:#1D2B4F;font-size:16px}
@media (max-width:760px){
  .lp h2#hSpec{font-size:24px}
  .kv{grid-template-columns:1fr}.kv:before{display:none}
  .kv div:nth-last-child(2) span,.kv div:nth-last-child(2) b{border-bottom:1px solid #EEF0F2}
  .insp-line .il{border:0;margin:0 0 8px;padding:0;width:100%}
}

/* карточка «Ставки» по макету: тёмная шапка с молотком, белый список поверх неё */
.lp>.hist{padding:0;overflow:hidden;background:#fff}
.hh{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 100% 0,rgba(247,142,30,.55),rgba(247,142,30,0) 55%),#1F1F22;color:#fff;padding:22px 24px 44px}
.hh h2{position:relative;z-index:1;color:#fff;font-size:30px;margin-bottom:12px}
.hh h2 svg{width:32px;height:32px}
.hh .terms{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;color:rgba(255,255,255,.85);font-size:15px;margin:0}
.hh .terms span{display:inline-flex;align-items:center;gap:8px;padding-left:16px;border-left:1px solid rgba(255,255,255,.25);font-weight:700}
.hh .terms span:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.hh .terms .ok{color:#3DDC84}
.hh .terms .no{color:#FFB15C}
.hh>svg{position:absolute;right:-6px;top:-10px;width:130px;height:130px;color:var(--or);opacity:.55;transform:rotate(-12deg)}
.hb{position:relative;margin-top:-24px;background:#fff;border-radius:24px 24px 0 0;padding:14px 16px 18px}
.hist ul{list-style:none}
.hist li{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:0 16px;min-height:60px;border-bottom:1px solid #EEF0F2;font-size:16px}
.hist li b{font-size:18px;font-weight:800;min-width:auto}
.hist li .u{display:inline-flex;align-items:center;gap:12px;color:#55585D;font-size:15.5px}
.hist li .u svg{color:#8A8D94;flex:none}
.hist li .t{font-size:14px;color:var(--mute2)}
.hist li.top{background:var(--peach);border-radius:16px;border-color:transparent}
.hist li.top b,.hist li.top .t{color:var(--or)}
.hist li.top .u{color:var(--txt)}
.hist li.top .u svg{color:var(--or)}
.hist li.me:not(.top) b{color:var(--or-h)}
.hist li.none{display:block;padding:20px 16px;color:var(--mute)}
.hist .more{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;margin-top:16px;padding:0 22px;border-radius:16px;background:var(--soft);font-size:16.5px;font-weight:700;color:var(--ink)}
.hist .more svg{transition:transform .2s}
.hist .more:hover svg{transform:translateX(3px)}
@media (max-width:640px){.hh h2{font-size:24px}.hist li{gap:10px;padding:0 10px}.hist li b{font-size:16px}.hist li .u{font-size:14px;gap:6px}}
/* левая карточка шире — заголовок и вкладки в одну строку, три кнопки в один ряд */
@media (min-width:1001px){.lp{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}}
.info-h .seg button{padding:0 16px;font-size:14.5px}
.hh>svg{display:none}
@media (min-width:761px){.lp h2#hSpec{font-size:27px;gap:12px}.lp h2#hSpec svg{width:30px;height:30px}.info-h .seg button{padding:0 13px;font-size:14px}}
@media (max-width:760px){
  .info-h .seg button{height:40px;padding:0 8px;font-size:12.5px}.info-h .seg-pill{height:40px}
  .hist li .u{white-space:nowrap}
  .hh .terms span{border:0;padding:0}
}
@media (max-width:760px){.hb{padding:12px 10px 14px}.hist li{gap:8px;padding:0 8px}.hist li b,.hist li .t{white-space:nowrap}.hist li b{font-size:15px}.hist li .u{font-size:13px}.hist li .u svg{display:none}.hist li .t{font-size:12px}}
/* обе карточки под полосой — одной высоты; в «Ставках» кнопка «Все ставки» прижата к низу */
@media (min-width:1001px){
  .lp{align-items:stretch}
  .lp>.hist{display:flex;flex-direction:column}
  .hb{flex:1;display:flex;flex-direction:column}
  .hist .more{margin-top:auto}
  .hist ul{margin-bottom:16px}
}
/* линия под строкой характеристики — сплошная, от подписи до значения */
.kv div{position:relative}
.kv span,.kv b,.kv div:nth-last-child(2) span,.kv div:nth-last-child(2) b{border:0}
.kv div:after{content:"";position:absolute;left:56px;right:0;bottom:0;height:1px;background:#EEF0F2}
.kv div:nth-last-child(-n+2):after{display:none}
@media (max-width:760px){.kv div:nth-last-child(2):after{display:block}}
/* «Ставки» не задают высоту ряда: карточка растягивается под «Об автомобиле», а список показывает столько ставок, сколько влезает */
@media (min-width:1001px){
  .lp>.hist{position:relative;min-height:520px}
  .hist .hin{position:absolute;inset:0;display:flex;flex-direction:column}
  .hist.open .hin{position:static}
  .hist .hin .hb{flex:1;min-height:0}
  .hist ul{flex:1;min-height:0;overflow:hidden}
  .hist.cut ul{-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-image:linear-gradient(#000 85%,transparent)}
  .hist.open ul{overflow:visible;-webkit-mask-image:none;mask-image:none}
}
.hist .hin{display:flex;flex-direction:column}
@media (max-width:1000px){.hist:not(.open) li:nth-child(n+7){display:none}}
.hist li .u,.hist li .t{white-space:nowrap}
/* колонки в списке ставок ровные: сумма — фиксированной ширины, цифры одинаковой ширины, время — справа */
.hist li{grid-template-columns:132px minmax(0,1fr) auto}
.hist li b{font-variant-numeric:tabular-nums}
.hist li .t{text-align:right}
/* условия в тёмной шапке: «мин. цена» — отдельной строкой, без черты */
.hh .terms{flex-direction:column;align-items:flex-start;gap:6px}
.hh .terms span{border:0;padding:0}
@media (max-width:640px){.hist li{grid-template-columns:104px minmax(0,1fr) auto}}
/* узкая карточка: участник не наезжает на время — сокращается многоточием */
.hist li{gap:12px;grid-template-columns:118px minmax(0,1fr) auto}
.hist li .u{min-width:0;overflow:hidden}
.hist li .u svg{flex:none}
.hist li .u{display:flex}
.hist li .u{text-overflow:ellipsis}

/* ===== современные анимации ===== */
/* появление при прокрутке: снизу вверх с лёгким проявлением, соседи — по очереди */
.rv{opacity:0;transform:translateY(22px)}
/* переход включаем только при появлении — иначе скрытие тоже «анимируется» и сразу снимает классы */
.rv.in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.strip-wrap.rv{transform:translateY(12px)}
.strip-wrap.rv.in{transform:none}
.lot.rv.in:hover{transform:translateY(-3px)}

/* фото проявляются после загрузки, пока грузятся — мерцающая подложка */
.lot-ph,.mo-main,.mo-side button,.banner-car,.phg button{background:linear-gradient(100deg,#E6E8EB 30%,#F2F3F5 50%,#E6E8EB 70%) 0 0/300% 100%;animation:shimmer 1.4s linear infinite}
@keyframes shimmer{to{background-position:-150% 0}}
.lot-ph img,.mo-main>img,.mo-side img,.banner-car img,.phg img{opacity:0;transition:opacity .6s ease,transform .5s}
.lot-ph img.ld,.mo-main>img.ld,.mo-side img.ld,.phg img.ld{opacity:1}

/* баннер: текст выезжает по очереди, машина медленно «наезжает», по оранжевой полосе пробегает блик */
.banner-t>*{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}
.banner-t>*:nth-child(2){animation-delay:.12s}
.banner-t>*:nth-child(3){animation-delay:.24s}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.banner-car img.ld{opacity:1;animation:kenburns 22s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.09) translateX(-1.5%)}}
.banner-cut{background-size:100% 300%;animation:cutGlow 4s ease-in-out infinite}
@keyframes cutGlow{0%,100%{background-position:0 0}50%{background-position:0 100%}}
.banner-t .live-n{position:relative;overflow:hidden}
.banner-t .live-n:after,.strip>.btn:after,.lot .btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);pointer-events:none}
.banner-t .live-n:after{animation:shine 4.5s ease-in-out 1.2s infinite}
/* блик на оранжевых кнопках: на главной кнопке торга — сам по себе, на карточках — при наведении */
.strip>.btn,.lot .btn{position:relative;overflow:hidden}
.strip>.btn:not([disabled]):after{animation:shine 3.8s ease-in-out 1s infinite}
.lot:hover .btn:after{animation:shine .9s ease-out}
@keyframes shine{0%{left:-60%}60%,100%{left:130%}}
.strip>.btn:not([disabled]){animation:breathe 2.8s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 10px 24px rgba(247,142,30,.35)}50%{box-shadow:0 12px 34px rgba(247,142,30,.6)}}

/* последняя минута: таймер пульсирует красным */
.urgent b .or,.lot-row .tm.urgent b{color:var(--red)!important;display:inline-block;animation:tick 1s ease-in-out infinite}
@keyframes tick{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}}

/* новая ставка в списке — выезжает сверху */
.hist li.new{animation:slideIn .55s cubic-bezier(.2,.8,.25,1.1),hl 1.6s}
@keyframes slideIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}

/* переключение вкладок: строки появляются по очереди */
.pane.on .kv>div,.pane.on .chk2>div,.pane.on .avt-sum>div{animation:fadeUp .45s cubic-bezier(.2,.7,.2,1) both}
.pane.on .kv>div:nth-child(2n){animation-delay:.03s}
.pane.on .kv>div:nth-child(n+3){animation-delay:.06s}.pane.on .kv>div:nth-child(n+5){animation-delay:.09s}
.pane.on .kv>div:nth-child(n+7){animation-delay:.12s}.pane.on .kv>div:nth-child(n+9){animation-delay:.15s}
.pane.on .kv>div:nth-child(n+11){animation-delay:.18s}.pane.on .kv>div:nth-child(n+13){animation-delay:.21s}

/* шапка при загрузке мягко опускается */
header .wrap{animation:fadeDown .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes fadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.banner-car{background:#26262a;animation:none}
.lot-ph:has(img.ld),.mo-main:has(>img.ld),.mo-side button:has(img.ld),.phg button:has(img.ld){animation:none}

/* ===== разделы как у Carlink ===== */
/* шапка: часы МСК, колокольчик с выпадающим списком */
#msk{gap:6px}
.bell{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--soft);color:var(--txt);transition:.15s}
.bell:hover{background:var(--or-10);color:var(--or-h)}
.bell em{position:absolute;top:4px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
header .wrap{position:relative}
.bell-m{display:none;position:absolute;right:60px;top:74px;z-index:40;width:360px;max-width:calc(100vw - 24px);background:#fff;border-radius:18px;box-shadow:0 20px 50px rgba(20,20,30,.18);padding:8px;animation:pop .2s}
.bell-m.on{display:block}
.bm-h{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 10px}
.bm-h a{color:var(--or-h);font-weight:700;font-size:14px}
.bm-i{display:flex;gap:10px;padding:10px;border-radius:12px;font-size:13.5px}
.bm-i:hover{background:var(--soft)}
.bm-i.unr{background:#FFF8F0}
.bm-i>i{flex:none;width:9px;height:9px;border-radius:50%;margin-top:6px;background:var(--ok)}
.bm-i>i.bad{background:var(--red)}.bm-i>i.info{background:var(--or)}
.bm-i b{display:block;font-size:14px}.bm-i span{display:block;color:var(--txt)}.bm-i small{color:var(--mute2);font-size:12px}
.bm-e{padding:10px;color:var(--mute);font-size:13.5px}
@media (max-width:640px){.bell{width:40px;height:40px}.bell-m{right:-4px;top:66px}}

/* регистрация: выбор профиля ФЛ / ИП / ЮЛ */
.ptype{display:grid;gap:10px;margin-top:16px}
.ptype button{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:var(--soft);text-align:left;transition:.15s}
.ptype button:hover{background:var(--or-10)}
.ptype i{flex:none;width:46px;height:46px;border-radius:14px;background:#FFE6CC;color:var(--or-h);font-style:normal;font-weight:800;display:grid;place-items:center}
.ptype b{display:block;font-size:15.5px}.ptype span{font-size:13px;color:var(--mute)}
.ptype div{flex:1}
.auto-f{margin-top:8px;height:38px;padding:0 14px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--or);color:var(--or-h);font-weight:700;font-size:13.5px}
.auto-f:hover{background:var(--or-10)}
.md .row2{margin-top:10px}
.ta{width:100%;margin-top:14px;border:0;border-radius:14px;background:var(--soft);padding:12px 14px;font:inherit;resize:vertical}
.ta:focus{outline:none;background:#fff;box-shadow:0 0 0 1.5px var(--or),0 0 0 5px rgba(247,142,30,.12)}
.md select{width:100%;height:56px;border:0;border-radius:14px;padding:20px 14px 4px;font:inherit;font-weight:600;background:var(--soft);appearance:none}
.slots{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.slots button{height:38px;padding:0 14px;border-radius:999px;background:var(--soft);font-weight:700;font-size:13.5px}
.slots button.on{background:var(--or);color:#fff}

/* лот: теги, действия, заметка */
.lt-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 14px}
.lt-tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:700}
.t-g{background:var(--ok-10);color:#14713E}.t-y{background:#FFF1D6;color:#9A6200}.t-r{background:#FFE4E1;color:#C2372F}
.lt-acts{display:flex;gap:4px;flex-wrap:wrap}
.lt-acts button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:600;color:#55585D;transition:.15s}
.lt-acts button svg{width:16px;height:16px;color:var(--or)}
.lt-acts button:hover{background:#fff;color:var(--ink)}
.lt-acts button.on{color:var(--or-h)}.lt-acts button.on svg{fill:currentColor}
.lt-note{display:none;margin:-6px 0 14px;background:#FFF8E1;border-radius:14px;padding:10px 14px;font-size:14px;position:relative}
.lt-note.on{display:block}
.lt-note b{font-size:13px;color:#9A6200}.lt-note p{white-space:pre-wrap}
.lt-note button{position:absolute;right:12px;top:10px;font-size:13px;font-weight:700;color:var(--or-h)}
@media (max-width:640px){.lt-acts button{padding:0 8px;font-size:12.5px}}

/* вкладки: их стало 7 — отдельной строкой под заголовком, листаются */
.info-h{flex-wrap:wrap}
.info-h .seg{width:100%;max-width:100%}
.info-h .seg button{flex:1 0 auto}
.pane-h{font-size:16px;font-weight:800;margin:22px 0 8px}
.pane-n{font-size:13.5px;color:var(--mute);margin-top:14px}
/* комплектация */
.eq-g{padding:14px 0;border-bottom:1px solid #EEF0F2}
.eq-g:last-of-type{border:0}
.eq-g h4{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;margin-bottom:10px}
.eq-g h4 svg{color:var(--or)}
.eq-i{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px;font-size:14.5px;color:var(--txt)}
.eq-i span{position:relative;padding-left:16px}
.eq-i span:before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:#C9CCD1}
@media (max-width:760px){.eq-i{grid-template-columns:1fr 1fr}}
/* тех. проверка */
.tc-start{display:flex;align-items:center;gap:8px;color:var(--ok);font-weight:700;margin:4px 0 12px}
.tc-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 32px;padding-bottom:16px;border-bottom:1px solid #EEF0F2}
.tc-2{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:16px}
.tc-cols h4{font-size:15px;font-weight:800;margin-bottom:6px;display:flex;gap:8px;align-items:baseline}
.tc-cols h4 em{font-style:normal;font-size:12.5px;font-weight:700}
.tc-r{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14.5px}
.tc-r span{color:var(--mute)}
.ok{color:var(--ok)}.tc-r .ok{color:var(--ok);font-weight:700}.tc-r .no,.tc-cols em.no{color:var(--or-h)}
@media (max-width:760px){.tc-cols,.tc-2{grid-template-columns:1fr}}
/* шины */
.ty{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center}
.ty-car{width:100%;height:auto}
.ty-w{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ty-w div{background:var(--soft);border-radius:14px;padding:12px 14px}
.ty-w small{display:block;font-size:12px;color:var(--mute);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.ty-w b{display:block;font-size:15px;margin-top:2px}.ty-w span{display:block;font-size:13.5px;color:var(--txt)}
.ty-w em{font-style:normal;font-weight:800;font-size:15px}
.ty-f{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:16px;font-size:14.5px}
.ty-f span{color:var(--mute);margin-right:8px}
@media (max-width:760px){.ty{grid-template-columns:1fr}.ty-car{max-width:260px;margin:0 auto}}
/* документы */
.kv-plain{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.kv-plain:before{display:none}
.kv-plain div{display:flex!important;justify-content:space-between;padding:10px 0!important;border-bottom:1px solid #EEF0F2}
.kv-plain div:after{display:none!important}
.kv-plain span,.kv-plain b{min-height:0!important;border:0!important}
@media (max-width:760px){
.kv-plain{grid-template-columns:1fr}}

/* полоса торга: сумма «− / +», ставка и автоставка */
.bidbox{display:flex;align-items:center;gap:8px;flex:none}
.bidbox .ab{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:999px;color:var(--or-h);font-weight:700;font-size:13.5px;white-space:nowrap}
.bidbox .ab:hover{background:var(--or-10)}
.bidbox .ab.on{background:var(--ok-10);color:#14713E}
.stp{display:flex;align-items:center;height:56px;border-radius:16px;background:var(--soft);padding:4px}
.stp input{width:126px;height:100%;border:0;background:transparent;text-align:center;font:inherit;font-weight:800;font-size:17px}
.stp input:focus{outline:none}
.stp button{width:42px;height:100%;border-radius:12px;font-size:22px;font-weight:600;color:var(--txt)}
.stp button:hover{background:#fff;color:var(--or-h)}
.strip .bidbox>.btn{height:56px;min-width:0;padding:0 24px;border-radius:16px;font-size:16px;gap:10px;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(247,142,30,.35)}
.strip .bidbox>.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:shine 3.8s ease-in-out 1s infinite}
@media (max-width:1240px){.strip .sst.n{display:none}.stp input{width:110px}}
@media (max-width:1000px){.bidbox .ab,.bidbox .stp{display:none}}
@media (max-width:760px){.strip .bidbox>.btn{height:56px;padding:0 16px;font-size:14.5px;border-radius:16px}.strip .bidbox>.btn svg{display:none}}
@media (min-width:1001px){.info-h .seg button{padding:0 10px;font-size:13.5px}}
/* ===== список: фильтры, поиск, вид, быстрая ставка ===== */
.lh-r{display:flex;align-items:center;gap:12px}
.cnt{color:var(--mute);font-size:14px;white-space:nowrap}
.view{display:flex;background:#fff;border-radius:14px;padding:4px;box-shadow:0 8px 30px rgba(20,20,30,.06),0 1px 2px rgba(0,0,0,.04)}
.view button{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:var(--mute2)}
.view button.on{background:var(--or-10);color:var(--or-h)}
@media (max-width:640px){.lh-r{width:100%;justify-content:space-between}.cnt{display:none}}

/* теги и быстрая ставка в карточке */
.lot-tg{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.lot-tg .tag{height:24px;padding:0 9px;font-size:11.5px}
.qb{display:flex;gap:6px;margin-top:auto}
.stp.sm{height:50px;flex:1;min-width:0;border-radius:14px;padding:3px}
.stp.sm input{width:100%;min-width:0;font-size:15px}
.stp.sm button{width:36px;font-size:20px;flex:none}
.lot .qb .btn{width:auto;flex:none;height:50px;padding:0 18px;margin:0}
.qauto{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;height:34px;border-radius:12px;color:var(--or-h);font-weight:700;font-size:13px;width:100%}
.qauto:hover{background:var(--or-10)}
.qauto.on{background:var(--ok-10);color:#14713E}
.qauto svg{width:16px;height:16px}

/* вид «списком»: фото слева, данные по центру, торг справа */
.lb-t{display:flex;flex-direction:column;flex:1}
.grid.rows{grid-template-columns:1fr;gap:12px}
.grid.rows .lot{display:grid;grid-template-columns:300px minmax(0,1fr)}
.grid.rows .lot-ph{aspect-ratio:auto;height:100%;min-height:200px}
.grid.rows .lot-b{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:20px 22px}
.grid.rows .lot-t{font-size:20px}
.grid.rows .lot-row{margin-top:0}
.grid.rows .lot-f{margin:10px 0}
@media (max-width:1100px){.grid.rows .lot{grid-template-columns:240px minmax(0,1fr)}.grid.rows .lot-b{grid-template-columns:1fr;gap:8px}}
@media (max-width:640px){.grid.rows .lot{grid-template-columns:1fr}.grid.rows .lot-ph{min-height:0;aspect-ratio:1.45}}
.lb-t{justify-content:flex-end}

/* ===== личный кабинет ===== */
.cab{padding-bottom:60px}
.cab-h{margin:4px 0 18px}
.cab-u{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cab-u>i{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#FF9E33,var(--or-h));color:#fff;font-style:normal;font-weight:800;font-size:22px;display:grid;place-items:center}
.cab-u h1{font-size:28px}
.cab-u span{color:var(--mute);font-size:14.5px}
.cab-u .tag{margin-left:auto}
.cab-in{text-align:center;padding:40px 24px}
.cab-in p{color:var(--mute);margin:10px auto 20px;max-width:520px}
#cabTabs{max-width:100%}
#cabTabs button{padding:0 16px;font-size:14px}
.cab-b{display:grid;gap:10px;margin-top:18px}
.cr{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border-radius:20px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}
.cr img{width:150px;aspect-ratio:1.45;object-fit:cover;border-radius:14px;background:#E6E8EB}
.cr-i b{font-size:17px}.cr-i b:hover{color:var(--or-h)}
.cr-i span{display:block;color:var(--mute);font-size:13.5px;margin-top:4px}
.cr-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;padding-right:8px;max-width:320px}
.cr-r b{font-size:20px;font-weight:800}
.cr-r small{color:var(--mute);font-size:12.5px}
.cr-r .btn{height:42px;margin-top:6px;font-size:14px}
.cr-b{display:flex;gap:6px;flex-wrap:wrap}
.cr-b .btn{height:40px;font-size:14px;padding:0 14px}
.cab-e{text-align:center;padding:40px 20px;background:#fff;border-radius:20px;color:var(--mute)}
.cab-e .btn{margin-top:14px}
.cab-note{background:var(--peach);border-radius:16px;padding:12px 16px;font-size:14px;color:var(--txt)}
.nl{background:#fff;border-radius:20px;padding:8px}
.nl-i{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:12px;border-radius:14px}
.nl-i:hover{background:var(--soft)}
.nl-i>i{width:10px;height:10px;border-radius:50%;margin-top:6px;background:var(--ok)}
.nl-i>i.bad{background:var(--red)}.nl-i>i.info{background:var(--or)}
.nl-i b{display:block}.nl-i span{color:var(--txt);font-size:14px}.nl-i small{color:var(--mute2);font-size:12.5px;white-space:nowrap}
.cab-ch{background:#fff;border-radius:20px;padding:16px}
.sv{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#fff;border-radius:20px;padding:16px 18px}
.sv b{font-size:16px}.sv span{display:block;color:var(--mute);font-size:13px}
.sv .slots{margin-top:8px}.sv .slots button{height:32px;font-size:12.5px}
.cab-b>.btn{justify-self:start;gap:8px}
.pf{padding:22px}
@media (max-width:760px){.cr{grid-template-columns:96px minmax(0,1fr)}.cr img{width:96px}.cr-r{grid-column:1/-1;align-items:flex-start;text-align:left;max-width:none}.cab-u .tag{margin-left:0}.cab-u h1{font-size:22px}}
.seg button em:empty{display:none}
@media (max-width:640px){.hdr-r{gap:6px}header .wrap{padding-right:6px}.bell,.acc,.phone,.burger{width:40px;height:40px;min-width:40px}}
@media (max-width:760px){.sst small{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* карточки списка по макету: блоки цены на одной высоте, персиковый блок с разделителем, белое поле ставки */
.lot-tg{min-height:62px;align-content:flex-start}
.lb-t{justify-content:flex-start}
.lot-row{background:var(--peach);grid-template-columns:minmax(0,1fr) auto;gap:0;padding:12px 16px}
.lot-row>div:first-child{padding-right:14px}
.lot-row .tm{padding-left:14px;border-left:1px solid #F1DCC8;text-align:left}
.lot-row .tm small{text-align:right}
.tmv{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.tmv svg{flex:none;width:18px;height:18px;color:var(--or)}
.lot-row .tm.hot b{font-size:20px}
.lot-row .tm b{color:var(--ink)}
.lot-row .tm.hot b,.lot-row .tm.hot svg{color:var(--or)}
.badge.hot svg{width:15px;height:15px}
.stp.sm{background:#fff;box-shadow:inset 0 0 0 1.5px var(--line)}
.stp.sm button:hover{background:var(--soft)}
.lot .qb .btn{background:linear-gradient(135deg,#FF9E33,var(--or) 50%,var(--or-h));box-shadow:0 8px 18px rgba(247,142,30,.3);font-size:16px;padding:0 20px}
.lot .qb .btn:hover{filter:brightness(1.05)}
.qauto{height:44px;margin-top:10px;border-radius:14px;background:var(--peach);font-size:14px}
.qauto:hover{background:#FFEBD8}
.qauto svg{width:18px;height:18px}
.lot-f{margin:12px 0}
.grid.rows .lot-tg{min-height:0}
@media (max-width:560px){.lot-tg{min-height:0}}
/* узкие карточки: цена и таймер не упираются друг в друга */
.lot-row{padding:12px 14px}
.lot-row .pr{font-size:19px}
.lot-row>div:first-child{padding-right:10px}
.lot-row .tm{padding-left:10px}
.lot-row .tm b{font-size:14.5px}
.lot-row .tm.hot b{font-size:18px}
.tmv{gap:5px}.tmv svg{width:16px;height:16px}
/* блок цены — серый, оранжевого и так много */
.lot-row{background:var(--soft)}.lot-row .tm{border-left-color:#E1E3E6}

/* закрытое для гостей: размытое содержимое + приглашение войти */
.locked{position:relative;min-height:300px}
.locked>*:not(.lockov){filter:blur(7px);opacity:.55;pointer-events:none;user-select:none;max-height:340px;overflow:hidden}
.lockov{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px}
.lockov i{width:56px;height:56px;border-radius:50%;background:#fff;color:var(--or);display:grid;place-items:center;box-shadow:0 8px 24px rgba(20,20,30,.12);margin-bottom:6px}
.lockov b{font-size:18px}
.lockov span{color:var(--mute);font-size:14px;max-width:340px}
.lockov .btn{margin-top:10px;height:48px}
.lk-h{min-height:0}
.lk-h>ul{max-height:none!important}
.tl-lock svg{width:13px;height:13px;margin-left:5px;opacity:.6}
.tl-lock{display:inline-flex;font-style:normal}
.mo-lock{position:absolute;right:10px;bottom:10px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--or);display:grid;place-items:center;font-style:normal}
.mo-lock svg{width:17px;height:17px}
@media (max-width:760px){.mo-lock{width:24px;height:24px;right:4px;top:4px;bottom:auto}.mo-lock svg{width:13px;height:13px}}
.locked{max-height:380px;overflow:hidden}.lockov{justify-content:flex-start;padding-top:70px}.lk-h{max-height:none;overflow:hidden}.lk-h .lockov{padding-top:90px}
/* блок цены: подписи — по верху, значения — по низу, в обеих колонках */
.lot-row{align-items:stretch}
.lot-row>div{display:flex;flex-direction:column;justify-content:space-between;gap:4px}
.lot-row .tm{align-items:flex-end}
.lot-row .pr,.lot-row .tmv{line-height:1.2;min-height:24px;display:flex;align-items:center}
.lot-row .tm b{line-height:1.2}
.pr-dash{color:#B5B8BE!important;font-weight:800;letter-spacing:.02em}
/* вкладки листаются вбок — край, за которым есть ещё, уходит в «туман» */
.seg.fr{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 70px),transparent)}
.seg.fl{-webkit-mask-image:linear-gradient(90deg,transparent,#000 70px);mask-image:linear-gradient(90deg,transparent,#000 70px)}
.seg.fl.fr{-webkit-mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent)}
.seg.fr,.seg.fl{cursor:grab}.seg.drag{cursor:grabbing;user-select:none}.seg.drag button{pointer-events:none}
/* фильтры: поиск и кнопки — одной строкой, поля под ними занимают всю ширину */
@media (max-width:640px){.hm{display:none}}
/* баннер — готовая картинка КМ/Ч на всю ширину: полоса и машина на ней, текст — на тёмной части слева */
.banner-car{inset:0;clip-path:none}
.banner-car:after{background:linear-gradient(90deg,rgba(20,20,22,.35),rgba(20,20,22,0) 45%)}
.banner-car img{object-position:right center;filter:none}
.banner-cut{display:none}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.04)}}
.banner-car img.ld{transform-origin:75% 50%}
@media (max-width:760px){
  .banner{display:flex;flex-direction:column}
  .banner-car{position:relative;inset:auto;height:210px;margin:0;clip-path:none;order:2}
  .banner-car img{object-position:78% center}
}
/* свой чекбокс: оранжевый квадрат с белой галочкой (стандартный рисовал тёмную) */
.chk input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border-radius:6px;border:2px solid #CFD2D7;background:#fff;cursor:pointer;transition:.15s;display:grid;place-items:center}
.chk input:checked{background:var(--or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--or)}
.chk input:focus-visible{box-shadow:0 0 0 4px rgba(247,142,30,.2)}

/* «Как это работает» с 3D-иллюстрациями: картинка справа сверху, номер шага, текст */
.how>div{position:relative;overflow:hidden;padding:24px 24px 26px;min-height:230px;transition:transform .25s,box-shadow .25s}
.how>div:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 18px 40px rgba(20,20,30,.1)}
.how-img{position:absolute;right:-6px;top:-4px;width:150px;height:150px;object-fit:contain;transition:transform .4s cubic-bezier(.2,.8,.3,1.2)}
.how>div:hover .how-img{transform:scale(1.06) rotate(-2deg)}
.how em{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--or);color:#fff;font-style:normal;font-weight:800;font-size:15px;margin-bottom:68px}
.how b{position:relative;font-size:19px}
.how p{position:relative;max-width:92%}
@media (max-width:560px){.how>div{min-height:0;padding:20px}.how-img{width:110px;height:110px}.how em{margin-bottom:50px}}
.how-img{width:108px;height:108px;right:10px;top:10px}.how em{margin-bottom:46px}@media (max-width:560px){.how-img{width:84px;height:84px}.how em{margin-bottom:34px}}
/* фильтры по макету: иконка, подпись, значение жирным, стрелка; вся плашка — выпадающий список */
/* иконки в фильтрах — поменьше */
/* тестовый режим входа: код показывается прямо в окне */
.test-code{margin-top:12px;background:#FFF8E1;color:#9A6200;border-radius:12px;padding:10px 12px;font-size:13.5px}
.test-code b{font-size:16px;letter-spacing:.1em}
label.up{cursor:pointer}
/* схема толщиномера: машина сверху + плашки деталей */
.pcar-lg{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;margin-top:12px;font-size:12.5px;color:var(--mute)}
.pcar-lg span{display:inline-flex;align-items:center;gap:6px}.pcar-lg span:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--c)}
.pcar-lg .g{--c:#1F8A45}.pcar-lg .o{--c:#E8833A}.pcar-lg .r{--c:#D93636}.pcar-lg .pls{--c:#D9A21B}.pcar-lg .rp{--c:#7B5BD6}
/* вкладки кабинета — на всю ширину блока (на телефоне остаются с прокруткой) */
@media(min-width:1001px){#cabTabs{display:flex;width:100%}#cabTabs button{flex:1 1 auto;justify-content:center}}
/* фирменный шрифт основного сайта: Dela Gothic One — крупные заголовки баннеров (как .hb-t) и подпись у логотипа (как .lw) */
.banner-t h1{font-family:'Dela Gothic One',Manrope,sans-serif;font-synthesis:none;font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:1.08;font-size:44px}
@media(max-width:1000px){.banner-t h1{font-size:34px}}
@media(max-width:640px){.banner-t h1{font-size:25px}}
.mo-side .all span{font-family:'Dela Gothic One',Manrope,sans-serif;font-synthesis:none;font-weight:400;letter-spacing:.01em}
/* фильтры: шрифты поменьше (просьба заказчика) */

/* поиск — как блок «Найдите свой автомобиль» на km4.ru (site.css: .sinput, .chip, .apply, .pop) */
.qsb{position:relative;background:#fff;border-radius:28px;padding:28px 28px 24px;margin-top:22px}
.qsb .qs-title{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px}
.qsb .sinput{position:relative;display:flex;align-items:center;gap:14px;height:72px;background:#ECEDEF;border-radius:24px;padding:0 20px 0 26px;color:#555;cursor:text;transition:background .15s,box-shadow .15s}
.qsb .sinput svg{flex:none}
.qsb .sinput input{flex:1;height:100%;border:0;background:none;font:inherit;font-size:17px;color:var(--ink);outline:none;min-width:0}
.qsb .sinput input::-webkit-search-cancel-button{display:none}
.qsb .sph{position:absolute;left:64px;font-size:17px;color:var(--ink);pointer-events:none;transition:opacity .15s;white-space:nowrap}
.qsb .sph em{font-style:normal;color:#A5A7AB;margin-left:6px;white-space:pre}
.qsb .sph:after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.18em;background:var(--or);border-radius:1px;animation:qcaret 1s steps(1) infinite}
@keyframes qcaret{50%{opacity:0}}
.qsb .sinput:focus-within{background:#fff;box-shadow:0 0 0 2px var(--or)}
.qsb .sinput:focus-within .sph:after{display:none}
.qsb .srow{display:flex;align-items:center;gap:8px;margin-top:14px}
.qsb .chiplist{display:flex;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.qsb .chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px 0 16px;border-radius:999px;background:#ECEDEF;font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;transition:.15s}
.qsb .chip svg{flex:none;transition:transform .15s}
.qsb .chip img{width:18px;height:18px;object-fit:contain;margin-left:-4px}
.qsb .chip:hover{background:#E2E3E6}
.qsb .chip.open svg{transform:rotate(180deg)}
.qsb .chip.set{background:var(--or-10);color:var(--or-h)}
.qsb .chip:disabled{color:#A5A7AB;cursor:default;background:#F1F2F4}
.qsb #fFav{padding:0 16px 0 14px}.qsb #fFav svg{width:15px;height:15px;color:var(--or)}
.qsb .sacts{display:flex;align-items:center;gap:8px;flex:none}
.qsb .sx{height:38px;padding:0 10px;font-size:13px;font-weight:600;color:var(--mute)}.qsb .sx:hover{color:var(--ink)}
.qsb .apply{height:38px;padding:0 24px;min-width:170px;border-radius:10px;background:var(--or);color:#fff;font-weight:600;font-size:13px;transition:.15s}
.qsb .apply:hover{background:var(--or-h)}
.qsb .apply:disabled{background:#ECEDEF;color:#A5A7AB;cursor:default}
.qsb .pop{position:absolute;z-index:15;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.16);padding:8px;min-width:220px;max-height:340px;overflow:auto;display:none}
.qsb .pop.on{display:block}
.qsb .pop .opt{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500}
.qsb .pop .opt:hover{background:var(--soft)}
.qsb .pop .opt.on{color:var(--or-h);font-weight:700}
.qsb .pop .opt small{color:var(--mute)}
@media (max-width:860px){.qsb{padding:20px 16px 16px;border-radius:24px}.qsb .qs-title{font-size:22px;margin-bottom:12px}
  .qsb .sinput{height:56px;border-radius:18px;padding:0 14px 0 16px;gap:10px}.qsb .sinput input,.qsb .sph{font-size:15px}.qsb .sph{left:50px}
  .qsb .srow{flex-direction:column;align-items:stretch}.qsb .chiplist{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.qsb .chiplist::-webkit-scrollbar{display:none}
  .qsb .sacts{justify-content:space-between}.qsb .apply{flex:1;min-width:0;height:44px}
  .qsb .pop{left:12px!important;right:12px;min-width:0}}
@media (max-width:860px){.qsb .apply{white-space:nowrap;padding:0 12px}.qsb .sacts .chip,.qsb .sx{flex:none}}
@media (max-width:860px){.qsb .sacts{flex-wrap:wrap}.qsb .apply{flex:1 1 100%}}
/* значок «Аукцион» рядом с логотипом — картинка от заказчика */
.logo-badge{height:34px;width:auto;display:block;flex:none}
@media(max-width:640px){.logo-badge{height:28px}}
.logo-badge{height:26px}
@media(max-width:640px){.logo-badge{height:22px}}
/* теги лотов: не жирные и поменьше */
.lot-tg .tag,.tags .tag{font-weight:500;font-size:11px;height:22px;padding:0 8px}
/* бейдж статуса на фото лота — шрифт поменьше */
.badge{font-size:11.5px;font-weight:600;height:26px;padding:0 10px;gap:6px}
.badge.hot svg{width:13px;height:13px}

/* ===== облегчение страницы (заказчик: «вся страничка очень грузная») — шрифты тоньше и чуть меньше ===== */
.seg button{font-weight:500}@media (min-width:861px){.seg button{font-size:14px;height:42px;padding:0 20px;gap:8px}}
.seg button.on{font-weight:600}
.seg button em{font-size:11.5px;font-weight:600;min-width:22px;height:22px;padding:0 6px}
.sort>button{font-size:13.5px;font-weight:500}.sort-m>button{font-size:13.5px;font-weight:500}
.lot-t{font-size:16px;font-weight:700}
.pr{font-size:18px;font-weight:700}
.tmv b{font-size:13.5px;font-weight:700}
.lot-cnt{font-size:11.5px;font-weight:600}
.qb .btn{font-size:14px;font-weight:600}
.qauto{font-size:13px;font-weight:500}
.stp button{font-weight:500}
.bstep b{font-size:14px;font-weight:600}
.bstep i{font-size:13px;font-weight:700}
.isec>h2{font-size:28px}
.qsb .qs-title{font-size:26px}
/* вопросы FAQ — всегда 15px/600 (раньше размер прыгал после анимации появления) */
.faq summary,details>summary{font-size:15px;font-weight:600}
header nav a{font-weight:500}header nav a.on{font-weight:600}
.phone>span{font-weight:600}
.banner-t .live-n{font-weight:600;font-size:13.5px}
.btn{font-weight:600}
@media (max-width:860px){.isec>h2{font-size:22px}.qsb .qs-title{font-size:21px}}
.lot .pr,.lot-row .pr{font-size:17.5px;font-weight:700}
.lot .tmv b,.lot-row .tmv b{font-size:13.5px;font-weight:700}
.lot .qb .btn{font-size:14px;font-weight:600}
.pr-dash{font-weight:600}

/* ===== облегчение страницы лота и кабинета ===== */
body .lp h1,#ttl{font-size:30px;font-weight:800}
.lt-top .lt-act{font-weight:600}
.lt-tags .tag{font-weight:500;font-size:11.5px;height:24px;padding:0 9px}
.sst b{font-size:21px;font-weight:700}.sst b *{font-weight:700}
.bidbox .ab{font-weight:600}
.info-h h2,.hh h2{font-size:24px}
.eq-g h4,.tc-cols h4,.avt-g h4,.pane .pane-h,.pane .avt-h{font-size:14.5px;font-weight:700}
.tc-r b,.tc-r .ok,.tc-r .no{font-size:13.5px;font-weight:600}
.tc-cols h4 em{font-weight:600}
.tc-start{font-size:14.5px;font-weight:600}
.ty-w small{font-weight:600}.ty-w em{font-size:14px;font-weight:700}
.avt-v>*{font-weight:600}
li em,.more em{font-weight:600}
figcaption,.tk{font-weight:600}
.mgr b{font-weight:600}
.avt-full,.avt-more{font-weight:600}
.mo-side button span,.def span{font-weight:600}
.hb li b{font-size:16px;font-weight:700}
.more span{font-size:15px;font-weight:600}
.allph-h b{font-weight:600}.allph-b h3{font-size:16px;font-weight:700}
.zv span{font-weight:600}
.insp-line a{font-weight:600}
@media (max-width:860px){body .lp h1,#ttl{font-size:22px}.info-h h2,.hh h2{font-size:20px}.sst b{font-size:18px}}
/* кабинет — легче */
.cab-u h1{font-size:24px}
.cab-u>i{font-size:19px;font-weight:700}
.cab-u .tag{font-size:12.5px;font-weight:600}
.cab-b b{font-weight:600}
.cab-b .slots button{font-weight:500}.cab-b .slots button.on{font-weight:600}
.cab-b .lot-t,.cab-b .cr-i b{font-size:15px;font-weight:700}
@media (max-width:860px){.cab-u h1{font-size:20px}}
.cab-b .cr-r b{font-size:17px;font-weight:700}
/* текст — Manrope, как на test-km4.ru (Gilroy в списке шрифтов, но не подключён — как там) */

/* схема толщиномера по рисунку-развёртке */
.actc{position:relative;max-width:760px;margin:0 auto}
.actc canvas{display:block;width:100%;height:auto;aspect-ratio:1541/1021;border-radius:12px;background:#fff}
.actc.edit canvas{cursor:pointer}
.pcar-lg .o{--c:#F7C6C4}.pcar-lg .r{--c:#F59A96}.pcar-lg .g{--c:#C3E8CF}.pcar-lg .pls{--c:#FCD089}.pcar-lg .rp{--c:#C9B6F2}
/* характеристики на странице лота — компактнее */
#spec.kv{column-gap:48px}
#spec.kv div{grid-template-columns:30px auto 1fr;gap:0 12px;padding:4px 0;font-size:13.5px}
#spec.kv .si{width:30px;height:30px}
#spec.kv .si svg{width:15px;height:15px}
#spec.kv span,#spec.kv b{min-height:38px}
#spec.kv b{font-weight:600}
#spec.kv .sw{width:16px;height:16px}
/* комплектация — тот же размер, что у характеристик */
.eq-g h4{font-size:13.5px;font-weight:600}
.eq-g h4 svg{width:16px;height:16px}
.eq-i span{font-size:13.5px}
.pane-n{font-size:12.5px}
/* все вкладки «Об автомобиле» — один размер шрифта, как в характеристиках (13.5px) */
.pane[data-p] .tc-start,.pane[data-p] .tc-r span,.pane[data-p] .tc-r b,.pane[data-p] .chk2 div,.pane[data-p] .chk2 span,.pane[data-p] .chk2 b,.pane[data-p] .mgr p,
.pane[data-p] .ty-f span,.pane[data-p] .ty-f b,.pane[data-p] .ty-w small,.pane[data-p] .ty-w span,
.pane[data-p] .avt-g div,.pane[data-p] .avt-g span,.pane[data-p] .avt-g b,.pane[data-p] li,.pane[data-p] li em,.pane[data-p] .act-note{font-size:13.5px}
.pane[data-p] h4,.pane[data-p] .pane-h,.pane[data-p] .avt-h,.pane[data-p] .mgr b{font-size:13.5px;font-weight:600}
.pane[data-p] .ty-w b{font-size:14px;font-weight:600}.pane[data-p] .ty-w em{font-size:13.5px;font-weight:600}
.pane[data-p] .avt-v>*{font-size:13px;font-weight:600}
.pane[data-p] li em{font-weight:600}
.pane[data-p] .avt-full,.pane[data-p] .avt-more{font-size:13.5px}
.pane[data-p] .pcar-lg{font-size:12px}
.pane[data-p] .avt-sum div,.pane[data-p] .avt-sum span,.pane[data-p] .avt-sum b{font-size:13.5px}.pane[data-p] .avt-sum b{font-weight:600}
.pane[data-p] li b{font-size:13.5px;font-weight:600}
/* меню: активный пункт той же толщины, что и остальные — иначе при переключении буквы «прыгают» */
header nav a.on{font-weight:500}
/* адаптив шапки: на 981–1100 px номер прячем в кружок (иначе кнопка «Войти» уезжает за край);
   на узких телефонах телефон и значок «Аукцион» уходят в меню/уменьшаются */
@media (min-width:981px) and (max-width:1100px){.phone span{display:none}.phone{width:44px;height:44px;justify-content:center;border-radius:12px;background:var(--soft)}}
@media (max-width:800px){.topbar #msk{display:none}}
@media (max-width:420px){header .phone{display:none}.logo .logo-badge{width:84px;height:auto}.logo svg{width:54px}header .wrap{padding:0 6px 0 10px}}
.mnav .mn-ph{display:none}
@media (max-width:420px){.mnav .mn-ph{display:block;color:var(--or-h)}}
@media (max-width:360px){.hdr-r{gap:4px}.bell,.acc,.burger{width:38px;height:38px;min-width:38px}.logo{gap:6px}.logo .logo-badge{width:74px}.logo svg{width:48px}}
/* баннер 761–1320 px. Оранжевая полоса нарисована на картинке (2000×667): её левый край — x≈1096 вверху и ≈820 внизу.
   Пока картинка не обрезается (шире ~1020 px) полоса внизу на 41% ширины — текст держим уже этого.
   Уже 1020 px картинку прижимаем влево (а не вправо), чтобы полоса не съезжала на текст. */
@media (min-width:761px) and (max-width:1320px){.banner-t{max-width:calc(41% - 14px);padding-right:0}.banner-t h1{font-size:clamp(28px,3.1vw,44px)}.banner-t p{max-width:none;font-size:15px}}
@media (min-width:761px) and (max-width:1020px){.banner-t{max-width:380px}.banner-car img{object-position:-18px center}.banner-car img.ld{transform-origin:20% 50%}}
/* подвал как на основном сайте */
footer.sfoot{background:#161618;color:#9A9BA1;padding:64px 0 56px;margin-top:60px;font-size:14.5px}
footer.sfoot .wrap{display:block}
.sfoot .fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr 1.2fr;gap:32px}
.sfoot h4{color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.sfoot a{display:block;margin-bottom:10px;color:#9A9BA1;transition:color .15s}
.sfoot a:hover{color:var(--or)}
.sfoot .f-logo{margin-bottom:28px}.sfoot .f-logo svg{width:84px;height:auto;display:block}
.sfoot .f-phone{font-size:26px;font-weight:600;color:#fff;margin-bottom:4px;letter-spacing:-.01em;white-space:nowrap}
.sfoot .f-sub{color:#fff;font-weight:700;font-size:14px}
.sfoot .f-soc{display:flex;gap:10px;margin-top:28px}
.sfoot .f-soc a{width:40px;height:40px;border-radius:12px;background:#26262a;display:grid;place-items:center;color:#fff;margin:0}
.sfoot .f-soc a:hover{background:var(--or);color:#fff}
.sfoot .f-pay-t{margin-top:28px}
.sfoot .f-pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sfoot .f-pay img{height:28px;width:auto;display:block;border-radius:6px}
.sfoot .f-seo{margin-top:48px;padding-top:28px;border-top:1px solid #2a2a2e;font-size:13px;line-height:1.6;color:#6E7076;max-width:900px}
.sfoot .f-seo h3{color:#9A9BA1;font-size:14px;font-weight:700;margin-bottom:8px}
.sfoot .fbot{border-top:1px solid #2a2a2e;margin-top:28px;padding-top:20px;font-size:12.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#6E7076}
.sfoot .fbot a{margin:0;font-size:12.5px}
@media (max-width:1100px){.sfoot .fgrid{grid-template-columns:1fr 1fr 1fr 1fr}.sfoot .f-brand{grid-column:1/-1}}
@media (max-width:760px){.sfoot .fgrid{grid-template-columns:1fr 1fr;gap:28px 20px}footer.sfoot{padding:44px 0 32px;margin-top:40px}.sfoot .f-phone{font-size:23px}}
/* карта в контактах — серая, как на основном сайте, с меткой КМ/Ч */
#ctMap{position:relative;height:100%}
#ctMap>ymaps,#ctMap iframe{width:100%;height:100%;min-height:320px}
#ctMap [class*="ground-pane"]{filter:grayscale(1) brightness(1.03) contrast(.95)}
.km-pin{width:40px;height:50px;position:relative}
.km-pin i{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--or);box-shadow:0 6px 14px rgba(0,0,0,.3)}
.km-pin b{position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:-.02em}
/* каталог на планшете и телефоне (≤860 px): всё во всю ширину и по краям ровно */
@media (max-width:860px){
  .qsb .sacts{flex-wrap:wrap}.qsb .apply{flex:1 1 150px}
  .list-head{flex-direction:column;align-items:stretch;gap:12px}
  .list-head #tabs{width:100%}.list-head #tabs button{flex:1;justify-content:center}
  .list-head .lh-r{width:100%;justify-content:space-between}.list-head .cnt{display:block;margin-right:auto}
}
@media (max-width:420px){.list-head .cnt{display:none}.list-head .lh-r .sort{margin-left:auto}}
@media (max-width:480px){.list-head #tabs button{padding:0 6px;font-size:13px;gap:5px;min-width:0}.list-head #tabs em{min-width:18px;height:18px;font-size:11px;padding:0 5px}}
/* фильтры (Марка, Модель, Год…) тянутся на всю ширину строки; если не влезают — листаются вбок */
@media (max-width:860px){.qsb .chiplist>*{flex:1 0 auto;justify-content:center}}
/* фильтры под кнопкой на телефоне/планшете */
.qsb .ftog{display:none;position:relative;flex:none;width:40px;height:40px;border-radius:12px;place-items:center;color:var(--ink);transition:.15s}
.qsb .ftog:hover,.qsb.fopen .ftog{background:#fff;color:var(--or-h)}
.qsb .ftog em{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--or);color:#fff;font-size:10.5px;font-weight:700;font-style:normal;display:none;place-items:center}
.qsb .ftog.set em{display:grid}
@media (max-width:860px){.qsb .ftog{display:grid}.qsb:not(.fopen) .srow{display:none}}

/* окно «Настройки»: переключатели в стиле сайта */
.set-l{display:grid;gap:4px;margin:14px 0 18px}
.set-r{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;cursor:pointer;border-bottom:1px solid var(--line)}
.set-r:last-child{border:0}
.set-r b{display:block;font-weight:600;font-size:15px;color:var(--ink)}.set-r small{display:block;color:var(--mute);font-size:13px;margin-top:2px}
.set-r input{position:absolute;opacity:0;pointer-events:none}
.sw-t{flex:none;width:46px;height:28px;border-radius:999px;background:#D9DBE0;position:relative;transition:background .2s}
.sw-t:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:transform .2s}
.set-r input:checked+.sw-t{background:var(--or)}.set-r input:checked+.sw-t:after{transform:translateX(18px)}
.set-r input:focus-visible+.sw-t{box-shadow:0 0 0 3px rgba(247,142,30,.3)}
.btn.set-del{margin-top:10px;color:#D23B3B}
/* кабинет: подзаголовок «Завершённые» в «Моих ставках» */
.cab-sub{font-size:16px;font-weight:700;margin:22px 4px 2px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.cab-sub small{font-size:12px;font-weight:600;color:var(--mute);background:#fff;border-radius:999px;padding:2px 8px}
.cab-more{width:100%;margin-top:10px}.cr[hidden]{display:none}

/* колокольчик: все уведомления здесь, список листается */
.bm-l{max-height:min(420px,70vh);overflow:auto}
.bm-i:not([href]){cursor:default}

/* меню профиля под значком (как у маркетплейсов) */
.acc-m{display:none;position:absolute;right:8px;top:74px;z-index:41;width:300px;max-width:calc(100vw - 24px);background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(20,20,30,.18);padding:8px;animation:pop .2s}
.acc-m.on{display:block}
.acc-m:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.acc-m a,.acc-m button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;font:inherit;font-size:14.5px;font-weight:500;color:var(--ink);text-align:left;background:none}
.acc-m a:hover,.acc-m button:hover{background:var(--soft)}
.acc-m a svg,.acc-m button svg{width:19px;height:19px;flex:none;color:var(--mute)}
.acc-m a span,.acc-m button span{flex:1}
.acc-m em{font-style:normal;font-size:12px;font-weight:700;color:var(--mute);background:var(--soft);border-radius:999px;padding:2px 8px}
.acc-m .am-me{padding:10px 12px 12px}
.acc-m .am-me i{width:42px;height:42px;border-radius:50%;background:var(--or-10);color:var(--or-h);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px;flex:none}
.acc-m .am-me div{flex:1;min-width:0}.acc-m .am-me b{display:block;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-m .am-me span{display:block;font-size:12.5px;color:var(--mute)}
.acc-m hr{border:0;border-top:1px solid var(--line);margin:6px 8px}
.acc-m .am-out{color:var(--mute)}
.acc-m .am-warn{display:flex;gap:8px;align-items:flex-start;margin:0 4px 6px;padding:10px 12px;border-radius:12px;background:#FFF1D6;color:#9A6200;font-size:12.5px;line-height:1.35}
.acc-m .am-warn svg{width:16px;height:16px;flex:none;margin-top:1px}
@media (max-width:640px){.acc-m{right:-4px;top:66px}}
.pf-del{display:block;margin:18px auto 0;font:inherit;font-size:13.5px;color:#D23B3B;background:none;opacity:.85}.pf-del:hover{opacity:1;text-decoration:underline}

/* шапка сотрудника (администратор, оценщик): метка роли, «Открыть сайт», имя с меню */
.hd-tag{font-size:12px;font-weight:600;color:var(--mute);background:var(--soft);border-radius:999px;padding:5px 10px;margin-left:2px}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.hd-site{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#5C5C62}.hd-site:hover{color:var(--or-h)}
.hd-me{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid var(--line);font-size:13px;color:var(--mute);line-height:1.25}
.hd-me i{width:38px;height:38px;border-radius:50%;background:var(--or-10);color:var(--or-h);display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px}
.hd-me b{display:block;color:var(--ink);font-weight:600;font-size:14px}
.hd-me{position:relative;cursor:pointer;user-select:none}.me-ar{color:var(--mute);transition:transform .2s}.hd-me.open .me-ar{transform:rotate(180deg)}
.me-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;background:#fff;border-radius:16px;box-shadow:0 12px 34px rgba(0,0,0,.13);padding:6px;display:none;z-index:60}
.hd-me.open .me-menu{display:block}
.me-menu button,.me-menu a{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink);padding:10px 12px;border-radius:10px;cursor:pointer}
.me-menu button:hover,.me-menu a:hover{background:var(--soft)}.me-menu .out{color:#D23B3B}

/* кнопки окна подтверждения: действие и «Отмена» во всю ширину, одна под другой */
.md-acts{display:grid;gap:10px;margin-top:18px}
.md-acts .btn{width:100%;margin:0!important}
.md.wide{max-width:900px}

/* контакты: список площадок со ссылкой на маршрут */
.site-l{display:block;padding:6px 0;border-bottom:1px dashed var(--line)}.site-l:last-child{border:0}
.site-l b{display:block;font-size:15px}.site-l span{display:block;font-size:13px;color:var(--mute);font-weight:500}
.site-l:hover b{color:var(--or-h)}
/* страница лота: адрес площадки — ссылка на маршрут */
.insp-line #addr a{color:inherit;text-decoration:underline;text-decoration-color:rgba(0,0,0,.2);text-underline-offset:3px}.insp-line #addr a:hover{color:var(--or-h)}

/* меню сотрудника в шапке раздела администратора и оценщика — как меню профиля на сайте */
.acc-m.in-hd{right:0;top:calc(100% + 14px);cursor:default}
.acc-m .am-me{display:flex;align-items:center;gap:12px}
.hd-me.open .me-ar{transform:rotate(180deg)}