/* Mobile and tablet: navigation at top, direct contact at bottom. */
@media(max-width:1419px){
 body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-top:110px;scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 .site-header{position:sticky;top:0;z-index:50;overflow:visible;max-height:none}
 .header-inner{min-height:0;padding:14px 20px;gap:12px;flex-wrap:wrap}
 .header-inner .brand{min-width:0;flex:1 1 0;max-width:330px}
 .header-inner .brand img{width:100%;max-width:330px;height:auto}
 .header-inner .menu-toggle{display:flex;flex:0 0 auto;margin-left:auto;min-height:44px;align-items:center;font-size:16px;padding:9px 10px}
 .header-inner>.site-nav{max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}
 .header-actions{position:fixed;inset:auto 0 0;z-index:60;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin:0;gap:24px;padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--white);border-top:1px solid var(--line);box-shadow:0 -4px 18px #4d345c12}
 .header-actions .header-phone{display:block;font-size:16px;font-weight:700;letter-spacing:0;white-space:nowrap}
 .header-actions .button{min-height:46px;box-sizing:border-box;padding:10px 16px;font-size:16px;gap:8px;white-space:nowrap}
}
@media(max-width:420px){
 .header-inner{padding:12px;gap:10px}
 .header-inner .brand{max-width:275px}
 .header-actions{gap:12px;padding-left:12px;padding-right:12px;justify-content:space-between}
 .header-actions .button{font-size:14px;padding:10px 12px;gap:6px}
 .header-actions .header-phone{font-size:15px}
 .header-actions .button span{display:none}
}
@media(max-width:350px){.header-actions{gap:8px;padding-left:10px;padding-right:10px}.header-actions .header-phone{font-size:14px}.header-actions .button{padding-left:9px;padding-right:9px}}