.mobile-nav{display:none}
@media(max-width:720px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
 .mobile-nav{box-sizing:border-box;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding:4px 8px calc(4px + env(safe-area-inset-bottom));margin:0;gap:0;z-index:10000;background:#fff;border-top:1px solid #E2E8E3;box-shadow:0 -3px 18px #202a260a;line-height:1.2}
 .mobile-nav button,.mobile-nav a{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;margin:0;padding:5px 2px;border:0;background:transparent;font:500 11px/1.2 var(--font-ui,system-ui);color:#68746E;border-radius:10px;text-decoration:none;cursor:pointer}
 .mobile-nav svg,.mobile-nav #mobile-nav-announce svg{box-sizing:border-box;width:24px;height:24px;padding:0;background:transparent;color:inherit;border-radius:0;box-shadow:none;flex-shrink:0}
 .mobile-nav #mobile-nav-announce{color:#164018;font-weight:600;gap:4px;background:#f1f5f2}
 .mobile-nav [aria-current=page],.mobile-nav #mobile-nav-announce[aria-current=page]{background:#e9f3ed;color:#164018;font-weight:700}
 .mobile-nav :focus-visible{outline:2px solid #164018;outline-offset:-3px}
 dialog[open]{max-height:calc(100dvh - 86px - env(safe-area-inset-bottom));margin-top:10px;margin-bottom:calc(76px + env(safe-area-inset-bottom))}
 #listing-detail[open],#photo-lightbox[open]{height:calc(100dvh - 66px - env(safe-area-inset-bottom));max-height:calc(100dvh - 66px - env(safe-area-inset-bottom));margin-top:0;margin-bottom:calc(66px + env(safe-area-inset-bottom))}
 #contact-footer{bottom:calc(66px + env(safe-area-inset-bottom));padding-bottom:12px}
}