/* ===== сетка и адаптив: правки 2026-09-15 (грузится последним) ===== */
:root{--hdr-h:84px}
@media(max-width:1280px){:root{--hdr-h:76px}}
@media(max-width:600px){:root{--hdr-h:64px}}

html{scroll-padding-top:calc(var(--hdr-h) + 16px)}
html,body{overflow-x:clip}

/* --- шапка --- */
.hdr__in{height:var(--hdr-h)}
.hdr .brandmark__svg,.hdr .brandmark--sm .brandmark__svg{width:201px;height:64px}
.nav{min-width:0}
.nav a,.nav button{white-space:nowrap}
.hdr__cta{flex:none;margin-left:0}
.drop__menu::before{content:'';position:absolute;left:0;right:0;top:-18px;height:18px}
.mmenu{inset:var(--hdr-h) 0 0}

@media(max-width:1440px){.hdr__contacts{display:none}}
@media(max-width:1280px){
  .nav{display:none}
  .burger{display:block;margin-left:0}
  .hdr__cta{margin-left:auto}
  .hdr .brandmark__svg,.hdr .brandmark--sm .brandmark__svg{width:176px;height:56px}
}
@media(max-width:600px){
  .hdr__cta{display:none}
  .burger{margin-left:auto;margin-right:-10px}
  .hdr .brandmark__svg,.hdr .brandmark--sm .brandmark__svg{width:151px;height:48px}
}

/* --- отступы под фиксированную шапку --- */
.hero{padding-top:calc(var(--hdr-h) + clamp(48px,8vw,120px))}
.pagehead{padding-top:calc(var(--hdr-h) + clamp(24px,3vw,40px))}
.buybox{top:calc(var(--hdr-h) + 20px)}
.steps__media{top:calc(var(--hdr-h) + 20px)}

/* --- hero --- */
.hero__in{max-width:900px}
.hero .h1{font-size:clamp(28px,4.2vw,56px);line-height:1.08}
.h1,.h2{text-wrap:balance}

/* --- футер: логотип по ширине колонки --- */
.ftr .brandmark{display:block;max-width:100%}
.ftr .brandmark__svg{width:min(300px,100%);height:auto;aspect-ratio:660/210}
@media(max-width:992px){
  .ftr__grid>:first-child{grid-column:1/-1}
}
@media(max-width:520px){
  .ftr .brandmark__svg{width:min(240px,100%)}
}

/* --- сетки не распираются содержимым --- */
.ftr__grid>*,.contacts>*,.formblock>*,.steps>*,.filter>*,.cars>*,.posts>*,.cards3>*{min-width:0}
.cline b,.ftr a,.ftr li{overflow-wrap:anywhere}
.cline b{font-size:clamp(16px,2vw,19px)}
.car__meta,.car__price{flex-wrap:wrap}
.map iframe{display:block}

/* --- фильтр --- */
@media(max-width:1200px){
  .filter>.btn{grid-column:1/-1;width:100%}
}

/* --- мобильные --- */
@media(max-width:768px){
  .btn{white-space:normal;text-align:center;line-height:1.2;height:auto;min-height:48px;padding-block:12px}
  .btn--sm{min-height:44px}
  .sec-head{align-items:flex-start}
  .car__price b{font-size:17px}
  .reels{margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scroll-padding-inline:var(--pad)}
  .map,.map iframe{min-height:280px}
}
@media(max-width:520px){
  .stat{padding:22px 16px}
  .stat b{font-size:30px}
  .stat span{font-size:13px}
  .sec-head .btn{width:100%}
}

/* на тач-экранах hover «залипает» и дёргает строки услуг */
@media(hover:none){
  .svc__row:hover{padding-inline:0;background:none}
  .car:hover{transform:none;box-shadow:none}
}