.mmc-category-navigation { color: var(--mmc-color-text); min-width: 0; }
.mmc-category-navigation__entry,
.mmc-category-navigation li > div { align-items: center; display: flex; min-width: 0; }
.mmc-category-navigation__entry > a,
.mmc-category-navigation li > div > a { flex: 1 1 auto; min-width: 0; }
.mmc-category-navigation button { align-items: center; background: var(--mmc-color-surface); border: 1px solid var(--mmc-color-border); border-radius: 999px; color: var(--mmc-color-text-strong); cursor: pointer; display: inline-flex; flex: 0 0 44px; height: 44px; justify-content: center; padding: 0; }
.mmc-category-navigation button svg { fill: currentColor; height: 18px; transition: transform .18s ease; width: 18px; }
.mmc-category-navigation button[aria-expanded="true"] svg { transform: rotate(180deg); }
.mmc-category-navigation a:focus-visible,
.mmc-category-navigation button:focus-visible { outline: 3px solid var(--mmc-color-primary); outline-offset: 2px; }
.mmc-category-navigation__panel { background: var(--mmc-color-surface); border: 1px solid var(--mmc-color-border); color: var(--mmc-color-text); }
.mmc-category-navigation.is-enhanced [hidden] { display: none; }
.mmc-category-navigation--mobile:not(.is-enhanced) [hidden] { display: block; }
.mmc-category-navigation--desktop:not(.is-enhanced) .mmc-category-navigation__panel[hidden] { display: none; }
.mmc-category-navigation--desktop:not(.is-enhanced):hover .mmc-category-navigation__panel[hidden],
.mmc-category-navigation--desktop:not(.is-enhanced):focus-within .mmc-category-navigation__panel[hidden] { display: block; }
.mmc-category-navigation__panel ul { list-style: none; margin: 0; padding: 0; }
.mmc-category-navigation__panel a { color: var(--mmc-color-text); overflow-wrap: anywhere; text-decoration: none; }
.mmc-category-navigation__panel a[aria-current="page"],
.mmc-category-navigation .is-current-ancestor > div > a,
.mmc-category-navigation.is-active > .mmc-category-navigation__entry > a { color: var(--mmc-color-primary); font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.mmc-category-navigation__panel a[aria-current="page"] { background: var(--mmc-color-primary-soft); }
.mmc-category-navigation__panel a:hover { background: var(--mmc-color-primary-soft); }
.mmc-category-navigation__panel .mmc-category-navigation__all { color: var(--mmc-color-primary); display: inline-flex; font-weight: 800; margin-bottom: var(--mmc-space-sm); }

.mmc-category-navigation--mobile { width: 100%; }
.mmc-category-navigation--mobile .mmc-category-navigation__entry > a { padding: 11px 12px; }
.mmc-category-navigation--mobile .mmc-category-navigation__panel { border-radius: 12px; margin: 4px 0 8px; padding: var(--mmc-space-sm); }
.mmc-category-navigation--mobile li > div > a,
.mmc-category-navigation--mobile li li > a { display: block; font-size: 14px; font-weight: 750; padding: 10px; }
.mmc-category-navigation--mobile li ul { border-left: 1px solid var(--mmc-color-border); margin-left: var(--mmc-space-sm); padding-left: var(--mmc-space-xs); }
.mmc-global-header__mobile-panel--category-navigation { max-height: calc(100dvh - 140px); overflow-x: hidden; overflow-y: auto; }

.mmc-global-header__nav { position: relative; }
.mmc-category-navigation--desktop { position: static; }
.mmc-category-navigation--desktop .mmc-category-navigation__entry > a { min-height: 34px; padding: 8px 4px 8px 12px; }
.mmc-category-navigation--desktop .mmc-category-navigation__entry > button { border: 0; flex-basis: 34px; height: 34px; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel { left: 32px; max-height: min(70vh, 620px); max-width: calc(100vw - 64px); overflow-x: hidden; overflow-y: auto; padding: var(--mmc-space-lg); position: absolute; right: 32px; top: 100%; z-index: 10001; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel a { border-radius: 8px; min-height: 0; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > div { margin-bottom: var(--mmc-space-sm); }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > div > a { color: var(--mmc-color-text-strong); font-size: 20px; font-weight: 850; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > ul { display: grid; gap: var(--mmc-space-md); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > button,
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > div > button { display: none; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > ul > li > div > a { color: var(--mmc-color-text-strong); font-weight: 800; padding: 8px 0; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > ul > li > div > button { display: none; }
.mmc-category-navigation--desktop .mmc-category-navigation__panel > ul > li > ul > li > ul { border-top: 1px solid var(--mmc-color-border); display: block; margin-top: var(--mmc-space-xs); padding-top: var(--mmc-space-xs); }
.mmc-category-navigation--desktop li li li a { display: block; font-size: 13px; padding: 7px 0; }

@media (max-width: 920px) { .mmc-category-navigation--desktop { display: none; } }
@media (prefers-reduced-motion: reduce) { .mmc-category-navigation button svg { transition: none; } }