.bnav{display:none}
@media(max-width:768px){
.bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card,#fff);border-top:1px solid var(--bd,#e3e3e3);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 12px #0000000f}
.bnav a,.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font:600 11px/1.1 system-ui,sans-serif;color:var(--mu,#5f6368);text-decoration:none;background:none;border:0;padding:4px 0;position:relative;cursor:pointer}
.bnav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bnav .on{color:var(--ac,#E30A17)}.bnav .on svg{stroke-width:2.2}
.bnav .cta svg{background:var(--ac,#E30A17);color:#fff;border-radius:14px;width:44px;height:32px;padding:5px 10px;box-sizing:border-box;margin-top:-4px}.bnav .cta{color:var(--ac,#E30A17)}
.bnav .bd{position:absolute;top:0;left:calc(50% + 6px);background:var(--ac,#E30A17);color:#fff;font-size:10px;border-radius:9px;padding:1px 5px;min-width:10px}
body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
#fab{display:none!important}
}
@media(max-width:768px){nav.bnav>a,nav.bnav>button{display:flex!important;flex-direction:column!important}nav.bnav svg{display:block!important;width:24px!important;height:24px!important}}
label:has(>input[type=checkbox]){display:flex!important;gap:8px;align-items:center}
@media(max-width:768px){nav.bnav .cta svg{width:44px!important;height:32px!important}}
