.search-filter-wrapper{display:flex;gap:12px;align-items:center;padding:10px 0;width:100%;position:relative}.search-bar-container{flex:1 1;display:flex;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50px;padding:8px 12px}.search-icon{color:#999;margin-right:10px}.search-bar-container input{border:none;outline:none;width:100%;font-size:15px;background:transparent}.filter-button{background:white;border:1px solid #e0e0e0;border-radius:50px;padding:8px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.filter-button.active{border-color:#ffcc00;box-shadow:0 0 0 1px #ffcc00}.dropdown-menu{position:absolute;top:100%;right:0;background:white;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:15px;margin:0;z-index:1000;min-width:180px}.dropdown-title{margin:0;font-weight:600;font-size:14px;color:#333}.dropdown-menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:6px 0;font-size:14px;color:#555;cursor:pointer}.dropdown-menu button:hover{color:#000}.dropdown-menu .arrow{margin-right:8px;color:#888}