/* Barra in basso stile app, solo sui telefoni (classe .is-phone messa da phone-bar.js) */
.bnav{display:none}
.is-phone body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
.is-phone #menuBtn{display:none!important}
.is-phone .bnav{display:grid;position:fixed;z-index:26;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(5,1fr);padding:6px;border-radius:24px;
 background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--cl);box-shadow:0 16px 36px -12px rgba(0,0,0,.55)}
.bnav a,.bnav button{display:grid;justify-items:center;gap:3px;padding:8px 2px 6px;border:0;background:none;border-radius:18px;color:var(--muted);font:600 .7rem var(--body);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s,transform .15s}
.bnav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bnav [data-k=altro] svg{fill:currentColor;stroke:none}
.bnav .on,.bnav.menu-open [data-k=altro]{color:var(--lane);background:var(--tint)}
.bnav a:active,.bnav button:active{transform:scale(.92)}

/* menu "Altro": si apre dal basso, sopra la barra */
.is-phone #menu:not([hidden]){display:grid!important;position:fixed!important;z-index:27;top:auto!important;left:10px!important;right:10px!important;bottom:calc(92px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr 1fr;gap:6px;padding:10px;border-radius:22px;
 background:var(--surface);border:1px solid var(--cl);box-shadow:0 20px 50px -14px rgba(0,0,0,.6);animation:pbUp .28s cubic-bezier(.2,.9,.3,1)}
.is-phone #menu a{padding:13px 14px!important;border-radius:14px!important;background:var(--tint);font:600 1rem var(--body)!important}
.is-phone #menu #accLink{grid-column:1/-1;text-align:center;background:var(--lane);color:var(--lane-ink)!important}
@keyframes pbUp{from{opacity:0;transform:translateY(16px)}}

/* carrello del merch e messaggi sopra la barra */
.is-phone .mx-fab{bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.is-phone .toast{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}