/* JemraByte Studios — zajednički izbornik (gumb ≡) na svim stranicama, na svim širinama ekrana.
   Sadržaj izbornika slaže assets/site.js (jedan izvor prečaca za cijelu stranicu).
   Stranice imaju različita zaglavlja (naslovnica, site.css, chrome.css, blog.css); ovaj stil ih izjednačuje, zato !important. */
.hdr{--gm-bg:#0B0C0F;--gm-card:#15171C;--gm-line:rgba(255,255,255,.1);--gm-fg:#F5F5F2;--gm-mut:#A3A7B0;--gm-y:#FFD21F;--gm-top:64px}
.hdr .burger{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--gm-line);border-radius:12px;background:transparent;color:var(--gm-fg);cursor:pointer;padding:0}
.hdr .burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.hdr .burger:hover{border-color:var(--gm-y)}
.hdr .burger:focus-visible{outline:2px solid var(--gm-y);outline-offset:2px}
.hdr.open{z-index:90!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

.hdr .mnav.gm{display:block!important;position:fixed!important;top:var(--gm-top)!important;right:0!important;bottom:0!important;left:auto!important;inset:var(--gm-top) 0 0 auto!important;
  width:min(420px,100vw)!important;max-height:none!important;height:auto!important;margin:0!important;padding:4px 20px calc(28px + env(safe-area-inset-bottom,0px))!important;
  background:var(--gm-bg)!important;border:0!important;border-left:1px solid var(--gm-line)!important;border-top:1px solid var(--gm-line)!important;
  overflow-y:auto!important;overscroll-behavior:contain;z-index:2!important;opacity:0!important;visibility:hidden!important;transform:translateX(12px)!important;
  transition:opacity .2s,transform .2s,visibility 0s linear .2s!important;font:16px/1.4 Inter,system-ui,sans-serif;color:var(--gm-fg);text-align:left}
.hdr.open .mnav.gm{opacity:1!important;visibility:visible!important;transform:none!important;transition:opacity .2s,transform .2s!important}
@media (max-width:560px){.hdr .mnav.gm{width:100vw!important;border-left:0!important}}
@media (prefers-reduced-motion:reduce){.hdr .mnav.gm,.hdr.open .mnav.gm,.gm-bg{transition:none!important;transform:none!important}}

.gm .gm-h{margin:20px 4px 4px;font:600 12px/1.2 'Space Grotesk',Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gm-mut)}
.hdr .mnav.gm a.gm-l{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;min-height:52px;margin:0;padding:6px 4px!important;border:0;border-bottom:1px solid var(--gm-line)!important;border-radius:0;background:none!important;
  font:600 18px/1.25 'Space Grotesk',Inter,system-ui,sans-serif!important;letter-spacing:-.01em;color:var(--gm-fg)!important;text-decoration:none!important}
.hdr .mnav.gm a.gm-l::after{content:"→"!important;margin-left:auto;color:var(--gm-y);font-size:18px}
.hdr .mnav.gm a.gm-l:hover,.hdr .mnav.gm a.gm-l[aria-current]{color:var(--gm-y)!important}
.hdr .mnav.gm a.gm-l[aria-current]::after{content:"•"!important}
.gm .gm-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.hdr .mnav.gm .gm-b{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px!important;border:1px solid var(--gm-line)!important;border-radius:12px!important;background:var(--gm-card)!important;
  font:600 15px Inter,system-ui,sans-serif!important;color:var(--gm-fg)!important;text-decoration:none!important;letter-spacing:0}
.hdr .mnav.gm .gm-b::after{content:none!important}
.hdr .mnav.gm .gm-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--gm-y)}
.hdr .mnav.gm .gm-cta{grid-column:1/-1;background:var(--gm-y)!important;border-color:var(--gm-y)!important;color:#0B0C0F!important;min-height:52px;font-size:16px!important}
.hdr .mnav.gm .gm-cta svg{color:#0B0C0F}
.gm .gm-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:4px;border-bottom:1px solid var(--gm-line);color:var(--gm-mut);font-size:15px}
.gm .gm-lang .lang{display:inline-flex!important}

.gm-bg{position:fixed;inset:0;top:var(--gm-top,64px);z-index:85;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}
.gm-bg.on{opacity:1;visibility:visible;transition:opacity .2s}