body.gradient .facet-filters .bro-sort-btn{display:block;margin:0;white-space:nowrap;text-align:left;font-family:inherit;letter-spacing:normal}
body.gradient .bro-sort-root select.bro-sort-native{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;pointer-events:none}
body.gradient .facet-filters .select:has(.bro-sort-btn[aria-expanded=true]){background:rgb(var(--n-soft));border-radius:14px}
body.gradient .facet-filters .select:has(.bro-sort-btn[aria-expanded=true]) .bro-sort-btn{color:rgb(var(--n-on-soft))}
body.gradient .facet-filters .select .svg-wrapper{transition:transform .3s var(--n-spring)}
body.gradient .facet-filters .select:has(.bro-sort-btn[aria-expanded=true]) .svg-wrapper{transform:translateY(-50%) rotate(180deg);color:rgb(var(--n-on-soft))}
.bro-sort-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:20;display:grid;gap:2px;width:max-content;min-width:100%;padding:8px;border-radius:24px;background:rgb(var(--n-card));box-shadow:0 24px 60px -24px #00000073,0 0 0 1px var(--n-line);transform-origin:top right;animation:broSortIn .3s var(--n-spring)}
.bro-sort-menu[hidden]{display:none}
@keyframes broSortIn{from{opacity:0;transform:translateY(-8px) scale(.94)}}
.bro-sort-item{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:0 8px 0 12px;border-radius:12px;font-size:1.4rem;font-weight:500;letter-spacing:normal;line-height:1.2;color:rgb(var(--n-ink));cursor:pointer;user-select:none;outline:0;transition:background .15s,border-radius .3s var(--n-spring)}
.bro-sort-item:hover{background:rgb(var(--n-sunk));border-radius:22px}
.bro-sort-item:focus-visible{background:rgb(var(--n-sunk));box-shadow:inset 0 0 0 2px rgb(var(--n-accent))}
.bro-sort-item[aria-selected=true]{background:rgb(var(--n-soft));color:rgb(var(--n-on-soft));font-weight:700;border-radius:22px}
.bro-sort-item svg{flex:none;width:18px;height:18px;visibility:hidden}
.bro-sort-item[aria-selected=true] svg{visibility:visible}
@media (prefers-reduced-motion:reduce){.bro-sort-menu{animation:none}}
html body.gradient .mobile-facets__main{padding-top:16px}
html body.gradient .mobile-facets__summary{width:auto;margin:0 16px 8px;padding:0 20px;min-height:56px;display:flex;align-items:center;border-radius:20px;background:rgb(var(--n-card));box-shadow:inset 0 0 0 1px var(--n-line)}
html body.gradient .mobile-facets__summary>div{flex:1;min-width:0}
html body.gradient .mobile-facets__summary:has(.mobile-facets__sort){display:block;margin:0;padding:0;min-height:0;border-radius:0;background:none;box-shadow:none}
html body.gradient .mobile-facets__sort{display:block;position:relative;margin:0 16px 8px}
html body.gradient .mobile-facets__sort label{position:absolute;top:12px;left:20px;z-index:1;font-family:var(--n-mono);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--n-muted));pointer-events:none}
html body.gradient .mobile-facets__sort .select{display:block;width:auto;height:auto;margin:0;padding:0}
html body.gradient .mobile-facets__sort .bro-sort-btn{display:block;width:100%;height:68px;margin:0;padding:24px 44px 0 20px;border:0;border-radius:20px;background:rgb(var(--n-card));box-shadow:inset 0 0 0 1px var(--n-line);font-family:inherit;font-size:1.5rem;font-weight:600;letter-spacing:normal;white-space:nowrap;text-align:left;color:rgb(var(--n-ink));cursor:pointer;transition:background .2s,border-radius .3s var(--n-spring)}
html body.gradient .mobile-facets__sort .bro-sort-btn[aria-expanded=true]{background:rgb(var(--n-soft));color:rgb(var(--n-on-soft));border-radius:14px}
html body.gradient .mobile-facets__sort .select .svg-wrapper{position:absolute;top:34px;right:20px;width:10px;height:6px;margin:0;transform:translateY(-50%);pointer-events:none;transition:transform .3s var(--n-spring)}
html body.gradient .mobile-facets__sort .select .svg-wrapper svg{position:static;width:10px;height:6px}
html body.gradient .mobile-facets__sort .select:has(.bro-sort-btn[aria-expanded=true]) .svg-wrapper{transform:translateY(-50%) rotate(180deg);color:rgb(var(--n-on-soft))}
html body.gradient .mobile-facets__sort .bro-sort-menu{position:static;width:auto;min-width:0;margin-top:8px;border-radius:20px;box-shadow:inset 0 0 0 1px var(--n-line);transform-origin:top center}
html body.gradient .mobile-facets__sort .bro-sort-item{min-height:48px}