.filter-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:rgba(38,25,30,.42);opacity:0;visibility:hidden;transition:.2s}.filter-overlay.open{opacity:1;visibility:visible}.filter-sheet{position:relative;width:min(100%,500px);max-height:calc(100vh - 32px);overflow:auto;padding:24px 20px 82px;background:#fdfcfc;border-radius:12px 12px 0 0;transform:translateY(24px);transition:.2s}.filter-overlay.open .filter-sheet{transform:none}.filter-close{position:absolute;right:14px;top:14px;width:24px;height:24px;border:0;background:transparent;color:#917881;font-size:20px}.filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-head h3{margin:0;font-size:16px}.filter-reset-top{margin-right:24px;border:0;background:none;color:#e3547a;font-size:12px}.filter-group{margin:0 0 16px}.filter-group>label{display:block;margin-bottom:9px;font-size:12px;font-weight:600}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-options button{padding:4px 10px;border:1px solid #e7dade;border-radius:4px;background:#f6f0ea;color:#917881;font-size:11px}.filter-options button.selected{border-color:#e3547a;background:#fff0f4;color:#e3547a}.rent-label{display:flex!important;justify-content:space-between}.filter-range{width:100%;accent-color:#e3547a}.filter-actions{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#fdfcfc;border-top:1px solid #e7dade}.filter-actions button{height:36px;border-radius:9px;font-size:13px}.filter-reset{border:1px solid #e7dade;background:#fff;color:#917881}.filter-confirm{border:0;background:#e3547a;color:#fff}
body.filter-open{overflow:hidden}