.product-nav{min-width:0;position:relative}.product-nav-control{align-items:center;gap:3px;display:flex}.product-nav-control>a{font-size:var(--type-nav-size);line-height:var(--type-nav-line);font-weight:500}.product-nav-control>button{width:28px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.product-nav-control>button:hover{background:var(--surface-blue);color:var(--primary)}.product-nav-control>button[aria-expanded=true] svg{transform:rotate(180deg)}.product-nav-control>button svg{transition:transform .2s}.product-nav :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.product-nav-panel{z-index:80;border:1px solid var(--line);background:var(--surface);border-radius:14px;width:320px;max-width:calc(100vw - 32px);padding:10px;position:absolute;top:100%;left:-12px;box-shadow:0 8px 24px #0f172a14}.product-nav-panel[hidden]{display:none}.product-nav-panel>a{white-space:normal;border-radius:8px;align-items:flex-start;gap:10px;padding:12px;transition:background .2s,color .2s;display:flex}.product-nav-panel>a>svg{color:var(--primary);flex:none;margin-top:2px}.product-nav-panel span{min-width:0}.product-nav-panel strong{font-size:var(--type-nav-size);line-height:var(--type-nav-line);overflow-wrap:anywhere;font-weight:600;display:block}.product-nav-panel small{font-size:var(--type-support-size);line-height:var(--type-support-line);color:var(--muted);margin-top:5px;display:block}.product-nav-panel>a:hover{background:var(--surface-blue);color:var(--primary)}.product-nav--mobile .product-nav-control{justify-content:space-between}.product-nav--mobile .product-nav-control>a{color:var(--text);padding:10px 2px}.product-nav--mobile .product-nav-control>button{width:44px;height:44px}.product-nav--mobile .product-nav-panel{width:100%;max-width:none;box-shadow:none;margin:4px 0 10px;position:static}@media (prefers-reduced-motion:reduce){.product-nav *{transition:none!important}}