#mobileNavigation{position:fixed;inset:0 0 0 auto;margin:0;width:min(360px,92vw);height:100dvh;max-height:100dvh;max-width:92vw;padding:24px 24px calc(24px + env(safe-area-inset-bottom));border:0;border-left:1px solid #ded8d0;background:#fbf9f6;color:#24231f;overflow-y:auto;box-shadow:-10px 0 40px #24231f22}
#mobileNavigation:not([open]){display:none}#mobileNavigation::backdrop{background:#24231f80}.mobile-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:25px}.mobile-menu-heading h2{font:25px/1.2 Georgia,serif;letter-spacing:0;margin:0}#mobileMenuClose{flex:0 0 44px;width:44px;height:44px;border:1px solid #ded8d0;border-radius:50%;background:#f1ece5;color:#24231f;font-size:20px}#mobileNavigation nav{display:flex!important;flex-direction:column;gap:0}#mobileNavigation nav a{display:block;padding:17px 4px;border-bottom:1px solid #ded8d0;font-size:17px;font-weight:500;min-height:52px;text-decoration:none;color:#24231f}#mobileNavigation nav a:hover{color:#7d7063;background:#f1ece5}.mobile-menu-note{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#746f68;margin-top:30px}.mobile-menu-open,.mobile-menu-open body{overflow:hidden}#mobileMenuToggle:focus-visible,#mobileNavigation :focus-visible{outline:2px solid #7d7063;outline-offset:3px}
@media(max-width:980px){.header>.menu-btn{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;border-color:#ded8d0;background:#fbf9f6;color:#24231f;font-size:22px;touch-action:manipulation}.header>nav{display:none!important}.header{gap:12px}.header .brand{min-width:0}.header-actions{gap:4px}}
@media(max-width:380px){.header{padding-left:10px;padding-right:10px;gap:6px}.header .brand{font-size:19px;letter-spacing:0}.header .brand small{font-size:6px;letter-spacing:1px}.header .cart-btn{padding:10px}.header .cart-btn span{margin-left:3px}}