@layer legacy{.filter-button--more{position:relative}.filter-badge{background:var(--error-color);color:var(--text-white);border-radius:var(--radius-full);width:20px;height:20px;font-size:12px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}.filter-popup-overlay{z-index:var(--z-modal-backdrop);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.filter-popup{background:#fff;border-radius:12px;flex-direction:column;width:min(860px,80vw);max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.filter-popup-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:24px;display:flex}.filter-popup-title-section{align-items:center;gap:var(--spacing-md);display:flex}.filter-popup-header h3{color:var(--text-primary);margin:0;font-size:20px;font-weight:600}.filter-clear-all-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;transition:all .2s}.filter-clear-all-btn:hover{background:var(--light-grey);border-color:var(--text-secondary)}.filter-popup-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .2s;display:flex}.filter-popup-close:hover{background:var(--light-grey);color:var(--text-primary)}.filter-popup-content{background:#fff;flex:1;padding:24px;overflow-y:auto}.filter-section{margin-bottom:32px}.filter-section h4{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.cost-toggle,.duration-toggle{gap:8px;margin-bottom:16px;display:flex}.toggle-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.toggle-button.active{background:var(--error-color);color:#fff;border-color:var(--error-color)}.toggle-button:hover:not(.active){background:var(--light-grey);border-color:var(--text-secondary)}.price-range{margin-top:16px}.price-inputs{gap:16px;max-width:400px;display:flex}.price-input{flex:1}.price-input label{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:500;display:block}.price-input input{border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:14px}.price-input input:focus{border-color:var(--error-color);outline:none;box-shadow:0 0 0 3px #dc26261a}.time-section{margin-bottom:16px}.time-section label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.time-range{align-items:center;gap:12px;display:flex}.time-range span{color:var(--text-secondary);min-width:40px;font-size:12px}.time-slider{flex:1;position:relative}.time-slider input[type=range]{background:var(--border-color);-webkit-appearance:none;border-radius:2px;outline:none;width:100%;height:4px}.time-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--error-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0000001a}.time-slider input[type=range]::-moz-range-thumb{background:var(--error-color);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0000001a}.half-day-note{background:var(--error-bg);border:1px solid var(--error-border);border-radius:6px;margin-top:12px;padding:8px 12px}.half-day-note span{color:#dc2626;font-size:14px;font-weight:500}.topics-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.topic-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px;transition:background-color .2s;display:flex}.topic-checkbox:hover{background:var(--light-grey)}.topic-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--error-color)}.topic-checkbox span{color:var(--text-primary);font-size:14px}.rating-buttons{gap:8px;display:flex}.rating-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.rating-button.active{background:var(--error-color);color:#fff;border-color:var(--error-color)}.rating-button:hover:not(.active){background:var(--light-grey);border-color:var(--text-secondary)}.filter-popup-footer{border-top:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:24px;display:flex}.close-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.close-button:hover{background:var(--light-grey);border-color:var(--text-secondary)}.apply-button{background:var(--error-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.apply-button:hover{background:var(--primary-dark)}@media (max-width:768px){.filter-popup{width:95vw;max-height:95vh;margin-top:var(--spacing-md);margin-bottom:var(--spacing-xl)}.filter-popup-header,.filter-popup-content,.filter-popup-footer{padding:16px}.topics-grid{grid-template-columns:1fr}.price-inputs{flex-direction:column}}}