html{color-scheme:only light}
#mbar{display:none}
@media (max-width:700px){
body{padding-bottom:92px}
header nav{display:none!important}
#services,#price,#lead,#contacts{scroll-margin-top:76px}
#mbar{display:flex;position:fixed;left:14px;right:14px;bottom:12px;z-index:50;background:rgba(255,255,255,.97);border-radius:22px;box-shadow:0 6px 24px rgba(0,0,0,.16);padding:6px;gap:4px;transition:transform .25s}
#mbar.hd{transform:translateY(140%)}
#mbar a{flex:1;text-align:center;padding:12px 2px;border-radius:16px;font-size:14px;text-decoration:none;color:#777}
#mbar a.on{color:var(--k20);font-weight:700}
#mbar a.rec{color:var(--k21);font-weight:700}
}
@media (max-width:700px){#mbar.hs{transform:translateY(140%)}}
@media (max-width:700px){
#mbar a{transition:background .25s,color .25s}
#mbar a.tp{background:var(--k23)}
}