
/* layout.css */
.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#ffffffe6,#ffffffcc);backdrop-filter:saturate(130%) blur(10px);border-bottom:1px solid color-mix(in oklab, var(--ink) 10%, white)}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:.6rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:900;letter-spacing:.02em}
.brand img{width:28px;height:28px;border-radius:8px}
.nav-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.nav-links a{padding:.5rem .7rem;border-radius:10px;transition:background .12s ease}
.nav-links a:hover{background:color-mix(in oklab, var(--ink) 6%, white)}
.nav-links a[aria-current="page"]{background:color-mix(in oklab, var(--brand) 18%, white);color:#3b2b1f}
.hero{padding:4.5rem 1rem}.hero-inner{display:grid;gap:1.2rem;place-items:center;text-align:center}.hero .actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}
.section{padding:2.2rem 1rem}
.specials-grid{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}
.menu-grid{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}
.locations-grid{grid-template-columns:1fr;gap:1.2rem}
.map-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid color-mix(in oklab, var(--ink) 12%, white)}
.hours{background:#fff;border-radius:var(--radius);border:1px solid color-mix(in oklab, var(--ink) 10%, white);overflow:hidden}
.site-footer{border-top:1px solid color-mix(in oklab, var(--ink) 10%, white)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 0;flex-wrap:wrap}
.sticky-order{position:fixed;right:1rem;bottom:1rem;z-index:70;animation:pop .2s ease-out}@keyframes pop{from{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}
@media (min-width: 768px){.hero{padding:6rem 1rem}.hero-inner{grid-template-columns:1.3fr .9fr;text-align:left;place-items:start}.locations-grid{grid-template-columns:1fr 1fr}}
@media (min-width: 1024px){ .nav-links{gap:1.25rem} }


/* Mobile nav */
.nav-toggle{display:inline-flex;flex-direction:column;gap:4px;border:1px solid color-mix(in oklab, var(--ink) 10%, white);
  background:#fff;border-radius:10px;padding:.5rem .6rem}
.nav-toggle .bar{width:20px;height:2px;background:var(--ink);display:block;border-radius:2px}
/* collapsed by default on mobile */
.nav-links[hidden]{display:none !important}
@media (max-width: 767.98px){
  .navbar{flex-wrap:wrap}
  .nav-toggle{order:2}
  .nav-links{width:100%;flex-direction:column;gap:.25rem;padding-top:.5rem}
  .nav-links.open{display:flex !important}
}
@media (min-width: 768px){
  .nav-toggle{display:none}
  .nav-links{display:flex !important}
  .nav-links[hidden]{display:flex !important}
}
