/* Critical mobile-nav CSS — loaded in <head> so the header renders correctly on first
   paint (no desktop-menu flash / CLS). lp-enhance.js only adds behavior + the burger. */
.umj-burger{display:none;}
@media(max-width:768px){
  nav-links{display:none!important;}
  nav.umj-nav-open nav-links{display:flex!important;}
  .umj-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:40px;padding:9px 11px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:9px;cursor:pointer;}
  .umj-burger span{display:block;width:100%;height:2px;background:#f5f5f5;border-radius:2px;transition:transform .25s ease,opacity .2s ease;}
  nav.umj-nav-open .umj-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  nav.umj-nav-open .umj-burger span:nth-child(2){opacity:0;}
  nav.umj-nav-open .umj-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  /* sheet: flush under the bar, fully opaque — no page bleed-through */
  nav-links{position:absolute;top:100%;left:-2rem;right:-2rem;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:#0a0a0a;border-top:1px solid rgba(201,169,110,.18);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 20px 44px rgba(0,0,0,.55);padding:6px 0;z-index:300;}
  nav-links a{padding:15px 26px;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05);}
  nav-links .nav-cta{margin:12px 22px 8px;text-align:center;padding:14px;font-size:1rem;}
}
