.nk-sort { position: relative; display: inline-flex; }
.nk-sort__btn.is-active { color: var(--fl-accent); }
.nk-sort__btn[aria-expanded="true"] { background: var(--fl-accent-tint); color: var(--fl-ink); }
.nk-sort__menu { position: absolute; right: 0; top: calc(100% + 10px); z-index: 60; min-width: 200px; max-width: calc(100vw - 20px); padding: 10px 6px 6px; background: var(--fl-surface); color: var(--fl-text); border: 1px solid var(--fl-rule); border-radius: var(--fl-radius); box-shadow: var(--fl-shadow-lg); font-family: 'Dubai', 'Segoe UI', system-ui, sans-serif; font-size: 15px; }
.nk-sort__menu[hidden] { display: none; }
.nk-sort__title { margin: 0 10px 6px; font-weight: 700; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--fl-muted, var(--fl-text)); }
.nk-sort__menu ul { list-style: none; margin: 0; padding: 0; }
.nk-sort__opt { display: flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 8px; color: var(--fl-text); text-decoration: none; }
.nk-sort__opt:hover, .nk-sort__opt:focus-visible { background: var(--fl-band); color: var(--fl-ink); outline: none; }
.nk-sort__opt[aria-current="true"] { color: var(--fl-accent); font-weight: 700; }
.nk-sort__tick { display: inline-block; width: 1.1em; }
.fl-sortnote { margin: 0 0 14px; font-size: 15px; color: var(--fl-text); }
@media (max-width: 600px) { .nk-sort { position: static; } .nk-sort__menu { right: 10px; left: auto; top: calc(100% + 4px); } }