.search-wrapper{max-width:1100px;margin:15px auto 5px}
.search-box{border:1px solid var(--accent);padding:4px;border-radius:4px}
.search-input{border:none;width:100%;background:0 0;color:var(--accent)!important;outline:0;cursor:pointer;text-align:center}
.search-btn{background-color:transparent;border:none;color:var(--accent);padding:4px 14px;border-radius:4px}
.search-input::placeholder{color:var(--accent)}
.search-title{font-size:27px;color:#fff;font-weight:800}
.close-icon{font-size:30px}
.fullSearchModal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;justify-content:center;align-items:flex-start;z-index:999999}
.fullSearchModal.show{display:flex}
.fullSearchBox{background:var(--accent);width:900px;max-width:100%;height:100vh;border-radius:0;display:flex;flex-direction:column}
.searchScrollArea{flex:1;overflow-y:auto;padding:30px}
.bottomBar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;z-index:10}
.filterRow{display:flex;justify-content:space-between;padding:16px 0;cursor:pointer;border-bottom:1px solid #eee;font-size:17px;color:#fff;font-weight:700}
.filterRow i.chevron{transition:.3s}
.filterRow.active i.chevron{transform:rotate(180deg)}
.filterContent{display:none;padding:14px 0 5px}
.filterContent.show{display:block}
.bottomBar{display:flex;justify-content:space-between;gap:15px;padding:20px;border-top:1px solid #eee}
.filter-btn{flex:1;height:55px;border-radius:4px;border:none;font-size:19px;font-weight:600;cursor:pointer;transition:.2s ease}
.delete-btn{background:var(--footer);color:#fff}
.search-btn-modal{background:#25d366;color:#fff}
.filter-btn:hover{opacity:.85}
.form-select-customsearch{padding:10px 20px;font-size:1rem;font-weight:500;line-height:1.5;color:#fff;background-color:transparent!important;border:1px solid #fff;border-radius:4px;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' stroke='%23ffffff' fill='none' viewBox='0 0 24 24'><circle cx='11' cy='11' r='7' stroke-width='2'/><line x1='16.65' y1='16.65' x2='21' y2='21' stroke-width='2'/></svg>");appearance:none;-webkit-appearance:none;-moz-appearance:none;background-repeat:no-repeat;background-position:right .75rem center;background-size:18px}
.form-select-search{padding:10px 20px;font-size:1rem;font-weight:500;line-height:1.5;color:#fff;background-color:transparent!important;border:1px solid #fff;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'><path d='M3 6l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:18px}
.form-select-customsearch::placeholder{color:#fff!important;opacity:1}
.form-select option{background-color:var(--accent);color:#fff}
.form-select-search option:hover,.form-select-searcht option:checked{background-color:var(--accent);color:#fff}
.filterContent{display:flex;flex-wrap:wrap;gap:10px;padding:15px 0 5px}
.filterBtn{background:0 0;border:1px solid #fff;color:#fff;padding:5px 12px;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:.2s ease-in-out;white-space:nowrap;margin:3px}
.filterBtn:hover{background:0 0;color:#fff;border:1px solid #fff;transform:scale(1.03)}
.filterBtn.active{background:#000;color:#fff;border-color:#000;position:relative}
.filterBtn.active::before{content:"✓";position:absolute;left:0;font-weight:700}
.activeFiltersBox{display:flex;flex-wrap:nowrap;gap:8px;padding:10px 0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}
.activeFiltersBox::-webkit-scrollbar{height:6px}
.activeFiltersBox::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5);border-radius:10px}
.activeFilterTag{background:0 0;border:1px solid #fff;color:#fff;padding:5px 12px;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;transition:.2s ease-in-out;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.activeFilterTag i{font-size:12px;cursor:pointer}
.filterContent{display:none;padding:14px 0 5px;overflow:hidden}
.filterContent.show{display:block!important}
.filterRow{display:flex;justify-content:space-between;padding:12px 0;cursor:pointer;font-size:17px;color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.2)}
.filterRow .chevron{transition:.3s ease}
.filterRow.active .chevron{transform:rotate(180deg)}

.activeFilterTag.city_popup{background:var(--accent);border:1px solid var(--accent)}