/* Страница автомобиля (по структуре Ключавто: плашка с названием → галерея и комплектация | цена с выгодами → автосалон → похожие) */
.car-hero{background:#F1F2F4;padding:8px 0 40px}
.box{background:#fff;border-radius:24px;padding:28px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(20,20,30,.05)}

/* 1. плашка с названием */
.ct{display:flex;justify-content:space-between;gap:24px;align-items:stretch;padding:24px 28px}
.ct h1{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.ct h1[data-id]::after{content:attr(data-id);font-size:15px;font-weight:600;color:#9A9BA1;margin-left:10px;letter-spacing:0}
.ct-specs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:16px}
.ct-specs>div{display:flex;align-items:flex-end;gap:10px;color:#6B7280}
.ct-specs>div svg{flex:none;margin-bottom:-3px}
.ct-specs>div span{display:flex;flex-direction:column;line-height:1.2}
.ct-specs small{font-size:11.5px;color:#9A9BA1}
.ct-specs b{font-size:14px;color:#2B2A2E;font-weight:600}
.ct-specs .more{font-weight:700;font-size:14px;line-height:1.2;color:#2B2A2E;display:inline-flex;align-items:flex-end;align-self:stretch;gap:6px;padding-left:22px;border-left:1px solid var(--line)}
.ct-specs .more:hover{color:var(--or-h)}
.ct-r{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:14px;flex:none}
.ct-act{display:flex;gap:8px}
.ct-act button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:#3E3D40;transition:.15s}
.ct-act button:hover{border-color:var(--or);color:var(--or-h)}
.ct-act button.on{background:var(--or);border-color:var(--or);color:#fff}
.ct-act button.on svg{fill:currentColor}
.ct-act.sm button{width:34px;height:34px;border:0;background:var(--soft)}
.ct-views{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#9A9BA1}

/* 2. две колонки */
.cl{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:20px}
.cl-l{display:grid;gap:20px;min-width:0}
.cl-r{position:sticky;top:96px;display:grid;gap:14px}

/* галерея */
.gal{padding:14px}
.gal-main{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#EEF0F2;cursor:zoom-in}
.gal-main img{width:100%;height:100%;object-fit:cover;display:block}
.gal-main.nophoto{cursor:default;background:#fff}
.gal-main .noph{width:100%;height:100%;object-fit:cover;display:block}
.gal-thumbs .live:only-child{aspect-ratio:1.7}
.gal-tags{position:absolute;left:16px;top:16px;display:flex;gap:6px;flex-wrap:wrap}
.gal-tags span{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:999px;background:#FFF1E2;color:var(--or-h);font-size:12.5px;font-weight:700}
.gal-tags span.w{background:rgba(255,255,255,.92);color:#2B2A2E}
.gal-cnt{position:absolute;right:16px;bottom:16px;background:rgba(20,20,22,.7);color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:5px 11px}
.gal-arr{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.15);transition:.15s;opacity:0}
.gal-main:hover .gal-arr{opacity:1}
.gal-arr:hover{color:var(--or-h)}
.gal-arr.l{left:14px}.gal-arr.r{right:14px}
.gal-thumbs{display:grid;grid-template-columns:1.28fr repeat(5,1fr);gap:8px;margin-top:10px}
.gal-thumbs button{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;padding:0;border:2px solid transparent;transition:.15s}
.gal-thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.gal-thumbs button.on{border-color:var(--or);opacity:1}
.gal-thumbs button:hover{border-color:rgba(247,142,30,.5)}
.gal-thumbs .more em{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(20,20,22,.55);color:#fff;font-style:normal;font-size:14px;font-weight:600;line-height:1.1}
.gal-thumbs .more em b{font-family:'Dela Gothic One',Manrope,sans-serif;font-synthesis:none;font-size:24px;font-weight:800}
/* картинка «Показать онлайн»: из файла вырезаем саму карточку, без белых полей */
.gal-thumbs .live{aspect-ratio:auto;background:#FEF2E6 url(../icons/live-online.jpg) 50% 49%/123% auto no-repeat}
.lightbox{position:fixed;inset:0;z-index:90;background:rgba(10,10,12,.92);display:none;align-items:center;justify-content:center}
.lightbox.on{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:12px}
.lightbox .x{position:absolute;top:18px;right:22px;color:#fff;font-size:34px}
.lightbox .gal-arr{opacity:1;position:fixed}

/* комплектация */
.eqb h2{font-size:26px;margin-bottom:20px}
.eqb h3{font-size:17px;margin:4px 0 12px}
.cm-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin-bottom:22px}
.cm-specs div{display:flex;gap:8px;padding:9px 0;font-size:14.5px;border-bottom:1px solid #F0F1F3}
.cm-specs span{color:#9A9BA1;white-space:nowrap}
.cm-specs b{font-weight:500;color:#2B2A2E}
.eq-g{display:grid;gap:22px;max-height:380px;overflow:hidden;position:relative;transition:max-height .4s}
.eq-g:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff);pointer-events:none}
.eq-g.open{max-height:3000px}
.eq-g.open:after{display:none}
.eq-g h4{font-size:17px;margin-bottom:10px}
.eq-g ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 36px;font-size:14.5px;color:#3E3D40}
.eq-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;font-size:15px}
.eq-more:hover{color:var(--or-h)}

/* цена с выгодами */
.pr{padding:24px;display:grid;gap:16px}
.pr-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.pr-l small,.pr-r small{display:flex;align-items:center;gap:8px;font-size:13px;color:#787880}
.pr-l small em{font-style:normal;background:#2B2A2E;color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}
.pr-l b{display:block;font-size:30px;font-weight:800;letter-spacing:-.02em;margin-top:4px;white-space:nowrap}
.pr-r{text-align:right}
.pr-r small{justify-content:flex-end}
.pr-r s{display:block;font-size:22px;color:#9A9BA1;margin-top:6px;white-space:nowrap}
.bn{display:grid;gap:10px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bn label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.bn input{appearance:none;-webkit-appearance:none;margin:0;width:20px;height:20px;border-radius:6px;border:1.5px solid #CFD2D7;background:#fff;flex:none;cursor:pointer;transition:.15s}
.bn input:checked{border-color:var(--or);background:var(--or) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 12.5l4 4 8-9%27/%3E%3C/svg%3E") center/14px no-repeat}
.bn input:focus-visible{outline:2px solid var(--or-h);outline-offset:2px}
.bn label span{flex:1}
.bn label b{font-weight:600;white-space:nowrap}
.bn .sum{display:flex;justify-content:space-between;font-weight:800;font-size:15px;padding-top:4px}
.bn .sum b{color:var(--or-h)}
.pr .nt{font-size:12px;color:#9A9BA1;line-height:1.4;margin-top:-6px}
.pr .btn{height:52px;border-radius:14px;font-size:15.5px}
.pr .btn.main{background:linear-gradient(135deg,#FF9E33,var(--or) 50%,var(--or-h));box-shadow:0 8px 20px rgba(247,142,30,.3)}
.pr-st{display:flex;gap:8px;flex-wrap:wrap}
.pr-st span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#E6F6EC;color:#1F9D55;font-size:12px;font-weight:700}
.pr-st span.ord{background:#FFF1E2;color:var(--or-h)}
.pr-st span.gr{background:var(--soft);color:#55585D}
.calc-t{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.calc-t button{background:#fff;border-radius:18px;padding:14px 12px;text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(20,20,30,.05);transition:.2s}
.calc-t button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(247,142,30,.16)}
.calc-t .ic{width:38px;height:38px;flex:none}
.calc-t .ic img{width:100%;height:100%;object-fit:contain;display:block}
.calc-t b{display:block;font-size:13.5px;line-height:1.25}
.calc-t small{display:block;margin-top:3px;font-size:11.5px;color:#9A9BA1;line-height:1.3}
.calc-t button.on{box-shadow:0 0 0 1.5px var(--or),0 6px 20px rgba(247,142,30,.12)}
.dlr{padding:20px 22px;display:grid;gap:8px;font-size:14px}
.dlr .h{display:flex;align-items:center;gap:10px}
.dlr .h svg{color:var(--or);flex:none}
.dlr .h b{font-size:15px}
.dlr-ph{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#F6F7F8,#E6E8EB);display:grid;place-items:center;margin-bottom:6px}
.dlr-ph .ph0{width:58%;color:#C9CCD1}
.dlr-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dlr-st{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.95);color:#1F9D55;font-weight:700;font-size:12.5px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.dlr-st i{width:7px;height:7px;border-radius:50%;background:#1F9D55}
.dlr .a{color:#787880}
.dlr .tel{font-weight:700;font-size:16px}
.dlr .map{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--or-h);margin-top:2px}

/* компактная плашка при прокрутке */
.ct-bar{position:fixed;left:0;right:0;top:86px;z-index:19;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.25s}
.ct-bar.on{opacity:1;transform:none}
.ct-bar-in{width:calc(100% - 48px);max-width:1232px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 36px rgba(20,20,30,.12);display:flex;align-items:center;gap:20px;padding:10px 12px 10px 20px}
.ct-bar.on .ct-bar-in{pointer-events:auto}
.ct-bar-l{flex:1;min-width:0;display:flex;align-items:center;gap:14px}
.ct-bar-l b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ct-bar-r{display:flex;align-items:flex-end;align-items:last baseline;gap:14px;white-space:nowrap}
.ct-bar-r small{font-size:12px;color:#787880;display:block}
.ct-bar-r b{font-size:20px}
.ct-bar-r s{color:#9A9BA1;font-size:14px}
.ct-bar .btn{height:44px;border-radius:12px;padding:0 20px}

/* выезжающая панель калькуляторов */
.drw{position:fixed;inset:0;z-index:70;visibility:hidden}
.drw.on{visibility:visible}
.drw-bg{position:absolute;inset:0;background:rgba(20,20,24,.45);opacity:0;transition:.25s}
.drw.on .drw-bg{opacity:1}
.drw-p{position:absolute;top:0;right:0;bottom:0;width:min(520px,100%);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s}
.drw.on .drw-p{transform:none}
.drw-h{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}
.drw-h b{font-size:20px}
.drw-x{width:40px;height:40px;border-radius:12px;background:var(--soft);font-size:22px}
.drw-b{flex:1;overflow:auto;padding:24px}
.drw-b>[data-pane]{display:none}
.drw-b>[data-pane].on{display:block}
.rng2{margin-bottom:22px}
.rng2 .t{display:flex;justify-content:space-between;font-weight:600;margin-bottom:10px;font-size:15px}
.rng2 .t b{font-size:16px}
.rng2 input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(var(--or),var(--or)) 0/var(--p,50%) 100% no-repeat #ECEDEF;cursor:pointer}
.rng2 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 2px var(--or),0 3px 8px rgba(0,0,0,.18);transition:transform .15s}
.rng2 input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.12)}
.rng2 input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 2px var(--or),0 3px 8px rgba(0,0,0,.18)}
.cr-res{background:linear-gradient(135deg,#3E3D40,#1d1d1f);color:#fff;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px}
.cr-res small{color:rgba(255,255,255,.7);font-size:13px}
.cr-res .big{font-family:'Dela Gothic One',Manrope,sans-serif;font-synthesis:none;font-size:30px;line-height:1.1}
.cr-res .row{display:flex;justify-content:space-between;font-size:14px;color:rgba(255,255,255,.85);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.cr-banks{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cr-banks span{font-size:12.5px;font-weight:600;background:var(--soft);border-radius:999px;padding:5px 11px;color:#55585D}
.ti-f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ti-f label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#3E3D40}
.ti-f input{height:50px;border:0;border-radius:14px;padding:0 16px;font:inherit;font-size:15px;font-weight:600;background:#F4F5F7;min-width:0;transition:background .15s,box-shadow .15s}
.ti-f input::placeholder{color:#A3A5AB;font-weight:500}
.ti-f input:hover{background:#EEF0F2}
.ti-f input:focus{outline:none;background:#fff;box-shadow:0 0 0 1.5px var(--or),0 0 0 5px rgba(247,142,30,.12)}
.ti-f select{display:none}
.ti-f .fs-b{height:50px;font-size:15px}
.ti-f label{font-weight:500;color:#8A8C93;font-size:12.5px}
.ti-f .full{grid-column:1/-1}
.ti-res{background:#FFF7EE;border:1px solid #FFE1BF;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:10px}
.ti-res b.big{font-family:'Dela Gothic One',Manrope,sans-serif;font-synthesis:none;font-size:22px;line-height:1.15}
.ti-res .row{display:flex;justify-content:space-between;font-size:14.5px}
.ti-res .row.t{font-weight:800;font-size:17px;border-top:1px dashed #FFC88E;padding-top:10px}
.ti-res .ok{display:flex;align-items:center;gap:8px;font-size:13px;color:#55585D}
.ks-g{display:grid;gap:10px}
.ks{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;border:1.5px solid var(--line);cursor:pointer;transition:.15s;background:#fff}
.ks:hover{border-color:#C9CBD0}
.ks.on{border-color:var(--or);background:#FFFAF4}
.ks input{position:absolute;opacity:0;pointer-events:none}
.ks .ks-ic{flex:none;margin:0;width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--or-h)}
.ks.on .ks .ks-ic,.ks.on .ks-ic{background:var(--or);color:#fff}
.ks b{display:block;font-size:15px}
.ks span{display:block;font-size:13px;color:#787880;margin-top:2px}
.ks i{display:block;font-style:normal;font-weight:800;margin-top:6px}
.ks .ks-chk{position:absolute;right:14px;top:14px;margin:0;width:20px;height:20px;border-radius:6px;border:1.5px solid #CFD2D7;background:#fff;display:grid;place-items:center;color:transparent;transition:.15s}
.ks.on .ks-chk{background:var(--or);border-color:var(--or);color:#fff}
.ks-total{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:14px 18px;background:var(--soft);border-radius:14px;font-size:14.5px}
.ks-total b{font-size:19px}

/* 3. где представлен */
.car-sec2{padding-top:72px}
.car-sec2>h2{margin-bottom:24px}

/* 4. похожие */
#similar-s .of-foot{margin-top:6px}

/* 5. комплектации и обзор модели */
.mo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;overflow:hidden;position:relative}
.mo h2{font-size:32px;line-height:1.15}
.mo h2 span{color:var(--or-h)}
.mo .tb{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;margin:20px 0 24px;font-size:14.5px}
.mo .tb span{color:#9A9BA1}
.mo .tb b{font-weight:600}
.mo img{width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(0,0,0,.18))}

.car-mbar{display:none}
@media (max-width:1100px){
  .cl{display:flex;flex-direction:column;align-items:stretch;gap:20px}.cl-l,.cl-r{display:contents}.cl-l .gal{order:1}#price{order:2}#calcTiles{order:3}.cl-l .eqb{order:4}#dealer{order:5}
  .ct-bar{display:none}
}
@media (max-width:640px){
  .box{padding:20px;border-radius:20px}
  .ct{flex-direction:column;padding:20px}.ct h1{font-size:23px}.ct h1[data-id]::after{display:block;margin:4px 0 0}
  .ct-r{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
  .ct-specs .more{border:0;padding:0}
  .gal{padding:8px}.gal-thumbs{grid-template-columns:1.28fr repeat(3,1fr)}.gal-thumbs .more em{font-size:11px}.gal-thumbs .more em b{font-size:17px}.gal-arr{opacity:1;width:38px;height:38px}
  .cm-specs,.eq-g ul{grid-template-columns:1fr}
  .pr-l b{font-size:25px}.pr-r s{font-size:17px}
  .calc-t{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .calc-t button{padding:12px 10px;gap:6px}.calc-t b{font-size:12.5px}.calc-t small{font-size:11px}.calc-t .ic{width:32px;height:32px}
  .ti-f{grid-template-columns:1fr}
  .mbar{display:none!important}
  .car-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 16px;gap:12px;align-items:center}
  .car-mbar div{flex:1;min-width:0}
  .car-mbar b{display:block;font-size:18px;white-space:nowrap}
  .car-mbar small{display:block;color:#787880;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .car-mbar .btn{padding:14px 18px;border-radius:14px}
  footer{padding-bottom:120px}
}
/* плашка с машиной и ценой под увеличенным фото */
.lightbox img{max-height:calc(100vh - 170px)}
.lb-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(920px,calc(100vw - 32px));display:flex;align-items:center;gap:20px;padding:14px 14px 14px 22px;border-radius:20px;background:rgba(255,255,255,.96);color:#1d1d1f;box-shadow:0 12px 40px rgba(0,0,0,.35)}
.lb-i{flex:1;min-width:0}
.lb-i b{display:block;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-i small{display:block;font-size:13px;color:#787880;margin-top:2px}
.lb-p{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 10px;white-space:nowrap}
.lb-p small{grid-column:1/-1;font-size:12px;color:#8A8C93}
.lb-p b{font-size:20px;font-weight:800}
.lb-p s{font-size:13px;color:#A3A5AB}
.lb-bar .btn{flex:none;height:48px;border-radius:14px;padding:0 24px}
@media (max-width:640px){.lb-bar{flex-wrap:wrap;gap:10px;padding:14px}.lb-i{flex-basis:100%}.lb-bar .btn{flex:1}.lightbox img{max-height:calc(100vh - 230px)}}
/* плашка — во всю ширину экрана, содержимое по ширине сайта */
.lb-bar{left:0;right:0;bottom:0;transform:none;width:auto;border-radius:0;padding:16px max(24px,calc((100vw - 1232px)/2));box-shadow:0 -8px 30px rgba(0,0,0,.3)}
.lightbox img{max-height:calc(100vh - 150px);margin-bottom:60px}
/* плашка на чёрном фоне */
.lb-bar{background:#141416;color:#fff;box-shadow:0 -1px 0 rgba(255,255,255,.08)}
.lb-i small,.lb-p small{color:rgba(255,255,255,.55)}
.lb-p s{color:rgba(255,255,255,.4)}

/* плитка «Рассчитать кредит» — ссылка, выглядит как остальные */
.calc-t a{background:#fff;border-radius:18px;padding:14px 12px;text-align:left;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px rgba(20,20,30,.05);transition:.2s}
.calc-t a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(247,142,30,.16)}
.calc-t a.on{box-shadow:0 0 0 1.5px var(--or),0 6px 20px rgba(247,142,30,.12)}
@media (max-width:640px){.calc-t a{padding:12px 10px;gap:6px}}
.calc-t a{color:inherit}
.cr-more{display:block;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--or-h);text-align:center}
/* телефон: год, цвет, КПП и двигатель — в одну строку, без иконок; «Ещё N характеристик» строкой ниже */
@media (max-width:640px){
  .ct-specs{display:grid;grid-template-columns:auto auto auto 1fr;gap:10px 14px}
  .ct-specs>div{gap:0;min-width:0}
  .ct-specs>div svg{display:none}
  .ct-specs b{font-size:13.5px;white-space:nowrap}
  .ct-specs .more{grid-column:1/-1}
}
/* шапка машины на телефоне: название + компактные кнопки справа; ID и «смотрели» строкой; характеристики плотнее; где стоит машина */
.ct-meta{display:none}
@media (max-width:640px){
  .ct{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;align-items:start;padding:18px}
  .ct-l{display:contents}
  .ct h1{grid-column:1;grid-row:1;font-size:21px;line-height:1.2;margin:0}
  .ct h1+.ct-meta,.ct-meta{margin-top:4px}
  .ct h1[data-id]::after{display:none}
  .ct-r{grid-column:2;grid-row:1;width:auto;display:block}
  .ct-r .ct-views{display:none}
  .ct-act{gap:6px}.ct-act button{width:34px;height:34px}.ct-act button svg{width:16px;height:16px}
  .ct-meta{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:12px;color:#9A9BA1}
  .ct-meta span:last-child{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
  .ct-meta svg{width:13px;height:13px}
  .ct-specs{grid-column:1/-1;grid-row:3;margin-top:12px;gap:6px 12px}
  .ct-specs small{font-size:10.5px}.ct-specs b{font-size:13px}
  .ct-specs .more{justify-self:end;font-size:12px;font-weight:600;color:#6B6D73;gap:4px}
  .ct-specs .more svg{width:13px;height:13px}
}
/* телефон: шапка машины как в макете — черта под ID, характеристики в 4 колонки с разделителями, «Ещё N» серой кнопкой во всю ширину */
@media (max-width:640px){
  .ct-meta{padding-bottom:12px;border-bottom:1px solid var(--line)}
  .ct-specs{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0;margin-top:12px}
  .ct-specs>div{padding:0 10px;border-left:1px solid var(--line)}
  .ct-specs>div:first-child{padding-left:0;border-left:0}
  .ct-specs>div:nth-child(4){padding-right:0}
  .ct-specs small{font-size:11px}.ct-specs b{font-size:13.5px}
  .ct-specs .more{grid-column:1/-1;justify-self:stretch;margin-top:14px;height:40px;padding:0 14px;border-radius:12px;background:var(--soft);font-size:13px;font-weight:500;color:#55575D;align-items:center;align-self:auto}
}
/* телефон: иконки года, цвета, КПП, двигателя — как на компьютере, но маленькие и над подписью (так строка не расширяется) */
@media (max-width:640px){
  .ct-specs>div{flex-direction:column;align-items:flex-start;gap:4px}
  .ct-specs>div svg{display:block;width:16px;height:16px;margin:0;color:#9A9BA1}
}
/* телефон: фото листаются свайпом, стрелки не нужны */
@media (max-width:720px){.gal-main .gal-arr,.lightbox .gal-arr{display:none}}
/* телефон: фото — лента, которая едет за пальцем (car.js, MOB); полоски внизу — сколько фото осталось */
.gal-dots,.lb-dots{display:none}
@media (max-width:720px){
  .gm-track,.lb-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .gm-track::-webkit-scrollbar,.lb-track::-webkit-scrollbar{display:none}
  .gm-track{height:100%}
  .gm-s{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;background:#EEF0F2}
  .gm-s img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
  .gal-dots,.lb-dots{display:flex;gap:5px;justify-content:center;pointer-events:none}
  .gal-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(60%,210px)}
  .gal-dots i,.lb-dots i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.5);transition:background .2s,flex .2s}
  .gal-dots i.on,.lb-dots i.on{background:#fff}
  .gal-dots i.sm,.lb-dots i.sm{flex:.45;opacity:.6}
  .gal-cnt{bottom:auto;top:14px;right:14px}
  .lightbox.mob #lbImg{display:none}
  .lightbox.mob{flex-direction:column;justify-content:center;padding-bottom:150px}
  .lb-track{width:100vw;height:min(calc(100vh - 280px),75vw);flex:none}
  .lb-track .gm-s{background:none}
  .lb-track .gm-s img{object-fit:contain}
  .lb-dots{width:min(60%,210px);margin:14px auto 0}
  .lb-cnt{position:absolute;top:24px;left:20px;color:#fff;font-size:14px;font-weight:700}
}