@layer components{.filter-row{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:5px 7px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:flex}.filter-row:hover{background:var(--surface-3);color:var(--text)}.filter-row.active{background:var(--primary);color:#fff;font-weight:700}.dark .filter-row.active{color:#fff}.filter-section{margin-bottom:14px}.filter-section__title{text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;padding:0 7px;font-size:smaller;font-weight:800}.filter-section__title--mt{margin-top:10px}.filter-row-wrapper{align-items:center;display:flex}.filter-row-wrapper--indent{padding-left:12px}.filter-chevron-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:5px 7px;display:flex}.filter-chevron-btn--sm{padding:3px 7px}.filter-label{align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.filter-label__icon{flex-shrink:0;font-size:13px}.filter-label__text{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.filter-label__text--sm{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.filter-dot{background:#444;border-radius:50%;flex-shrink:0;width:4px;height:4px}.dark .filter-dot{background:#e9b232}.filter-dot--active{background:#fff}.filter-dash{background:var(--text);flex-shrink:0;width:9px;height:1px}.dark .filter-dash{background:#fff}.filter-badge{background:var(--surface-2);color:var(--text-3);border-radius:10px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.filter-badge--active{color:#fff;background:#ffffff40}.filter-search-row{gap:5px;padding:0 7px;display:flex}.filter-price-row{gap:5px;margin-bottom:7px;display:flex}.filter-input--sm{flex:1;padding:5px 7px;font-size:11px}.filter-btn--sm{white-space:nowrap;padding:5px 9px;font-size:11px}.filter-btn--full{width:100%;padding:5px 9px;font-size:11px}.filter-leaf-row{text-align:left;width:100%}}@media (max-width:767px){.filter-input--sm{font-size:16px}.sidebar-panel{background:var(--surface);z-index:999;width:80vw;max-width:300px;height:100dvh;padding:0 14px 90px;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.filter-section__title{padding:10px 0 0 7px}.filter-btn--full{width:100%;margin-top:10px;padding:5px 9px;font-size:11px}.sidebar-panel.open{transform:translate(0)}.sidebar-overlay{z-index:998;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.filter-row{padding:5px 7px;font-size:11px}}.filter-sidebar__mobile-header{display:none}@media (max-width:767px){.filter-sidebar__mobile-header{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:14px 0;display:flex;position:sticky;top:0}}.filter-sidebar__mobile-title{color:var(--text);font-size:13px;font-weight:800}.filter-sidebar__mobile-close{background:var(--surface-2);cursor:pointer;width:28px;height:28px;color:var(--text-3);border:none;border-radius:7px;justify-content:center;align-items:center;font-size:13px;transition:background .15s,color .15s;display:flex}.filter-sidebar__mobile-close:hover{background:var(--surface-3);color:var(--text)}.dark .filter-section__title,.dark .filter-label__text,.dark .filter-label__text--sm,.dark .filter-chevron-btn,.dark .filter-sidebar__mobile-title{color:#fff}