/* ==========================================================================
   mobile-menu.css · Menu em tela cheia (celular/tablet)
   ========================================================================== */
/* menu do celular */
.mm{position:fixed;inset:0;z-index:90;background:var(--cream);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 14px) 22px calc(env(safe-area-inset-bottom,0px) + 24px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s,transform .35s,visibility 0s linear .35s;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px}
.mm.on{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .35s}
.mm-t{display:flex;align-items:center;justify-content:space-between}
.mm nav{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;counter-reset:m}
.mm nav a{display:flex;align-items:baseline;gap:12px;padding:8px 0;font:700 clamp(32px,9vw,46px)/1.05 var(--disp);letter-spacing:-.04em;text-decoration:none;font-variation-settings:"opsz" 96}
.mm nav a::before{counter-increment:m;content:"0" counter(m);font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--brown)}
.mm-f{display:grid;gap:10px;justify-items:center;text-align:center}
.mm-f .btn{width:100%;max-width:420px}
.mm-f small{font:500 11px/1.5 var(--mono);letter-spacing:.08em;color:var(--mut)}