/* Phone navigation only; the existing desktop menu stays in place. */
.cottage-menu-trigger{display:none}
.cottage-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(330px,88vw);max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:22px;border:0;border-left:1px solid #bbae8b;border-radius:22px 0 0 22px;background:#332419;color:#fff;font:16px/1.4 'Segoe UI',Arial,sans-serif;box-shadow:-8px 0 30px #0003;overflow:auto;overscroll-behavior:contain}
.cottage-drawer[open]{animation:cottage-swish .23s ease-out}
.cottage-drawer::backdrop{background:#19120dc0}
.cottage-drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.cottage-drawer-title{font:34px/1.1 Cottage,Gabriola,Georgia,serif;margin:0;color:#fff}
.cottage-menu-close{width:44px;height:44px;border:1px solid #bbae8b;border-radius:50%;background:transparent;color:white;font:28px/1 Arial,sans-serif;cursor:pointer}
.cottage-drawer nav{display:grid;gap:12px;margin:0;padding:0;max-width:none}
.cottage-drawer nav a{display:flex;align-items:center;min-height:48px;box-sizing:border-box;padding:12px 18px;border:1px solid #bbae8b;border-radius:999px;color:#fff;background:transparent;text-decoration:none;font:600 16px/1.4 'Segoe UI',Arial,sans-serif;letter-spacing:.025em}
.cottage-drawer nav a[aria-current="page"]{background:#697746;border-color:#d3d7a8}
.cottage-drawer nav a:hover{background:#ffffff18}
.cottage-drawer nav a[aria-current="page"]:hover{background:#697746}
.cottage-menu-trigger:focus-visible,.cottage-menu-close:focus-visible,.cottage-drawer a:focus-visible{outline:3px solid #e0d5a2;outline-offset:4px}
html.cottage-menu-open,html.cottage-menu-open body{overflow:hidden}
@keyframes cottage-swish{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}
@media(max-width:780px){
  header.cottage-navigation{position:fixed;inset:0 0 auto;z-index:1000;width:100%;box-sizing:border-box}
  header.cottage-navigation nav{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;min-height:70px;box-sizing:border-box}
  header.cottage-navigation .brand{font-size:29px;gap:8px}
  header.cottage-navigation .brand svg{width:28px;height:36px}
  header.cottage-navigation .navlinks{display:none}
  .cottage-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 14px;border:1px solid #bbae8b;border-radius:999px;background:transparent;color:#fff;font:600 15px/1.2 'Segoe UI',Arial,sans-serif;cursor:pointer}
  .cottage-menu-icon{display:grid;gap:4px;width:17px}
  .cottage-menu-icon i{display:block;width:17px;height:2px;border-radius:2px;background:currentColor}
  #home-menu-spacer{height:var(--home-menu-height,70px)}
  html{scroll-padding-top:85px}
}
@media(prefers-reduced-motion:reduce){.cottage-drawer[open]{animation:none}}
