.nav-more-button { display:none; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.34); border-radius:8px; background:rgba(35,22,14,.45); place-items:center; align-content:center; gap:4px; }
.nav-more-button i { display:block; width:4px; height:4px; border-radius:50%; background:#fff; }
.nav-more-button.dark { border-color:rgba(58,35,22,.18); background:#f0e6d8; }.nav-more-button.dark i { background:#5d3021; }
.nav-drawer-overlay { position:fixed; z-index:80; inset:0; visibility:hidden; opacity:0; background:rgba(27,17,12,.62); backdrop-filter:blur(3px); transition:opacity .25s,visibility .25s; }.nav-drawer-overlay.open { visibility:visible; opacity:1; }
.nav-drawer { position:fixed; z-index:90; top:0; right:0; bottom:0; display:flex; width:min(430px,92vw); flex-direction:column; overflow-y:auto; color:#281c16; background:#fbf7ef; box-shadow:-24px 0 70px rgba(25,15,10,.25); transform:translateX(104%); transition:transform .32s cubic-bezier(.22,.8,.3,1); }.nav-drawer.open { transform:none; }
.nav-drawer-head { display:flex; min-height:82px; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid rgba(74,44,29,.13); }.drawer-brand { display:flex; align-items:center; gap:11px; }.drawer-brand>span { display:grid; width:44px; height:44px; place-items:center; border:1px solid #b9853f; border-radius:8px; color:#683522; font-family:Georgia,serif; font-size:14px; }.drawer-brand>div { display:flex; flex-direction:column; }.drawer-brand b { font-family:Georgia,serif; font-size:17px; }.drawer-brand small { margin-top:2px; color:#7d7067; font-size:10px; }.nav-drawer-close { display:grid; width:44px; height:44px; padding:0; place-items:center; border:0; border-radius:8px; color:#4f3225; background:#eee3d4; }.nav-drawer-close svg { width:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.drawer-place { display:grid; grid-template-columns:46px minmax(0,1fr) auto; align-items:center; gap:11px; margin:18px 20px 9px; padding:15px; border:1px solid rgba(74,44,29,.12); border-radius:10px; background:#f1e5d5; }.drawer-place-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:8px; color:#88432d; background:#fff9ef; }.drawer-place-icon svg { width:20px; fill:none; stroke:currentColor; stroke-width:1.8; }.drawer-place div { display:flex; min-width:0; flex-direction:column; }.drawer-place small { color:#897970; font-size:10px; font-weight:700; text-transform:uppercase; }.drawer-place b { margin-top:3px; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.drawer-place>a { color:#7e3e2b; font-size:11px; font-weight:800; }
.drawer-links { display:flex; flex-direction:column; padding:10px 20px; }.drawer-links>a { display:grid; grid-template-columns:28px 1fr auto; min-height:58px; align-items:center; gap:10px; border-bottom:1px solid rgba(74,44,29,.1); }.drawer-links span { color:#a18f82; font-family:Georgia,serif; font-size:11px; }.drawer-links b { font-size:17px; }.drawer-links i { color:#934d35; font-style:normal; }.drawer-links>a:nth-child(2) b { color:#7b3926; }.drawer-links .drawer-complaint-link { margin:7px 0; padding:0 10px; border:1px solid rgba(163,63,47,.16); border-radius:9px; background:#fff3ef; }.drawer-links .drawer-complaint-link b,.drawer-links .drawer-complaint-link i { color:#a33f2f; }
.drawer-support { margin:auto 20px 12px; padding:18px; border-radius:10px; color:#fff; background:#2c1b14; }.drawer-support p { margin:0 0 13px; color:rgba(255,255,255,.68); font-size:13px; }.drawer-support a { display:flex; min-height:46px; align-items:center; justify-content:center; border-radius:7px; color:#2c1b14; background:#e5c38d; font-size:13px; font-weight:800; }.drawer-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 20px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid rgba(74,44,29,.12); color:#776960; font-size:11px; }.drawer-footer a { color:#713724; font-weight:800; }
body.nav-open { overflow:hidden; }
@media (max-width:700px) { .nav-more-button { display:grid; } }
@media (prefers-reduced-motion:reduce) { .nav-drawer,.nav-drawer-overlay { transition:none; } }