/* v2.32 — Public mobile header compact fix
   Scope: only public homepage/group-order mobile header. No sales/payment/cart logic changes. */
@media (max-width: 760px){
  body.public-group-order-page{
    padding-top:0!important;
  }
  body.public-group-order-page .nl-topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    background:rgba(7,11,20,.94)!important;
    backdrop-filter:blur(14px)!important;
  }
  body.public-group-order-page .nl-topbar-inner{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:6px!important;
    padding:7px 0 6px!important;
  }
  body.public-group-order-page .nl-brand{
    min-width:0!important;
    width:100%!important;
    gap:8px!important;
  }
  body.public-group-order-page .nl-brand-logo{
    width:38px!important;
    height:38px!important;
    border-radius:13px!important;
    box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
    flex:0 0 auto!important;
  }
  body.public-group-order-page .nl-brand b{
    font-size:15px!important;
    line-height:1.2!important;
  }
  body.public-group-order-page .nl-brand span span{
    display:none!important;
  }
  body.public-group-order-page .nl-nav{
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 1px 3px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  body.public-group-order-page .nl-nav::-webkit-scrollbar{display:none!important;}
  body.public-group-order-page .nl-nav a{
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.public-group-order-page .nl-nav a:hover,
  body.public-group-order-page .nl-nav a:active{
    transform:none!important;
    box-shadow:none!important;
  }
  body.public-group-order-page .nl-nav .nav-cta{
    padding-inline:10px!important;
  }
  body.public-group-order-page .group-hero{
    padding-top:14px!important;
  }

  /* Public homepage header: keep it light and compact on phones. */
  body.public-homepage-v232 .top{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
  }
  body.public-homepage-v232 .nav{
    height:auto!important;
    min-height:58px!important;
    padding:8px 0!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px!important;
    align-items:center!important;
  }
  body.public-homepage-v232 .brand{
    min-width:0!important;
    gap:8px!important;
  }
  body.public-homepage-v232 .logo{
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    flex:0 0 auto!important;
  }
  body.public-homepage-v232 .brand b{
    font-size:15px!important;
    line-height:1.2!important;
  }
  body.public-homepage-v232 .brand span span{
    display:none!important;
  }
  body.public-homepage-v232 .menu{
    grid-column:1 / -1!important;
    width:100%!important;
    display:flex!important;
    gap:6px!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    padding-bottom:2px!important;
    scrollbar-width:none!important;
  }
  body.public-homepage-v232 .menu::-webkit-scrollbar{display:none!important;}
  body.public-homepage-v232 .menu a,
  body.public-homepage-v232 .menu a:not(.active){
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    font-size:11px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  body.public-homepage-v232 .nav-actions{
    gap:6px!important;
  }
  body.public-homepage-v232 .nav-actions .btn{
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
  body.public-homepage-v232 .nav-actions .btn-light{
    display:none!important;
  }
}
@media (max-width: 380px){
  body.public-group-order-page .nl-nav a,
  body.public-homepage-v232 .menu a,
  body.public-homepage-v232 .menu a:not(.active){
    font-size:10.5px!important;
    padding-inline:7px!important;
  }
  body.public-homepage-v232 .nav-actions .btn{font-size:10.5px!important;padding-inline:8px!important;}
}