@media(max-width:900px){#sidebar.menu-open::before{content:"";position:fixed;inset:0;background:rgba(22,12,18,.34);z-index:19;backdrop-filter:blur(1px)}#sidebar nav{position:fixed!important;z-index:20;top:72px;right:12px;left:auto;bottom:auto;width:min(calc(100vw - 24px),340px)!important;height:auto!important;max-height:calc(100dvh - 88px);display:grid!important;align-content:start;gap:4px;margin:0!important;padding:82px 12px 14px!important;background:#281923;border:1px solid rgba(255,255,255,.14)!important;border-radius:10px;box-shadow:0 18px 50px rgba(26,10,18,.38);overflow-y:auto;transform:translateY(-12px) scale(.98);transform-origin:top right;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1);visibility:hidden}#sidebar nav::before{content:"BeautiBin";position:absolute;top:23px;left:20px;color:#fff3f1;font:600 27px 'Playfair Display',serif;line-height:1;letter-spacing:-1px}#sidebar nav::after{content:"BEAUTY · CARE · YOU";position:absolute;top:57px;left:21px;color:#cba0a7;font:700 7px 'DM Sans',sans-serif;letter-spacing:1.7px}#sidebar.menu-open nav{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;visibility:visible}#sidebar nav button{padding:12px 11px;font-size:14px;border-radius:7px}#sidebar.menu-open .mobile-bar{position:relative;z-index:21;background:#281923}.menu-open .menu-toggle{border-color:#d98f9c}.menu-open .mobile-brand{visibility:visible}body:has(#sidebar.menu-open){overflow:hidden}}