.mobile-contact-bar{display:none}
@media(max-width:640px){
  html{scroll-padding-bottom:100px}
  .site-design{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
  .site-design .float-actions{display:none}
  .mobile-contact-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#fffffff5;border-top:1px solid #dbe7dd;box-shadow:0 -6px 24px #102c2114;backdrop-filter:blur(12px)}
  .mobile-contact-bar a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 12px;border-radius:12px;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;transition:background .15s,transform .15s;-webkit-tap-highlight-color:transparent}
  .mobile-contact-bar .mobile-call{background:#193f31}
  .mobile-contact-bar .mobile-whatsapp{background:#12813b}
  .mobile-contact-bar .mobile-call:hover{background:#245841}
  .mobile-contact-bar .mobile-whatsapp:hover{background:#0b6b30}
  .mobile-contact-bar a:active{transform:scale(.98)}
  .mobile-contact-bar a:focus-visible{outline:3px solid #5ca776;outline-offset:3px}
  .mobile-contact-bar svg{width:21px;height:21px;flex-shrink:0}
  .site-design .site-header .container{min-height:68px;gap:12px}
  .site-design .menu-toggle{padding:10px 12px;border-radius:9px;font-size:13px;min-height:42px}
  .site-design .nav{padding:12px 20px 20px;gap:5px;max-height:calc(100dvh - 150px - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #ffffff12;box-shadow:0 15px 25px #07191322}
  .site-design .nav>a{padding:13px 15px;border-radius:8px;font-size:14px;min-height:46px}
  .site-design .nav a[aria-current="page"]{background:#a5e9bd13;box-shadow:inset 3px 0 #69d493;color:#b7efc9}
  .site-design .nav .header-phone{border:1px solid #ffffff40;margin:10px 0 0;padding:13px 15px;border-radius:9px;text-align:center;min-height:46px}
  .site-design .nav .btn{margin:5px 0 0;border-radius:9px;padding:13px 15px;min-height:46px;font-size:14px}
  .site-design .site-footer{padding-bottom:20px}
}
@media(max-width:360px){.mobile-contact-bar a{font-size:13px;gap:7px}.site-design .site-header .brand b{font-size:16px}.site-design .site-header .brand{gap:8px}.site-design .menu-toggle{padding:9px;font-size:12px}}
