.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-container.svelte-1fyuo1t{border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}.search-bar.svelte-1fyuo1t{display:flex;gap:var(--space-lg);align-items:center;margin-bottom:var(--space-md)}.search-input-wrapper.svelte-1fyuo1t{flex:1;max-width:400px}.search-input-container.svelte-1fyuo1t{position:relative;display:flex;align-items:center}.search-icon.svelte-1fyuo1t{position:absolute;left:var(--space-md);color:var(--color-text-light);pointer-events:none;z-index:1}.search-input.svelte-1fyuo1t{width:100%;padding:var(--space-md) var(--space-3xl) var(--space-md) 3rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-background);transition:all var(--transition-base)}.search-input.svelte-1fyuo1t:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.clear-search-btn.svelte-1fyuo1t{position:absolute;right:var(--space-md);background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.clear-search-btn.svelte-1fyuo1t:hover{color:var(--color-text);background:var(--color-border)}.filter-controls.svelte-1fyuo1t{display:flex;gap:var(--space-lg);align-items:center}.filter-toggle-btn.svelte-1fyuo1t{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.filter-toggle-btn.svelte-1fyuo1t:hover{background:var(--color-primary);color:var(--color-light);border-color:var(--color-primary)}.sort-dropdown.svelte-1fyuo1t{display:flex;align-items:center;gap:var(--space-sm)}.sort-label.svelte-1fyuo1t{font-size:var(--text-sm);font-weight:500;color:var(--color-text);white-space:nowrap}.sort-select.svelte-1fyuo1t{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}.sort-select.svelte-1fyuo1t:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.results-info.svelte-1fyuo1t{display:flex;justify-content:space-between;align-items:center}.results-count.svelte-1fyuo1t{font-size:var(--text-sm);color:var(--color-text-light);margin:0}@media (max-width: 767px){.search-bar.svelte-1fyuo1t{flex-direction:column;gap:var(--space-md)}.search-input-wrapper.svelte-1fyuo1t{max-width:none;width:100%}.filter-controls.svelte-1fyuo1t{width:100%;justify-content:space-between}.sort-dropdown.svelte-1fyuo1t{flex-direction:column;align-items:flex-end;gap:var(--space-xs)}}@media (min-width: 768px) and (max-width: 1023px){.search-bar.svelte-1fyuo1t,.filter-controls.svelte-1fyuo1t{gap:var(--space-md)}}@media (min-width: 1024px){.filter-toggle-btn.svelte-1fyuo1t{display:none}}