.more-local-menu { display: contents; }
.more-local-menu-toggle { display: none; }

@media (min-width: 841px) {
  .more-local-page .more-local-header-shell,
  .ml-header-shell {
    height: 104px !important;
    min-height: 104px;
    padding: 18px 24px 14px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    contain: style !important;
    transition: height .22s ease, min-height .22s ease, padding .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
  }
  .more-local-page .more-local-header-inner,
  .ml-header {
    width: min(1240px, 100%) !important;
    height: 72px !important;
    min-height: 72px !important;
    margin-inline: auto;
    padding: 0 22px !important;
    overflow: visible;
    border: 1px solid rgba(72, 70, 49, .14) !important;
    border-radius: 22px !important;
    background: rgba(255, 253, 249, .97) !important;
    box-shadow: 0 18px 46px -32px rgba(16, 41, 31, .42), inset 0 1px rgba(255, 255, 255, .94) !important;
    transition: border-color .22s ease, border-radius .22s ease, background-color .22s ease, box-shadow .22s ease;
  }
  html.more-local-header-docked .more-local-page .more-local-header-shell,
  html.more-local-header-docked .ml-header-shell {
    height: 72px !important;
    min-height: 72px;
    padding: 0 24px !important;
    border-bottom: 1px solid rgba(222, 212, 193, .78) !important;
    background: rgba(255, 253, 249, .96) !important;
    box-shadow: 0 14px 34px -30px rgba(16, 41, 31, .72) !important;
    backdrop-filter: blur(18px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.06) !important;
  }
  html.more-local-header-docked .more-local-page .more-local-header-inner,
  html.more-local-header-docked .ml-header {
    border-color: transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

@media (max-width: 840px) {
  :root { --ml-sticky-offset: 18px; }
  html { scroll-padding-top: 18px; }
  html.more-local-nav-open { overflow: hidden !important; }

  .more-local-page .more-local-header-shell,
  .ml-header-shell {
    position: relative !important;
    top: auto !important;
    padding: 8px 16px !important;
    transform: none;
    contain: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .more-local-page .more-local-header-inner,
  .ml-header {
    position: relative;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 50px;
    grid-template-rows: 62px;
    gap: 0 12px !important;
    height: 62px;
    min-height: 62px !important;
    padding: 0 !important;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .more-local-brand, .ml-brand { position: relative; z-index: 2; grid-column: 1; grid-row: 1; }
  .ml-brand small { display: none; }
  .more-local-menu-toggle {
    position: relative;
    z-index: 2;
    grid-column: 2;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    gap: 4px;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: inset 0 0 0 1.25px currentColor;
    color: #10291f;
    cursor: pointer;
  }
  .more-local-menu-toggle span { width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
  .more-local-menu {
    position: fixed;
    z-index: 1;
    inset: 0;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    height: 100vh;
    height: 100dvh;
    padding: 104px 24px max(32px, env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #10291f;
    color: #fffaf0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s;
  }
  .more-local-page .more-local-nav, .ml-nav {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .more-local-page .more-local-nav a, .ml-nav a {
    justify-content: flex-start;
    min-height: 44px;
    padding: 0 !important;
    color: #fffaf0 !important;
    background: transparent !important;
    box-shadow: none;
    font: 400 clamp(28px, 7vw, 34px)/1.25 Georgia, serif !important;
    white-space: normal;
  }
  .more-local-page .more-local-nav a[aria-current='page'], .ml-nav a[aria-current='page'] { color: #e8ce90 !important; }
  .more-local-page .more-local-owner-link, .ml-owner-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 18px !important;
    border: 1px solid #d2b66d !important;
    background: transparent !important;
    color: #fffaf0 !important;
  }
  .more-local-nav-open .more-local-brand, .more-local-nav-open .ml-brand { position: fixed; top: 11px; left: 16px; }
  .more-local-nav-open .more-local-menu-toggle { position: fixed; top: 14px; right: 16px; }
  .more-local-nav-open .more-local-menu { visibility: visible; opacity: 1; pointer-events: auto; }
  .more-local-nav-open .more-local-header-shell, .more-local-nav-open .ml-header-shell { background: #10291f !important; }
  .more-local-nav-open .more-local-brand > span, .more-local-nav-open .ml-brand, .more-local-nav-open .more-local-menu-toggle { color: #fffaf0 !important; }
  .more-local-nav-open :focus-visible { outline: 3px solid #e8ce90 !important; outline-offset: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .more-local-menu { transition: none; }
}