/* Product ▾ dropdown in the site nav. Shared by every page.
   Colours resolve against the new-design tokens (index + /product/*) first,
   then the older pages' tokens, then a dark fallback. */
.rz-pm{
  --pm-bg:var(--bg1,var(--bg2,#0f141e));
  --pm-line:var(--line2,var(--border2,rgba(255,255,255,.13)));
  --pm-fg:var(--fg0,var(--text,#e8eaf0));
  --pm-sub:var(--fg2,var(--muted,#7b8698));
  --pm-hover:var(--bg3,rgba(255,255,255,.05));
  --pm-acc:var(--accent,var(--green,#00d97e));
  position:relative;display:inline-flex;align-items:center
}
.rz-pm-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit;line-height:inherit}
.rz-pm-btn svg{width:9px;height:9px;flex:none;transition:transform .2s ease}
.rz-pm.is-open .rz-pm-btn svg{transform:rotate(180deg)}
.rz-pm-btn:focus-visible{outline:2px solid var(--pm-acc);outline-offset:2px}
.rz-pm.is-current .rz-pm-btn{color:var(--pm-fg)}
/* trigger sizing per nav flavour: index + /product/* (.rz-nav), older pages (.nav-links), kube-upgrade-check (.rz-nav-links) */
.rz-nav .rz-pm-btn{padding:9px 12px;border-radius:10px;font-size:12px;font-weight:500;color:var(--fg1)}
.rz-nav .rz-pm-btn:hover,.rz-nav .rz-pm.is-open .rz-pm-btn{background:var(--bg3);color:var(--fg0)}
.nav-links .rz-pm-btn{font-size:.85rem;color:var(--muted)}
.nav-links .rz-pm-btn:hover,.nav-links .rz-pm.is-open .rz-pm-btn{color:var(--text,#e8eaf0)}
.rz-nav-links .rz-pm-btn{font-size:13px;color:rgba(232,234,240,.55)}
.rz-nav-links .rz-pm-btn:hover,.rz-nav-links .rz-pm.is-open .rz-pm-btn{color:#e8eaf0}

.rz-pm-panel{
  position:absolute;top:calc(100% + 10px);left:-8px;z-index:120;
  width:360px;max-width:calc(100vw - 32px);padding:8px;
  border:1px solid var(--pm-line);border-radius:14px;background:var(--pm-bg);
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s
}
/* invisible bridge so the pointer can cross the gap without closing the menu */
.rz-pm-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.rz-pm.is-open .rz-pm-panel{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease,visibility 0s}

.rz-pm .rz-pm-item{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:10px;font-size:inherit;color:var(--pm-fg);text-decoration:none;background:transparent}
.rz-pm .rz-pm-item:hover,.rz-pm .rz-pm-item:focus-visible{background:var(--pm-hover);outline:none}
.rz-pm .rz-pm-item[aria-current="page"]{background:var(--pm-hover)}
.rz-pm-ico{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:12px;font-weight:700;background:rgba(0,217,126,.14);color:var(--pm-acc)}
.rz-pm-ico[data-tone="warn"]{background:rgba(251,191,36,.14);color:var(--warn,#fcd34d)}
.rz-pm-ico[data-tone="ok"]{background:rgba(52,211,153,.14);color:var(--ok,#6ee7b7)}
.rz-pm-ico[data-tone="info"]{background:rgba(96,165,250,.14);color:var(--info,#93c5fd)}
.rz-pm-ico[data-tone="err"]{background:rgba(248,113,113,.14);color:var(--err,#fca5a5)}
.rz-pm-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.rz-pm-t{font-family:'Space Grotesk','Outfit',sans-serif;font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--pm-fg)}
.rz-pm-s{font-size:11.5px;line-height:1.45;color:var(--pm-sub)}
.rz-pm .rz-pm-all{display:block;margin:6px 2px 0;padding:10px 10px 4px;border-top:1px solid var(--pm-line);font-size:11.5px;color:var(--pm-acc);text-decoration:none}
.rz-pm .rz-pm-all:hover{color:var(--pm-fg);background:transparent}

@media (prefers-reduced-motion:reduce){.rz-pm-panel,.rz-pm-btn svg{transition:none}}