.mobile-bottom-nav{display:none}
@media(max-width:700px){
  body{padding-bottom:72px}
  .mobile-bottom-nav{position:fixed;z-index:80;left:0;right:0;bottom:0;height:66px;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;background:#fff;border-top:1px solid #ddd;box-shadow:0 -7px 24px rgba(0,0,0,.12);padding:4px max(5px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}
  .mobile-bottom-link{position:relative;border:0;background:transparent;color:#777;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:3px;font-size:9px;font-weight:750;cursor:pointer;border-radius:8px}
  .mobile-bottom-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;transition:.18s}
  .mobile-bottom-link.active{color:#111;background:#fff9cf}.mobile-bottom-link.active svg{transform:translateY(-1px);stroke-width:2.2}
  .mobile-bottom-link:active{transform:scale(.95)}
  .mobile-bottom-badge{position:absolute;top:2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ffdc00;color:#111;border:1px solid #fff;display:grid;place-items:center;font-size:8px;font-weight:950}
  .whatsapp{bottom:78px!important}.toast{bottom:78px!important}
}
@media(max-width:360px){.mobile-bottom-link{font-size:8px}.mobile-bottom-link svg{width:19px;height:19px}}