:root{--filter-panel-bg: rgba(255, 255, 255, .97);--filter-panel-blur: 20px;--filter-border-color: var(--color-border, #E5E7EB);--filter-shadow: var(--shadow-xl, 0 16px 40px rgba(0,0,0,.14));--filter-header-bg: var(--color-bg-secondary, #F7F7F8);--filter-header-hover: var(--color-border, #E5E7EB);--filter-active-color: var(--color-accent, #C62828)}.filter-panel-wrapper{position:relative;margin-bottom:2rem;z-index:20}.filter-toggle-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:99px;background:var(--color-bg-canvas, #ffffff);border:1px solid var(--filter-border-color);box-shadow:0 2px 8px #0000000d;font-size:.9rem;font-weight:500;color:var(--color-text-main, #111);cursor:pointer;transition:all .2s ease}.filter-toggle-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.filter-toggle-btn.is-active{background:var(--filter-active-color);color:#fff;border-color:transparent}.filter-count-badge{background:var(--color-primary, #1A1A1A);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.filter-toggle-btn.is-active .filter-count-badge{background:#fff;color:var(--filter-active-color)}.filter-panel-overlay{position:absolute;top:calc(100% + 12px);right:0;left:auto;width:max-content;min-width:300px;max-width:90vw;background:var(--filter-panel-bg);backdrop-filter:blur(var(--filter-panel-blur));-webkit-backdrop-filter:blur(var(--filter-panel-blur));border:1px solid var(--filter-border-color);border-radius:20px;padding:2rem;box-shadow:var(--filter-shadow);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:none}.filter-panel-overlay.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--filter-border-color)}.filter-panel-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--color-text-main, #111)}.filter-actions{display:flex;gap:16px;align-items:center}.close-filter-btn{background:var(--color-bg-secondary, #F7F7F8);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;cursor:pointer;color:var(--color-text-secondary, #6B7280);transition:background .2s}.close-filter-btn:hover{background:var(--color-border, #E5E7EB);color:var(--color-text-main, #111)}.reset-all-btn{font-size:.85rem;font-weight:500;color:var(--filter-active-color);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px}.reset-all-btn:hover{background:#c628280f}.filter-panel-content{display:grid;grid-template-columns:1fr;gap:16px}.filter-section{display:flex;flex-direction:column;gap:12px}.filter-header{display:inline-flex;align-items:center;justify-content:space-between;width:auto;max-width:100%;padding:6px 14px;background:var(--filter-header-bg);border:1px solid rgba(0,0,0,.05);border-radius:8px;cursor:pointer;transition:all .2s ease;user-select:none}.filter-header:hover{background:var(--filter-header-hover)}.filter-title{font-weight:600;font-size:.85rem;color:var(--color-text-main, #111)}.filter-content{display:flex;flex-direction:column;gap:4px}.filter-content.closed{display:none}.filter-checkbox-group{display:flex;flex-direction:column;gap:6px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--color-text-main, #111);padding:2px 0}.checkbox-text{line-height:1.4}.checkbox-count{font-size:.75rem;color:var(--color-text-muted, #9CA3AF)}.show-more-btn{background:none;border:none;text-align:left;color:var(--filter-active-color);font-size:.8rem;cursor:pointer;padding:4px 0;margin-top:4px}.filter-slider-container--range{display:flex;flex-direction:column;gap:18px;padding:8px 0 4px;min-width:min(420px,72vw)}.slider-value-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.slider-value-box{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:48px;padding:8px 12px;background:#fff;border:1px solid var(--filter-border-color);border-radius:8px;box-shadow:inset 0 0 0 1px #00000003}.slider-value-box:focus-within{border-color:var(--filter-active-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--filter-active-color) 10%,transparent)}.slider-value-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text-main, #111);font:inherit;font-size:1rem;font-weight:700;line-height:1}.slider-value-box input::-webkit-outer-spin-button,.slider-value-box input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.slider-value-box input[type=number]{appearance:textfield;-moz-appearance:textfield}.slider-value-unit{flex:0 0 auto;color:var(--color-text-muted, #9CA3AF);font-size:.85rem;font-weight:700}.slider-value-separator{color:var(--color-text-muted, #9CA3AF);font-weight:700}.range-slider{position:relative;width:100%;height:28px}.slider-track{position:absolute;top:50%;width:100%;height:5px;transform:translateY(-50%);border-radius:999px}.thumb{position:absolute;top:50%;width:100%;height:5px;margin:0;background:none;pointer-events:none;appearance:none;-webkit-appearance:none;transform:translateY(-50%)}.thumb::-webkit-slider-runnable-track{height:5px;background:transparent;border:0}.thumb::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8.5px;background-color:var(--color-bg-canvas, #ffffff);border:3px solid var(--filter-active-color);border-radius:50%;box-shadow:0 4px 12px #0000002e;cursor:pointer;pointer-events:all;-webkit-appearance:none}.thumb::-moz-range-track{height:5px;background:transparent;border:0}.thumb::-moz-range-thumb{width:18px;height:18px;background-color:var(--color-bg-canvas, #ffffff);border:3px solid var(--filter-active-color);border-radius:50%;box-shadow:0 4px 12px #0000002e;cursor:pointer;pointer-events:all}.thumb-left{z-index:3}.thumb-right{z-index:4}@media(max-width:768px){.filter-panel-overlay{position:fixed;inset:auto 0 0;width:100%;min-width:0;max-width:100%;height:auto;max-height:85vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:24px;margin:0;transform:translateY(100%);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease;z-index:1000;border-bottom:none;box-shadow:0 -4px 30px #00000026}.filter-panel-overlay.is-open{transform:translateY(0);opacity:1}.filter-panel-content{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.filter-header{width:100%;justify-content:space-between;padding:12px 14px}.filter-slider-container--range{min-width:0;width:100%}}