
/* MOBILE FINAL */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
@media(max-width:768px){
 body{font-size:15px;background:#f3f5f4}
 .top-strip-inner{padding:8px 12px!important;min-height:56px!important;display:grid!important;grid-template-columns:1fr auto!important}
 .top-fact{display:none!important}
 .top-phone{margin:0!important;padding:0!important;font-size:17px!important;font-weight:900!important}
 .top-call{display:block!important;padding:10px 12px!important;font-size:11px!important}
 .main-nav-inner{height:auto!important;min-height:62px!important;padding:9px 12px!important;gap:8px!important;flex-wrap:wrap!important}
 .pro-logo{padding:0!important;border:0!important;flex:1!important}.pro-logo>span{font-size:30px!important}.pro-logo>b{font-size:19px!important}
 .install-app-pro{display:none!important}
 .pro-menu{display:flex!important;width:100%!important;overflow-x:auto!important;gap:7px!important;padding:8px 0 2px!important;scrollbar-width:none}
 .pro-menu::-webkit-scrollbar{display:none}.pro-menu a{flex:0 0 auto!important;padding:9px 12px!important;background:#0d2632!important;border:1px solid #29434f!important;border-radius:6px!important;font-size:11px!important}
 .pro-hero{min-height:530px!important;height:auto!important;padding:38px 0 28px!important;background-position:64% center!important;background-size:auto 100%!important}
 .pro-hero:before{background:linear-gradient(90deg,rgba(5,21,30,.98) 0%,rgba(5,21,30,.92) 62%,rgba(5,21,30,.55) 100%)!important}
 .pro-hero-inner{padding:0 16px!important}.pro-hero-copy{width:100%!important}
 .pro-hero h1{font-size:35px!important;line-height:1.02!important;letter-spacing:-1px!important;margin-bottom:10px!important}
 .pro-hero h2{font-size:19px!important;line-height:1.15!important}.pro-hero-copy>p{font-size:15px!important;line-height:1.45!important}
 .hero-points{grid-template-columns:1fr 1fr!important;gap:13px 8px!important;margin-bottom:22px!important}
 .hero-points>span{font-size:16px!important}.hero-points b{font-size:10px!important}.hero-points small{font-size:8px!important}
 .hero-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
 .hero-actions a{width:100%!important;min-height:54px!important;padding:11px 15px!important;box-sizing:border-box!important}
 .hero-services{width:100%!important;margin:0!important;grid-template-columns:1fr 1fr!important;border-radius:0!important}
 .hero-services>div{min-width:0!important;padding:14px 12px!important}
 main,.priceArea,.catalog{max-width:100%!important}
 .priceArea{display:block!important;padding:20px 12px!important}
 .titleline{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.titleline h2{width:100%!important;font-size:22px!important;margin-bottom:2px!important}
 .cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
 .cards article{padding:8px!important}.cards img{height:115px!important}.cards b{font-size:13px!important}.cards strong{font-size:14px!important}
 .calc{margin-top:18px!important;width:100%!important;padding:20px 16px!important}.calc h3{font-size:20px!important}
 #request.request-section{width:calc(100% - 24px)!important;margin:20px auto!important;padding:20px 14px!important;display:block!important}
 #request .request-copy h2{font-size:25px!important}
 #request form.mail-form{margin-top:20px!important;padding:15px!important;display:grid!important;grid-template-columns:1fr!important}
 #request form.mail-form>*{grid-column:1!important}
 #cities{scroll-margin-top:90px}
 .geo-section,.seo-section{margin-left:12px!important;margin-right:12px!important;padding:20px 14px!important}
 footer,#contacts{padding:20px 14px!important}
 .footer-inner,.footer-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;text-align:center!important}
 footer a{font-size:18px!important}
}
@media(max-width:420px){
 .pro-hero h1{font-size:30px!important}.pro-hero h2{font-size:17px!important}
 .hero-points{grid-template-columns:1fr!important}
 .hero-services{grid-template-columns:1fr!important}
 .cards{grid-template-columns:1fr!important}.cards img{height:180px!important}
 .top-phone{font-size:15px!important}.top-call{font-size:10px!important;padding:9px!important}
}
