.mobile-toggle{display:none}
.mobile-toggle:focus-visible{outline:3px solid #f0cf73;outline-offset:3px}
@media(max-width:650px){
  body{padding-top:var(--mobile-header-height,110px)}
  body>header{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:50;flex-wrap:wrap;gap:0 12px;padding:5px 20px 10px!important;box-shadow:0 1px 0 rgba(240,207,115,.18)}
  body>header .brand img{width:62px!important;height:62px!important}
  body>header nav{display:flex!important;width:100%;justify-content:space-between;gap:7px;margin-top:2px;align-items:center}
  body>header nav a{display:inline-block!important;white-space:nowrap;font-size:.78rem;padding:7px 0;text-decoration:none}
  body>header nav a[href="/"]{display:none!important}
  body:not(.scrolled)>header nav .nav-cakes{display:none!important}
  body>header nav .nav-visit,body>header nav .directions{display:inline-block!important;border:0;padding:7px 0;color:#f0cf73}
  body>header .mobile-toggle{display:none;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;padding:9px;border:1px solid #f0cf73;background:transparent;color:#f0cf73;cursor:pointer}
  .mobile-toggle span,.mobile-toggle span::before,.mobile-toggle span::after{display:block;width:22px;height:2px;background:currentColor;position:relative;content:""}
  .mobile-toggle span::before{position:absolute;top:-7px}.mobile-toggle span::after{position:absolute;top:7px}
  body.scrolled>header{padding-bottom:5px!important}
  body.scrolled>header .brand img{width:52px!important;height:52px!important}
  body.scrolled>header .mobile-toggle{display:inline-flex}
  body.scrolled>header nav{display:none!important}
  body.scrolled>header.menu-open nav{display:flex!important;position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:12px 22px 20px;background:#032212;box-shadow:0 16px 25px rgba(0,0,0,.25);flex-direction:column;align-items:stretch;gap:0}
  body.scrolled>header.menu-open nav a,body.scrolled>header.menu-open nav a[href="/"],body.scrolled>header.menu-open nav .nav-visit,body.scrolled>header.menu-open nav .directions{display:block!important;color:#fff;border:0;padding:12px 3px;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.18)}
  body.scrolled>header.menu-open nav a:last-child{color:#f0cf73;border-bottom:0}
}