/* FluuexQR v281 — shared public header. Matches Online Ordering reference. */
.v281-public-nav{
  position:fixed!important;top:16px!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;width:calc(100% - 40px)!important;max-width:1240px!important;
  height:64px!important;min-height:64px!important;padding:0 18px 0 20px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  background:rgba(8,24,39,.96)!important;border:1px solid rgba(255,255,255,.10)!important;
  border-radius:20px!important;box-shadow:0 16px 42px rgba(3,16,28,.22)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  z-index:10000!important;overflow:visible!important;color:#fff!important;
}
.v281-public-nav.is-scrolled{background:rgba(6,20,34,.985)!important;box-shadow:0 18px 50px rgba(3,16,28,.30)!important}
.v281-public-nav .nav-logo{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:170px!important;max-width:170px!important;height:52px!important;overflow:hidden!important;text-decoration:none!important}
.v281-public-nav .nav-logo img{display:block!important;width:100%!important;max-width:170px!important;height:auto!important;max-height:50px!important;object-fit:contain!important;filter:none!important}
.v281-public-nav .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;flex:1 1 auto!important;min-width:0!important}
.v281-public-nav .nav-links a{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:22px 10px 20px!important;border-radius:9px!important;background:transparent!important;color:rgba(255,255,255,.88)!important;text-decoration:none!important;font-size:13px!important;line-height:1!important;font-weight:650!important;white-space:nowrap!important;transition:color .2s ease,background .2s ease!important}
.v281-public-nav .nav-links a:hover{color:#fff!important;background:rgba(255,255,255,.075)!important}
.v281-public-nav .nav-links a.active{color:#fff!important;background:rgba(255,255,255,.07)!important}
.v281-public-nav .nav-links a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:10px;height:2px;border-radius:4px;background:#efa126}
.v281-public-nav .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
.v281-public-nav .nav-login{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;min-width:92px!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:750!important;transition:.2s ease!important}
.v281-public-nav .nav-login:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.38)!important}
.v281-public-nav .v281-get-started,.v281-mobile-nav .v281-get-started{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:44px!important;padding:0 22px!important;border:0!important;border-radius:11px!important;background:linear-gradient(180deg,#f5a31c 0%,#df8100 100%)!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(223,129,0,.28)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.v281-public-nav .v281-get-started:hover,.v281-mobile-nav .v281-get-started:hover{transform:translateY(-1px)!important;box-shadow:0 11px 24px rgba(223,129,0,.36)!important}
.v281-public-nav .hamburger{display:none!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;width:42px!important;height:42px!important;padding:0!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.17)!important;background:rgba(255,255,255,.06)!important}
.v281-public-nav .hamburger span{display:block!important;width:21px!important;height:2px!important;border-radius:3px!important;background:#fff!important;transition:transform .2s ease,opacity .2s ease!important}
.v281-public-nav .hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.v281-public-nav .hamburger.is-open span:nth-child(2){opacity:0!important}.v281-public-nav .hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.v281-mobile-nav{display:none!important;position:fixed!important;top:90px!important;left:20px!important;right:20px!important;z-index:9999!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;padding:12px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:rgba(8,24,39,.985)!important;box-shadow:0 22px 55px rgba(3,16,28,.35)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;flex-direction:column!important;gap:4px!important}
.v281-mobile-nav.is-open{display:flex!important}
.v281-mobile-nav>a{display:flex!important;align-items:center!important;min-height:46px!important;padding:0 14px!important;border-radius:11px!important;color:rgba(255,255,255,.9)!important;text-decoration:none!important;font-size:14px!important;font-weight:650!important;background:transparent!important}
.v281-mobile-nav>a:hover,.v281-mobile-nav>a.active{background:rgba(255,255,255,.08)!important;color:#fff!important}
.v281-mobile-nav .v281-mobile-login{border:1px solid rgba(255,255,255,.15)!important;margin-top:6px!important;justify-content:center!important}
.v281-mobile-nav .v281-get-started{width:100%!important;margin-top:4px!important}
body.v281-menu-open{overflow:hidden!important}

@media(max-width:1160px){
  .v281-public-nav{width:calc(100% - 28px)!important;padding-inline:16px!important}
  .v281-public-nav .nav-logo{width:154px!important;max-width:154px!important}.v281-public-nav .nav-logo img{max-width:154px!important}
  .v281-public-nav .nav-links a{font-size:12px!important;padding-inline:8px!important}
  .v281-public-nav .nav-login{min-width:82px!important;padding-inline:14px!important}
  .v281-public-nav .v281-get-started{padding-inline:17px!important}
}
@media(max-width:960px){
  .v281-public-nav{top:10px!important;width:calc(100% - 20px)!important;height:60px!important;min-height:60px!important;border-radius:16px!important;padding:0 12px 0 15px!important}
  .v281-public-nav .nav-logo{width:160px!important;max-width:calc(100% - 58px)!important;height:48px!important;flex:1 1 auto!important}.v281-public-nav .nav-logo img{width:auto!important;max-width:min(160px,100%)!important;max-height:44px!important}
  .v281-public-nav .nav-links,.v281-public-nav .nav-actions{display:none!important}
  .v281-public-nav .hamburger{display:flex!important;flex:0 0 auto!important}
  .v281-mobile-nav{top:80px!important;left:10px!important;right:10px!important;border-radius:16px!important}
}
@media(max-width:480px){
  .v281-public-nav{height:58px!important;min-height:58px!important;padding-inline:10px!important}
  .v281-public-nav .nav-logo{max-width:145px!important}.v281-public-nav .nav-logo img{max-width:145px!important;max-height:40px!important}
  .v281-public-nav .hamburger{width:40px!important;height:40px!important}
  .v281-mobile-nav{top:76px!important;padding:10px!important}
}
@media(prefers-reduced-motion:reduce){.v281-public-nav *,.v281-mobile-nav *{transition:none!important;animation:none!important}}
/* Reserve space for the inset fixed header without altering page content structure. */
body.v281-public-header-page .fq-main-public{padding-top:96px!important}
@media(max-width:960px){body.v281-public-header-page .fq-main-public{padding-top:82px!important}}