.mobile-bottom-nav{display:none}
@media(max-width:700px){
  .mobile-bottom-nav{position:fixed;z-index:1050;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:5px 4px max(5px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;background:#fff;color:#111;border-top:1px solid #dfe2dc;box-shadow:0 -8px 24px #00000018;transform:translateY(115%);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .2s ease}
  .mobile-bottom-nav.visible{transform:translateY(0);opacity:1;pointer-events:auto}
  .site-editor-preview .mobile-bottom-nav{bottom:76px}
  .mobile-bottom-nav a,.mobile-bottom-nav button{min-width:0;height:56px;margin:0;padding:3px 1px;border:0;background:transparent;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;font:500 9px/1.05 Arial,sans-serif;cursor:pointer}
  .mobile-bottom-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav .active{color:#087da2}
  .mobile-bottom-nav .cart-shortcut{position:relative}
  .mobile-bottom-nav .cart-dot{position:absolute;top:0;right:8px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:#111;color:#fff;font:700 9px/15px Arial;text-align:center}
  body.bottom-nav-visible{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  body.bottom-nav-visible .whatsapp{bottom:calc(82px + env(safe-area-inset-bottom))}
  .site-editor-preview body.bottom-nav-visible .whatsapp{bottom:158px}
}
@media(prefers-reduced-motion:reduce){.mobile-bottom-nav{transition:none}}