.sort-by-dropdown{align-items:center;display:flex;gap:1rem;justify-content:space-between;position:relative}.sort-by-dropdown .filter-icon{color:#60a5fa;cursor:pointer;display:none;font-size:18px;transition:all .2s ease}.sort-by-dropdown .filter-icon:hover{color:#2563eb}.sort-by-dropdown .filter-overlay{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1024}.sort-by-dropdown .filter-overlay.active{display:block}.sort-by-dropdown .filter-sidebar{background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.2);height:100%;left:-100%;overflow-y:auto;padding:1rem 2rem 0;position:fixed;top:0;transition:left .3s ease-in-out;width:80%;z-index:1024}.sort-by-dropdown .filter-sidebar.open{left:0}.sort-by-dropdown .filter-sidebar .filter-content{margin-top:3rem}.sort-by-dropdown .filter-sidebar .close-btn{color:#60a5fa;cursor:pointer;font-size:24px;left:1rem;position:absolute;top:1rem}.sort-by-dropdown .filter-sidebar .button-container{background-color:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;justify-content:flex-end;padding:.5rem 0;position:sticky;width:100%}.sort-by-dropdown .filter-sidebar .button-container button{align-items:center;background-color:#f59e0b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.sort-by-dropdown .filter-sidebar .button-container button:hover{background-color:#d97706}.sort-by-dropdown .dropdown-toggle{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:#333;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-width:200px;padding:8px 16px;text-align:left;transition:all .2s ease}.sort-by-dropdown .dropdown-toggle:focus,.sort-by-dropdown .dropdown-toggle:hover{background-color:#f8f9fa;border-color:#ccc;box-shadow:0 2px 8px rgba(0,0,0,.1)}.sort-by-dropdown .dropdown-toggle:after{margin-left:12px}.sort-by-dropdown .dropdown-menu{border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:8px;min-width:200px;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.sort-by-dropdown .dropdown-item{align-items:center;color:#333;display:flex;font-size:14px;padding:8px 16px;transition:all .2s ease}.sort-by-dropdown .dropdown-item:focus,.sort-by-dropdown .dropdown-item:hover{background-color:#f8f9fa;color:#000}.sort-by-dropdown .dropdown-item.active{background-color:#f0f7ff;color:#06c;font-weight:500}.sort-by-dropdown .mobile-sort-icon-container{align-items:center;color:#60a5fa;cursor:pointer;display:none;font-size:16px;gap:6px}.sort-by-dropdown .mobile-sort-icon{color:#60a5fa!important;font-size:18px;fill:#60a5fa!important}.sort-by-dropdown .mobile-sort-modal{align-items:center;background:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.sort-by-dropdown .mobile-sort-modal.open{display:flex}.sort-by-dropdown .mobile-sort-modal .modal-content{background:#fff;border-radius:.8rem;box-shadow:0 4px 20px rgba(0,0,0,.15);max-width:400px;padding:1.5rem;width:90%}.sort-by-dropdown .mobile-sort-modal .modal-content .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.sort-by-dropdown .mobile-sort-modal .modal-content .modal-header h3{color:#1e3a8a;font-family:jost;font-size:18px;margin:0}.sort-by-dropdown .mobile-sort-modal .modal-content .modal-header .close-icon{color:#60a5fa;cursor:pointer;font-size:18px}.sort-by-dropdown .mobile-sort-modal .modal-content .sort-options{display:flex;flex-direction:column;gap:1rem}.sort-by-dropdown .mobile-sort-modal .modal-content .sort-options .sort-option{border-radius:.5rem;color:#1e3a8a;cursor:pointer;font-family:jost;font-size:16px;padding:.8rem 1rem;transition:background-color .2s ease}.sort-by-dropdown .mobile-sort-modal .modal-content .sort-options .sort-option:hover{background-color:rgba(96,165,250,.1)}.sort-by-dropdown .mobile-sort-modal .modal-content .sort-options .sort-option.active{background-color:rgba(96,165,250,.2);color:#1e3a8a;font-weight:500}@media(max-width:400px){.sort-by-dropdown .dropdown-toggle{min-width:115px!important}.sort-by-dropdown .dropdown-menu{min-width:140px!important}.sort-by-dropdown .filter-sidebar{width:100%!important}}@media(max-width:952px){.sort-by-dropdown .filter-icon{display:flex!important}.sort-by-dropdown .desktop-dropdown{display:none}.sort-by-dropdown .mobile-sort-icon-container{display:flex}}@media(min-width:550px)and (max-width:952px){.filter-sidebar{width:60%!important}}