.filter-sidebar.svelte-d6cf0{position:fixed;top:72px;left:0;height:calc(100vh - 90px);width:320px;background:var(--color-background);border-right:1px solid var(--color-border);transform:translate(-100%);transition:transform var(--transition-base);z-index:500;overflow-y:auto;flex-shrink:0}.filter-sidebar.open.svelte-d6cf0{transform:translate(0)}.sidebar-header.svelte-d6cf0{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-background);position:sticky;top:0;z-index:2}.sidebar-header.svelte-d6cf0 h3:where(.svelte-d6cf0){margin:0;font-size:var(--text-xl);color:var(--color-dark)}.close-btn.svelte-d6cf0{background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base)}.close-btn.svelte-d6cf0:hover{color:var(--color-dark)}.filters-content.svelte-d6cf0{padding:var(--space-lg)}.filter-actions.svelte-d6cf0{margin-bottom:var(--space-xl)}.clear-filters-btn.svelte-d6cf0{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-light);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base)}.clear-filters-btn.svelte-d6cf0:hover{background:var(--color-border)}.filter-group.svelte-d6cf0{margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-lg)}.filter-group.svelte-d6cf0:last-child{border-bottom:none;margin-bottom:0}.filter-group.svelte-d6cf0 h4:where(.svelte-d6cf0){margin:0 0 var(--space-md) 0;font-size:var(--text-base);font-weight:600;color:var(--color-dark)}.color-grid.svelte-d6cf0{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.color-option.svelte-d6cf0{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-xs)}.color-option.svelte-d6cf0:hover{border-color:var(--color-primary)}.color-option.selected.svelte-d6cf0{border-color:var(--color-primary);background:var(--color-light)}.color-swatch.svelte-d6cf0{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border)}.color-name.svelte-d6cf0{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-list.svelte-d6cf0{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-label.svelte-d6cf0{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-text);position:relative}.checkbox-label.svelte-d6cf0 input[type=checkbox]:where(.svelte-d6cf0){opacity:0;position:absolute;width:0;height:0}.checkmark.svelte-d6cf0{width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);position:relative;transition:all var(--transition-base)}.checkbox-label.svelte-d6cf0:hover .checkmark:where(.svelte-d6cf0){border-color:var(--color-primary)}.checkbox-label.svelte-d6cf0 input:where(.svelte-d6cf0):checked+.checkmark:where(.svelte-d6cf0){background:var(--color-primary);border-color:var(--color-primary)}.checkbox-label.svelte-d6cf0 input:where(.svelte-d6cf0):checked+.checkmark:where(.svelte-d6cf0):after{content:"";position:absolute;top:1px;left:4px;width:4px;height:8px;border:2px solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (min-width: 768px) and (max-width: 1023px){.filter-sidebar.svelte-d6cf0{top:88px;height:calc(100vh - 88px)}}@media (min-width: 1024px){.filter-sidebar.svelte-d6cf0{position:relative;top:0;transform:none;height:100%;width:100%;border-right:1px solid var(--color-border);border-radius:0;z-index:10}.sidebar-header.svelte-d6cf0{position:sticky;top:0}.close-btn.svelte-d6cf0{display:none}}.search-bar.svelte-1dxq0mb{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-lg)}.search-controls.svelte-1dxq0mb{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md);flex-wrap:wrap}.filter-toggle-btn.svelte-1dxq0mb{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.filter-toggle-btn.svelte-1dxq0mb:hover{background:var(--color-border)}.filter-toggle-btn.svelte-1dxq0mb svg:where(.svelte-1dxq0mb){color:var(--color-text-light)}.search-input-wrapper.svelte-1dxq0mb{position:relative;flex:1;min-width:250px}.search-icon.svelte-1dxq0mb{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-light)}.search-input.svelte-1dxq0mb{width:100%;padding:var(--space-md) var(--space-3xl) var(--space-md) var(--space-3xl);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-background);transition:border-color var(--transition-base)}.search-input.svelte-1dxq0mb:focus{outline:none;border-color:var(--color-primary)}.search-input.svelte-1dxq0mb::placeholder{color:var(--color-text-light)}.clear-search-btn.svelte-1dxq0mb{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);transition:color var(--transition-base)}.clear-search-btn.svelte-1dxq0mb:hover{color:var(--color-text)}.sort-wrapper.svelte-1dxq0mb{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.sort-label.svelte-1dxq0mb{font-size:var(--text-sm);color:var(--color-text-light)}.sort-select.svelte-1dxq0mb{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-background);color:var(--color-text);cursor:pointer;min-width:150px}.sort-select.svelte-1dxq0mb:focus{outline:none;border-color:var(--color-primary)}.results-info.svelte-1dxq0mb{display:flex;flex-direction:column;gap:var(--space-sm)}.results-count.svelte-1dxq0mb{font-size:var(--text-sm);color:var(--color-text-light)}.active-filters.svelte-1dxq0mb{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.filter-tag.svelte-1dxq0mb{background:var(--color-primary);color:var(--color-light);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);white-space:nowrap}@media (min-width: 1024px){.filter-toggle-btn.svelte-1dxq0mb{display:none}.search-controls.svelte-1dxq0mb{flex-wrap:nowrap}.results-info.svelte-1dxq0mb{flex-direction:row;justify-content:space-between;align-items:center}.active-filters.svelte-1dxq0mb{justify-content:flex-end}}@media (max-width: 767px){.search-controls.svelte-1dxq0mb{flex-direction:column;align-items:stretch}.search-input-wrapper.svelte-1dxq0mb{min-width:unset}.sort-wrapper.svelte-1dxq0mb{justify-content:space-between;width:100%}.sort-select.svelte-1dxq0mb{min-width:unset;flex:1;margin-left:var(--space-md)}}