/* Meniul lateral (BGO-32): același pe landing și pe paginile temei. Culorile, razele și durata vin din tokeni. */
.menu-btn{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:var(--sunken);color:var(--ink);cursor:pointer}
.menu-btn svg{width:20px;height:20px}
.menu-btn:focus-visible,.meniu :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
/* focusul inițial e pe „Închide” (autofocus): altfel Chrome îl pune pe panoul derulabil */
/* <dialog> pe tot ecranul, transparent: clicul pe zona din afara panoului îl închide */
dialog.meniu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:var(--ink)}
dialog.meniu::backdrop{background:var(--scrim);opacity:0;transition:opacity .24s var(--ease)}
dialog.meniu.deschis::backdrop{opacity:1}
.meniu-panou{position:absolute;top:0;right:0;bottom:0;width:min(360px,88vw);display:flex;flex-direction:column;gap:22px;overflow-y:auto;
  padding:calc(env(safe-area-inset-top,0px) + 16px) 22px calc(env(safe-area-inset-bottom,0px) + 22px);
  background:var(--surface);box-shadow:-24px 0 50px -30px var(--shadow);transform:translateX(100%);transition:transform .24s var(--ease)}
dialog.meniu.deschis .meniu-panou{transform:none}
/* ieșirea e mai scurtă decât intrarea: 180 ms */
dialog.meniu.iese .meniu-panou,dialog.meniu.iese::backdrop{transition-duration:.18s}
/* mișcarea redusă: numai fade, fără deplasare */
@media (prefers-reduced-motion:reduce){.meniu-panou{transform:none;opacity:0;transition:opacity .24s var(--ease)}dialog.meniu.deschis .meniu-panou{opacity:1}}
.meniu-cap{display:flex;align-items:center;justify-content:space-between;gap:12px}
.meniu-sec{display:grid}
.meniu-sec a{display:flex;align-items:center;min-height:48px;font:800 22px/1.1 var(--display);font-stretch:112%;letter-spacing:-.02em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.meniu-cont{display:flex;align-items:center;min-height:44px;font-weight:700;color:var(--brand);text-decoration:none}
.meniu-cont + .meniu-cont{margin-top:-22px} /* Contul meu și Coșul stau împreună, fără golul dintre grupuri */
.meniu-lang p{margin:0 0 8px;font-size:13px;color:var(--muted)}
.meniu-lang .lang{display:inline-flex;background:var(--sunken);border-radius:999px;padding:3px}
.meniu-lang .lang button{font:700 14px/1 var(--body);border:0;background:none;color:var(--muted);min-height:44px;padding:0 18px;border-radius:999px;cursor:pointer}
.meniu-lang .lang button[aria-pressed="true"]{background:var(--brand-tint);color:var(--brand)}
.meniu-legal{list-style:none;margin:auto 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid}
.meniu-legal:empty{display:none}
.meniu-legal a{display:flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);text-decoration:none}
@media (hover:hover){.meniu-sec a:hover,.meniu-legal a:hover{color:var(--brand)}}