/* BGP-wide header: consistent actions + right-corner menu */
.main-header{display:flex!important;align-items:center!important;gap:clamp(.55rem,1.4vw,1.4rem)!important;padding:0 clamp(12px,3vw,3vw)!important;min-height:84px!important;position:sticky!important;top:0!important;z-index:100!important;background:#fff!important}
.main-header .main-brand{flex:0 0 auto!important}
.main-header .main-nav{flex:1 1 auto!important;min-width:0!important}
.main-header .main-actions{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:.45rem!important}
.bgp-main-menu-trigger{flex:0 0 auto!important;width:46px!important;height:46px!important;border:1px solid #d6dfd4!important;border-radius:50%!important;background:#fffefa!important;color:#173f28!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;padding:0!important;position:relative!important}
.bgp-main-menu-trigger .hamburger{display:grid;gap:4px;width:20px}
.bgp-main-menu-trigger .hamburger i{display:block;width:20px;height:2px;background:currentColor;border-radius:2px}
.bgp-main-menu-trigger:hover,.bgp-main-menu-trigger:focus-visible{background:#e9f3df!important;border-color:#285f38!important;outline:3px solid #89bd7455!important;outline-offset:2px}
.bgp-main-menu-panel{position:fixed;inset:0 0 0 auto;width:min(390px,94vw);background:#fffefa;z-index:1100;transform:translateX(105%);transition:transform .22s ease;box-shadow:-18px 0 45px rgba(23,35,27,.2);padding:1rem;overflow:auto}
.bgp-main-menu-panel.open{transform:translateX(0)}
.bgp-main-menu-backdrop{position:fixed;inset:0;background:rgba(23,35,27,.42);z-index:1099}
.bgp-main-menu-backdrop[hidden]{display:none!important}
.bgp-main-menu-head{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 1rem;border-bottom:1px solid #dfe5dc}
.bgp-main-menu-head strong{font-size:1rem;color:#173f28}
.bgp-main-menu-close{border:1px solid #dfe5dc;border-radius:999px;background:#fff;padding:.55rem .8rem;font-weight:800;cursor:pointer}
.bgp-main-menu-list{display:grid;gap:.45rem;padding:1rem 0}
.bgp-main-menu-list a{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border:1px solid #dfe5dc;border-radius:14px;background:#f7f5ed;font-weight:800;text-decoration:none}
.bgp-main-menu-list a:hover,.bgp-main-menu-list a:focus-visible{background:#e9f3df;border-color:#b8cdb7}
.bgp-main-menu-group{display:grid;gap:.45rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid #dfe5dc}
.bgp-main-menu-label{margin:.15rem .25rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#526057;font-weight:900}
@media(max-width:900px){.main-header .main-nav{display:none!important}.main-header{gap:.45rem!important}.main-brand{min-width:0}.main-brand img{width:150px!important;height:58px!important}.main-actions{margin-left:auto!important}.get-food-button,.volunteer-button,.give-button{min-height:40px!important;padding:.55rem .62rem!important;font-size:.62rem!important;white-space:nowrap!important}.bgp-main-menu-trigger{width:42px!important;height:42px!important}}
@media(max-width:620px){.main-header{min-height:68px!important;padding:.35rem .65rem!important}.main-brand img{width:104px!important;height:46px!important}.main-actions{gap:.25rem!important}.main-actions .get-food-button,.main-actions .volunteer-button,.main-actions .give-button{display:inline-flex!important;min-height:36px!important;padding:.42rem .45rem!important;font-size:.52rem!important;letter-spacing:.035em!important}.bgp-main-menu-trigger{width:38px!important;height:38px!important}.bgp-main-menu-trigger .hamburger,.bgp-main-menu-trigger .hamburger i{width:17px}.bgp-main-menu-panel{width:min(360px,94vw)}}
@media(max-width:390px){.main-brand img{width:88px!important}.main-actions .get-food-button,.main-actions .volunteer-button,.main-actions .give-button{font-size:.47rem!important;padding:.38rem .35rem!important}.main-header{gap:.25rem!important}}
@media(prefers-reduced-motion:reduce){.bgp-main-menu-panel{transition:none}}

/* Home trigger uses the same right-corner icon treatment. */
.bgp-home-menu-trigger>span:not(.hamburger){display:none!important}

/* Final responsive header pass */
.main-header .bgp-main-menu-trigger{margin-left:auto;order:99}
@media(max-width:1100px){
  .main-header{gap:.4rem!important}
  .main-header .main-nav{display:none!important}
  .main-header .main-actions{margin-left:auto!important;gap:.35rem!important}
  .main-header .bgp-main-menu-trigger{margin-left:.2rem!important}
  .main-header .get-food-button,.main-header .volunteer-button,.main-header .give-button{min-height:40px!important;padding:.55rem .7rem!important;font-size:.68rem!important;white-space:nowrap!important}
}
@media(max-width:720px){
  .main-header{min-height:70px!important;padding:.45rem .75rem!important}
  .main-header .main-brand img{width:112px!important;height:auto!important;max-height:48px!important;object-fit:contain}
  .main-header .main-actions{gap:.25rem!important}
  .main-header .main-actions a{min-height:36px!important;padding:.45rem .52rem!important;font-size:.58rem!important}
  .main-header .bgp-main-menu-trigger{width:40px!important;height:40px!important}
}
@media(max-width:520px){
  .main-header .main-brand img{width:94px!important}
  .main-header .main-actions a{font-size:.52rem!important;padding:.4rem .42rem!important}
  .main-header .bgp-main-menu-trigger{width:38px!important;height:38px!important}
}
@media(max-width:390px){
  .main-header .main-brand img{width:78px!important}
  .main-header .main-actions a{font-size:.47rem!important;padding:.36rem .32rem!important}
  .main-header{gap:.2rem!important}
}