/* =========================================================
   MENU – versione web (coordinata al sito)
   ========================================================= */
.m-top{padding-bottom:26px}
.m-bar{position:sticky;top:72px;z-index:15;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.m-bar-in{display:flex;align-items:center;gap:20px;min-height:58px}
.m-chips{display:flex;gap:26px;overflow-x:auto;flex:1;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.m-chips::-webkit-scrollbar{display:none}
.m-chip{background:none;border:0;padding:18px 0;font:inherit;font-size:12.5px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;
  color:var(--ink);white-space:nowrap;cursor:pointer;border-bottom:1px solid transparent}
.m-chip:hover{color:var(--gold-d)}
.m-chip.on{color:var(--gold-d);border-color:var(--gold)}
.m-tools{display:flex;align-items:center;gap:16px;flex:none}
.m-lang{display:flex;align-items:center;gap:6px;color:#cfc4b2}
.m-lang button{background:none;border:0;font:inherit;font-size:13px;letter-spacing:.12em;color:var(--muted);cursor:pointer;padding:4px 2px}
.m-lang button.on{color:var(--gold-d);font-weight:700}
@media (max-width:820px){
  .m-bar{top:72px}
  .m-bar-in{gap:12px}
}

.m-body{padding-top:30px;padding-bottom:90px}
.m-sec{padding:64px 0 10px;scroll-margin-top:150px}
.m-sec + .m-sec{border-top:1px solid var(--line)}
.m-sec>header{text-align:center;margin-bottom:28px}
.m-h{font-weight:300;font-size:clamp(30px,4vw,42px);line-height:1.15;margin:0}
.m-note{color:var(--muted);font-style:italic;font-size:15px;margin:8px 0 0}
.m-grp{display:flex;align-items:center;gap:16px;color:var(--gold-d);text-transform:uppercase;letter-spacing:.22em;
  font-size:13px;font-weight:400;margin:34px 0 6px}
.m-grp::before,.m-grp::after{content:"";flex:1;border-top:1px solid var(--line)}
.m-grp small{letter-spacing:.04em;text-transform:none;font-style:italic;color:var(--muted)}
.m-brand{text-align:center;font-style:italic;color:var(--muted);font-size:14px;margin:-2px 0 6px}

.m-items{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
@media (max-width:820px){.m-items{grid-template-columns:1fr}}
.m-it{padding:15px 0;border-bottom:1px solid #f1ece4;break-inside:avoid}
.m-row{display:flex;align-items:baseline;gap:10px}
.m-name{font-weight:400;font-size:15px;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}
.m-dots{flex:1;border-bottom:1px dotted #d7cdbd;transform:translateY(-4px);min-width:16px}
.m-price{color:var(--gold-d);font-weight:400;font-size:15.5px;white-space:nowrap}
.m-size{color:var(--muted);font-size:13px;letter-spacing:.04em;margin-left:6px;text-transform:none}
.m-desc{color:var(--muted);font-style:italic;font-weight:300;font-size:15px;line-height:1.45;margin-top:3px}
.m-al{font-size:11px;color:var(--gold-d);letter-spacing:0;margin-left:4px;vertical-align:4px}
.m-bio{display:inline-flex;align-items:center;gap:3px;color:#5b8f2f;font-size:11px;letter-spacing:.12em;
  border:1px solid #cfe0c0;border-radius:20px;padding:0 7px;margin-left:8px;vertical-align:2px;text-transform:uppercase}
.m-bio svg{width:10px;height:10px}

.m-info{text-align:center;color:var(--muted);font-size:15px;padding:56px 0 0;border-top:1px solid var(--line);margin-top:50px}
.m-info b{font-weight:400;color:var(--ink)}
.m-info p{margin:0 0 8px}
.m-cta{text-align:center;margin-top:30px}


a.m-chip{display:inline-block;text-decoration:none}
.m-chip.on,.m-chip:hover{color:var(--gold-d)}

/* legenda allergeni */
.m-legend{max-width:820px;margin:0 auto 14px;font-size:13.5px;line-height:1.9;color:var(--muted)}
.m-legend b{font-weight:400;color:var(--ink);margin-right:6px}
.m-legend span{white-space:nowrap;margin-right:12px}
.m-legend sup{color:var(--gold-d);font-size:10.5px}
.m-al{white-space:nowrap}