.catalog-sort{display:flex;align-items:center;gap:13px;position:relative;font-size:12px;z-index:6}.sort-caption{color:#b8afa2;font-size:11px}.catalog-sort .sort-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:205px;min-height:44px;padding:12px 16px;background:linear-gradient(135deg,#2b251e,#1e1b17);color:#e8d5bc;border:1px solid #83603e;border-radius:9px;text-align:left;font-family:inherit;font-size:12px;line-height:1.5;transition:background .2s,border-color .2s,box-shadow .2s}.sort-toggle:hover,.sort-toggle[aria-expanded=true]{border-color:#cea372;background:#33291f;box-shadow:0 0 0 3px #b1834b10}.sort-toggle:focus-visible{outline:2px solid #d0a778;outline-offset:3px}.sort-chevron{width:7px;height:7px;border-bottom:1px solid #d2ae83;border-right:1px solid #d2ae83;transform:rotate(45deg) translateY(-2px);flex-shrink:0;transition:transform .2s}.sort-toggle[aria-expanded=true] .sort-chevron{transform:rotate(225deg) translate(-2px,-1px)}.catalog-sort .sort-options{position:absolute;top:calc(100% + 9px);right:0;min-width:235px;max-width:calc(100vw - 32px);padding:7px;border:1px solid #7f6346;border-radius:11px;background:#211d18;box-shadow:0 18px 48px #0009;z-index:30;animation:sort-open .18s ease-out}.sort-options button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 13px;background:transparent;border:1px solid transparent;border-radius:6px;color:#c8bcac;font-family:inherit;font-size:12px;line-height:1.5;text-align:left;transition:color .18s,background .18s}.sort-options button[aria-selected=true]{color:#f2d4ab;background:#8c62312b;border-color:#af7c3f3d}.sort-options button:hover,.sort-options button:focus-visible{background:#463321;color:#fff1dd;outline:none}.sort-check{width:14px;flex-shrink:0;color:#e2b579}.results-row:has(.sort-options:not([hidden])){position:relative;z-index:12}@keyframes sort-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:440px){.catalog-sort{gap:9px}.catalog-sort .sort-toggle{min-width:187px;min-height:42px;font-size:11px;padding:11px 12px}.catalog-sort .sort-options{min-width:225px}.sort-options button{font-size:12px}}@media(prefers-reduced-motion:reduce){.catalog-sort .sort-options{animation:none}.sort-toggle,.sort-chevron,.sort-options button{transition:none}}