/* fx99-nav mega panel (overlay 139986). The approved v4 panel CSS (notes/nav/tools/nav_mockup.py MEGA_CSS),
   panel rules only: the header, the overlay's position and the mobile drawer are the live GB header's.
   No eyebrow over the tabs (Shawn, 2026-10-14). */
.mm-panel{background-color:var(--base);border-radius:8px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.06), 0 18px 40px rgba(0, 0, 0, 0.10);color:var(--contrast);font-family:Inter,'Inter Fallback',sans-serif;line-height:1.65;overflow:hidden;width:100%}
.mm-panel,.mm-panel *,.mm-panel *::before,.mm-panel *::after{box-sizing:border-box}
.mm-panel ul{list-style:none;margin:0;padding:0}
.mm-panel .mm-chip svg,.mm-panel .mm-back{display:none}
.mm-chipbar{background-color:var(--base-2);border-bottom:1px solid var(--rule);padding:16px 26px}
.mm-chips{align-items:baseline;column-gap:8px;display:flex;flex-wrap:wrap;row-gap:8px}
.mm-chip{align-items:baseline;background-color:var(--base);border:1px solid var(--rule);border-radius:999px;color:var(--contrast-2);cursor:pointer;display:flex;font-family:inherit;font-size:0.9375rem;font-weight:600;line-height:1.65;padding:8px 14px;transition:background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease}
.mm-chip[aria-selected="true"]{background-color:var(--brand-soft);border-color:var(--brand-dk);color:var(--brand-dk)}
.mm-chip:is(:hover,:focus-visible){background-color:var(--brand-soft);border-color:var(--brand-soft);color:var(--brand-dk)}
.mm-chip[aria-selected="true"]:is(:hover,:focus-visible){border-color:var(--brand-dk)}
.mm-chip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mm-chip,.mm-pane a.mm-l{transition-duration:0s}}
.mm-pane{padding:20px 26px 22px}
.mm-pane[hidden]{display:none}
.mm-head{align-items:baseline;column-gap:12px;display:flex;flex-wrap:wrap;margin-bottom:6px;row-gap:2px}
.mm-head h2{color:var(--contrast);font-size:1.125rem;font-weight:600;letter-spacing:0;line-height:1.3;margin:0}
.mm-head p{font-size:0.875rem;font-variant-numeric:tabular-nums;margin:0}
.mm-brands,.mm-singles ul{column-gap:24px;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr))}
.mm-brands + .mm-singles{border-top:1px solid var(--rule);margin-top:10px;padding-top:10px}
@media (min-width:1025px){
.mm-pane--s4 .mm-singles ul,.mm-pane--o4 .mm-singles ul{grid-template-columns:repeat(4, minmax(0, 1fr))}
.mm-pane--side .mm-body{column-gap:24px;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr))}
.mm-pane--side .mm-brands{align-self:start;grid-column:span 3;grid-template-columns:repeat(3, minmax(0, 1fr))}
.mm-pane--side .mm-singles{grid-column:span 2}
.mm-pane--side .mm-brands + .mm-singles{border-top:0;margin-top:0;padding-top:0}
.mm-pane--side .mm-singles ul{grid-template-columns:minmax(0, 1fr)}
}
.mm-pane a.mm-l{color:var(--brand);display:block;font-size:0.9375rem;line-height:1.35;padding:11px 0;text-decoration:none;transition:color 0.18s ease}
.mm-pane a.mm-l:is(:hover,:focus-visible){color:var(--brand-dk);text-decoration:underline}
.mm-all{align-items:center;color:var(--brand-dk);column-gap:6px;display:inline-flex;font-size:0.9375rem;font-weight:700;min-height:44px;text-decoration:none}
.mm-all:is(:hover,:focus-visible){color:var(--brand-dk);text-decoration:underline}
.mm-all svg{height:16px;width:16px}
.mm-foot{align-items:center;background-color:var(--deep);column-gap:24px;display:flex;flex-wrap:wrap;padding:14px 26px;row-gap:10px}
.mm-foot .fx-eyebrow{color:var(--rule)}
.mm-foot .mm-f{color:var(--base-3);font-size:0.9375rem;font-weight:600;margin:0;text-decoration:none}
.mm-foot .mm-f:is(:hover,:focus-visible){color:var(--brand-soft);text-decoration:underline}
.mm-foot .mm-f--first{color:var(--cta);font-weight:700}
.mm-foot .mm-f--first:is(:hover,:focus-visible){color:var(--cta);text-decoration:underline}
@media (max-width:1024px){
.mm-panel{background-color:var(--base-2);border-radius:0;box-shadow:none;min-height:100%;overflow:visible}
.mm-chipbar{border-bottom:0;padding:0 16px 18px}
.mm-chips{display:block}
.mm-chip{align-items:center;background-color:transparent;border:0;border-radius:0;color:var(--contrast);font-size:1.1875rem;justify-content:space-between;min-height:70px;padding:8px 4px;text-align:left;width:100%}
.mm-chip[aria-selected="true"],.mm-chip[aria-selected="true"]:is(:hover,:focus-visible){background-color:transparent;border-color:transparent;color:var(--contrast)}
.mm-chip:is(:hover,:focus-visible){background-color:var(--brand-soft);border-color:transparent}
.mm-panel .mm-chip svg{color:var(--brand);display:block;flex:0 0 auto;height:16px;width:16px}
.mm-panel:not(.is-drilled) .mm-pane,.mm-panel.is-drilled .mm-chipbar,.mm-panel.is-drilled .mm-foot{display:none}
.mm-pane{padding:0 0 22px}
.mm-panel .mm-back{align-items:flex-end;background-color:var(--deep);border:0;color:var(--base-3);cursor:pointer;display:flex;font-family:inherit;font-size:0.875rem;font-weight:700;height:102px;padding:0 16px 14px;width:100%}
.mm-back:is(:hover,:focus-visible){text-decoration:underline}
.mm-head{background-color:var(--brand-soft);display:block;margin-bottom:14px;padding:12px 16px}
.mm-head p{color:var(--contrast-2)}
.mm-brands,.mm-singles{padding:0 16px}
.mm-brands,.mm-singles ul{display:block}
.mm-brands + .mm-singles{margin:10px 16px 0;padding:10px 0 0}
.mm-pane a.mm-l{align-items:center;color:var(--contrast);display:flex;font-size:1.1875rem;font-weight:600;line-height:1.65;min-height:70px;padding:8px 0}
.mm-foot{column-gap:16px;padding:14px 16px}
.mm-foot .fx-eyebrow{display:none}
}