.header{position:relative;z-index:20}
.brand-lockup{display:block;width:195px;height:auto;max-height:110px;object-fit:contain}
.menu-toggle{display:none;width:44px;height:44px;min-width:44px;padding:10px;border:1px solid #d1ddd2;background:#fff;color:var(--green);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:22px;height:2px;background:currentColor;border-radius:1px}
.mobile-nav[hidden]{display:none!important}
@media(max-width:900px){
  .header{gap:10px}
  .menu-toggle{display:flex}
  .header .mobile-nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:8px clamp(20px,5vw,80px) 18px;background:#fff;box-shadow:0 16px 24px #173d3426;border-bottom:1px solid #d1ddd2;font-size:16px}
  .header .mobile-nav a{display:block;padding:15px 4px;border-bottom:1px solid #e5e9df}
  .header .mobile-nav .mobile-order-link{margin-top:12px;padding:14px 18px;text-align:center;background:var(--green);color:#fff;border:0}
}
@media(max-width:620px){
  .header{padding:8px 16px;min-height:78px}
  .brand-lockup{width:145px;max-height:82px}
  .head-order{padding:10px 8px;font-size:11px}
  .menu-toggle{width:40px;height:40px;min-width:40px;padding:8px}
}
@media(max-width:365px){
  .brand-lockup{width:125px}
  .header{gap:6px;padding-inline:10px}
}