/* Side drawer with glass buttons */
.navbar { display: flex; align-items: center; gap: .75rem; }
.navbar .nav-links { margin-left: auto; width: auto; }

.nav-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 4px; width: 42px; height: 42px;
  padding: 0 10px; cursor: pointer; border-radius: 12px; color: #fff;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.nav-burger span { display: block; height: 2px; border-radius: 2px; background: currentColor; }
.nav-burger:hover { background: rgba(255,255,255,.16); }

.drawer-overlay { position: fixed; inset: 0; z-index: 2000; background: rgba(2,6,16,.55);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); opacity: 0; pointer-events: none; transition: opacity .25s; }
.drawer { position: fixed; top: 0; left: 0; bottom: 0; z-index: 2001; width: min(320px, 86vw); display: flex; flex-direction: column;
  transform: translateX(-105%); transition: transform .3s cubic-bezier(.4,0,.2,1);
  background: linear-gradient(160deg, rgba(30,58,138,.55), rgba(10,14,26,.85));
  -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
  border-right: 1px solid rgba(255,255,255,.15); box-shadow: 10px 0 40px rgba(0,0,0,.5); }
.drawer-open .drawer-overlay { opacity: 1; pointer-events: auto; }
.drawer-open .drawer { transform: translateX(0); }
.drawer-open { overflow: hidden; }

.drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.1rem;
  border-bottom: 1px solid rgba(255,255,255,.12); }
.drawer-brand { font-size: 1.35rem; font-weight: 700; color: #fff; }
.drawer-brand b { color: var(--gold, #f5b82e); }
.drawer-close { width: 36px; height: 36px; border-radius: 10px; cursor: pointer; color: #fff; font-size: 1rem;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); }
.drawer-body { flex: 1; overflow-y: auto; padding: .5rem 1rem 2rem; }
.drawer-title { margin: 1.1rem .3rem .5rem; font-size: .72rem; letter-spacing: 2px; text-transform: uppercase;
  color: rgba(255,255,255,.55); font-weight: 600; }
.drawer-group { display: flex; flex-direction: column; gap: .5rem; }

.glass-btn { display: flex !important; align-items: center; gap: .8rem; padding: .7rem .9rem; border-radius: 14px;
  color: #fff !important; text-decoration: none !important; font-weight: 500; font-size: .98rem;
  background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  border: 1px solid rgba(255,255,255,.22);
  box-shadow: 0 4px 14px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  transition: transform .15s, background .2s, box-shadow .2s, border-color .2s; }
.glass-btn:hover { transform: translateX(4px); border-color: rgba(245,184,46,.7);
  background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.08));
  box-shadow: 0 6px 20px rgba(0,0,0,.35), 0 0 16px rgba(245,184,46,.25), inset 0 1px 0 rgba(255,255,255,.3); }
.glass-btn:active { transform: scale(.98); }
.glass-btn.active { border-color: var(--gold, #f5b82e);
  background: linear-gradient(135deg, rgba(245,184,46,.3), rgba(245,184,46,.08)); }
.gb-ico { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; font-size: 1.2rem;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); }

.footer-sitemap { display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem 1rem; padding: 1rem 0;
  margin-top: 1rem; border-top: 1px solid var(--border, #30363d); font-size: .85rem; }
.footer-sitemap a { color: var(--text-secondary, #8b949e); text-decoration: none; }
.footer-sitemap a:hover { color: var(--gold, #f5b82e); }

.nav-search { margin-left: auto; display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 12px;
  text-decoration: none; font-size: 1.1rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.nav-search + .nav-links { margin-left: 0; }
.nav-search:hover { background: rgba(255,255,255,.16); }
.drawer-search { padding: .8rem 1rem 0; }
.drawer-search input { width: 100%; padding: .75rem 1rem; border-radius: 14px; color: #fff; font-size: .95rem; outline: none;
  background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.drawer-search input::placeholder { color: rgba(255,255,255,.6); }
.drawer-search input:focus { border-color: var(--gold, #f5b82e); box-shadow: 0 0 0 3px rgba(245,184,46,.2); }

.footer-share { text-align:center; padding:1rem 0 .4rem; }
.footer-share p { margin:0 0 .6rem; opacity:.85; font-size:.92rem; }
.footer-share-btn { padding:.7rem 1.4rem; border-radius:14px; cursor:pointer; font:inherit; font-weight:700; color:#111;
  background:var(--gold,#f5b82e); border:0; box-shadow:0 4px 14px rgba(245,184,46,.3); }
.footer-share-btn:active { transform:scale(.97); }