.product-filters{background:0 0;flex-direction:column;gap:32px;width:100%;height:100%;display:flex}.pf-header{justify-content:space-between;align-items:center;display:flex}.pf-title{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:2px;text-transform:uppercase;color:rgb(var(--accent));margin:0;font-size:11px;font-weight:600}.pf-clear-btn{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:1px;text-transform:uppercase;color:rgb(var(--text-secondary));cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:400;transition:color .15s}.pf-clear-btn:hover{color:rgb(var(--accent))}.pf-sep{background:rgb(var(--border));flex-shrink:0;height:1px}.pf-section{flex-direction:column;gap:16px;display:flex}.pf-section-label{font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:1px;text-transform:uppercase;color:rgb(var(--text-secondary));margin:0;font-size:10px;font-weight:600}.pf-cat-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pf-cat-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex}.pf-cat-dot{background:rgb(var(--border-hover));width:8px;height:8px;box-shadow:inset 0 0 0 1px rgb(var(--text-tertiary));flex-shrink:0;transition:background .15s,box-shadow .15s}.pf-cat-item.active .pf-cat-dot{background:rgb(var(--accent));box-shadow:none}.pf-cat-name{font-family:var(--font-ibm-plex-mono), monospace;color:rgb(var(--text-secondary));font-size:13px;font-weight:400;transition:color .15s}.pf-cat-item.active .pf-cat-name{color:rgb(var(--text-primary))}.pf-cat-item:hover .pf-cat-name{color:rgb(var(--accent))}.pf-check-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pf-check-item{cursor:pointer;align-items:center;gap:10px;display:flex}.pf-check-box{width:14px;height:14px;box-shadow:inset 0 0 0 1px rgb(var(--text-tertiary));background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,box-shadow .15s;display:flex}.pf-check-item.checked .pf-check-box{background:rgb(var(--accent));box-shadow:none}.pf-check-icon{width:10px;height:10px;color:rgb(var(--accent-foreground));stroke-width:2.5px;flex-shrink:0;display:none}.pf-check-item.checked .pf-check-icon{display:block}.pf-check-name{font-family:var(--font-ibm-plex-mono), monospace;color:rgb(var(--text-secondary));-webkit-user-select:none;user-select:none;font-size:13px;font-weight:400;transition:color .15s}.pf-check-item.checked .pf-check-name{color:rgb(var(--text-primary))}.pf-check-item:hover .pf-check-name{color:rgb(var(--accent))}.pf-range-row{align-items:center;gap:8px;display:flex}.pf-range-input{border:1px solid rgb(var(--border-hover));min-width:0;color:rgb(var(--text-primary));font-family:var(--font-ibm-plex-mono), monospace;-moz-appearance:textfield;background:0 0;outline:none;flex:1;padding:8px 12px;font-size:12px;font-weight:400;transition:border-color .15s}.pf-range-input::-webkit-outer-spin-button{-webkit-appearance:none}.pf-range-input::-webkit-inner-spin-button{-webkit-appearance:none}.pf-range-input::placeholder{color:rgb(var(--text-tertiary))}.pf-range-input:focus{border-color:rgb(var(--accent))}.pf-range-input:disabled{opacity:.4;cursor:not-allowed}.pf-range-sep{font-family:var(--font-ibm-plex-mono), monospace;color:rgb(var(--text-secondary));flex-shrink:0;font-size:12px}.pf-color-grid{flex-wrap:wrap;gap:8px;display:flex}.pf-color-swatch{cursor:pointer;width:28px;height:28px;box-shadow:inset 0 0 0 1px rgb(var(--border-hover));border:none;flex-shrink:0;padding:0;transition:box-shadow .15s}.pf-color-swatch.active{box-shadow:inset 0 0 0 2px rgb(var(--accent))}.pf-color-swatch:disabled{opacity:.4;cursor:not-allowed}.pf-apply-btn{background:rgb(var(--accent));width:100%;color:rgb(var(--accent-foreground));font-family:var(--font-ibm-plex-mono), monospace;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 0;font-size:11px;font-weight:600;transition:background .2s;display:flex}.pf-apply-btn:hover{background:rgb(var(--primary-hover))}.pf-apply-btn:disabled{opacity:.4;cursor:not-allowed}.pf-error{font-family:var(--font-ibm-plex-mono), monospace;color:rgb(var(--danger));font-size:11px}@media (max-width:768px){.product-filters{gap:24px;padding:1rem}}.pf-sort-list{flex-direction:column;gap:12px;display:flex}@media (max-width:768px){.product-filters{gap:24px;padding:1rem}}
.filters-skeleton{flex-direction:column;gap:1.5rem;padding:1rem;display:flex}.filter-skeleton-group{flex-direction:column;gap:.75rem;display:flex}.filter-skeleton-title{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);background-size:200% 100%;border-radius:4px;width:120px;height:20px;animation:1.5s ease-in-out infinite skeleton-loading}.filter-skeleton-slider{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);background-size:200% 100%;border-radius:8px;width:100%;height:40px;animation:1.5s ease-in-out infinite skeleton-loading}.filter-skeleton-item{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);background-size:200% 100%;border-radius:6px;width:100%;height:32px;animation:1.5s ease-in-out infinite skeleton-loading}.filter-skeleton-colors{flex-wrap:wrap;gap:.5rem;display:flex}.filter-skeleton-color{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-highlight) 50%, var(--skeleton-base) 75%);background-size:200% 100%;border-radius:50%;width:32px;height:32px;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}:root{--skeleton-base:#e0e0e0;--skeleton-highlight:#f0f0f0}[data-theme=dark]{--skeleton-base:#2a2a2a;--skeleton-highlight:#3a3a3a}