:root{--nav-h:64px;--sheet-w:320px;--overlay:rgba(0,0,0,.5);--radius:18px;--shadow:-12px 0 30px rgba(0,0,0,.25)}.head-row,.main-navigation{position:relative;z-index:50}.offcanvas-overlay{position:fixed;left:0;right:0;top:132px;bottom:0;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:10001}.offcanvas-overlay.show{opacity:1;pointer-events:auto}.offcanvas-sheet{position:fixed;top:130px;right:0;height:calc(100dvh - var(--nav-h));width:min(100vw, var(--sheet-w));background:#fff;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;z-index:10002}.offcanvas-sheet.open{transform:translateX(0)}.offcanvas-header{display:flex;align-items:center;padding:1rem 1rem 1rem 1.25rem;border-bottom:1px solid #eee}.offcanvas-title{margin:0;font-size:1.1rem}.offcanvas-nav{padding:.5rem 1rem 1rem}.offcanvas-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.offcanvas-list>li>a{display:block;padding:.9rem 1rem;border-radius:12px;text-decoration:none;color:#111}.offcanvas-list>li>a:hover{background:#f6f7fb}body.menu-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.offcanvas-overlay,.offcanvas-sheet{transition:none}}@media (max-width:991.98px){#primary-menu{display:none}}