.onx-nav-shell{--onx-background:#fff;--onx-text:#080808;--onx-muted:#666;--onx-accent:#f00;--onx-border:#ccc;--onx-gap:18px;--onx-padding:30px;--onx-radius:14px;--onx-image_height:100px;position:relative;color:var(--onx-text);background:var(--onx-background);font:500 14px/1.5 Poppins,sans-serif;z-index:30}
.onx-nav-shell [hidden]{display:none!important}
.onx-nav-shell button{font:inherit;cursor:pointer;box-shadow:none;text-transform:none;border:0;border-radius:0;background:transparent;color:inherit;padding:0}
.onx-nav-shell a{color:var(--onx-text);text-decoration:none}
.onx-nav-shell a:hover,.onx-nav-shell button:hover{color:var(--onx-accent)}
.onx-nav-shell a:focus-visible,.onx-nav-shell button:focus-visible{outline:2px solid var(--onx-accent);outline-offset:4px;border-radius:3px}
.onx-nav-drawer{display:flex;align-items:center;justify-content:space-between;gap:20px}
.onx-nav-items{display:flex;align-items:center;gap:var(--onx-gap);list-style:none;padding:0!important;margin:0!important}
.onx-nav-item{list-style:none;margin:0;padding:0}
.onx-nav-entry{display:flex;align-items:center;white-space:nowrap;min-height:54px}
.onx-nav-entry>a{padding:15px 0;display:block}
.onx-nav-expand{width:26px;height:44px!important;display:grid;place-items:center}
.onx-nav-expand span{font-size:20px;line-height:1;transition:transform .18s}
.onx-nav-expand[aria-expanded=true] span{transform:rotate(180deg)}
.onx-nav-entry:has([aria-expanded=true])>a{color:var(--onx-accent)}
.onx-nav-panel{position:absolute;top:100%;left:0;right:0;padding:var(--onx-padding);background:var(--onx-background);border:1px solid var(--onx-border);border-top:0;border-radius:0 0 var(--onx-radius) var(--onx-radius);box-shadow:0 16px 24px rgb(8 8 8 / .09);max-height:70vh;overflow:auto;overscroll-behavior:contain}
.onx-nav-panel .onx-nav-photo img{height:var(--onx-image_height);width:100%;object-fit:contain}
.onx-nav-shortcuts{display:flex;gap:18px;white-space:nowrap;font-size:13px}
.onx-nav-shortcuts>a{color:var(--onx-muted)}
.onx-nav-shell .onx-nav-open,.onx-nav-mobile-head,.onx-nav-backdrop{display:none}
@media (max-width:1200px){
 .onx-nav-shell .onx-nav-open{display:flex;align-items:center;gap:12px;min-height:50px;font-weight:500}
 .onx-nav-open>span{font-size:21px}
 .onx-nav-drawer{display:none;position:fixed;inset:0 0 0 auto;width:min(92vw,440px);height:100dvh;background:var(--onx-background);padding:24px;overflow-y:auto;overscroll-behavior:contain;z-index:102;align-items:stretch;justify-content:flex-start;gap:0}
 .onx-nav-shell.is-mobile-open .onx-nav-drawer{display:flex;flex-direction:column}
 .onx-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:rgb(8 8 8 / .4);z-index:101;width:100%;height:100%}
 .onx-nav-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--onx-border)}
 .onx-nav-mobile-head strong{font-weight:500;font-size:17px}
 .onx-nav-close{min-height:44px;font-size:12px!important;display:flex;align-items:center;gap:9px}
 .onx-nav-close>span{font-size:25px}
 .onx-nav-items{display:block}
 .onx-nav-item{border-bottom:1px solid var(--onx-border)}
 .onx-nav-entry{min-height:58px;justify-content:space-between;font-size:16px}
 .onx-nav-entry>a{flex:1}
 .onx-nav-expand{width:48px;height:48px!important}
 .onx-nav-panel{position:static;padding:10px 0 22px;border:0;border-radius:0;box-shadow:none;max-height:none;overflow:visible}
 .onx-nav-panel .onx-nav-photo{display:none}
 .onx-nav-shortcuts{margin-top:24px;flex-wrap:wrap;font-size:14px}
}
@media (prefers-reduced-motion:reduce){.onx-nav-expand span{transition:none}}