/* Мобильная версия: нижние вкладки, крупные зоны нажатия, компактные блоки. Только <=700px. */
.m-tabs{display:none}
@media(max-width:700px){
 html{scroll-padding-top:70px}
 body{font-size:15px;-webkit-tap-highlight-color:transparent}
 body.has-tabs{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 body.has-tabs.cab-body{padding-bottom:0}
 .m-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:140;background:rgba(9,24,26,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.14);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
 .m-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:12px;color:#aebfb6;text-decoration:none;font-size:10.5px;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}
 .m-tabs svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .m-tabs a:active{background:rgba(255,255,255,.1)}
 .m-tabs a[aria-current=page]{color:#fff}
 .m-tabs a[aria-current=page] svg{stroke:#21c879}
 .m-tabs a[aria-current=page] span{box-shadow:inset 0 -2px 0 #21c879}
 #toTop{bottom:calc(76px + env(safe-area-inset-bottom));right:12px;width:42px;height:42px}

 /* крупные зоны нажатия и поля без автозума iOS */
 .btn,.hbtn,.seg button{min-height:48px}
 .btn-sm{min-height:44px}
 .input,input,select,textarea{font-size:16px}
 .input{min-height:50px}
 .filters .input{flex:1 1 100%;max-width:none}
 .filters{gap:8px}

 /* шапка */
 .brand-plaque{padding-right:36px}
 .main-nav{bottom:calc(66px + env(safe-area-inset-bottom));padding-bottom:20px}
 .main-nav a,.main-nav .sub-toggle{min-height:48px}

 /* секции плотнее */
 .section{padding:40px 0}
 .container{padding:0 16px}
 .section h2,.h2{font-size:clamp(25px,7.4vw,32px)}
 .lead{font-size:15.5px;line-height:1.65}
 .section-head{margin-bottom:20px}
 .card{padding:18px}
 .card-img{width:calc(100% + 36px);margin:-18px -18px 14px;height:150px}
 .hero-actions .btn,.page-hero .actions .btn{flex:1 1 100%}
 .hero-proof{font-size:12.5px}

 /* горизонтальные ленты вместо длинных столбцов */
 .hscroll{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(78%,1fr);grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:2px 16px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .hscroll::-webkit-scrollbar{display:none}
 .hscroll>*{scroll-snap-align:center;min-width:0}
 .img-card{min-height:230px}
 .stats-band .stat{padding:10px 14px}

 /* калькулятор: итог закреплён над панелью вкладок */
 .calc-result{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 -10px 30px rgba(0,0,0,.25)}
 .seg button{flex:1 1 calc(50% - 8px)}

 /* подвал */
 .footer-grid{padding:36px 18px 20px;gap:22px 16px}
 .footer-bottom{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .footer-logo{width:130px}
}
.footer-logo{width:150px;margin-bottom:14px}
.auth-back{display:block;padding:14px 18px;margin-top:8px}
@media(max-width:360px){
 .container{padding:0 14px}
 .hscroll{margin:0 -14px!important;padding:2px 14px 12px!important}
 .m-tabs a{font-size:10px}
 .hero h1{font-size:34px}
 .brand-logo{width:78px}
}