:root{
  --bg:#14161A; --panel:#1C1F24; --panel2:#252930; --line:#2F343B;
  --text:#F2F3F1; --muted:#9AA1A9; --amber:#F2A900; --amber-ink:#1A1300; --ok:#4ADE80;
  --display:'Exo 2','Arial Narrow',sans-serif; --body:'Onest',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--text);font:15px/1.45 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,select,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.num{font-family:var(--display);font-style:italic;font-weight:900;letter-spacing:-.01em}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1}

/* шапка */
header{position:sticky;top:0;z-index:30;background:rgba(20,22,26,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:22px;height:64px}
.logo img{height:44px;width:auto}
nav{display:flex;gap:4px;margin-left:8px}
nav a{padding:8px 13px;border-radius:8px;color:var(--muted);font-weight:500}
nav a:hover,nav a.on{color:var(--text);background:var(--panel2)}
.hr{margin-left:auto;display:flex;align-items:center;gap:14px}
.tel{font-weight:600;white-space:nowrap;text-align:right;line-height:1.2}
.tel small{display:block;color:var(--muted);font-weight:400;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);font-weight:600;transition:background .15s}
.btn:hover{background:#2f343c}
.btn.amber{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.btn.amber:hover{background:#ffbb1f}
.btn.wide{width:100%}
.btn.sm{padding:8px 14px;font-size:14px}

/* верх главной */
.top{padding:30px 0 8px}
.top h1{font-size:clamp(26px,3.2vw,38px)}
.top p{color:var(--muted);margin-top:6px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.fact{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.fact b{display:block;font-family:var(--display);font-style:italic;font-weight:900;font-size:32px;line-height:1.05}
.fact span{color:var(--muted);font-size:13px}
.fact.live b{font-size:20px;line-height:1.35;font-style:normal;font-weight:700;display:flex;align-items:center;gap:8px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block}
.dot.off{background:#7a8088}

/* поиск */
.search{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.tabs{display:flex;gap:6px;margin-bottom:14px}
.tabs button{padding:8px 18px;border-radius:99px;border:1px solid var(--line);background:transparent;font-weight:600;color:var(--muted)}
.tabs button.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.sg{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end}
.sg label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
select,input[type=number]{width:100%;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:6px}

/* списки */
section.blk{padding:34px 0 8px}
.hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.hd h2{font-size:24px}
.hd a{color:var(--muted);white-space:nowrap}.hd a:hover{color:var(--text)}
.list{display:flex;flex-direction:column;gap:12px}
.row{display:grid;grid-template-columns:270px 1fr 250px;gap:20px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);transition:border-color .15s}
.row:hover{border-color:#515861}
.row .ph{position:relative;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#0c0d0f}
.row .ph img{width:100%;height:100%;object-fit:cover}
.lbl{position:absolute;left:8px;top:8px;display:flex;gap:6px}
.lbl span{background:var(--amber);color:var(--amber-ink);font-weight:700;font-size:12px;padding:3px 9px;border-radius:99px}
.lbl span.dk{background:rgba(0,0,0,.75);color:#fff}
.row .mid{padding:4px 0;display:flex;flex-direction:column;gap:7px;min-width:0}
.row h3{font-size:20px}
.sp{color:#C7CCD1}
.sp i{color:var(--muted);font-style:normal;margin:0 5px}
.where{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.where span{font-size:12px;padding:3px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}
.addr{color:var(--muted);font-size:13px;margin-top:auto}
.row .side{display:flex;flex-direction:column;gap:6px;padding:4px 0;border-left:1px solid var(--line);padding-left:18px}
.row .usd{font-family:var(--display);font-style:italic;font-weight:900;font-size:32px;line-height:1}
.row .byn{color:var(--muted)}
.pay{margin:6px 0 8px;padding:7px 11px;border-radius:10px;background:rgba(242,169,0,.12);color:var(--amber);font-weight:600;font-size:14px}
.empty{padding:36px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}

/* услуги */
.srv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.srv div{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.srv b{display:block;font-family:var(--display);font-size:18px;margin-bottom:4px}
.srv span{color:var(--muted);font-size:14px}

/* каталог */
.cat{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:26px 0 56px}
.filters{align-self:start;position:sticky;top:84px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;flex-direction:column;gap:14px}
.filters h3{font-size:20px}
.f label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.ct{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.ct h1{font-size:30px}.ct .cnt{color:var(--muted)}
.fbtn{display:none}

/* карточка */
.crumb{padding:18px 0 0;color:var(--muted);font-size:14px}.crumb a:hover{color:var(--text)}
.car{display:grid;grid-template-columns:1.4fr .85fr;gap:28px;padding:18px 0 64px;align-items:start}
.car h1{font-size:30px;margin-bottom:12px}
.gal .big{position:relative;border-radius:14px;overflow:hidden;background:#0c0d0f;aspect-ratio:3/2}
.strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:100%;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
.gal .count{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.65);padding:3px 10px;border-radius:99px;font-size:13px}
.gal .nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:20px}
.gal .nav.l{left:10px}.gal .nav.r{right:10px}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:8px}
.thumbs img{aspect-ratio:3/2;object-fit:cover;border-radius:8px;border:2px solid transparent;opacity:.6;cursor:pointer}
.thumbs img.on{opacity:1;border-color:var(--amber)}
.buy{position:sticky;top:84px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.buy .usd{font-family:var(--display);font-style:italic;font-weight:900;font-size:44px;line-height:1}
.buy .byn{color:var(--muted);margin-top:4px}
.calc{margin-top:16px;padding:14px;border-radius:12px;background:var(--panel2)}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 10px}
.seg button{padding:7px 0;border-radius:8px;border:1px solid var(--line);background:transparent;font-weight:600}
.seg button.on{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.calc .m{font-family:var(--display);font-style:italic;font-weight:900;font-size:30px;color:var(--amber)}
.calc small{color:var(--muted)}
.rowb{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.acts{display:grid;gap:8px;margin-top:16px}
table.t{width:100%;border-collapse:collapse;margin-top:20px}
table.t td{padding:10px 0;border-top:1px solid var(--line)}
table.t td:first-child{color:var(--muted);width:44%}
.stick{display:none}

footer{margin-top:20px;border-top:1px solid var(--line);background:#101215;padding:32px 0 26px}
.fg{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
footer h4{font-family:var(--display);font-size:18px;margin-bottom:8px}
footer p,footer li{color:var(--muted);list-style:none}

@media(max-width:960px){
  .facts{grid-template-columns:1fr 1fr}
  .sg{grid-template-columns:1fr 1fr}
  .row{grid-template-columns:1fr;gap:12px}
  .row .side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}
  .srv,.fg{grid-template-columns:1fr 1fr}
  .cat{grid-template-columns:1fr}
  .filters{position:fixed;inset:auto 0 0 0;top:auto;z-index:40;border-radius:16px 18px 0 0;max-height:82vh;overflow:auto;transform:translateY(105%);transition:transform .3s}
  .filters.open{transform:none}
  .fbtn{display:inline-flex}
  .car{grid-template-columns:1fr}.buy{position:static}
  nav,.hr .tel small{display:none}
  .stick{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px;background:rgba(20,22,26,.96);border-top:1px solid var(--line)}
}
@media(max-width:560px){.srv,.fg{grid-template-columns:1fr}.hr .btn{display:none}.fact b{font-size:24px}.fact.live b{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.row .ph{display:block}.row .mid{color:inherit}
.cntph{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.72);padding:2px 9px;border-radius:99px;font-size:12px}
.where span.ex{border-color:rgba(74,222,128,.4);color:var(--ok)}
.row .side{position:relative}
.row .usd{margin-top:2px;padding-right:30px}
.seg2{display:inline-flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.seg2 a,.seg2 button{padding:7px 16px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:600;font-size:14px}
.seg2 .on{background:var(--text);color:var(--bg);border-color:var(--text)}
.hd .seg2{margin:0}
.filters{max-height:calc(100vh - 100px);overflow:auto}
.fs{padding-bottom:12px;border-bottom:1px solid var(--line)}
.fl{color:var(--muted);font-size:12px;margin-bottom:6px;font-weight:600}
.chk{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer}
.chk input{accent-color:var(--amber);width:16px;height:16px}
.chk span{flex:1}.chk em{font-style:normal;color:var(--muted);font-size:12px}
.chk.z{opacity:.45}
@media(max-width:960px){.filters{max-height:82vh}}

.brands{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.brands button{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}
.brands button em{font-style:normal;color:var(--muted);font-size:12px;margin-left:3px}
.brands button.on{border-color:var(--amber);background:rgba(242,169,0,.12)}
.row .side .two{margin-top:2px}
.offers{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.offers div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:14px}
.offers span{color:var(--muted)}
.dis{color:var(--muted);font-size:12px;margin-top:10px}
.optt{font-size:20px;margin:24px 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts span{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}
.calc small{display:block;margin-top:2px}
.calc .rowb small{margin:0}

.brands{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.brands button{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}
.brands button em{font-style:normal;color:var(--muted);font-size:12px;margin-left:3px}
.brands button.on{border-color:var(--amber);background:rgba(242,169,0,.12)}
.row .side .two{margin-top:2px}
.offers{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.offers div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:14px}
.offers span{color:var(--muted)}
.dis{color:var(--muted);font-size:12px;margin-top:10px}
.optt{font-size:20px;margin:24px 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts span{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}
.calc small{display:block;margin-top:2px}
.calc .rowb small{margin:0}
.scrub{position:absolute;left:8px;right:8px;bottom:5px;display:flex;gap:3px}
.scrub i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.scrub i.on{background:#fff}
.cntph{bottom:14px}
.lbl span.dn{background:#E8F3FF;color:#0B4A8F}
.qs{width:100%;margin-bottom:10px;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.lead{margin-top:10px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--bg)}
.lead input[type=text],.lead input:not([type=checkbox]){padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.lead .ok{color:var(--ok);font-size:14px}
.lead .btn:disabled{opacity:.45;cursor:not-allowed}
.sbar{display:none;position:fixed;left:0;right:0;top:64px;z-index:25;background:rgba(28,31,36,.97);border-bottom:1px solid var(--line);padding:8px 0}
.sbar.show{display:flex;align-items:center;gap:14px;justify-content:center}
.sbar img{width:56px;height:38px;object-fit:cover;border-radius:8px}
.sbar .sp2{color:var(--muted)}
@media(max-width:960px){.sbar.show{display:none}}
.gal .row{grid-template-columns:210px 1fr;gap:14px}
.gal .row .side{grid-column:1/-1;border-left:0;padding:10px 0 0;border-top:1px solid var(--line);flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}
.gal .row .side .usd{padding-right:0;font-size:26px}
.gal .row .side .pay{margin:0}
.gal .row .side .two{margin-left:auto;min-width:200px}

.brands{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.brands button{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}
.brands button em{font-style:normal;color:var(--muted);font-size:12px;margin-left:3px}
.brands button.on{border-color:var(--amber);background:rgba(242,169,0,.12)}
.row .side .two{margin-top:2px}
.offers{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.offers div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:14px}
.offers span{color:var(--muted)}
.dis{color:var(--muted);font-size:12px;margin-top:10px}
.optt{font-size:20px;margin:24px 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts span{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}
.calc small{display:block;margin-top:2px}
.calc .rowb small{margin:0}
.scrub{position:absolute;left:8px;right:8px;bottom:5px;display:flex;gap:3px}
.scrub i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.scrub i.on{background:#fff}
.cntph{bottom:14px}
.lbl span.dn{background:#E8F3FF;color:#0B4A8F}
.qs{width:100%;margin-bottom:10px;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.lead{margin-top:10px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--bg)}
.lead input[type=text],.lead input:not([type=checkbox]){padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.lead .ok{color:var(--ok);font-size:14px}
.lead .btn:disabled{opacity:.45;cursor:not-allowed}
.sbar{display:none;position:fixed;left:0;right:0;top:64px;z-index:25;background:rgba(28,31,36,.97);border-bottom:1px solid var(--line);padding:8px 0}
.sbar.show{display:flex;align-items:center;gap:14px;justify-content:center}
.sbar img{width:56px;height:38px;object-fit:cover;border-radius:8px}
.sbar .sp2{color:var(--muted)}
@media(max-width:960px){.sbar.show{display:none}}
.calc .cl{color:var(--muted);font-size:12px;font-weight:600;margin:8px 0 2px}
.inp{display:flex;gap:6px;margin-bottom:6px}
.inp input{flex:1;min-width:0;padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.inp select{width:84px}
.calc .cs{color:var(--muted);font-size:13px;margin-top:6px}
.calc .seg{margin:4px 0 8px}

.brands{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.brands button{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}
.brands button em{font-style:normal;color:var(--muted);font-size:12px;margin-left:3px}
.brands button.on{border-color:var(--amber);background:rgba(242,169,0,.12)}
.row .side .two{margin-top:2px}
.offers{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.offers div{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:var(--bg);font-size:14px}
.offers span{color:var(--muted)}
.dis{color:var(--muted);font-size:12px;margin-top:10px}
.optt{font-size:20px;margin:24px 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts span{padding:6px 12px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}
.calc small{display:block;margin-top:2px}
.calc .rowb small{margin:0}
.scrub{position:absolute;left:8px;right:8px;bottom:5px;display:flex;gap:3px}
.scrub i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.scrub i.on{background:#fff}
.cntph{bottom:14px}
.lbl span.dn{background:#E8F3FF;color:#0B4A8F}
.qs{width:100%;margin-bottom:10px;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.lead{margin-top:10px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--bg)}
.lead input[type=text],.lead input:not([type=checkbox]){padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.lead .ok{color:var(--ok);font-size:14px}
.lead .btn:disabled{opacity:.45;cursor:not-allowed}
.sbar{display:none;position:fixed;left:0;right:0;top:64px;z-index:25;background:rgba(28,31,36,.97);border-bottom:1px solid var(--line);padding:8px 0}
.sbar.show{display:flex;align-items:center;gap:14px;justify-content:center}
.sbar img{width:56px;height:38px;object-fit:cover;border-radius:8px}
.sbar .sp2{color:var(--muted)}
@media(max-width:960px){.sbar.show{display:none}}
.calc .cl{color:var(--muted);font-size:12px;font-weight:600;margin:8px 0 2px}
.inp{display:flex;gap:6px;margin-bottom:6px}
.inp input{flex:1;min-width:0;padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}
.inp select{width:84px}
.calc .cs{color:var(--muted);font-size:13px;margin-top:6px}
.calc .seg{margin:4px 0 8px}
.more summary{cursor:pointer;font-weight:600;color:var(--amber);padding:6px 0}
.more[open] summary{margin-bottom:10px}
.more .fs:last-child{border-bottom:0}
.tabs{flex-wrap:wrap}
@media(max-width:640px){.gal .row{grid-template-columns:1fr}.gal .row .side .two{margin-left:0;min-width:0;width:100%}}

.srv3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.srv3 div{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.srv3 b,.zach b{display:block;font-family:var(--display);font-size:18px;margin-bottom:4px}
.srv3 span,.zach span{color:var(--muted);font-size:14px}
.zach{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:20px;border:1px solid var(--amber);border-radius:12px;background:var(--panel)}
.ptn{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.pl{color:var(--muted);font-size:12px;font-weight:600;margin:0 0 8px}
.way{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:stretch}
.wt{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:10px}
.wt .big{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.2}
.wt p{margin:0}
.map{width:100%;min-height:340px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.cb{display:flex;flex-wrap:wrap;gap:8px}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cn{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:10px}
.cn b{font-family:var(--display);font-size:20px}
@media(max-width:960px){.srv3,.cg,.way{grid-template-columns:1fr}.zach{flex-direction:column;align-items:flex-start}.map{min-height:260px}}
section.blk{scroll-margin-top:84px}

nav a{white-space:nowrap;padding:8px 10px}
.hr .btn,.tel{white-space:nowrap}
.bar{gap:16px}
@media(max-width:1260px){nav a[href="#partners"]{display:none}}
@media(max-width:1100px){.tel small{display:none}}

.pgh h1{font-size:clamp(26px,3.2vw,38px);margin:26px 0 4px}

.pt{display:inline-flex;align-items:center;gap:8px;height:58px;padding:0 16px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.pt img{max-height:30px;max-width:150px;display:block}
.pt i{font-style:normal;font-weight:600;color:#1a1d21}
.pt.dk{background:#2A2F36;border-color:#2A2F36}
.pt.tx{background:var(--bg);font-weight:600;color:var(--text)}

/* ---- банковские приёмы: слайдер, кнопки-таблетки, лента карточек ---- */
.hero2{margin-top:22px}
.hs{display:grid;border-radius:22px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.slide{grid-area:1/1;display:grid;grid-template-columns:1fr 1.15fr;min-height:380px;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.slide.on{opacity:1;visibility:visible}
.st{padding:44px 40px;display:flex;flex-direction:column;justify-content:flex-start;gap:14px}
.st .hb{margin-top:auto;padding-top:14px}   /* заголовок сверху, кнопки прижаты к низу: во всех слайдах на одной высоте */
.hh{font-family:var(--display);font-style:italic;font-weight:900;font-size:clamp(32px,4.2vw,54px);line-height:1.02;letter-spacing:-.01em}
.st p{color:var(--muted);font-size:18px;max-width:42ch;margin:0}
.hb{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.hph{background:#0c0d0f center/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.btn.pill{border-radius:99px;padding:13px 24px}
.btn.amber{box-shadow:0 8px 22px rgba(242,169,0,.28)}
.dots{display:flex;gap:8px;justify-content:center;margin:12px 0 4px}
.dots button{width:8px;height:8px;border-radius:99px;border:0;background:var(--line);padding:0;transition:width .3s,background .3s}
.dots button.on{width:26px;background:var(--amber)}
.hero2+.facts{margin-top:14px}
.strip-wrap{position:relative}
.cstrip{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px)/4);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.cstrip::-webkit-scrollbar{display:none}
.tile{position:relative;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.tile:hover{transform:translateY(-3px);border-color:#4a5058}
.tp{position:relative;display:block;aspect-ratio:3/2;background:#0c0d0f}
.tp img{width:100%;height:100%;object-fit:cover}
.ti{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;color:inherit}
.ti h3{font-size:18px}
.ts{color:var(--muted);font-size:13px}
.tu{font-family:var(--display);font-style:italic;font-weight:900;font-size:24px;margin-top:4px}
.tu span{font-family:var(--body);font-style:normal;font-weight:500;font-size:13px;color:var(--muted)}
.ti .pay{margin:4px 0 0;font-size:13px;padding:5px 10px;align-self:flex-start}
.sa{position:absolute;top:34%;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.sa.l{left:-16px}.sa.r{right:-16px}
@media(max-width:960px){.slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:0}.hph{order:-1;aspect-ratio:16/10;clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}.st{padding:16px 20px 26px}.cstrip{grid-auto-columns:76%}.sa{display:none}}
@media(prefers-reduced-motion:reduce){.slide,.dots button,.tile{transition:none}}

.old{font-size:13px;color:var(--muted)}
.old b{color:var(--ok);font-weight:700}
.old.big2{font-size:14px;margin-bottom:4px}
.lead2{max-width:70ch;color:var(--muted);font-size:18px;margin:4px 0 0}
.zach .cb{justify-content:flex-end}
@media(max-width:1180px){}
@media(max-width:640px){}
@media(max-width:1320px){nav a{padding:8px 8px}}

.sg{grid-template-columns:1fr 1fr 1.15fr 1.15fr 1.15fr 1.15fr}
.sg #sgo{grid-column:1/-1}
.rg2{display:flex;gap:6px}.rg2 input{min-width:0;width:100%}
@media(max-width:960px){.sg{grid-template-columns:1fr 1fr}}

.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.door{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:inherit;transition:border-color .2s,transform .2s}
.door:hover{border-color:var(--amber);transform:translateY(-2px)}
.door .dk2{font-size:13px;font-weight:600;color:var(--amber)}
.door b{font-family:var(--display);font-size:24px;line-height:1.15}
.door>span:not(.dk2){color:var(--muted)}
.door em{font-style:normal;align-self:flex-start;margin-top:6px}
.door.sell{background:linear-gradient(135deg,var(--panel) 55%,rgba(242,169,0,.10))}
.sform{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.sg3{grid-template-columns:1fr 1fr 1.3fr .7fr 1fr}
.sform input:not([type=checkbox]){width:100%;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text)}
.sform label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.sform .chk{display:flex;font-size:14px;color:var(--text)}
.sform .btn{margin-top:12px}
.sform .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.ok2{margin-top:12px;color:var(--ok)}
nav a[data-nav="sell"]{border:1px solid var(--amber);color:var(--text)}
@media(max-width:960px){.duo{grid-template-columns:1fr}.sg3{grid-template-columns:1fr 1fr}}
@media(max-width:960px){}
@media(max-width:960px){}
@media(max-width:640px){}
.byn small{font-size:12px;opacity:.75}

/* компактный первый экран на компьютере (владелец: баннер занимал полэкрана) */
@media(min-width:961px){
 .slide{min-height:270px;grid-template-columns:1.15fr 1fr}
 .st{padding:26px 32px;gap:10px}
 .hh{font-size:clamp(28px,2.9vw,40px)}
 .st p{font-size:15px}
 .hero2{margin-top:16px}
 .dots{margin:8px 0 2px}
 .door{display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:2px;padding:14px 18px;align-items:center}
 .door>*{grid-column:1}
 .door em{grid-column:2;grid-row:1/4;margin:0}
 .door b{font-size:20px}
 .door>span:not(.dk2){font-size:14px}
 .fact{padding:10px 14px}
 .fact b{font-size:22px}
 .fact.live b{font-size:15px}
 .search{padding:14px 16px}
}
@media(max-width:960px){}

/* ---- мобильная версия: в первую очередь телефон ---- */
.tabbar,.sheet,.sbtn{display:none}
.lb{position:fixed;inset:0;z-index:80;background:#000;display:flex;flex-direction:column;justify-content:center}
.lbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.lbs::-webkit-scrollbar{display:none}
.lbs img{flex:0 0 100%;width:100%;max-height:82vh;object-fit:contain;scroll-snap-align:center}
.lbx{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:20px;z-index:2}
.lbc{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#fff;font-size:14px}
body.lbopen{overflow:hidden}
.gal .strip img{cursor:zoom-in}
@media(max-width:960px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 input,select,textarea{font-size:16px}
 .btn{min-height:44px}
 .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(20,22,26,.97);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;border:0;background:none;color:var(--muted);font-size:12px;font-weight:600}
 .tabbar svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
 .tabbar a.on{color:var(--text)}
 .tabbar #tbcall{color:var(--amber)}
 .stick{bottom:calc(var(--tbh,63px) - 1px)}
 body.callopen .sheet{display:block}
 body.callopen{overflow:hidden}
 .sheet{position:fixed;inset:0;z-index:70}
 .sbk{position:absolute;inset:0;background:rgba(0,0,0,.55)}
 /* фильтры — шторка на весь экран с кнопкой «Показать N» */
 .filters{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:65;max-height:88vh;border-radius:22px 20px 0 0;transform:translateY(105%);transition:transform .3s;padding-bottom:0}
 body.fopen .filters{transform:none}
 body.fopen{overflow:hidden}
 /* главная: поиск одной кнопкой */
 .sbtn{display:flex;width:100%;margin-top:14px}
 body:not(.sopen) .hero2~.search{display:none}
 body.sopen .sbtn{display:none}
}
@media(min-width:961px){}

/* ---------- серверная версия: ссылки вместо кнопок, страницы, служебное ---------- */
.tabs a{padding:8px 18px;border-radius:99px;border:1px solid var(--line);background:transparent;font-weight:600;color:var(--muted)}
.tabs a.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.qform{margin:0}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:22px 0 6px}
.pager a,.pager span{min-width:38px;padding:8px 12px;text-align:center;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:14px}
.pager .on{background:var(--text);color:var(--bg);border-color:var(--text)}
.list.busy{opacity:.55;transition:opacity .15s}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.er2{margin-top:12px;padding:10px 14px;border-radius:10px;border:1px solid #c0392b;color:#ff8a7a}
.descr{white-space:pre-line;line-height:1.6;color:var(--text);max-width:70ch}
.seotext{margin:28px 0 8px;color:var(--muted);font-size:14px;max-width:70ch}
.filters form{display:flex;flex-direction:column;gap:14px}
a.btn{display:inline-block;text-align:center}
body.fopen .filters{transform:none}

/* два номера, отличающиеся только кодом (29 / 33): код — отдельная ссылка */

.tel i{font-style:normal;color:var(--muted);margin:0 1px}

/* телефон: коды 29 / 33 — крупные кнопки под палец (минимум 40 px) */
@media(max-width:960px){
  .tel{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;justify-content:flex-end;white-space:nowrap;line-height:1;font-size:14px}
  .tel i{display:none}
}

/* заголовок главной и слайд «Счастливые покупатели» */
.homeh{font:800 clamp(26px,3.2vw,38px)/1.15 var(--display);margin:22px 0 4px}
.hph.buyers{position:relative}
.bph{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .7s}
/* фото покупателя показываем целиком (на нём штамп «Продано» и человек), пустые края заполняет размытая копия */
.bph::before{content:'';position:absolute;inset:-24px;background:var(--img) center/cover no-repeat;filter:blur(22px) brightness(.5)}
.bph::after{content:'';position:absolute;inset:0;background:var(--img) 56% center/contain no-repeat}
.bph.on{opacity:1}
.bcap{z-index:2;position:absolute;left:22%;bottom:16px;max-width:calc(78% - 16px);padding:7px 14px;border-radius:99px;background:rgba(10,11,13,.72);backdrop-filter:blur(4px);font-weight:600;font-size:14px}
@media(max-width:960px){.bcap{left:14px;bottom:26px;max-width:calc(100% - 28px)}}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:18px 0 40px}
.bcard{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
/* фото покупателя целиком (снимают и вертикально, и горизонтально); размер карточки один, свободное место заполняет размытая копия снимка, как в слайде на главной (владелец, 05.11.2026) */
.bimg{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:#101215}
.bimg img{position:absolute;display:block}
.bimg .bbg{inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);max-width:none;object-fit:cover;filter:blur(22px) brightness(.5)}
.bimg .bfg{inset:0;width:100%;height:100%;object-fit:contain}
.bcard div{padding:12px 14px}.bcard b{display:block}.bcard span{color:var(--muted);font-size:14px}

/* «Продавцам»: две кнопки — комиссия и срочный выкуп */
.dbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.modes{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
@media(max-width:960px){
  .door.sell{display:flex;flex-direction:column;gap:6px}
  .door.sell>*{grid-column:auto}
  .door.sell .dbtns{margin-top:8px}
}

/* ---------- новый фильтр: раскрывашки, строка выбранных условий ---------- */

.filters input[type=number]{-moz-appearance:textfield;appearance:textfield}
.filters input[type=number]::-webkit-outer-spin-button,.filters input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.chips:empty{display:none}

/* Страницы с юридическим текстом (политика): удобное чтение */
.legal{max-width:760px}
.legal h2{font-size:20px;margin:26px 0 8px;line-height:1.3}
.legal p,.legal li{line-height:1.65;margin:0 0 10px}
.legal ul{margin:0 0 10px;padding-left:22px}
.legal .dis{margin-bottom:6px}

/* Карусель главной: вертикальный жест — прокрутка страницы, боковой — свайп слайдов */
.hs{touch-action:pan-y}

@media(max-width:960px){.sg .rr{grid-column:1/-1}}

/* слайдер на телефоне: компактнее, две кнопки в один ряд видны сразу (владелец, 26.10.2026: на Android вторая кнопка уходила вниз) */
@media(max-width:640px){
 .hph{aspect-ratio:16/8}
 .st{padding:12px 16px 18px;gap:8px}
 .st .hh{font-size:clamp(26px,8vw,32px)}
 .st p{font-size:14px;line-height:1.4}
 .st .hb{flex-wrap:nowrap;gap:8px;padding-top:6px}
 .st .hb .btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;align-self:stretch;padding:12px 6px;font-size:14px;text-align:center;line-height:1.15}
}

/* блоки «Покупателям» / «Продавцам» на телефоне: две кнопки в один ряд (владелец, 26.10.2026) */
@media(max-width:640px){
 .dbtns{flex-wrap:nowrap}
 .door{padding:20px 16px}
 .dbtns .btn{flex:1 1 0;min-width:0;padding:12px 4px;font-size:13px;text-align:center;line-height:1.15;white-space:nowrap}
}
@media(max-width:345px){.dbtns .btn{white-space:normal}}   /* совсем узкие экраны: длинная подпись переносится, а не вылезает */

/* вторая (не жёлтая) кнопка в слайдах и блоках «Покупателям/Продавцам»: прозрачная с рамкой, а не светло-серая заливка (владелец, 26.10.2026) */
.st .hb .btn:not(.amber),.dbtns .btn:not(.amber){background:transparent;border:1.5px solid rgba(242,243,241,.35)}
.st .hb .btn:not(.amber):hover,.dbtns .btn:not(.amber):hover{background:rgba(242,243,241,.08);border-color:rgba(242,243,241,.6)}

/* плитки под слайдером — точки входа: машины, мотоциклы, адрес с выбором карты, связь (владелец, 26.10.2026); панели раскрываются под плитками и сдвигают страницу, ничего не перекрывая */
.facts.f4{grid-template-columns:repeat(4,1fr)}
a.fact,button.fact{display:block;color:inherit;transition:border-color .2s;text-align:left;width:100%}
a.fact:hover,button.fact:hover,button.fact[aria-expanded="true"]{border-color:var(--amber)}
button.fact.live b{display:flex;align-items:center;gap:8px}
button.fact.live>span{display:block}
.fpanel{margin-top:10px;padding:10px;background:var(--panel2);border:1px solid var(--amber);border-radius:12px;display:flex;gap:8px}
.fpanel[hidden]{display:none}
.fpanel>.btn{flex:1 1 0;text-align:center}
.connmenu{flex-direction:column}
.connmenu .cn{padding:12px;background:var(--panel)}
button.fact.live b{font-size:20px;line-height:1.35;font-style:normal;font-weight:700}
@media(max-width:960px){.facts.f4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){button.fact{padding:12px 14px}button.fact.live b{font-size:18px}.connmenu .cb .btn{flex:1 1 calc(50% - 4px);text-align:center}}
@media(min-width:961px){button.fact{padding:10px 14px}.connmenu{flex-direction:row}.connmenu .cn{flex:1}.connmenu .ign{flex:1}.fpanel:not(.connmenu){max-width:100%}}
.cn b .op{display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid var(--line);border-radius:99px;font:600 12px/1.4 var(--body);color:var(--muted);vertical-align:middle}
@media(min-width:961px){.connmenu .ign{flex:1}}

/* «Как купить» на главной: три кликабельных блока → подробности на /buy (владелец, 26.10.2026) */
.srv3 a{display:block;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;transition:border-color .2s,transform .2s}
.srv3 a:hover{border-color:var(--amber);transform:translateY(-2px)}
.srv3 a b{display:block;font-family:var(--display);font-size:18px;margin-bottom:4px}
.srv3 a span{color:var(--muted);font-size:14px}
.srv3 a b::after{content:' →';color:var(--amber)}
#cash,#credit,#leasing{scroll-margin-top:90px}

/* кнопки слайдов на телефоне всегда в одну строку на любой ширине: размер шрифта подстраивается под экран (владелец, 26.10.2026: на Android подписи переносились) */
@media(max-width:640px){
 .st .hb .btn{white-space:nowrap;font-size:clamp(11px,3.4vw,13.5px);padding:12px 4px}
}

/* панель «Оставить отзыв» (владелец, 26.10.2026) */
.rvd{margin:auto;border:1px solid var(--amber);border-radius:16px;background:var(--panel2);color:var(--text);padding:0;width:min(92vw,420px)}
.rvd::backdrop{background:rgba(0,0,0,.6)}
.rvb{display:flex;flex-direction:column;gap:12px;padding:22px}
.rvb b{font-family:var(--display);font-size:22px}
.rvb>span{color:var(--muted);font-size:14px}
.rvl{display:flex;flex-direction:column;gap:8px}
.rvl .btn{justify-content:center;text-align:center}
.facts.f4{margin-top:0}   /* общий отступ между блоками 34 px, как у остальных (раньше +20) */
@media(min-width:961px){.fpanel:not(.connmenu) .btn{padding:8px 6px;font-size:13px}}

/* главная: единый ритм между блоками — 24 px (владелец, 26.10.2026: пустоты между блоками были большие и разные) */
body.home section.blk{padding:24px 0 0}
body.home .hero2~.search{margin-top:14px}
body.home .brands{margin-bottom:0}
body.home .hd{margin-bottom:12px}

/* подвал: ровные колонки без лишнего отступа списков, политика отдельной строкой внизу (владелец, 26.10.2026) */
footer ul{padding:0;display:flex;flex-direction:column;gap:6px}
footer .hrs{display:flex;flex-direction:column;gap:2px;margin-top:4px}
footer .flk{color:var(--amber)}
footer .fbot{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:13px}
footer .fbot a{color:var(--muted)}
footer .fbot a:hover{color:var(--text)}

/* подвал: навигация по разделам, соцсети, реквизиты (владелец, 26.10.2026) */
.fg.fgn{grid-template-columns:1.3fr 1fr 1.1fr 1.2fr}
footer .h2nd{margin-top:18px}
footer ul a{color:var(--muted)}
footer ul a:hover{color:var(--text)}
footer .fbot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer .fbot span{color:var(--muted)}
@media(max-width:960px){.fg.fgn{grid-template-columns:1fr 1fr}.fcol-org{grid-column:1/-1}}
@media(max-width:560px){.fg.fgn{grid-template-columns:1fr 1fr;gap:20px}.fg.fgn>div:last-child{grid-column:1/-1}}
footer .fph{display:flex;align-items:center;gap:8px}
footer .fph .op{padding:1px 9px;border:1px solid var(--line);border-radius:99px;font:600 12px/1.5 var(--body);color:var(--muted)}
footer li a.flk{color:var(--muted);border-bottom:1px dashed var(--amber)}
footer li a.flk:hover{color:var(--text)}

/* окна «Оставить отзыв» и «Открыть на карте»: без рамки фокуса и свечения, кнопки одного стиля (владелец, 26.10.2026) */
.rvb:focus,.rvb:focus-visible{outline:none}
.rvd .btn{box-shadow:none;border:1.5px solid rgba(242,243,241,.28);background:transparent;color:var(--text);min-height:46px}
.rvd .btn.amber{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.rvd .btn:focus-visible{outline:none}
.rvd #reviewx,.rvd #mapx{color:var(--muted);border-color:var(--line)}
select{text-overflow:ellipsis;padding-right:26px}   /* длинное значение обрезается многоточием, а не буквой пополам (владелец, 26.10.2026) */
.sg select{font-size:14px;padding-left:9px}   /* «Сначала марка» помещается в узком поле */

/* плитка «Закрыто / адрес»: точка у первой строки, адрес ровно под текстом статуса, без «хвоста» из одного слова (владелец, 26.10.2026) */
button.fact.live{display:flex;flex-direction:column}
button.fact.live b{align-items:flex-start;text-wrap:balance}
button.fact.live b .dot{flex:none;margin-top:.55em}
button.fact.live>span{padding-left:17px;text-wrap:balance;font-size:13px;line-height:1.35}

/* график работы в панели карт и в окне «Открыть на карте» (владелец, 26.10.2026) */
.fhrs{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;flex:0 0 100%;padding:2px 2px 6px;font-size:14px}
.fhrs b{font-family:var(--display);font-size:15px;flex:0 0 100%}
.fhrs span{color:var(--muted)}
.fpanel:has(.fhrs){flex-wrap:wrap}
.rvb .fhrs{padding:0;flex:none}

/* низ страницы на телефоне: место под нижнюю панель даёт сам подвал (а не отдельная полоса другого цвета под ним) (владелец, 26.10.2026) */
@media(max-width:960px){
 body{padding-bottom:0}
 footer{padding-bottom:calc(66px + 22px + env(safe-area-inset-bottom))}
}

/* подвал на телефоне: «Viber 29 33» всегда в одну строку (владелец, 26.10.2026: на Android «33» съезжало вниз) */
@media(max-width:560px){
}
@media(max-width:340px){}

/* подвал на компьютере: пять ровных колонок (владелец, 26.10.2026: правая была намного выше остальных) */
@media(min-width:961px){.fg.fgn{grid-template-columns:1.35fr 1fr 1fr 1.15fr 1.1fr}}
@media(max-width:560px){.fg.fgn>div:nth-last-child(-n+2){grid-column:1/-1}}
@media(max-width:960px){}
#cash{scroll-margin-top:90px}
@media(max-width:1100px){}
@media(max-width:640px){}
#inspect,#terms{scroll-margin-top:90px}
#credit,#leasing,#zachet{scroll-margin-top:90px}

/* «Как купить»: воронка — общий путь, три ветки оплаты, общий финал (владелец, 26.10.2026) */
.flow{display:flex;flex-direction:column;gap:12px}
.fl-end{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:16px 18px}
.fl-end b{display:block;font-family:var(--display);font-size:18px;margin-bottom:4px}
.fl-end span,.fl-note{color:var(--muted);font-size:14px}
.fl-q{text-align:center;font-family:var(--display);font-size:20px;font-weight:700;margin-top:-4px}
.fl-note{margin-top:auto;padding-top:6px;border-top:1px dashed var(--line)}
.fl-end{border-color:var(--amber);background:linear-gradient(135deg,var(--panel) 60%,rgba(242,169,0,.12))}
.flow a{color:var(--amber);border-bottom:1px dashed var(--amber)}
@media(max-width:960px){}
#cash,#credit,#leasing,#terms,#zachet,#inspect{scroll-margin-top:90px}

/* «Как купить», упрощённая воронка: короткий общий путь, переключатель способа оплаты, общий финал */

.fl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fl-tabs button{padding:14px 8px;border-radius:12px;border:1.5px solid var(--line);background:var(--panel);color:var(--text);font:700 18px var(--display)}
.fl-tabs button.on{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.fl-pane{display:none;border:1px solid rgba(242,169,0,.35);border-radius:12px;background:var(--panel);padding:16px 18px}
.fl-pane.on{display:block}
.fl-pane ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:16px}
.fl-pane .fl-note{margin-top:12px;padding-top:10px}

/* «Как купить»: мягкий вид воронки — таблетки, тонкие линии, плавные переходы (владелец, 26.10.2026: «всё грубое») */
.flow{gap:14px;max-width:860px;margin:0 auto}
.fl-q{font:600 18px var(--body);color:var(--muted);margin:0}
.fl-tabs{display:flex;gap:4px;padding:5px;margin:2px auto 0;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid rgba(242,243,241,.08);width:min(100%,460px)}
.fl-tabs button{flex:1;padding:12px 8px;border:0;border-radius:99px;background:transparent;color:var(--muted);font:600 16px var(--body);transition:background .35s ease,color .35s ease,box-shadow .35s ease}
.fl-tabs button:hover{color:var(--text)}
.fl-tabs button.on{background:linear-gradient(180deg,#ffbe2e,#f2a900);color:var(--amber-ink);box-shadow:0 6px 16px rgba(242,169,0,.28)}
.fl-pane{border:1px solid rgba(242,243,241,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:20px 24px;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.fl-pane.on{animation:flin .45s ease both}
@keyframes flin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fl-pane ol{list-style:none;padding:0;margin:0;counter-reset:fp;gap:0;position:relative}
.fl-pane ol li{counter-increment:fp;position:relative;padding:0 0 16px 40px;font-size:16px;color:var(--text)}
.fl-pane ol li:last-child{padding-bottom:0}
.fl-pane ol li::before{content:counter(fp);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:rgba(242,169,0,.14);color:var(--amber);border:1px solid rgba(242,169,0,.4)}
.fl-pane ol li:not(:last-child)::after{content:'';position:absolute;left:12.5px;top:28px;bottom:2px;width:1px;background:linear-gradient(180deg,rgba(242,169,0,.45),rgba(242,169,0,.05))}
.fl-pane .fl-note{border-top:1px solid rgba(242,243,241,.07);font-size:14px}
.fl-end{border:1px solid rgba(242,169,0,.35);border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,rgba(242,169,0,.16),rgba(255,255,255,.02) 60%);padding:18px 24px;box-shadow:0 12px 30px rgba(242,169,0,.08)}
@media(max-width:640px){.fl-tabs button{font-size:15px;padding:12px 4px}.fl-pane{padding:18px}}
@media(prefers-reduced-motion:reduce){.fl-pane.on{animation:none}.fl-tabs button{transition:none}}

/* раскрывающиеся блоки воронки, без синей подсветки касания (владелец, 26.10.2026) */
*{-webkit-tap-highlight-color:transparent}
button:focus,a:focus{outline:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.fl-det{align-self:center;width:100%;max-width:700px}
.fl-det summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:99px;border:1px solid rgba(242,243,241,.14);background:rgba(255,255,255,.04);color:var(--amber);font:600 15px var(--body);text-align:center;transition:background .3s,border-color .3s}
.fl-det summary::-webkit-details-marker{display:none}
.fl-det summary::after{content:'';flex:none;width:8px;height:8px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.fl-det[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.fl-det summary:hover{background:rgba(255,255,255,.07);border-color:rgba(242,169,0,.45)}
.fl-dc{margin-top:10px;padding:16px 20px;border:1px solid rgba(242,243,241,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));animation:flin .4s ease both;font-size:15px;color:var(--muted)}
.fl-dc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fl-dc li b{color:var(--text)}
.fl-dc p{margin:0 0 12px}
.fl-dc .fl-s4{list-style:none;padding:0;margin:0 0 14px;counter-reset:fp;display:flex;flex-direction:column;gap:10px}
.fl-dc .fl-s4 li{counter-increment:fp;position:relative;padding-left:36px;color:var(--text)}
.fl-dc .fl-s4 li::before{content:counter(fp);position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:rgba(242,169,0,.14);color:var(--amber);border:1px solid rgba(242,169,0,.4)}
#inspect,#zachet{scroll-margin-top:90px}
@media(prefers-reduced-motion:reduce){.fl-dc{animation:none}}

/* шаги пути покупки: каждый нажимается и раскрывается на месте (владелец, 26.10.2026) */
.fl-steps{display:flex;flex-direction:column;gap:10px;align-items:center}
.fl-st{width:100%;max-width:700px;position:relative}
.fl-st+.fl-st::before{content:'';position:absolute;left:34px;top:-11px;height:11px;border-left:2px solid rgba(242,169,0,.4)}
.fl-st summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:99px;border:1px solid rgba(242,243,241,.10);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 6px 18px rgba(0,0,0,.18);transition:border-color .3s,background .3s}
.fl-st summary::-webkit-details-marker{display:none}
.fl-st summary:hover,.fl-st[open] summary{border-color:rgba(242,169,0,.5)}
.fl-st summary i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--body);font-style:normal;background:rgba(242,169,0,.18);color:var(--amber);border:1px solid rgba(242,169,0,.45)}
.fl-st summary span{flex:1;font:600 16px var(--body)}
.fl-st summary::after{content:'';flex:none;width:8px;height:8px;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:rotate(45deg) translateY(-2px);transition:transform .3s}
.fl-st[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.fl-st .fl-dc{margin-top:8px}

/* «Как купить» на компьютере: две колонки — слева выбор и проверка, справа оплата; финал на всю ширину (владелец, 26.10.2026) */
.fl-l,.fl-r{display:flex;flex-direction:column;gap:12px;min-width:0}
.fl-l .fl-steps{align-items:stretch}
.fl-l .fl-st{max-width:none}
@media(min-width:961px){
 .flow{max-width:none;margin:0}
 .fl-cols{display:grid;grid-template-columns:1fr 64px 1.15fr;align-items:start}
 .fl-q{text-align:left;font-size:20px;color:var(--text);margin:2px 0 4px}
 .fl-tabs{width:100%;margin:0}
 .fl-r .fl-det{max-width:none}
}
@media(max-width:960px){.fl-cols{display:flex;flex-direction:column;gap:0}}

/* «Как купить»: один столбец сверху вниз, одна ширина, по левому краю (владелец, 26.10.2026: две колонки заставляют глаз прыгать) */
@media(min-width:961px){
 .flow{max-width:760px;margin:0}
 .fl-cols{display:flex;flex-direction:column;align-items:stretch;grid-template-columns:none;gap:12px}
}
.fl-l,.fl-r{gap:12px}
.fl-q{text-align:left;font:700 20px var(--display);color:var(--text);margin:4px 0 2px}
.fl-det,.fl-st{max-width:none}
.fl-tabs{width:100%;margin:0}
.fl-end{max-width:none}

/* «Как купить»: по правилам сетки — всё в колонке сайта на всю ширину; однотипное (шаги, способы, действия) в три колонки; стрелки по центру (владелец, 26.10.2026) */

@media(min-width:961px){
 .flow{max-width:none;margin:0;gap:14px}
 .fl-cols{gap:14px}
 .fl-l,.fl-r{gap:14px}
 .fl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
 .fl-st+.fl-st::before{display:none}
 .fl-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;background:none;border:0;border-radius:0}
 .fl-tabs button{padding:15px 8px;border:1px solid rgba(242,243,241,.12);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));color:var(--text);font:600 18px var(--body)}
 .fl-tabs button.on{background:linear-gradient(180deg,#ffbe2e,#f2a900);border-color:#f2a900;color:var(--amber-ink)}
 .fl-pane ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
 .fl-pane ol li{padding:0 0 0 40px}
 .fl-pane ol li::after{display:none}
 .fl-det{max-width:none}
 .fl-end{padding:20px 28px}
}

/* единая сетка на всех страницах (владелец, 26.10.2026) */

.zach .btn{white-space:nowrap;flex:none}
.modes .chk{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
/* мессенджеры в карточках контактов: «Viber 29 33» */

.cn .op{display:inline-block;margin-left:8px;padding:2px 9px;border:1px solid var(--line);border-radius:99px;font:600 12px/1.4 var(--body);color:var(--muted);vertical-align:middle}
@media(min-width:1100px){.cg{grid-template-columns:repeat(4,1fr)}}

/* читаемость: второстепенный текст светлее и на 1 px крупнее; воздуха в карточках чуть больше (владелец, 26.10.2026, по замечаниям рецензентов) */
:root{--muted:#B6BCC4}
.sp{color:#DADEE2;font-size:15px;line-height:1.5}
.sp i{color:#8E959D}
.row .mid{gap:9px}
.row h3{font-size:22px}
.where span,.sg label,.f label,.sform label,.fl,.chk em,.brands button em,.dis,.fact span,.addr,.tel small,.calc .cl,.calc .cs,.ts,.old,.pl{font-size:14px}
.ti{gap:7px}
.ti .pay{font-size:14px}
.tu span{font-size:14px}
.byn small{font-size:13px;opacity:.9}
footer p,footer li,footer li a,footer ul a{font-size:15px;line-height:1.5}
footer ul{gap:8px}
footer .fbot,footer .fbot a{font-size:14px}
.fl-note,.fl-pane .fl-note{font-size:15px}
.fl-dc{font-size:16px}

/* «Как купить»: список вместо абзаца, точки вместо вторых цифр, заметная раскрывашка «зачёт», единый ряд партнёров (владелец, 26.10.2026) */
.fl-bul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.fl-bul li{position:relative;padding-left:20px;color:var(--text)}
.fl-bul li::before{content:'';position:absolute;left:4px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--amber);opacity:.85}
.fl-dc>.btn{margin-top:4px}
.fl-cta{margin-top:12px}
.fl-pane ol li::before{content:'';width:10px;height:10px;top:5px;left:8px;background:rgba(242,169,0,.85);border:0}
.fl-pane ol li:not(:last-child)::after{left:12.5px;top:20px}
.fl-dc .fl-s4 li::before{content:'';width:9px;height:9px;top:6px;left:6px;background:rgba(242,169,0,.85);border:0}
.fl-det summary{border:1px solid rgba(242,169,0,.45);background:rgba(242,169,0,.07);color:var(--text);padding:14px 20px;font-weight:600}
.fl-det summary::before{content:'+';flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--amber);color:var(--amber);font:600 18px/1 var(--body);transition:transform .3s}
.fl-det summary::after{display:none}
.fl-det[open] summary::before{content:'–'}
.fl-det summary:hover{background:rgba(242,169,0,.13)}

/* текст в кнопках по центру по вертикали: шрифт оставляет снизу больше места, поэтому сдвигаем на 2 px вниз (владелец, 26.10.2026) */
.btn{padding-top:12px!important;padding-bottom:10px!important}
.btn.sm{padding-top:8px!important;padding-bottom:8px!important}
.btn.pill{padding-top:14px!important;padding-bottom:12px!important}
.st .hb .btn,.dbtns .btn{padding-top:13px!important;padding-bottom:11px!important}
.fl-tabs button{padding-top:16px!important;padding-bottom:14px!important}
.tabs a{padding-top:8px!important;padding-bottom:8px!important}
@media(max-width:960px){.fl-tabs button{padding-top:13px!important;padding-bottom:11px!important}}

/* партнёры: ровная сетка плиток одной ширины, а не рваные ряды (владелец, 26.10.2026) */

@media(max-width:560px){}
@media(max-width:560px){}

/* партнёры: бегущие ленты — банки слева направо, лизинг справа налево; на наведение и касание останавливаются (владелец, 26.10.2026) */
.mq{overflow:hidden;margin-bottom:16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mq-track{display:flex;width:max-content;animation:mqL 55s linear infinite}
.mq-track.mq-r{animation-name:mqR;animation-duration:60s}
.mq:hover .mq-track,.mq:active .mq-track{animation-play-state:paused}
.mq-grp{display:flex;gap:10px;padding-right:10px;flex:none}
.mq .pt{flex:none;height:58px;padding:0 18px;gap:10px;background:#fff;color:#1a1d21}
.mq .pt.dk{background:#2A2F36;color:var(--text)}
.mq .pt.tx{font-weight:700;border-color:var(--line)}
.mq .pt.ic img{max-width:26px;max-height:26px;flex:none}
.mq .pt img{max-width:150px}
.mq-more{margin:0;color:var(--muted);font-size:14px}
@keyframes mqL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mqR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mq{-webkit-mask-image:none;mask-image:none}.mq-track{animation:none;width:auto;flex-wrap:wrap}.mq-grp{flex-wrap:wrap}.mq-grp[aria-hidden]{display:none}}

/* ленты партнёров листаются пальцем и мышью; сами едут медленно, на касание и наведение останавливаются (скрипт в site.js) */
.mq{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.mq::-webkit-scrollbar{display:none}
.mq-track,.mq-track.mq-r{animation:none!important}
@media(prefers-reduced-motion:reduce){.mq{overflow-x:visible}.mq-track{flex-wrap:wrap}}
.mq-more{font-size:15px;line-height:1.5;margin-top:4px}
.mq-more a{color:var(--amber);border-bottom:1px dashed var(--amber);white-space:nowrap}

/* ленты: плавный сдвиг картинкой, перетаскивание; кнопка «Заказать звонок» заметная */
.mq{overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.mq.drag{cursor:grabbing}
.mq-track,.mq-track.mq-r{animation:none!important;will-change:transform}
.mq-note{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}
.mq-note .mq-more{flex:1 1 380px;margin:0}
.mq-note .btn{flex:none}
@media(max-width:640px){.mq-note .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.mq{overflow-x:visible;cursor:auto}}

/* «Продать»: два способа вместо трёх, четыре шага в ряд, заявка внутри воронки */
.fl-tabs.t2{grid-template-columns:repeat(2,1fr)}
@media(min-width:961px){.fl-pane.p4 ol{grid-template-columns:repeat(4,1fr)}}
.fl-form{border:1px solid rgba(242,243,241,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));padding:20px 24px}
.fl-form .modes{margin-bottom:14px}
@media(max-width:640px){.fl-form{padding:16px}}
.fl-form{padding:0;border:0;background:none}

/* заявка: понятная кнопка и подсказка, ровная сетка, выбранный способ строкой */
.chosen{margin:0 0 12px;color:var(--muted);font-size:15px}
.chosen b{color:var(--text)}
.sg2f{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
@media(max-width:640px){.sg2f{grid-template-columns:1fr}}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.sform-act{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.sform-hint{color:var(--muted);font-size:14px}
.sform button:disabled,.sform button[disabled]{opacity:1;cursor:not-allowed;background:rgba(242,169,0,.16);border:1.5px solid rgba(242,169,0,.5);color:#F2D58A;box-shadow:none}
.fl-pane ol li b{display:block;margin-bottom:2px}
.fl-pane ol li span{display:block;color:var(--muted);font-size:15px}
.modes[hidden]{display:none!important}

/* поля заявок: общая сетка из шести колонок, оба ряда заполняют всю ширину, края ровные (владелец, 27.10.2026) */
.sform .sg3,.sform .sg2f{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sform .sg3>div{grid-column:span 2}
.sform .sg2f>div{grid-column:span 3}
.sform .sg3+.sg2f{margin-top:12px}
.sform input:not([type=checkbox]):not([type=radio]){width:100%}
@media(max-width:640px){.sform .sg3,.sform .sg2f{grid-template-columns:1fr}.sform .sg3>div,.sform .sg2f>div{grid-column:auto}}

.srv3.why{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.srv3.why{grid-template-columns:1fr}}

/* переключатели: плашка-подсветка плавно скользит, текст выезжает со стороны переключения (владелец, 27.10.2026) */
.fl-tabs{position:relative}
.fl-thumb{position:absolute;left:0;top:0;border-radius:99px;background:linear-gradient(180deg,#ffbe2e,#f2a900);box-shadow:0 6px 16px rgba(242,169,0,.28);pointer-events:none;z-index:0;transition:transform .5s cubic-bezier(.22,.8,.24,1),width .5s cubic-bezier(.22,.8,.24,1),height .5s cubic-bezier(.22,.8,.24,1)}
.fl-thumb.nomove{transition:none}
.fl-tabs button{position:relative;z-index:1}
.fl-tabs button.on{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.fl-pane.on{animation:flslide .5s cubic-bezier(.22,.8,.24,1) both}
@keyframes flslide{from{opacity:0;transform:translate(var(--dx,0px),8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.fl-thumb{transition:none}.fl-pane.on{animation:none}}

/* единый ритм между блоками на всех страницах: 28 px на компьютере, 24 px на телефоне (владелец, 27.10.2026) */
section.blk,body.home section.blk{padding:28px 0 0}
footer{margin-top:28px}
@media(max-width:640px){section.blk,body.home section.blk{padding-top:24px}}

/* панели переключателя в одном контейнере: плавная высота и перекрёстное растворение, без прыжков (владелец, 27.10.2026) */
.fl-panes{position:relative;transition:height .45s cubic-bezier(.22,.8,.24,1)}
.fl-panes.nomove{transition:none}
.fl-panes>.fl-pane{display:block!important;position:absolute;left:0;right:0;top:0;opacity:0;visibility:hidden;pointer-events:none;animation:none!important;transition:opacity .35s ease,transform .45s cubic-bezier(.22,.8,.24,1),visibility 0s .35s}
.fl-panes>.fl-pane.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease .05s,transform .45s cubic-bezier(.22,.8,.24,1),visibility 0s}
@media(prefers-reduced-motion:reduce){.fl-panes,.fl-panes>.fl-pane{transition:none!important}}

.fl-q{scroll-margin-top:96px}

/* лишние «хвосты» отступов убраны: между блоками и до подвала везде один и тот же ритм (владелец, 27.10.2026) */
.bgrid{margin:18px 0 0}
.cat{padding-bottom:0}
#poisk{display:block;height:0}

/* номера и мессенджеры вместе: под каждым номером его Viber, Telegram, WhatsApp (владелец, 27.10.2026) */
footer .fph2{margin-bottom:14px}
footer .fph2:last-child{margin-bottom:0}
footer .fmr{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
footer .fmr a{padding:5px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:var(--panel);color:var(--text);transition:border-color .2s}
footer .fmr a:hover{border-color:var(--amber)}
.cn .cmr{margin-top:2px}
@media(min-width:1100px){.cg{grid-template-columns:repeat(3,1fr)}}
@media(min-width:961px){.fg.fgn{grid-template-columns:1.35fr .85fr .85fr 1.1fr 1.3fr}}
@media(min-width:561px) and (max-width:960px){footer .fmr{flex-wrap:nowrap}}

/* «Контакты»: карточка адреса, заглушка карты под тёмный стиль, карточка Instagram, галочка в цвет сайта */
.way .ad2{font:700 24px/1.2 var(--display);margin:2px 0 10px}
.mapph{min-height:280px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(120% 120% at 20% 0%,rgba(242,169,0,.10),rgba(255,255,255,.02) 60%),var(--panel);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}
.mapin{display:flex;flex-direction:column;align-items:center;gap:8px}
.mapin b{font:700 20px var(--display)}
.mapin span{color:var(--muted);margin-bottom:6px}
input[type=checkbox]{accent-color:var(--amber)}

/* «Продать»: «Что понадобится и на каких условиях» — подзаголовки списков ярче, между списками отступ */
.fl-dc p>b:only-child{color:var(--text);font-size:15px}
.fl-dc .fl-bul+p{margin-top:16px}

/* «Продать»: подпись под переключателем способа; короткая строка о времени звонка под кнопкой формы */
.fl-cap{text-align:center;color:var(--muted);font-size:15px;margin:0}
.sform-note{color:var(--muted);font-size:14px;margin:8px 0 0}

/* «Продать»: «Что понадобится» и «Условия» рядом на широком экране, друг под другом на узком */
.fl-2c{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.fl-2c .fl-bul{margin-bottom:0}
@media(max-width:700px){.fl-2c{grid-template-columns:1fr}.fl-2c>div+div{margin-top:16px}}

/* «Продать», шаги 2 и 3: панели по два и по четыре пункта; условия внутри шага 2; форма и контакты в конце страницы */
@media(min-width:961px){.fl-pane.p2 ol{grid-template-columns:repeat(2,1fr)}}
.fl-terms{margin-top:18px;padding-top:16px;border-top:1px solid rgba(242,243,241,.08)}
.fl-terms p>b:only-child{color:var(--text);font-size:15px}
.fl-terms .fl-bul{margin-bottom:0}
.fl-terms .fl-bul+p{margin-top:16px}
#ask .lead2{margin-bottom:14px}
@media(min-width:961px){.cg2{grid-template-columns:repeat(2,1fr)}}
.ask-cn{margin-top:14px}

/* Телефон: «три полоски» в шапке открывают меню разделов (в нижней панели только главные пять) */
.burger,.mnav{display:none}
@media(max-width:960px){
 .burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:none;width:44px;height:44px;margin-left:10px;padding:0;border-radius:12px;border:1px solid rgba(242,243,241,.14);background:rgba(255,255,255,.05);cursor:pointer}
 .burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transition:transform .25s ease,opacity .2s ease}
 body.menuopen .burger{border-color:rgba(242,169,0,.5);background:rgba(242,169,0,.12)}
 body.menuopen .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 body.menuopen .burger span:nth-child(2){opacity:0}
 body.menuopen .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mnav{display:block;position:fixed;left:0;right:0;top:64px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:45;padding:14px 20px 20px;overflow-y:auto;background:rgba(14,15,17,.97);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .3s ease,visibility 0s .3s}
 body.menuopen .mnav{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .3s ease,visibility 0s}
 body.menuopen{overflow:hidden}
 .mnav a{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:15px 16px;border:1px solid rgba(242,243,241,.08);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));font:600 18px var(--body);color:var(--text)}
 .mnav a::after{content:'›';color:var(--amber);font-size:22px;line-height:1}
 .mnav a.on{border-color:rgba(242,169,0,.45);color:var(--amber)}
 .mnav a.m-call{margin-top:14px;justify-content:center;background:linear-gradient(180deg,#ffbe2e,#f2a900);border-color:#f2a900;color:var(--amber-ink)}
 .mnav a.m-call::after{display:none}
}
@media(prefers-reduced-motion:reduce){.burger span,.mnav{transition:none!important}}

/* Каталог на телефоне: кнопка «Фильтры» всегда справа от заголовка, а не под ним (заголовок при нехватке места уменьшается или идёт в две строки) */
@media(max-width:960px){
 .ct{flex-wrap:nowrap;align-items:flex-start;gap:12px}
 .ct>div:first-child{min-width:0;flex:1 1 auto}
 .ct h1{font-size:clamp(22px,7vw,30px);overflow-wrap:anywhere}
 .ct .fbtn{flex:none}
}

/* Нижняя панель: плавная смена плашки и отклик на нажатие */
@media(max-width:960px){
 .tabbar a{transition:background-color .15s ease,color .15s ease,transform .1s ease}
 .tabbar a:active{transform:scale(.94)}
 .mnav a{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
}

/* плитка «Связаться»: четыре одинаковые карточки (Instagram, два номера, обращение); форма раскрывается под ними на всю ширину */
.connmenu:not([hidden]){display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:stretch}   /* два номера и Instagram; «Написать нам» убрано как дубль (владелец, 05.11.2026) */
.connmenu .cn,.connmenu .ign{flex:none;min-width:0}
.connmenu .cn>.cb:not(.cmr) .btn{flex:1 1 100%;text-align:center}
.connmenu .cmr .btn{flex:1 1 auto;text-align:center;padding-inline:8px}
.inq-sub{margin:0;color:var(--muted);font-size:14px}
@media(max-width:1199px){.connmenu:not([hidden]){grid-template-columns:1fr 1fr}.connmenu .ign,.connmenu .wr{grid-column:1/-1}}
.connmenu .wr .cmr .btn{flex:1 1 calc(50% - 4px)}
@media(min-width:561px){.connmenu .wr .cmr{flex-wrap:nowrap}.connmenu .wr .cmr .btn{flex:1 1 0;min-width:0;padding-inline:4px}}   /* на компьютере четыре кнопки в строку: три карточки одной высоты без пустоты под «Позвонить» (владелец, 05.11.2026) */
@media(max-width:560px){.connmenu:not([hidden]){grid-template-columns:1fr}}

/* «Контакты»: высоту блока «Как добраться» задаёт текст, а не заглушка карты (без пустоты под кнопками) */
.mapph{min-height:0}
@media(max-width:960px){.mapph{min-height:0;padding:22px 16px}}

/* стрелки слайдера главной (только на компьютере; на телефоне листают пальцем) */
.hs{position:relative}
.hsa{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;padding:0 0 3px;border-radius:50%;border:1px solid var(--line);background:rgba(20,22,26,.72);color:var(--text);font-size:26px;line-height:1;box-shadow:0 6px 18px rgba(0,0,0,.3);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.hsa.l{left:14px}.hsa.r{right:14px}
.hsa:hover,.hsa:focus-visible{background:var(--amber);border-color:var(--amber);color:#1a1a1a}
@media(max-width:960px){.hsa{display:none}}
@media(min-width:961px){.hs .st{padding-left:76px}}   /* место под левую стрелку */

/* окошко «Заказать звонок» */
.calld{width:min(92vw,460px);max-height:92vh;overflow:auto}
.calld::backdrop{background:rgba(0,0,0,.6)}
.calld-f{display:flex;flex-direction:column;gap:12px;padding:22px;border:0;border-radius:0;background:none}
.calld-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.calld-h b{font-family:var(--display);font-size:22px}
.calld-x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:24px;line-height:1;padding:0 0 3px;cursor:pointer}
.calld-x:hover{border-color:var(--amber);color:var(--amber)}
.calld-s{margin:0;color:var(--muted);font-size:14px}
.calld-f textarea{width:100%;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font:inherit;resize:vertical;min-height:84px}
.calld-f .sform-act{margin-top:0}
.calld-f input:not([type=checkbox]):not([type=hidden]),.calld-f textarea{background:var(--panel)}

/* «О компании» */
.about-txt{max-width:75ch}
.about-txt p{margin:0 0 12px;line-height:1.65}
.about-txt+.facts{margin-top:16px}
a.fact:hover{border-color:var(--amber)}
.abt2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.req{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:0}
.req dt{color:var(--muted);font-size:14px}
.req dd{margin:0}
@media(max-width:960px){.abt2{grid-template-columns:1fr}}
@media(max-width:560px){.req{grid-template-columns:1fr;gap:2px}.req dd{margin-bottom:10px}}
.req{align-items:baseline}
.rvd #certx{color:var(--muted);border-color:var(--line)}

/* «Контакты»: полоса «Время работы» под карточками связи */
.hrs2{display:flex;align-items:baseline;gap:10px 28px;flex-wrap:wrap;margin-top:10px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.hrs2>b{font-family:var(--display);font-size:20px}
.hrs2-l{display:flex;gap:6px 28px;flex-wrap:wrap}
.hrs2-l span{color:var(--muted)}
.hrs2-l em{font-style:normal;font-weight:700;color:var(--text)}
.hrs2-n{margin-left:auto;color:var(--muted);font-size:14px}
@media(max-width:560px){.hrs2{flex-direction:column;align-items:flex-start;gap:6px}.hrs2-n{margin-left:0}}
.pgh .lead2{margin:8px 0 0}
.hrs2-n{display:inline-flex;align-items:center;gap:8px}

/* «Контакты»: карта с переключателем Яндекс / Google */
.mapw{display:flex;flex-direction:column;gap:10px;min-width:0}
.mapw .mapph{flex:1}
.mapw iframe.map{flex:1;min-height:300px}
.mapw iframe[hidden],.mapnav[hidden]{display:none}
.mapnav{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mapmid{display:flex;flex-direction:column;align-items:center;gap:6px}
.mapmid b{font-family:var(--display);font-size:16px}
.mapmid .dots{margin:0}
.mapa{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:22px;line-height:1;padding:0 0 3px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.mapa:hover,.mapa:focus-visible{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.way .wt .cb{margin-top:auto}   /* кнопки маршрута встают к нижнему краю карточки, когда карта справа выше */

/* «от — до» с перепутанными значениями */
input.bad{border-color:#c0392b!important;color:#ff8a7a}
.bcard time{display:block;margin-top:4px;color:var(--muted);font-size:13px}

/* плитка «Открыто до … / адрес» на главной теперь ссылка на «Контакты» (владелец, 28.10.2026) */
a.fact.live{display:flex;flex-direction:column}
a.fact.live b{display:flex;align-items:flex-start;gap:8px;font-size:20px;line-height:1.35;font-style:normal;font-weight:700;text-wrap:balance}
a.fact.live b .dot{flex:none;margin-top:.55em}
a.fact.live>span{display:block;padding-left:17px;text-wrap:balance;font-size:14px;line-height:1.35;color:var(--muted)}
@media(max-width:560px){a.fact.live{padding:12px 14px}a.fact.live b{font-size:18px}}
@media(min-width:961px){a.fact.live{padding:10px 14px}}
#hours{scroll-margin-top:96px}
.logo{flex:none}.logo img{flex:none;height:44px;width:auto;max-width:none}   /* логотип не сжимается, когда в шапке тесно */
/* шапка на узких компьютерных окнах: пункты теснее, адрес под телефоном убран, чтобы не было прокрутки вбок и логотип не сжимался */
@media(max-width:1280px){header .bar{gap:12px}header nav a{padding:8px 6px}}
@media(max-width:1180px){header nav a{padding:8px 5px;font-size:14px}.tel small{display:none}.hr .btn{padding-left:12px;padding-right:12px}}
@media(min-width:961px) and (max-width:1090px){header .hr .btn{display:none}}   /* на самых узких компьютерных окнах кнопка «Заказать звонок» уходит: остаются телефоны, окно звонка есть в «Контактах» */
/* панель фильтров: цепочка «Марка — Модель — Поколение» (28.10.2026) */

/* быстрые кнопки «Без пробега по РБ / Из Европы / Из Америки / Новый» над списком */
.brands.quick{margin-top:-6px}.brands.quick:empty{display:none}
/* поиск на главной: выпадающие списки и поля ввода одной высоты и одного шрифта, подписи над ними на одной линии (владелец, 28.10.2026) */
#sform0 select,#sform0 input:not([type=checkbox]):not([type=radio]):not([type=hidden]){height:44px;box-sizing:border-box;font-size:14px;line-height:1.3;padding-top:0;padding-bottom:0;padding-left:10px}
#sform0 input:not([type=checkbox]):not([type=radio]):not([type=hidden]){padding-right:10px}
/* панель фильтров: не прыгает и не теряется (владелец, 28.10.2026) */
html{scrollbar-gutter:stable}   /* полоса прокрутки страницы не сдвигает всё на её ширину, когда список становится короче или длиннее */
.filters{scrollbar-gutter:stable}
@media(max-width:960px){}   /* шапка панели одной высоты и с кнопкой «Сбросить», и без неё: ничего не сдвигается, когда кнопка появляется */
/* шапка панели фильтров: слово по центру по высоте, отделена от списка, «Сбросить» только здесь (владелец, 28.10.2026) */

@media(max-width:960px){}
/* над списком: быстрый выбор двумя однострочными лентами (марка, состояние), ниже «выбрано» слева и сортировка справа — разный вес, ничего не прыгает (владелец, 28.10.2026) */

.qstrip{display:flex;flex-wrap:nowrap;gap:6px;flex:1;min-width:0;margin:0;overflow-x:auto;scrollbar-width:none;padding:2px 28px 2px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.qstrip::-webkit-scrollbar{display:none}
.qstrip:empty{display:block;min-height:34px}
.sortsel{flex:none;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.sortsel select{height:36px;padding:0 30px 0 12px;border-radius:10px;border:1px solid var(--line);background-color:var(--panel);color:var(--text);font-size:14px;font-weight:600}
@media(max-width:560px){.sortsel{margin-left:auto}}
.cat>div{min-width:0}   /* однострочные ленты не должны растягивать колонку со списком */
   /* ничего не найдётся — тусклее, но на месте */
/* строка «Все / Автомобили / Мотоциклы» + сортировка справа; «Выбрано» отдельной строкой (место занято заранее); ленты с кнопкой «Ещё N» (28.10.2026) */
.krow{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin:0 0 12px}.krow .seg2{margin:0}
.qstrip{flex-wrap:nowrap;overflow:hidden;padding:2px 0;-webkit-mask-image:none;mask-image:none}
.qstrip.openall{flex-wrap:wrap;overflow:visible}
@media(max-width:560px){}
/* длинные названия переносятся, а не ломают карточку */
.row h3,.ti h3,.gal h1,.sbar b{overflow-wrap:break-word;hyphens:manual;line-height:1.2}   /* слово рвётся только если не влезает целиком, и по правилам переноса */
.row h3{font-size:20px}
.ti h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* то, чего при текущем выборе не бывает: на месте, серое, не нажимается (владелец, 28.10.2026) */
.chk.z{opacity:.4;cursor:not-allowed}.chk.z input{cursor:not-allowed}
/* строка «Выбрано» — тоже одна строка с «Ещё N» (не переносится и не толкает список); панель без «прыжков» прокрутки в Chrome */

.filters{overflow-anchor:none}
/* подписи рядов над списком («Марка», «Состояние», «Выбрано»): плашки одной ширины и высоты, чтобы читались как заголовки и стояли ровно (владелец, 28.10.2026) */

@media(max-width:560px){}
.qstrip:not(.fitted){visibility:hidden}   /* до подгонки лент под ширину (скрипт) — невидимы, чтобы не мелькали лишние марки при обновлении страницы */
.sp>div{line-height:1.45}
.sp>div:first-child,.sp>div:last-child{color:var(--text);font-weight:600}   /* год и пробег — крупно по смыслу, средняя строка спокойнее */
.sp>div:not(:first-child):not(:last-child){color:#C7CCD1;margin:2px 0}
/* название машины главное в карточке: год и пробег обычным шрифтом, не жирным (владелец, 28.10.2026) */
.sp>div:first-child,.sp>div:last-child{font-weight:400;color:#DADEE2}
.sp>div:not(:first-child):not(:last-child){color:#AEB4BB}
.row h3{font-weight:800}
.row{grid-template-columns:270px minmax(0,1fr) 250px}   /* средняя колонка не растягивается из-за длинной строки */
.sp>div{overflow-wrap:break-word}
/* подписи рядов не должны походить на кнопки: без фона и рамки, жирный текст с янтарной чёрточкой слева (владелец, 28.10.2026) */

@media(max-width:560px){}
/* зелёные плашки не меняют размер карточки: строка не переносится и умещается в высоту картинки (владелец, 28.10.2026) */
.row .mid{gap:6px}
.row .where{flex-wrap:nowrap;overflow:hidden;margin-top:0}
.row .where span{flex:none;white-space:nowrap}
/* подписи рядов заметнее: крупнее, чисто белые, чёрточка толще (владелец, 28.10.2026) */

@media(max-width:560px){}
/* калькулятор на странице машины: кнопки и списки заметнее, итоговые цифры крупнее (владелец, 28.10.2026) */
.calc .seg button{background:#343B46;border-color:#59616E;color:#F4F6F8;font-weight:700;font-size:15px;padding:9px 0;transition:background .15s,border-color .15s}
.calc .seg button:hover{background:#3E4651;border-color:#7A8392}
.calc .seg button.on{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}
.calc .inp input{background:#1B1E23;border-color:#59616E;color:#fff;font-size:15px}
.calc .inp input::placeholder{color:#8E959D}
.calc .inp select{background-color:#343B46;border-color:#59616E;color:#F4F6F8;font-weight:700;font-size:15px}
.calc .cl{color:#DADEE2;font-size:14px;font-weight:700;margin:10px 0 4px}
.calc .rowb small{font-size:16px;font-weight:700;color:#F4F6F8;line-height:1.2}
.calc .m{font-size:32px;line-height:1.1}
.calc .m.txt{font-size:20px;text-align:right;white-space:nowrap}
.calc .cs{font-size:15px;line-height:1.45;color:#C9CED4}.calc .cs b{color:#fff;font-weight:700}
/* крестик в окне «Заказать звонок»: нарисован линиями и ровно по центру круга */
.calld-x{position:relative;display:grid;place-items:center;padding:0;font-size:0;line-height:0;color:var(--text)}
.calld-x::before,.calld-x::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:1px;background:currentColor}
.calld-x::before{transform:rotate(45deg)}.calld-x::after{transform:rotate(-45deg)}
.calc .cs{min-height:2.9em}   /* место под две строки заранее: блок не растёт, когда скрипт обновляет цифры */
.calc .inp select{width:98px;flex:none;padding-left:10px;padding-right:26px}   /* «BYN» и «мес.» помещаются целиком */
/* полноэкранный просмотр фото: стрелки, перетаскивание мышью, клавиши; крестик нарисован линиями (28.10.2026) */
.lbx,.lbn{display:grid;place-items:center;padding:0;font-size:0;line-height:0;cursor:pointer}
.lbx{position:absolute}
.lbx::before,.lbx::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:2px;margin:-1px 0 0 -9px;border-radius:1px;background:#fff}
.lbx::before{transform:rotate(45deg)}.lbx::after{transform:rotate(-45deg)}
.lbn{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.16);z-index:2;transition:background .15s}
.lbn:hover{background:rgba(255,255,255,.3)}
.lbn.l{left:18px}.lbn.r{right:18px}
.lbn::before{content:'';width:12px;height:12px;border-top:3px solid #fff;border-left:3px solid #fff;transform:rotate(-45deg);margin-left:5px}
.lbn.r::before{transform:rotate(135deg);margin-left:-5px}
.lbs img{user-select:none;-webkit-user-drag:none}
.lbs{cursor:grab}
@media(max-width:700px){.lbn{display:none}}   /* на телефоне листают пальцем */
.thumbs img{transition:opacity .12s,border-color .12s}
.calc .zn{margin:-2px 0 8px;color:#C9CED4;font-size:13px;line-height:1.4}
/* характеристики на странице машины в две колонки: слева главное, справа остальное (владелец, 28.10.2026) */
.specs2{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}
.specs2 table.t td:first-child{width:46%}
@media(max-width:700px){.specs2{grid-template-columns:1fr;gap:0}.specs2 table.t+table.t{margin-top:0}}
/* длинные названия в панели переносятся и не дают горизонтальной полосы (владелец, 28.10.2026) */

.chk{min-width:0}.chk span{min-width:0;overflow-wrap:break-word}
/* комплектация: одна строка + «Показать все (N)» */
.opts.fold{flex-wrap:nowrap;overflow:hidden}
.opts.fold.openall{flex-wrap:wrap;overflow:visible}
.opts.fold:not(.fitted){visibility:hidden}
.opts .extra{display:none}.opts.openall .extra{display:block}
.opts .omore{flex:none;padding:6px 14px;border-radius:8px;border:1px solid var(--amber);background:rgba(242,169,0,.12);color:var(--text);font-weight:700;font-size:inherit;cursor:pointer}
.opts .omore:hover{background:rgba(242,169,0,.22)}
.opts.fold span{flex:none;white-space:nowrap}   /* иначе в одной строке они сжимались бы, и «не помещается» не определить */
.car>.gal,.car>aside{min-width:0}.opts.fold{min-width:0;max-width:100%}   /* однострочная комплектация не растягивает колонку страницы */
/* контакты на странице машины: «Заказать звонок» — главная янтарная кнопка (как везде на сайте); два номера (A1 и МТС) строго равнозначны, у каждого свои Viber / Telegram / WhatsApp (владелец, 28.10.2026) */
.acts{gap:10px}
.cph-t{margin:6px 0 -2px;color:var(--muted);font-size:13px}
.cph{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.cph>.btn{font-size:16px;font-weight:700;letter-spacing:.01em}
.cph-m{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cph-m .btn{padding:8px 4px;font-size:14px;font-weight:600}
.cph-op{display:inline-block;margin-right:10px;padding:1px 9px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--muted);font-size:12px;font-weight:700;line-height:1.5}
/* маркер «Сейчас открыто / закрыто» рядом со временем работы (карточка машины, «О компании», подвал) */
.opnow{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:600;color:var(--text);line-height:1.35}   /* не «.hs»: так уже называется слайдер на главной */
.opnow .dot{flex:none}
footer .fhrs .opnow{display:flex;margin-top:8px}
.req .opnow{margin-top:2px}
/* кнопки связи на странице машины видно: светлее фона, яркая рамка (владелец, 28.10.2026) */
.cph{background:#22262C;border-color:#464E5A}
.cph .btn{background:#343B46;border-color:#59616E;color:#F4F6F8}
.cph .btn:hover{background:#3E4651;border-color:#7A8392}
.cph-op{background:rgba(255,255,255,.1);color:#DADEE2;border-color:#59616E}
/* три ступени важности в блоке контактов: «Заказать звонок» (янтарная) > номера (крупные, светлые) > мессенджеры (поменьше, спокойнее); кнопки калькулятора крупнее (владелец, 28.10.2026) */
.cph>.btn{min-height:50px;font-size:18px;font-weight:800;background:#454E5B;border-color:#8A93A3;color:#fff}
.cph>.btn:hover{background:#505A68;border-color:#A8B0BE}
.cph-m .btn{min-height:38px;padding:7px 4px;font-size:14px;font-weight:600;background:#2A2F36;border-color:#454C57;color:#C9CED4}
.cph-m .btn:hover{background:#343B46;border-color:#59616E;color:#fff}
.calc .seg button{padding:11px 0;font-size:16px;min-height:42px}
.calc .inp input,.calc .inp select{min-height:46px}
.cph-m .btn{height:38px;min-height:0;padding:0 4px;line-height:1}
/* контакты: главная — янтарная «Заказать звонок» (самая крупная); номера — с янтарной обводкой в тон ей, но меньше; мессенджеры — серые и самые маленькие (владелец, 28.10.2026) */
.acts>.btn.amber.wide{min-height:56px;font-size:18px;font-weight:800}
.cph>.btn{min-height:46px;font-size:16px;font-weight:800;background:rgba(242,169,0,.08);border:1.5px solid var(--amber);color:#fff}
.cph>.btn:hover{background:rgba(242,169,0,.2);border-color:#FFC933}
.cph .cph-op{background:rgba(242,169,0,.2);border-color:rgba(242,169,0,.55);color:#FFE3A1}
/* «Смотрите также» на странице машины: ровный ряд компактных плиток (как лента на главной), а не широкие карточки каталога в узкой колонке (владелец, 28.10.2026) */
.simgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.simgrid .tile:hover{transform:none;border-color:#4a5058}
@media(max-width:900px){.simgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.simgrid{grid-template-columns:1fr}}
.simgrid .tu span{display:block;white-space:nowrap;font-size:13px;margin-top:2px}   /* доллары всегда второй строкой, а не рвутся посреди «≈ 9 390 $» */
/* «Смотрите также»: плитки одной высоты, цены всегда на одном уровне (по нижнему краю), название — две строки заранее, характеристики как в ленте (владелец, 28.10.2026) */
.simgrid .tile{height:100%}
.simgrid .ti{flex:1;gap:4px}
.simgrid .ti h3{min-height:2.4em}
.simgrid .ti .sp{margin-bottom:8px}
.simgrid .ti .sp>div{font-size:14px;line-height:1.4}
.simgrid .ti .tu{margin-top:auto}
/* страница машины: ровные расстояния (по замечаниям владельца 28.10.2026: слишком широкие промежутки) */
.car{padding:10px 0 16px}
.calc{margin-top:12px;padding:12px 14px}
.calc>.cl:first-child{margin-top:0}
.calc .cl{margin:8px 0 3px}
.calc .inp{margin-bottom:4px}
.calc .seg{margin:3px 0 6px}
.optt{margin:16px 0 8px}
.acts{margin-top:12px}
/* итог под платежом: ячейки «Взнос / В кредит / Срок» */
.calc .cs{min-height:58px;margin-top:8px}
.cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}
.ci{display:grid;gap:1px;align-content:start;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.05)}
.ci small{margin:0!important;color:var(--muted);font-size:12px}
.ci b{color:#fff;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap}
.ci i{font-style:normal;color:var(--muted);font-size:12px}
.cw{margin-top:6px;color:#F2D58A;font-size:13px}
.calc[data-calc]:not(.ready){visibility:hidden}   /* до восстановления состояния калькулятор невидим (место занято) — не мелькают значения по умолчанию */
/* плитки: цена и платёж прижаты к низу — плитки не разъезжаются; зелёные плашки признаков — на фото, внизу слева (владелец, 28.10.2026: «Новое» > «Автомобиль / Мотоцикл» > «Без пробега по РБ / Из Европы») */
.cstrip .tile{height:100%}
.cstrip .ti{flex:1}
.cstrip .ti .tu{margin-top:auto}
/* зелёные плашки на фото плитки */
.tp .lbl2,.gal .big .lbl2{position:absolute;left:10px;right:10px;bottom:10px;display:flex;flex-wrap:wrap;gap:5px;pointer-events:none}
.tp .lbl2 span,.gal .big .lbl2 span{padding:3px 9px;border-radius:99px;background:rgba(10,18,12,.74);border:1px solid rgba(74,222,128,.55);color:#86F0AE;font-size:12px;font-weight:600;line-height:1.4;backdrop-filter:blur(2px)}
/* низ страницы машины: меньше пустоты перед подвалом; блок адреса и часов — отдельной карточкой, крупнее */
.car{padding-bottom:4px}
body:has(.car) footer{margin-top:14px}
.cinfo{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:#C9CED4;font-size:14px;line-height:1.55}
.cinfo .opnow{margin-top:8px;font-size:15px}
/* лёгкий блик слева направо на «Новое» и на зелёных плашках признаков («Без пробега по РБ», «Из Европы», «Новый»): раз в несколько секунд, у соседних со сдвигом (владелец, 28.10.2026) */
.lbl span:not(.dn):not(.dk),.lbl2 span,.where span.ex{position:relative;overflow:hidden;isolation:isolate}
.lbl span:not(.dn):not(.dk)::after,.lbl2 span::after,.where span.ex::after{content:'';position:absolute;top:-10%;bottom:-10%;left:0;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:translateX(-160%) skewX(-18deg);animation:glint 4.2s ease-in-out infinite;pointer-events:none}
.lbl2 span::after,.where span.ex::after{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(190,255,215,.42),rgba(255,255,255,0))}
.lbl2 span:nth-child(2)::after,.where span.ex:nth-child(2)::after,.lbl span:nth-child(2):not(.dk)::after{animation-delay:.3s}
.lbl2 span:nth-child(3)::after,.where span.ex:nth-child(3)::after{animation-delay:.6s}
.tile:nth-child(even) .lbl span::after,.tile:nth-child(even) .lbl2 span::after,.row:nth-child(even) .where span.ex::after{animation-delay:1.4s}
.tile:nth-child(3n) .lbl span::after,.tile:nth-child(3n) .lbl2 span::after,.row:nth-child(3n) .where span.ex::after{animation-delay:2.7s}
@keyframes glint{0%{transform:translateX(-160%) skewX(-18deg)}40%,100%{transform:translateX(380%) skewX(-18deg)}}   /* проход ~1,7 с из 4,2 с цикла: чаще и медленнее прежнего (было 1 с из 6,5 с) */
@media(prefers-reduced-motion:reduce){.lbl span::after,.lbl2 span::after,.where span.ex::after{animation:none;display:none}}
/* слова в названиях машин не переносятся через дефис («ре-стайлинг»): целое слово уходит на новую строку (владелец, 29.10.2026) */
.row h3,.ti h3,.gal h1,.sbar b,.simgrid h3,.tile h3{hyphens:none;-webkit-hyphens:none}
/* «Заказать звонок» на странице машины: крупная кнопка — крупный текст, чтобы не терялся (как в шапке, но пропорционально размеру кнопки); блик на жёлтых кнопках убран — от него «разбегаются глаза», блик остался только на плашках «Новое» и зелёных (владелец, 29.10.2026) */
.acts>.btn.amber.wide{min-height:60px;font-size:22px;font-weight:800;letter-spacing:.01em}
/* промежутки между блоками чуть плотнее: между секциями 22 px (видимый ≈ 26 с учётом строки заголовка), на телефоне 20; под полосой точек слайдера и между шапкой и первым блоком — меньше (владелец, 29.10.2026: «слишком много места») */
section.blk,body.home section.blk{padding-top:22px}
@media(max-width:640px){section.blk,body.home section.blk{padding-top:20px}}
.homeh{margin-top:16px}
.hero2{margin-top:14px}
/* «Как купить» и «Продать»: стрелок между шагами нет — шаги и так пронумерованы, лишнее место убрано; между блоками обычный зазор 14 px (владелец, 29.10.2026) */

/* страница машины: те же зелёные плашки признаков («Без пробега по РБ», «Из Европы», «Новый») на фото внизу слева; справа остаётся счётчик «1 / N» (владелец, 29.10.2026) */
.gal .big .lbl2{left:12px;right:84px;bottom:12px;z-index:2}
.gal .big .lbl2 span{font-size:13px;padding:4px 11px}
/* зелёные плашки в ленте: помещаются в одну строку, а если длинные («Из: Антананариву») или их три — переходят на вторую; больше двух строк не бывает, карточка по высоте остаётся в пределах фото (владелец, 29.10.2026) */
.row .where{flex-wrap:wrap;overflow:hidden;max-height:58px}
.row .where span{flex:0 1 auto;max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* правая колонка карточки в ленте: цена, платёж и кнопки распределены по всей высоте карточки, а не прижаты кверху (владелец, 29.10.2026) */
.row .side{justify-content:space-between}
.row .side .pr{display:flex;flex-direction:column;gap:6px}
.gal .row .side{justify-content:flex-start}

/* одна карточка везде: в плитках («Новые поступления», «Смотрите также») те же три строки характеристик, что и в ленте — год / «коробка, объём, тип двигателя, кузов» / пробег (владелец, 29.10.2026) */
.tile .ti{gap:4px}
.tile .ti h3{min-height:2.4em}
.tile .ti .sp{margin-bottom:8px}
.tile .ti .sp>div{font-size:14px;line-height:1.4}
/* зелёные плашки — столбиком, одна под другой («Без пробега по РБ», ниже «Из Европы»): в ленте, в плитках, на фото машины (владелец, 29.10.2026) */
.row .where{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:4px;max-height:none;overflow:visible}
.tp .lbl2,.gal .big .lbl2{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px}
.cstrip .ti h3{min-height:0}   /* на главной цены и так прижаты к низу — пустая полоса под однострочным названием не нужна */
/* карточка в ленте всегда одной высоты (по фото, 206 px) — на экране помещаются четыре машины (владелец, 29.10.2026, «золотой стандарт»): даже название в две строки + три строки характеристик + две плашки столбиком умещаются в высоту фото */
.row .mid{gap:4px}
.row .sp>div{line-height:1.35}
.row .sp>div:not(:first-child):not(:last-child){margin:0}
.row .where{gap:3px}
.row .where span{padding:1px 9px;line-height:1.3}
/* «Из Европы / Америки / Китая…» — синяя плашка (страна происхождения), «Без пробега по РБ» и «Новый» остаются зелёными (владелец, 29.10.2026) */
.where span.ex.org{border-color:rgba(96,165,250,.5);color:#8FBEF8}
.tp .lbl2 span.org,.gal .big .lbl2 span.org{border-color:rgba(96,165,250,.62);color:#9CC8FB}
.lbl2 span.org::after,.where span.ex.org::after{background:linear-gradient(100deg,rgba(255,255,255,0),rgba(170,210,255,.45),rgba(255,255,255,0))}
/* страница машины: «Новое поступление» и «Цена снижена» — на фото вверху слева, как в ленте; не перехватывают клики по фото (владелец, 29.10.2026) */
.gal .big .lbl{left:12px;top:12px;z-index:2;pointer-events:none}
.gal .big .lbl span{font-size:13px;padding:4px 11px}
/* главная, плитки «Покупателям / Продавцам» на широком экране: текст слева, кнопки столбиком справа — правая половина больше не пустует (владелец, 29.10.2026); на узких экранах как раньше */
@media(min-width:1180px){
 .duo .door{display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:20px;row-gap:4px;align-items:center;padding:20px 24px}
 .duo .door>*{grid-column:1}
 .duo .door .dbtns{grid-column:2;grid-row:1/4;flex-direction:column;flex-wrap:nowrap;gap:10px;margin:0}
 .duo .door .dbtns .btn{width:100%;white-space:nowrap}
}
/* просмотр фото: кнопки «+» и «−» (увеличить / отдалить) рядом с крестиком; увеличенное фото — в своём слое с прокруткой, мышью его можно тащить (владелец, 29.10.2026) */
.lbzoom{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}   /* по центру сверху (владелец, 29.10.2026) */
.lbzoom button{position:relative;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);padding:0;cursor:pointer;transition:background .15s,opacity .15s}
.lbzoom button:hover:not(:disabled){background:rgba(255,255,255,.3)}
.lbzoom button:disabled{opacity:.35;cursor:default}
.lbzoom button::before,.lbzoom button::after{content:'';position:absolute;left:50%;top:50%;background:#fff;border-radius:1px}
.lbzoom button::before{width:18px;height:2px;margin:-1px 0 0 -9px}
.lbzoom button::after{width:2px;height:18px;margin:-9px 0 0 -1px}
.lbzoom .lbzm::after{display:none}
.lbz{position:absolute;inset:0;z-index:1;overflow:auto;display:flex;scrollbar-width:none;cursor:grab;overscroll-behavior:contain}
.lbz[hidden]{display:none}
.lbz::-webkit-scrollbar{display:none}
.lbz.grab{cursor:grabbing}
.lbz img{flex:none;margin:auto;max-width:none;user-select:none;-webkit-user-drag:none;object-fit:contain}
.lb .lbn{z-index:2}
.lb .lbc{z-index:2;pointer-events:none}
/* вкладки «Кредит / Лизинг» под ценой на странице машины (владелец, 29.10.2026) */
.ctabs{display:flex;gap:4px;margin-top:14px;padding:4px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.ctabs button{flex:1;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 16px var(--body);cursor:pointer;transition:background .15s,color .15s}
.ctabs button:hover{color:#fff}
.ctabs button.on{background:var(--amber);color:var(--amber-ink)}
.ctabs+.cwrap .calc{margin-top:10px}
.cwrap[data-mode=lease]>.calc:not(.lease){display:none}
.cwrap[data-mode=credit]>.lease{display:none}
.lease .lz{color:#C9CED4;font-size:14px;line-height:1.5}
.lease .cl{margin-top:12px}
/* окно «Заказать звонок»: маркер «открыто / закрыто» под временем работы; подпись страны под полем телефона (владелец, 29.10.2026) */
.calld-hs{margin:-6px 0 0}
.calld-hs .opnow{margin-top:0}
.phh{display:block;min-height:16px;margin-top:4px;color:var(--muted);font-size:13px;line-height:1.3}
/* вид платежа в калькуляторе: «Равные платежи» / «На уменьшение» (владелец, 29.10.2026) */
.seg.ptype{grid-template-columns:1fr 1fr}
.calc .seg.ptype button{font-size:15px;padding:11px 4px}
/* «На уменьшение»: три строки одного вида — первый платёж, на сколько уменьшается каждый месяц, последний платёж (владелец, 29.10.2026); место занято до загрузки скрипта по <html data-pt="d"> */
.dpx{display:none}
html[data-pt=d] .dpx{display:flex}
.calc .dpx{margin-top:2px}
.calc .dpx small{max-width:58%}
/* вкладка «Лизинг» восстанавливается раньше основного скрипта по <html data-cm="lease"> — без мигания «Кредит → Лизинг» */
html[data-cm=lease] .cwrap>.calc:not(.lease){display:none}
html[data-cm=lease] .cwrap>.lease{display:block}
html[data-cm=lease] .ctabs button[data-t=lease]{background:var(--amber);color:var(--amber-ink)}
html[data-cm=lease] .ctabs button[data-t=credit]{background:transparent;color:var(--muted)}
.calc .dpx{align-items:center}   /* «≈ 5 BYN» по центру двустрочной подписи, а не прижата кверху (владелец, 29.10.2026) */
/* «На уменьшение»: строки не сливаются — тонкие разделители между ними, подписи спокойнее (светло-серые), суммы яркие и не переносятся; высота строки одна и та же до и после загрузки скрипта (владелец, 29.10.2026) */
.calc .rowb .m{white-space:nowrap}
.calc .dpx{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}
.calc .dpx small{margin:0;color:#C9CED4;font-weight:600;font-size:15px;line-height:1.25}
/* кнопки срока и взноса не переносятся на вторую строку ни в годах, ни в месяцах («120 мес.» на узком экране): страница не прыгает, когда скрипт меняет подписи «3 года» → «36 мес.» (владелец, 29.10.2026) */
.calc #sy button,.calc #sg button{white-space:nowrap;padding-left:0;padding-right:0;font-size:clamp(13px,3.9vw,16px)}
/* поле телефона: круглый флаг страны слева (как у современных сайтов), глобус — пока страна не определена (владелец, 29.10.2026) */
.phw{position:relative}
.phf{position:absolute;left:11px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;overflow:hidden;display:block;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.phf svg{display:block}
.phf.globe{box-shadow:none;color:#6FA8F7;overflow:visible}
.phw>input[name=phone]{padding-left:44px!important}
/* поле ввода и список единиц («BYN», «$», «%», «лет», «мес.») лежат на той же сетке из четырёх столбцов, что и кнопки над ними: поле — три столбца, список — ровно под последней кнопкой (владелец, 29.10.2026: «всё ровно») */
.calc .inp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.calc .inp input{grid-column:span 3;width:100%}
.calc .inp select{grid-column:4;width:100%;min-width:0;padding-left:9px;padding-right:2px;font-size:clamp(13px,3.7vw,15px);text-overflow:clip}   /* стрелку списка рисует сам браузер — лишний отступ справа обрезал бы «BYN» */
/* плитка «Связаться» без точки: подпись начинается там же, где заголовок (отступ 17 px нужен только у плитки с часами, где слева точка) (владелец, 29.10.2026) */
a.fact.live.plain>span{padding-left:0}
/* плитка с часами работы на главной: заголовок («Закрыто, откроемся в 9:00») белый и крупный, как у соседних плиток, а не серая подпись 13,5 px; точка по центру первой строки, адрес под текстом (владелец, 29.10.2026) */
a.fact.live b span{font-size:inherit;color:inherit}
a.fact.live:not(.plain) b{font-size:16px;line-height:1.35}
a.fact.live b .dot{margin-top:.42em}
a.fact.live .dot.off{background:#9AA1AA}
/* кредит на мотоцикл — максимум 7 лет: кнопка «120 мес.» / «10 лет» недоступна, при наведении подсказка; на телефоне после нажатия — строка с пояснением (владелец, 29.10.2026) */
.seg button.off{cursor:not-allowed;color:#6B727C;background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1)}   /* без opacity: иначе полупрозрачной станет и подсказка */
.seg button.off:hover{background:transparent}
/* подсказка над недоступной кнопкой срока: тёмный полупрозрачный блок со стрелкой ровно над кнопкой, вместо системной белой подсказки справа (владелец, 29.10.2026); на телефоне — по нажатию */
.seg button.off{position:relative}
.seg button.off::after{content:attr(data-tip);position:absolute;right:0;bottom:calc(100% + 11px);width:max-content;max-width:262px;padding:9px 13px;border-radius:10px;background:rgba(10,12,15,.985);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.6);color:#E9ECEF;font:600 13px/1.35 var(--body);text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .1s,transform .1s,visibility .1s;pointer-events:none;z-index:20}
.seg button.off::before{content:'';position:absolute;left:50%;bottom:calc(100% + 1px);margin-left:-6px;border:6px solid transparent;border-top-color:rgba(10,12,15,.985);border-bottom:0;opacity:0;visibility:hidden;transition:opacity .1s,visibility .1s;pointer-events:none;z-index:20}
.seg button.off:hover::after,.seg button.off:focus-visible::after,.seg button.off.tipon::after{opacity:1;visibility:visible;transform:none}
.seg button.off:hover::before,.seg button.off:focus-visible::before,.seg button.off.tipon::before{opacity:1;visibility:visible}
/* текст в списках единиц («BYN», «лет», «мес.») строго по центру, как на кнопках над ними; стрелку рисуем сами справа, чтобы она не сдвигала текст (владелец, 29.10.2026) */
.calc .inp select{-webkit-appearance:none;appearance:none;padding:0 16px;text-align:center;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23C9CED4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:10px 6px}
/* буквы в списках единиц («лет», «BYN») не мельче текста на кнопках над ними: шрифт на 1 px крупнее (строчные буквы ниже цифр), отступы и стрелка подогнаны, чтобы «BYN» помещался и на узком экране (владелец, 29.10.2026) */
.calc .inp select{font-size:calc(clamp(13px,3.9vw,16px) + 1px);padding:0 12px;background-position:right 4px center;background-size:8px 5px}

/* списки единиц в калькуляторе: стрелка вплотную к слову (ширина слова --tw меряет скрипт), слово со стрелкой по центру поля; без скрипта остаётся прежний вид */
.calc.tw .inp select{padding-left:0;padding-right:11px;background-position:calc(50% + var(--tw,0px)/2 + 2.5px) center}
/* поиск на главной: на виду пять самых нужных полей (марка, модель, год, кузов, цена), остальное — под кнопкой «Больше фильтров» (владелец, 30.10.2026: «фильтров много, захламляет») */
.sgx{display:contents}
.sgx[hidden]{display:none}
.sgm{display:flex;align-items:flex-end}
.sgmore{width:100%;height:44px;padding:0 12px!important;background:transparent;border:1.5px solid rgba(242,243,241,.35);color:var(--text);font-size:14px;font-weight:700;gap:8px;white-space:nowrap}
.sgmore:hover{border-color:rgba(242,243,241,.6);background:rgba(242,243,241,.06)}
.sgmore::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px;transition:transform .15s}
.sgmore[aria-expanded=true]::after{transform:rotate(-135deg) translateY(-2px)}
.sgn{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--amber);color:var(--amber-ink);font-size:12px;font-weight:800}
.sgn:empty{display:none}
@media(max-width:960px){.sgm{grid-column:1/-1}}
/* цена с выбором валюты (USD по умолчанию / BYN) — в поиске на главной и в панели каталога; рядом два поля и маленький список (владелец, 30.10.2026) */
.rg2.rgp{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px}
.sg .rr.rp{min-width:0}
.sg{grid-template-columns:1fr 1fr 1.15fr 1fr 1.7fr .95fr}
@media(max-width:960px){.sg{grid-template-columns:1fr 1fr}.rg2.rgp{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px}}
.curs{min-width:0;padding-left:8px;padding-right:2px;font-weight:700;text-align:center;text-align-last:center}
/* поиск: пока не выбрана марка / модель, «Модель» и «Поколение» серые, при наведении тёмная подсказка того же вида, что у недоступного срока мотоцикла (владелец, 30.10.2026) */
.sg>div.off{position:relative}
.sg>div.off select{pointer-events:none;color:#6B727C;background-color:rgba(255,255,255,.03);cursor:not-allowed}
.sg>div.off label{color:#7B828C}
.sg>div.off::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% - 2px);width:max-content;max-width:230px;padding:9px 13px;border-radius:10px;background:rgba(10,12,15,.985);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.6);color:#E9ECEF;font:600 13px/1.35 var(--body);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .1s,transform .1s,visibility .1s;pointer-events:none;z-index:20}
.sg>div.off::before{content:'';position:absolute;left:22px;bottom:calc(100% - 8px);border:6px solid transparent;border-top-color:rgba(10,12,15,.985);border-bottom:0;opacity:0;visibility:hidden;transition:opacity .1s,visibility .1s;pointer-events:none;z-index:20}
.sg>div.off.tipon::after{opacity:1;visibility:visible;transform:none}
.sg>div.off.tipon::before{opacity:1;visibility:visible}
/* «Сбросить параметры» — у самих параметров, рядом с «Показать N предложений» (владелец, 30.10.2026) */
.sgact{grid-column:1/-1;display:flex;gap:10px}
.sgact #sgo{flex:1;min-width:0}
.sgreset{flex:none;white-space:nowrap;background:transparent;border:1.5px solid rgba(242,243,241,.35);color:var(--text);font-weight:700}
.sgreset:hover{border-color:rgba(242,243,241,.6);background:rgba(242,243,241,.06)}
@media(max-width:560px){.sgact{flex-direction:column-reverse}}
/* телефон в шапке: короткий номер «615 64 64» и выбор оператора по нажатию (до 560 px); на компьютере — прежние два номера (владелец, 30.10.2026) */
.telm{display:none;position:relative}
.telb{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-radius:99px;border:1px solid var(--amber);background:rgba(242,169,0,.12);color:var(--text);font:700 15px var(--body);cursor:pointer;white-space:nowrap}
.telb svg{flex:none;color:var(--amber)}
.telp{position:absolute;right:0;top:calc(100% + 8px);z-index:90;display:grid;gap:6px;min-width:236px;padding:8px;border-radius:14px;background:rgba(10,12,15,.985);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.6)}
.telp[hidden]{display:none}
.telp a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text);font-weight:700;font-size:16px;white-space:nowrap}
.telp a:hover{background:rgba(242,169,0,.18)}
.telp .op{display:inline-block;min-width:44px;padding:2px 8px;border-radius:99px;border:1px solid var(--amber);background:rgba(242,169,0,.18);color:#FFE3A1;font-size:12px;text-align:center}
@media(max-width:560px){.hr .tel{display:none}.telm{display:block}}
/* карточка в ленте на планшете и телефоне: фото + описание, цена и кнопки ниже; на телефоне всё в одну колонку (раньше оставались три колонки и цена с кнопками уезжали за край экрана) */
@media(max-width:960px){.row{grid-template-columns:230px minmax(0,1fr)}.row .side{grid-column:1/-1}}
@media(max-width:640px){.row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:340px){.logo img{height:34px}.telb{padding:0 10px;font-size:14px}header .bar{gap:8px}.burger{margin-left:0}}   /* самые узкие телефоны (320 px) */
/* телефон в шапке везде (и на компьютере): кнопка «615 64 64», по нажатию выбор оператора (A1 / МТС) прямо под кнопкой; старый вид «+375 29 / 33 …» убран (владелец, 30.10.2026) */
.telm{display:block;position:relative}
.telp{left:50%;right:auto;transform:translateX(-50%)}
.telp::before{content:'';position:absolute;left:50%;top:-6px;margin-left:-6px;border:6px solid transparent;border-bottom-color:rgba(10,12,15,.985);border-top:0}
@media(max-width:340px){.telp{min-width:218px}}
/* каталог: без боковой панели; форма поиска под строкой поиска, как на главной; «Выбрано» — только когда что-то выбрано (владелец, 30.10.2026) */
.cat.cat1{display:block}
.cat1 #search{margin:12px 0 4px}
.cat1 .qstrip{visibility:visible!important;flex-wrap:wrap;overflow:visible;max-height:none}
@media(max-width:960px){.cat1 #search{display:none}body.fopen .cat1 #search{display:block}body.fopen{overflow:auto!important}}
/* подсказки у серых полей не растягивают страницу вбок: на телефоне в правой колонке прижаты к правому краю поля, лишнее обрезается краем карточки поиска */
.search{overflow-x:clip}
@media(max-width:960px){.sg>div.off:nth-child(even)::after{left:auto;right:0}.sg>div.off:nth-child(even)::before{left:auto;right:22px}}
/* каталог на телефоне — порядок сверху вниз (владелец, 30.10.2026): название, «Все / Автомобили / Мотоциклы», строка поиска, «Фильтры» (и форма под ней), выбранное, сортировка */
@media(max-width:960px){
 .cat1 .lhead{display:flex;flex-direction:column;gap:12px}
 .cat1 .lhead .ct,.cat1 .lhead .krow{display:contents}
 .cat1 .lhead .ct>div{order:1}
 .cat1 .lhead #kind{order:2;align-self:flex-start}
 .cat1 .lhead .qform{order:3}
 .cat1 .lhead #fo{order:4;width:100%}
 .cat1 .lhead #search{order:5;margin:0}
 .cat1 .lhead .sortsel{order:7;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}
 .cat1 .lhead .sortsel select{flex:1;min-width:0}
}
@media(max-width:960px){.cat1 .lhead .qs{margin-bottom:0}.cat1 .lhead{margin-bottom:16px}}   /* поиск → «Фильтры» ровно 12 px; между сортировкой и списком — 16 px */
/* «Позвонить» в карточках и на странице машины: выбор номера A1 / МТС под кнопкой (как в шапке) (владелец, 30.10.2026) */
.cp{position:relative;display:inline-block}
.cpp{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:grid;gap:6px;min-width:236px;padding:8px;border-radius:14px;background:rgba(10,12,15,.985);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.6)}
.cp.up .cpp{top:auto;bottom:calc(100% + 8px)}
.cpp[hidden]{display:none}
.cpp a{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,.06);color:var(--text);font-weight:700;font-size:16px;white-space:nowrap;border-bottom:0}
.cpp a:hover{background:rgba(242,169,0,.18)}
.cpp .op{display:inline-block;min-width:44px;padding:2px 8px;border-radius:99px;border:1px solid var(--amber);background:rgba(242,169,0,.18);color:#FFE3A1;font-size:12px;text-align:center}
.stick .cp{flex:1}.stick .cp .cpb{width:100%}
/* год, описание и пробег одного цвета (раньше год и пробег светлее, середина серее — казалось разным); третья строка — цвет и привод */
.row .sp>div,.row .sp>div:first-child,.row .sp>div:last-child,.row .sp>div:not(:first-child):not(:last-child){color:#D5DADF;font-weight:400}
.row .sx{margin-top:2px;color:#D5DADF;font-size:15px;line-height:1.35}
/* карточка ленты: зелёные и синяя плашки — на фото внизу слева (как в плитках и на странице машины), текст не раздувает карточку; текст распределён по высоте фото; кнопки крупнее и контрастнее (владелец, 30.10.2026) */
.row .ph .lbl2{position:absolute;left:10px;right:10px;bottom:22px;display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:4px;pointer-events:none}
.row .ph .lbl2 span{padding:3px 9px;border-radius:99px;background:rgba(10,18,12,.74);border:1px solid rgba(74,222,128,.55);color:#86F0AE;font-size:12px;font-weight:600;line-height:1.4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.row .ph .lbl2 span.org{border-color:rgba(96,165,250,.62);color:#9CC8FB}
.row .mid{justify-content:space-between}
.row .side .two .btn{min-height:46px;padding:0 20px;font-size:15px;font-weight:700}
.row .side .two .btn:not(.amber){background:transparent;border:1.5px solid rgba(242,243,241,.4);color:var(--text)}
.row .side .two .btn:not(.amber):hover{background:rgba(242,243,241,.08);border-color:rgba(242,243,241,.65)}
.row .side .two .btn{padding:0 14px}
/* карточка ленты: плашки снова в тексте карточки, в одну строку — сначала «Без пробега по РБ» (фиксированная фраза), затем «Из Европы / Америки / Китая»; на фото их нет, чтобы не мешали листать (владелец, 30.10.2026) */
.row .where{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;max-height:none;overflow:visible}
.row .where span{padding:3px 10px;font-size:13px;line-height:1.35}
.row .ph .lbl2{display:none}
/* каталог на телефоне: «Фильтры» раскрывают сразу все поля, второй кнопки «Больше фильтров» нет (владелец, 30.10.2026) */
@media(max-width:960px){.cat1 #search .sgm{display:none}.cat1 #search #sgx{display:contents!important}}   /* очень длинное название страны переносится внутри плашки, а не выходит из колонки */
/* мини-таблица характеристик в карточке ленты: «подпись — значение», по строке на параметр, в две колонки (слева год, двигатель, коробка, пробег; справа кузов, цвет, привод и плашки); как таблица под фото на странице машины (владелец, 30.10.2026) */
.kvs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;row-gap:0;align-content:start;min-width:0}
.kc{display:flex;flex-direction:column;gap:4px;min-width:0}
.kv{display:grid;grid-template-columns:minmax(76px,max-content) minmax(0,1fr);column-gap:10px;font-size:14px;line-height:1.35}
.kv span{color:#8E959D}
.kv b{font-weight:500;color:#E6E9EC;overflow-wrap:anywhere}
.kc .where{margin-top:6px}
@media(max-width:700px){.kvs{grid-template-columns:1fr;row-gap:4px}}
/* таблица в карточке: одинаковая ширина подписей — значения строго одно под другим; текст чуть крупнее (15 px) */
.kv{grid-template-columns:128px minmax(0,1fr);column-gap:8px;font-size:15px;line-height:1.35}
.kc{gap:3px}
@media(max-width:700px){.kv{grid-template-columns:120px minmax(0,1fr)}}
/* плашки «Без пробега по РБ / Из Европы» — отдельной нижней строкой под таблицей, по левому краю (владелец, 30.10.2026) */
.kvs>.where{grid-column:1/-1;margin-top:8px;justify-content:flex-start}
.kc{gap:2px}
/* правая колонка таблицы: короткие подписи (Кузов, Цвет, Привод, Салон, Места) — узкая колонка подписей, значениям больше места, чтобы «Искусственная кожа» не переносилась и карточка не росла */
.kvs{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
.kvs>.kc:nth-child(2) .kv{grid-template-columns:minmax(0,118px) minmax(0,1fr)}
.kv{line-height:1.3}
.kv b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:961px){.cat1 .list .row{min-height:226px}}   /* все карточки одной высоты: и с плашками «Без пробега по РБ», и без них */
.kvs>.kc:nth-child(2) .kv{grid-template-columns:minmax(0,72px) minmax(0,1fr)}
.kvs>.kc:nth-child(2) .kv{grid-template-columns:minmax(0,88px) minmax(0,1fr)}
.kv b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}   /* значение всегда в одну строку (длинное сокращено на сервере) */
/* две равные колонки таблицы (правая начинается посередине, как было); высота карточки — по фото, лишнего места под фото нет (владелец, 30.10.2026) */
.kvs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kvs>.kc:nth-child(2) .kv{grid-template-columns:minmax(0,128px) minmax(0,1fr)}
@media(min-width:961px){.cat1 .list .row{min-height:0}}
/* название машины в карточке ленты заметнее: крупнее и чисто белым, чтобы не сливалось с таблицей характеристик (владелец, 30.10.2026) */
.row .mid h3{font-size:20px;line-height:1.2;color:#fff;font-weight:900;margin-bottom:4px}
@media(max-width:640px){.row .mid h3{font-size:20px}}
.row .mid h3{margin-bottom:0;line-height:1.15}
/* «В кредит от … BYN в месяц» в карточке: при наведении (на телефоне — по нажатию) подсказка «платёж ориентировочный», в том же тёмном виде, что у серых полей (владелец, 30.10.2026) */
.row .side .pay[data-tip]{position:relative;cursor:help}
.row .side .pay[data-tip]::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 10px);width:max-content;max-width:250px;padding:9px 13px;border-radius:10px;background:rgba(10,12,15,.985);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.6);color:#E9ECEF;font:600 13px/1.35 var(--body);white-space:normal;text-align:left;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .1s,transform .1s,visibility .1s;pointer-events:none;z-index:2}
.row .side .pay[data-tip]::before{content:'';position:absolute;left:24px;bottom:calc(100% + 1px);border:6px solid transparent;border-top-color:rgba(10,12,15,.985);border-bottom:0;opacity:0;visibility:hidden;transition:opacity .1s,visibility .1s;pointer-events:none;z-index:2}
.row .side .pay[data-tip].tipon::after{opacity:1;visibility:visible;transform:none}
.row .side .pay[data-tip].tipon::before{opacity:1;visibility:visible}
/* телефон (до 640 px): карточка в ленте компактная, как в мобильных лентах (Kufar, av.by): фото слева 128 px, справа название и три ключевые строки, под ними плашки; ниже цена, платёж и кнопки. Полной таблицы на телефоне нет (она на странице машины) — карточка занимает примерно треть экрана, а не больше экрана (владелец, 30.10.2026) */
.row .sp{display:none}
@media(max-width:640px){
 .row{grid-template-columns:148px minmax(0,1fr);gap:8px 12px;padding:10px}
 .row .ph{aspect-ratio:4/3;border-radius:10px}
 .row .ph .scrub,.row .ph .cntph{display:none}
 .row .ph .lbl span{font-size:12px;padding:2px 7px}
 .row .mid h3{font-size:18px;line-height:1.15}
 .row .sp{display:block}
 .row .sp>div{font-size:14px;line-height:1.35;color:#D5DADF}
 .row .kvs{display:block}
 .row .kvs>.kc{display:none}
 .row .kvs>.where{margin-top:6px}
 .row .mid{justify-content:flex-start;gap:3px}
 .row .side{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"pr pr" "pay pay" "two two";gap:8px;padding-top:10px}
 .row .side .pr{grid-area:pr}.row .side .pay{grid-area:pay;justify-self:start}.row .side .two{grid-area:two;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
 .row .side .two .cp,.row .side .two>a{width:100%}
 .row .side .two .btn{width:100%;min-height:44px}
}
@media(max-width:640px){
 .row .mid h3{font-size:16px}
 .row .sp>div{font-size:14px;line-height:1.3}
 .row .kvs>.where{margin-top:4px;gap:4px}
 .row .kvs>.where span{font-size:12px;padding:2px 8px}
 .row .side{gap:6px;padding-top:8px}
 .row .side .usd{font-size:26px;padding-right:0}
 .row .side .byn{font-size:13px}
 .row .side .pay{font-size:13px;padding:6px 10px}
 .row .side .two .btn{min-height:44px;font-size:15px}
}
/* телефон: плашки «Без пробега по РБ / Из Европы» стоят под фото в левой колонке (занимают место под маленьким фото, пустоты нет); на планшете и компьютере они в таблице справа */
.row .wp{display:none}
@media(max-width:640px){
 .row{grid-template-areas:"ph mid" "wp mid" "side side";grid-template-rows:auto 1fr auto;align-items:start}
 .row .ph{grid-area:ph}
 .row .mid{grid-area:mid}
 .row .side{grid-area:side}
 .row .wp{display:block;grid-area:wp}
 .row .wp .where{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0}
 .row .wp .where span{font-size:12px;padding:2px 8px;white-space:nowrap}
 .row .kvs>.where{display:none}
}
/* телефон: фото в ленте как на компьютере (3:2) — раньше 4:3 обрезало машину по бокам; чуть шире (владелец, 30.10.2026) */
@media(max-width:640px){.row{grid-template-columns:156px minmax(0,1fr)}.row .ph{aspect-ratio:3/2}}
/* телефон: фото на всю ширину карточки сверху, текст и плашки под ним, карточка выше примерно в полтора раза — фото видно сразу, текст читается без тесноты (владелец, 30.10.2026) */
@media(max-width:640px){
 .row{grid-template-columns:minmax(0,1fr);grid-template-areas:"ph" "mid" "side";grid-template-rows:auto;gap:10px;padding:10px}
 .row .ph{aspect-ratio:3/2}
 .row .wp{display:none}
 .row .kvs>.where{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
 .row .kvs>.where span{font-size:13px;padding:3px 10px}
 .row .mid h3{font-size:20px;line-height:1.2}
 .row .sp>div{font-size:15px;line-height:1.4}
 .row .side .usd{font-size:28px}
}
/* подсказки: «:hover» только там, где есть мышь (на телефоне после касания он «залипал» и подсказка не пропадала); на телефоне — класс tipon по нажатию (владелец, 30.10.2026) */
@media(hover:hover){
.row .side .pay[data-tip]:hover::after,.sg>div.off:hover::after{opacity:1;visibility:visible;transform:none}
.row .side .pay[data-tip]:hover::before,.sg>div.off:hover::before{opacity:1;visibility:visible}
}
/* страница машины: цена и «Рассчитать кредит» под названием на телефоне и планшете; на компьютере блок скрыт, всё в правой колонке (владелец, 30.10.2026) */
.mp,.thmore{display:none}
.thumbs{position:relative}
.thmore{display:block;width:100%;margin-top:8px}
.thmore[hidden]{display:none}
@media(min-width:961px){.thumbs img{width:100%;display:block}.thumbs.fold{grid-template-rows:auto;grid-auto-rows:0;row-gap:0;overflow:hidden}}
@media(max-width:960px){
 .mp{display:block;margin:6px 0 14px}
 .mp .old{font-size:14px;color:var(--muted);margin-bottom:4px}.mp .old s{opacity:.8}.mp .old b{color:#4ADE80;font-weight:700}
 .mpr{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
 .mpu{font:900 32px/1.1 var(--display);font-style:italic;color:#fff}
 .mpb{color:var(--muted);font-size:15px}.mpb small{font-size:13px}
 .mcb{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%;margin-top:12px;min-height:54px;border-color:var(--amber);color:var(--amber);font-weight:700;font-size:18px}
 .mcb small{font-size:13px;font-weight:500;color:#E6C77A}
 .mcb.open{background:rgba(242,169,0,.12)}
 .mslot{margin-top:12px;scroll-margin-top:76px}
 .mslot[hidden]{display:none}
 .buy>.usd,.buy>.byn,.buy>.old{display:none}
 .thumbs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;-webkit-overflow-scrolling:touch}
 .thumbs::-webkit-scrollbar{display:none}
 .thumbs img{flex:0 0 96px;width:96px;scroll-snap-align:start}
 .thmore{display:none!important}
}
/* итог под платежом: четыре ячейки «Взнос / В кредит / Срок / Ставка» — по две в ряд (в узкой колонке и на телефоне четыре в ряд не помещаются), на широком месте — в один ряд; пятая («В зачёт») на всю ширину (владелец, 30.10.2026) */
.cg{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
.cg .ci:last-child:nth-child(odd){grid-column:1/-1}
.calc .cs{min-height:112px}
/* телефон и планшет: «Смотрите также» — лента вбок (листаем пальцем), а не три плитки столбиком; нижний блок «Заказать звонок / телефоны / адрес» убран — звонок и заказ звонка всегда под рукой в нижней панели (владелец, 30.10.2026) */
@media(max-width:960px){
 .simgrid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-14px;padding-right:14px}
 .simgrid::-webkit-scrollbar{display:none}
 .simgrid .tile{flex:0 0 78%;max-width:340px;scroll-snap-align:start;height:auto}
 .buy{display:none}
}
/* страница машины на телефоне: название и цена не сливаются — тонкая линия между ними и больше воздуха; название чуть светлее по весу, чем цена (владелец, 30.10.2026) */
@media(max-width:960px){
 .gal h1{margin-bottom:14px}
 .mp{margin:0 0 14px;padding-top:14px;border-top:1px solid var(--line)}
 .mpr{gap:2px 12px}
 .mpb{flex-basis:100%;margin-top:2px}
}
@media(max-width:960px){.gal h1{font-size:26px;line-height:1.18;font-weight:800}.mp{border-top-color:#3A414A}.mpu{font-size:32px}}
/* нижняя панель страницы машины: три кнопки «Заказать звонок / Написать / Позвонить»; «Написать» открывает выбор Telegram / Viber / WhatsApp (все на номер 29) над кнопкой (владелец, 30.10.2026) */
@media(max-width:960px){.stick{grid-template-columns:1.35fr 1fr 1fr;gap:8px}.stick .btn{padding-left:6px;padding-right:6px;font-size:15px}}
.cp.mid .cpp{left:50%;right:auto;transform:translateX(-50%);min-width:210px}
@media(max-width:960px){.stick{grid-template-columns:1.5fr 1fr 1fr;gap:6px;padding-left:10px;padding-right:10px}.stick .btn{font-size:14px;white-space:nowrap;min-height:48px;padding-left:4px;padding-right:4px}.stick .cp{display:block}.stick .cp .cpb{height:100%}}
/* планшет 641–960 px (владелец, 30.10.2026): сверху фото слева, справа название, цена, платёж и кнопки; ниже на всю ширину карточки таблица характеристик в два столбца и плашки — без обрезанных значений, без пустоты под фото и без растянутых кнопок */
@media(min-width:641px) and (max-width:1260px){
 .row{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"ph title" "ph side" "kvs kvs";grid-template-rows:auto 1fr auto;gap:10px 18px;align-items:start}
 .row .ph{grid-area:ph;aspect-ratio:auto;align-self:stretch;min-height:187px}   /* фото тянется по высоте правого блока: низ фото вровень с низом кнопок */
 .row .mid{display:contents}
 .row .mid h3{grid-area:title;margin:0}
 .row .mid .sp,.row .mid .addr{display:none}
 .row .kvs{grid-area:kvs;grid-template-columns:1fr 1fr;column-gap:24px;padding-top:12px;border-top:1px solid var(--line)}
 .row .kvs .kv,.row .kvs>.kc:nth-child(2) .kv{grid-template-columns:122px minmax(0,1fr);column-gap:8px}
 .row .kvs .kv span{white-space:nowrap;font-size:14px}
 .row .kvs>.kc:nth-child(2) .where{margin-top:8px}
 .row .side{grid-area:side;align-self:end;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;border:0;padding:0;margin:0}
 .row .side .pay{justify-self:start}
 .row .side .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;min-width:0}
 .row .side .two .cp,.row .side .two>a{width:100%}
 .row .side .two .btn{width:100%;min-height:46px}
}
/* ===== Правки по аудиту дизайна (владелец, 03.11.2026) ===== */
/* слайд главной: на компьютере колонка фото ровно 3:2 — фото целиком, косой срез вместо жёсткой границы; на телефоне тоже 3:2 и срез меньше, машину не режет */
@media(min-width:961px){
 .slide{grid-template-columns:minmax(0,1fr) 450px;min-height:300px}
 .hph{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
}
@media(max-width:960px){.hph{aspect-ratio:3/2;clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}}
/* жёлтый — только главное действие и «выбрано»: без жёлтых рамок (кроме номеров на странице машины: «три ступени», решение владельца 28.10.2026) */
.telb{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.telb svg{color:var(--amber)}
.mcb{border-color:rgba(255,255,255,.16)!important}
.opts .omore{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.zach,.fpanel,.fl-end,.fl-pane{border-color:rgba(255,255,255,.12)}
.fl-det summary{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.fl-end{background:rgba(255,255,255,.03)}
/* карточка на компьютере: «Заказать звонок» под ценой, над калькулятором */
.bcta{margin-top:14px;min-height:60px;font-size:22px;font-weight:800;letter-spacing:.01em}
/* каталог на компьютере: кнопка «Показать N» нужна, только когда что-то выбрано — список и так прямо под формой */
@media(min-width:961px){.cat1 .sgact:has(#freset[style*="none"]){display:none}}
/* пустой поиск */
.empty p{margin:0 0 12px}
/* цели для пальца: от 40 px; у точек слайдера зона нажатия шире самой точки */
.dots button{position:relative}
.dots button::after{content:'';position:absolute;inset:-16px -4px}
@media(max-width:960px){
 .seg2 a,.seg2 button{display:inline-flex;align-items:center;min-height:40px}
 .sortsel select{height:40px}
 .pager a,.pager span{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
 .opts .omore{min-height:40px}
 footer li a{display:inline-block;padding:7px 0}
 footer ul{gap:0}

 .stick{padding-top:7px;padding-bottom:7px}
 .stick .btn{min-height:44px}
}
.nb{white-space:nowrap}
/* формы: поля в ряду по верхнему краю — подпись страны под телефоном не приподнимает поле над соседними (владелец, 03.11.2026) */
.sform .sg{align-items:start}
.sform .sg2f{align-items:end}   /* второй ряд: длинная подпись на узком экране переносится, а поля остаются вровень */
/* панели «Как купить / Продать» при переключении на полсекунды заезжают за край: страница от этого не становится шире экрана */
#app{overflow-x:clip}
/* нумерация страниц: первая, последняя и соседние с текущей, остальные «…»; на телефоне «Назад / Вперёд» отдельной строкой под номерами (владелец, 05.11.2026) */
.pager .pgap{min-width:0;padding:8px 2px;border:0;background:none;color:var(--muted)}
@media(max-width:640px){
 .pager{gap:6px 4px}
 .pager a,.pager span{min-width:36px;min-height:42px;padding:8px 4px}
 .pager .pgap{min-width:14px;padding:8px 0}
 .pager .pnav{order:2;flex:1 1 45%;margin-top:4px}
}
/* калькулятор: пояснения под кнопкой «i», чтобы текст не занимал место (владелец, 05.11.2026) */
.calc{position:relative}
.cli{display:flex;align-items:center;gap:8px}
.rowl{display:inline-flex;align-items:center;gap:8px}
.inf{position:relative;flex:none;width:20px;height:20px;padding:0;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;background:transparent;color:#DADEE2;font:700 12px/1 var(--body);cursor:pointer}
.inf::after{content:'';position:absolute;inset:-12px}
.inf:hover,.inf[aria-expanded=true]{border-color:var(--amber);color:var(--amber)}
.infp{position:absolute;left:10px;right:10px;z-index:6;padding:11px 13px;border-radius:10px;background:rgba(10,12,15,.985);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(0,0,0,.6);color:#E9ECEF;font:500 14px/1.45 var(--body);text-align:left;white-space:normal}
.infp[hidden]{display:none}
/* просмотр фото: смахнуть вверх или вниз, чтобы выйти; вертикальный жест не уходит браузеру (владелец, 05.11.2026) */
.lbs{touch-action:pan-x pinch-zoom}
.lb.lbdrag>button,.lb.lbdrag .lbzoom,.lb.lbdrag .lbc{opacity:0;transition:opacity .12s}
/* окно «Заказать звонок», когда заявки выключены: сразу способы связи */
.calld-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calld-opts .btn{min-height:48px;padding:8px 6px;justify-content:center;text-align:center}
.calld-opts .btn.amber{grid-column:1/-1}
/* замечания владельца 05.11.2026 */
/* мессенджеры в карточках связи: белая обводка, при наведении жёлтая; без чёрточки ссылок внутри блока шагов */
.cn .cmr a.btn,.flow .cn .cmr a.btn{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.3);transition:border-color .2s,color .2s}
.cn .cmr a.btn:hover,.flow .cn .cmr a.btn:hover{background:transparent;border-color:var(--amber);color:var(--amber)}
.flow .cn a.btn.amber{color:var(--amber-ink);border:1px solid var(--amber)}
/* «Остались вопросы?»: номер и в один ряд все кнопки, без пустого места справа */
.ask-cn .cn{flex-direction:row;flex-wrap:wrap;gap:8px;padding:16px}
.ask-cn .cn b{flex:0 0 100%;margin-bottom:2px}
.ask-cn .cn .cb{display:contents}
.ask-cn .cn .btn{flex:1 1 0;min-height:42px;padding-inline:8px;white-space:nowrap}
@media(max-width:640px){.ask-cn{grid-template-columns:1fr}.ask-cn .cn a.btn.amber{flex-basis:100%}}
/* номер в шапке при наведении как номера и мессенджеры в подвале */
.telb{transition:border-color .2s}
.telb:hover,.telb[aria-expanded=true]{border-color:var(--amber)}
/* «Закрыть» в окнах: читаемый текст на жёлтой кнопке */
.rvd #reviewx.amber{color:var(--amber-ink);border-color:var(--amber)}
.rvd #mapx{color:var(--text)}
/* «Покупатели»: ровный промежуток до блока «Хотите так же?» */
.bgrid~section.blk{padding-top:14px}
.bgrid~section.blk .zach{margin-top:0;padding:16px 20px}
/* метки операторов: заглавные буквы ровно по центру плашки */
.cn .op,.cn b .op,.cpp .op,.telp .op{padding-top:3px;padding-bottom:1px}
footer .fph .op{padding-top:1.5px;padding-bottom:.5px}