/* Compact mobile header; all other page components retain their published styles. */
@media(max-width:900px){
 body.op-design .header{position:relative}
 body.op-design .header .header__main{display:grid;grid-template-columns:minmax(0,1fr) 134px;grid-template-rows:auto auto auto;gap:0 10px;padding:8px 60px 5px 16px;width:100%;max-width:none}
 body.op-design .header .brand{grid-column:1;grid-row:1;width:112px;max-width:100%;margin:0;align-self:center}
 body.op-design .header .brand img{display:block;width:100%;height:auto}
 body.op-design .header .header__promise{display:contents}
 body.op-design .header .header__promise>strong,body.op-design .header .header__cta{display:none}
 body.op-design .header .city-selector{grid-column:1;grid-row:2;align-self:center;min-width:0}
 body.op-design .header .city-selector>button{min-height:32px;padding:2px 0;font-size:12px;line-height:1.25;white-space:normal;text-align:left}
 body.op-design .header .header__contacts{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;display:grid;gap:0;text-align:center}
 body.op-design .header .header__contacts .phone{font-size:12px;white-space:nowrap;min-height:32px;line-height:1.3;display:flex;align-items:center;justify-content:center}
 body.op-design .header .header__messengers{display:flex;gap:0;justify-content:center;justify-self:center}
 body.op-design .header .header__messengers .round-link{width:44px;height:44px;min-width:44px;min-height:44px;background:none;border:0}
 body.op-design .header .header__messengers img{width:26px;height:26px}
 body.op-design .header .header__badges{grid-column:1/-1;grid-row:3;display:flex;justify-content:flex-start;gap:12px;border:0;padding:2px 0 0;margin:0;min-height:20px}
 body.op-design .header .header__badge{display:flex;gap:4px;align-items:baseline;padding:0;border:0;white-space:nowrap;min-width:0}
 body.op-design .header .header__badge small,body.op-design .header .header__badge strong{font-size:11px;line-height:1.4;white-space:nowrap}
 body.op-design .header .header__badge small{max-width:0;overflow:hidden;font-size:0}
 body.op-design .header .header__badge:before{content:'Приём';font-size:11px;color:#bbc6bf}
 body.op-design .header .header__badge--work:before{content:'На объектах';font-size:11px}
 body.op-design .header .header__nav{position:absolute;top:16px;right:12px;left:auto;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent}
 body.op-design .header .header__nav .wrap{display:block;margin:0;padding:0;width:44px;max-width:none;height:44px}
 body.op-design .header .header__nav .wrap>a{display:none}
 body.op-design .header .header__nav .header__all-services{position:relative;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;margin:0;border:1px solid #52645a;border-radius:10px;background:transparent;color:#f5faf6}
 body.op-design .header .header__all-services-icon{display:none}
 body.op-design .header .header__all-services>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 body.op-design .header .header__all-services:before{content:'';display:block;width:18px;height:2px;background:currentColor;box-shadow:0 -6px currentColor,0 6px currentColor;border-radius:1px}
}