/* Mobile navigation uses the same slate, timber and sign shapes as the shop. */
.mobile-nav-title,.mobile-nav-arrow,.mobile-menu-backdrop,.mobile-actions{display:none}
.menu-mark-close{display:none}
@media(max-width:680px){
  /* Reserve the bar itself; its ribbon overlaps the footer grass. */
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  .menu-toggle{position:relative;isolation:isolate;justify-content:center;gap:5px;min-width:96px;min-height:44px;padding:9px 10px;border:0;border-radius:0;background:transparent;color:var(--brown);font-family:var(--font-display);font-size:12px;font-weight:600;line-height:1.3;transform:translateY(5px);filter:drop-shadow(0 2px 1px #21170f30)}
  .menu-toggle::before,.menu-toggle::after{content:'';position:absolute;inset:3px 0;z-index:-1;background:#8b672f;mask:url('/assets/signboard-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/signboard-mask.svg') center/100% 100% no-repeat}
  .menu-toggle::after{inset:4.4px 1.4px;background-color:var(--gold);background-image:url('/assets/photo-paper-grain.svg');background-size:100px 100px}
  .menu-toggle:hover::after,.menu-toggle[aria-expanded="true"]::after{background-color:var(--gold-light)}
  .menu-mark{width:20px;height:20px;flex-shrink:0}
  .menu-toggle[aria-expanded="true"] .menu-mark-bars{display:none}
  .menu-toggle[aria-expanded="true"] .menu-mark-close{display:block}
  .navigation{left:0;right:0;top:calc(100% + 20px);gap:0;padding:17px 20px 21px;border:7px solid #795b3a;border-image:url('/assets/header-wood-v2.webp') 35 stretch;background:#252723 url('/assets/chalkboard-surface-v1.webp') center top/600px auto;box-shadow:inset 0 0 18px #090e0966,0 8px 18px #21170f40;max-height:min(520px,calc(100dvh - 246px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a29170 #272925;text-align:left}
  .mobile-nav-title{display:block;font-family:var(--font-display);font-size:22px;line-height:1.4;color:var(--gold-light);margin:0 0 9px;padding-bottom:12px;background:url('/assets/chalk-rule.svg') left bottom/100% 5px no-repeat}
  .navigation>a:not(.nav-phone){display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:55px;padding:12px 2px;border:0;background:url('/assets/chalk-rule.svg') center bottom/100% 4px no-repeat;font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.4;color:#fff5df;text-shadow:none}
  .navigation>a[aria-current]:not(.nav-phone){color:var(--gold-light);font-weight:600}
  .mobile-nav-arrow{display:block;flex-shrink:0;width:34px;height:25px;color:var(--gold-light);opacity:.85}
  .navigation>a:hover .mobile-nav-arrow{transform:translateX(2px)}
  .navigation .nav-phone{justify-content:center;gap:10px;min-height:52px;padding:14px 18px;margin-top:18px;width:100%;font-family:var(--font-body);font-size:14px;line-height:1.3;box-shadow:none}
  .navigation>a:focus-visible{outline-color:var(--gold-light);outline-offset:1px}
  .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:48;background:#21170f78}
  .mobile-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:6px;margin:0;padding:12px 10px calc(8px + env(safe-area-inset-bottom,0px));border:0;background:var(--cream) url('/assets/photo-paper-grain.svg') center/180px;box-shadow:none;z-index:51}
  .mobile-actions::before{content:'';position:absolute;top:-12px;left:0;right:0;height:26px;background:url('/assets/gingham-cloth-hem.svg') center/336px 26.4px repeat-x;filter:drop-shadow(0 -2px 2px #2b20193d);pointer-events:none}
  .mobile-actions>a.button{width:100%;min-width:0;min-height:52px;gap:7px;padding:10px 9px;font-family:var(--font-display);font-size:12.5px;font-weight:600;line-height:1.35;color:var(--brown);background:none;white-space:nowrap}
  .mobile-actions>a:first-child{background:none}
  .mobile-actions>a.button::after{background-image:url('/assets/photo-paper-grain.svg');background-size:120px}
  .mobile-actions>a.button:hover{color:var(--brown);--sign-fill:var(--gold-light)}
  .mobile-action-icon{width:27px;height:27px;flex-shrink:0}
}
@media(max-width:360px){
  .menu-toggle{min-width:92px;min-height:44px;padding-inline:9px;font-size:11.5px;gap:5px}
  .menu-mark{width:19px;height:19px}
  .navigation{left:0;right:0;padding:14px 16px 18px}
  .navigation>a:not(.nav-phone){font-size:17px;min-height:53px}
  .mobile-actions{padding-inline:8px;gap:5px}
  .mobile-actions>a.button{font-size:11.5px;gap:5px;padding-inline:7px}
  .mobile-action-icon{width:24px;height:24px}
}
@media(max-width:680px) and (max-height:700px){
  .navigation>a[href="/"],.mobile-nav-title{display:none}
  .navigation{padding-block:12px 15px}
  .navigation .nav-phone{margin-top:12px}
}