@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes checkmarkPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.sort-dropdown{position:relative}.sort-dropdown[data-sort-dropdown]{display:inline-block}.sort-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:140px;position:relative;z-index:10}.sort-button:hover{background:#f8fafc;border-color:rgb(156.2571428571,178.6571428571,241.7428571429);color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,78,216,.08)}.sort-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(29,78,216,.1)}.sort-button:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1)}.sort-button.sort-button-open{border-color:#1d4ed8;background:rgba(29,78,216,.05);color:#1d4ed8}.sort-label{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis}.sort-icon{transition:transform .3s ease;color:#6b7280}.sort-button:hover .sort-icon{color:#1d4ed8}.sort-button-open .sort-icon{transform:rotate(180deg);color:#1d4ed8}.sort-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);z-index:1000;overflow:hidden;animation:slideDown .2s ease-out forwards;transform-origin:top right}.sort-menu.sort-menu-closing{animation:slideUp .15s ease-in forwards}.sort-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;background:rgba(0,0,0,0);border:none;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sort-menu-item:hover{background:#f8fafc;color:#1d4ed8;padding-left:24px}.sort-menu-item:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1d4ed8,rgb(111.293877551,143.893877551,235.706122449))}.sort-menu-item:active{background:rgb(240.86,244.9,248.94)}.sort-menu-item.sort-menu-item-selected{background:rgba(29,78,216,.08);color:#1d4ed8;font-weight:600}.sort-menu-item.sort-menu-item-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1d4ed8,#1e40af)}.sort-checkmark{width:8px;height:8px;border-radius:50%;background:#1d4ed8;animation:checkmarkPulse 2s ease-in-out infinite;position:relative}.sort-checkmark:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:rgba(29,78,216,.2);animation:checkmarkPulse 2s ease-in-out .5s infinite}.sort-dropdown-mobile .sort-button{min-width:120px;padding:6px 12px;font-size:.8125rem}.sort-dropdown-mobile .sort-menu{width:200px;right:0}@media(max-width:480px){.sort-dropdown-mobile .sort-menu{width:180px;right:-50%;transform-origin:top center}}.sort-dropdown-mobile .sort-menu-item{padding:12px 16px;font-size:.8125rem}.sort-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;background:#1d4ed8;color:#fff;font-size:.625rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(29,78,216,.3);animation:checkmarkPulse 1.5s ease-in-out infinite}.sort-badge.sort-badge-hot{background:linear-gradient(135deg,#dc2626,#f59e0b)}.sort-badge.sort-badge-new{background:linear-gradient(135deg,#10b981,#0ea5e9)}@media(max-width:640px){.sort-dropdown:not(.sort-dropdown-mobile){display:none}}.sort-button:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px}.sort-menu-item:focus-visible{outline:2px solid #1d4ed8;outline-offset:-2px}