/* Shared browse and account drawers, matching the Served Neat app. */
.sn-site-redesign.sn-menu-open #header { position:relative; z-index:1700; }
.sn-site-redesign.sn-menu-open { overflow:hidden; }
.sn-site-redesign #menu-icon { display:inline-flex; align-items:center; justify-content:center; float:none; flex-shrink:0; width:44px; height:44px; padding:0; margin:0 !important; }
.sn-site-redesign .sign-in-or-account-info { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #a3855b; }
.sn-site-redesign .sign-in-or-account-info img { padding:0 !important; }
/* Keep the drawers rendered so both opening and closing can slide. */
.sn-site-redesign #left_menu,
.sn-site-redesign #login-content { display:block; position:fixed; top:0; bottom:0; z-index:10000; width:360px !important; min-width:0; max-width:100vw; height:100vh; height:100dvh; max-height:100dvh; margin:0; padding:0 !important; border:0; border-radius:0; background:#fff8ef; color:#2b1d0b; font:400 14px/1.6 'Q4 Lora',Georgia,serif; overflow-y:auto; overscroll-behavior:contain; visibility:hidden; pointer-events:none; transition:transform .3s ease, visibility 0s linear .3s; box-shadow:0 0 32px #0003; }
.sn-site-redesign #left_menu { left:0; right:auto; transform:translateX(-100%); }
.sn-site-redesign #login-content { left:auto; right:0; transform:translateX(100%); }
.sn-site-redesign #left_menu.is-open,
.sn-site-redesign #login-content.is-open { transform:translateX(0); visibility:visible; pointer-events:auto; transition-delay:0s; }
.sn-menu-backdrop { position:fixed; inset:0; z-index:9999; background:rgba(33,22,9,.55); opacity:0; visibility:hidden; transition:opacity .3s ease, visibility 0s linear .3s; }
.sn-menu-open .sn-menu-backdrop { opacity:1; visibility:visible; transition-delay:0s; }
.sn-drawer-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:calc(22px + env(safe-area-inset-top, 0px)) 24px 22px; margin-bottom:12px; background:#211609; color:#fff2e3; border-bottom:1px solid #b78947; }
.sn-drawer-heading h2 { margin:0; color:inherit; font:600 26px/1.2 'Q4 Cormorant',Georgia,serif; }
.sn-site-redesign .sn-drawer-heading button { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; border:1px solid #a3855b; background:transparent; color:#f7ce92; font:28px/1 Arial,sans-serif; cursor:pointer; }
.sn-site-redesign .sn-drawer-heading button:focus-visible { outline:3px solid #f7ce92; outline-offset:3px; }
.sn-site-redesign #left_menu .sn-menu-groups,
.sn-site-redesign #login-content #menu_items { padding:0 24px calc(24px + env(safe-area-inset-bottom, 0px)); }
.sn-site-redesign #left_menu .sn-menu-groups > li,
.sn-site-redesign #login-content li { border-bottom:1px solid #e4d5bf; }
.sn-site-redesign #left_menu .sn-menu-groups a,
.sn-site-redesign #left_menu .sn-menu-group summary,
.sn-site-redesign #login-content .user_menu { padding:14px 0 !important; border:0; background:transparent; color:#2b1d0b; font:400 14px/1.6 'Q4 Lora',Georgia,serif; text-align:left; text-decoration:none; }
.sn-site-redesign #left_menu .sn-menu-group summary { margin-left:18px; font-weight:600; }
.sn-site-redesign #left_menu .sn-menu-group ul { padding:0 0 8px 18px; }
.sn-site-redesign #left_menu .sn-menu-group ul a { font-size:13px; }
.sn-site-redesign #left_menu a:hover,
.sn-site-redesign #left_menu a[aria-current="page"],
.sn-site-redesign #login-content .user_menu:hover { color:#865b1c; text-decoration:underline; text-underline-offset:4px; }
.sn-site-redesign #login-content ul { margin:0; list-style:none; }
.sn-site-redesign #login-content button.user_menu { display:block; width:100%; border:0; background:transparent; cursor:pointer; }
.sn-site-redesign #login-content .user_menu:focus-visible { outline:3px solid #b78947; outline-offset:2px; }
.sn-site-redesign #login-content > .row { margin:0; padding:0 12px; }
.sn-site-redesign #left_menu .sn-menu-groups { padding-bottom:calc(30px + env(safe-area-inset-bottom, 0px)); }
@media(prefers-reduced-motion:reduce) {
    .sn-site-redesign #left_menu,.sn-site-redesign #login-content,.sn-menu-backdrop { transition:none; }
}
