/* Public navigation: drawer is intentionally outside the sticky header. */
.menu-toggle{display:none!important}
.menu-backdrop{display:none}

@media (min-width:769px){
    .nav-links{
        position:absolute;
        z-index:60;
        top:0;
        right:max(20px,calc((100vw - var(--container))/2));
        height:78px;
        display:flex!important;
        align-items:center;
        gap:25px;
    }
}

@media (max-width:768px){
    .site-header{backdrop-filter:none}
    .menu-toggle{display:grid!important;place-content:center;width:44px;height:44px;padding:0;border:1px solid #d9e2ef;border-radius:10px;background:#fff;position:relative;z-index:1300;cursor:pointer}
    .menu-toggle i{display:block;width:21px;height:2px;margin:3px;background:var(--primary);border-radius:2px;transition:transform .24s ease,opacity .2s ease}
    .menu-toggle.open i:nth-child(1){transform:translateY(8px) rotate(45deg)}
    .menu-toggle.open i:nth-child(2){opacity:0}
    .menu-toggle.open i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
    .nav-links{position:fixed!important;z-index:1250;inset:0 0 0 auto;width:min(88vw,360px);height:100dvh;margin:0;padding:88px 24px 30px;display:flex!important;flex-direction:column;align-items:stretch;gap:4px;background:#fff;box-shadow:-18px 0 42px rgba(15,23,42,.18);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(110%,0,0);transition:transform .28s ease,opacity .22s ease,visibility 0s linear .28s}
    .nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);transition:transform .28s ease,opacity .22s ease}
    .nav-links>a{padding:13px 12px;border-bottom:1px solid var(--border);border-radius:8px}
    .nav-links>a:last-child{border-bottom:0}
    .nav-links>a.btn{margin-top:8px}
    .menu-backdrop{display:block;position:fixed;z-index:1200;inset:0;width:100vw;height:100dvh;border:0;background:rgba(11,28,54,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}
    .menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease}
}
