/* LimeBite shared top nav + mobile hamburger (used by every page) */
.lb-nav{position:sticky;top:0;background:rgba(251,251,248,.95);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid #e8e8e3;z-index:30}
.lb-nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:56px;flex-wrap:wrap;gap:8px;max-width:1040px;margin:0 auto;padding:0 24px}
.lb-nav .brand{display:flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;font-size:18px;color:#1d1d1f}
.lb-nav .brand img{width:28px;height:28px;border-radius:7px}
.lb-nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;font-size:14px;flex-wrap:wrap}
.lb-nav ul a{text-decoration:none;color:#3a3a3c}
.lb-nav ul a:hover,.lb-nav ul a[aria-current=page]{color:#4f8f1f;font-weight:600}
.lb-menu{display:none;width:44px;height:44px;border:1px solid #e8e8e3;border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.lb-menu span{display:block;width:20px;height:2px;background:#1d1d1f;border-radius:2px;transition:transform .2s,opacity .2s}
.lb-nav.open .lb-menu span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lb-nav.open .lb-menu span:nth-child(2){opacity:0}
.lb-nav.open .lb-menu span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:860px){
  .lb-nav .wrap{padding:0 16px}
  .js .lb-menu{display:inline-flex}
  .lb-nav nav{width:100%}
  .js .lb-nav nav{display:none}
  .js .lb-nav.open nav{display:block;padding-bottom:12px}
  .lb-nav ul{gap:4px 16px}
  .js .lb-nav ul{flex-direction:column;gap:0}
  .js .lb-nav ul a{display:block;padding:12px 4px;font-size:17px;border-top:1px solid #efefea}
}
/* t722u #26: open mobile menu scrolls inside the viewport; Register shown as a button on desktop */
.lb-nav ul a.lb-nav-cta{background:#4f8f1f;color:#fff;padding:4px 12px;border-radius:999px}
.lb-nav ul a.lb-nav-cta:hover,.lb-nav ul a.lb-nav-cta[aria-current=page]{color:#fff;background:#43791a}
@media(max-width:1040px) and (min-width:861px){.lb-nav ul{gap:12px;font-size:13px}}
@media(max-width:860px){
  .js .lb-nav.open nav{max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .js .lb-nav ul a.lb-nav-cta{background:none;color:#4f8f1f;font-weight:600;padding:12px 4px;border-radius:0}
  .lb-menu{flex-shrink:0}
}