.category-dropdown-nav{position:relative;z-index:5;gap:40px;align-items:start}
.category-dropdown{position:relative;min-width:0}
.category-dropdown[open]{z-index:2}
.category-dropdown>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:4px 0;min-height:30px;user-select:none}
.category-dropdown>summary::-webkit-details-marker{display:none}
.category-dropdown>summary:hover,.category-dropdown>summary.is-selected,.category-dropdown[open]>summary{color:var(--pink)}
.category-dropdown>summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px;border-radius:3px}
.category-chevron{flex-shrink:0;color:var(--pink);transition:transform .18s}
.category-dropdown[open] .category-chevron{transform:rotate(180deg)}
.category-submenu{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-start:-18px;min-width:260px;width:max-content;max-width:calc(100vw - 36px);padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #442d3b20;max-height:65vh;overflow-y:auto}
.category-dropdown:last-child .category-submenu{inset-inline-start:auto;inset-inline-end:-18px}
.category-submenu a{display:block;padding:11px 12px;border-radius:6px;font-size:13px;line-height:1.5;white-space:normal}
.category-submenu a:hover,.category-submenu a[aria-current]{background:var(--soft);color:var(--pink)}
.category-submenu .category-overview{font-weight:600;border-bottom:1px solid var(--line);border-radius:6px 6px 0 0;margin-bottom:5px}
@media(max-width:900px){.category-dropdown-nav{gap:24px}}
@media(max-width:600px){.category-dropdown-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;padding:12px 22px}.category-dropdown>summary{font-size:12px;min-height:34px;gap:6px}.category-submenu{inset-inline-start:0;min-width:250px;max-width:calc(100vw - 44px);inset-block-start:calc(100% + 5px)}.category-dropdown:nth-child(even) .category-submenu{inset-inline-start:auto;inset-inline-end:0}.category-dropdown:last-child .category-submenu{inset-inline-end:0}.category-submenu a{padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.category-chevron{transition:none}}
@media(max-width:600px){.category-dropdown:last-child:nth-child(odd) .category-submenu{inset-inline-start:0;inset-inline-end:auto}}