/* Shared website navigation only. Product content/auth stays on ai.ping4u.cc. */
.ai-navigation{position:relative;flex:none;font:inherit;color:inherit}
.ai-navigation>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;white-space:nowrap;padding:10px 0}
.ai-navigation>summary::-webkit-details-marker{display:none}
.ai-navigation>summary:focus-visible{outline:2px solid #ff8533;outline-offset:4px}
.ai-navigation[open]>summary{color:#ff8533}
.ai-navigation .ai-navigation-panel{position:absolute;top:100%;left:0;z-index:40;width:490px;max-width:calc(100vw - 40px);padding:20px;background:#171d20;color:#f7f7f4;border:1px solid #384247;border-radius:10px;box-shadow:0 16px 36px #0005;text-align:left;white-space:normal}
.ai-navigation .ai-navigation-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ai-navigation .ai-navigation-group{display:block;margin:0;padding:0;border:0;background:none;min-width:0}
.ai-navigation .ai-navigation-group h2{font:600 11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:.02em;color:#aebbc2;margin:0 0 10px;padding:0}
.site-header .ai-navigation a,body .shared-header .ai-navigation a{display:block;padding:9px 10px;margin:0 -10px;border:0;border-radius:5px;font-size:13px;line-height:1.4;text-decoration:none;color:#f7f7f4;opacity:1}
.site-header .ai-navigation a:hover,body .shared-header .ai-navigation a:hover{color:#ff8533;background:#232d32}
.ai-navigation .ai-navigation-panel p{margin:14px 0 0;padding:12px 0 0;border-top:1px solid #384247;font:12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#aebbc2}
.mobile-nav .ai-navigation,body .shared-mobile .ai-navigation{width:100%;border-bottom:1px solid #343c42}
.mobile-nav .ai-navigation>summary,body .shared-mobile .ai-navigation>summary{padding:14px 0;justify-content:space-between}
.mobile-nav .ai-navigation .ai-navigation-panel,body .shared-mobile .ai-navigation .ai-navigation-panel{position:static;width:100%;max-width:none;box-shadow:none;margin:0 0 12px;max-height:55vh;overflow:auto}
@media(max-width:500px){.ai-navigation .ai-navigation-groups{grid-template-columns:1fr;gap:18px}}

.ai-navigation:not(.has-ai-admin) .ai-navigation-groups{grid-template-columns:1fr}
.ai-navigation:not(.has-ai-admin) .ai-navigation-panel{width:280px}
.ai-navigation [data-ai-admin-slot][hidden]{display:none!important}

.mobile-nav .ai-navigation:not(.has-ai-admin) .ai-navigation-panel,body .shared-mobile .ai-navigation:not(.has-ai-admin) .ai-navigation-panel{width:100%}
