.filter-sidebar{background:var(--primary-3);width:280px;font-family:var(--font-family);border-radius:8px;flex-shrink:0;max-height:calc(100vh - 100px);position:sticky;top:188px;overflow:hidden;box-shadow:0 4px 24px #00000014,0 0 1px #0000000a}.filter-header{background:linear-gradient(135deg, var(--primary-2) 0%, var(--primary) 100%);color:var(--primary-3);justify-content:space-between;align-items:center;padding:24px;display:flex}.filter-header-content{flex-direction:column;gap:4px;display:flex}.filter-title{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.filter-count{opacity:.9;font-size:13px;font-weight:500}.clear-btn{color:var(--primary-3);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.clear-btn:hover{background:#ffffff59;transform:translateY(-1px)}.clear-btn:active{transform:translateY(0)}.filter-groups{max-height:calc(100vh - 275px);padding:8px;overflow-y:auto}.filter-groups::-webkit-scrollbar{width:6px}.filter-groups::-webkit-scrollbar-track{background:0 0}.filter-groups::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.filter-groups::-webkit-scrollbar-thumb:hover{background:#d1d5db}.filter-group{background:var(--primary-3);border:1px solid #f3f4f6;border-radius:12px;margin-bottom:8px;transition:all .2s;overflow:hidden}.filter-group:hover{border-color:#e5e7eb;box-shadow:0 2px 8px #0000000a}.group-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px;transition:background .15s;display:flex}.group-header:hover{background:#fafafa}.group-title{color:var(--primary-2);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.collapse-icon{color:#9ca3af;justify-content:center;align-items:center;width:20px;height:20px;transition:transform .2s;display:flex}.collapse-icon.collapsed{transform:rotate(-90deg)}.filter-options{flex-direction:column;gap:4px;padding:8px 16px 16px;display:flex}.filter-options.collapsed{display:none}.filter-option{cursor:pointer;border-radius:8px;align-items:center;padding:10px 12px;transition:all .15s;display:flex;position:relative}.filter-option:hover{background:#f9fafb}.filter-option.checked{background:#ee324f14}.filter-option.disabled{opacity:.4;pointer-events:none}.filter-checkbox{appearance:none;cursor:pointer;background:var(--primary-3);border:1px solid #d1d5db;border-radius:6px;flex-shrink:0;width:20px;height:20px;margin-right:12px;transition:all .2s;position:relative}.filter-checkbox:checked{background:var(--primary);border-color:var(--primary)}.filter-checkbox:checked:after{content:"✓";color:var(--primary-3);font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-radio{appearance:none;cursor:pointer;background:var(--primary-3);border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-right:12px;transition:all .2s;position:relative}.filter-radio:checked{border-color:var(--primary);border-width:6px}.filter-label{color:#374151;flex:1;font-size:14px;font-weight:500}.filter-option.checked .filter-label{color:var(--primary);font-weight:600}.filter-count-badge{color:#6b7280;background:#f3f4f6;border-radius:6px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:600}.filter-option.checked .filter-count-badge{color:var(--primary);background:#ee324f26}.image-filter{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.image-filter:hover{background:#f9fafb;border-color:#e5e7eb}.image-filter.checked{border-color:var(--primary);background:#ee324f14}.image-filter.disabled{opacity:.4;pointer-events:none}.filter-image{object-fit:cover;border:1px solid #f3f4f6;border-radius:8px;flex-shrink:0;width:44px;height:44px}.image-filter.checked .filter-image{border-color:var(--primary)}.slider-container{padding:8px 0}.slider-wrapper{background:#f3f4f6;border-radius:3px;height:6px;margin:24px 0 16px;position:relative}.slider-track{background:linear-gradient(135deg, var(--primary-2) 0%, var(--primary) 100%);border-radius:3px;height:6px;position:absolute}.slider-input{appearance:none;pointer-events:none;background:0 0;width:100%;height:6px;margin:0;position:absolute;top:0;left:0}.slider-input::-webkit-slider-thumb{appearance:none;background:var(--primary-3);border:3px solid var(--primary);cursor:pointer;pointer-events:auto;border-radius:50%;width:20px;height:20px;transition:all .15s;box-shadow:0 2px 8px #ee324f4d}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #ee324f66}.slider-input::-moz-range-thumb{background:var(--primary-3);border:3px solid var(--primary);cursor:pointer;pointer-events:auto;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #ee324f4d}.slider-values{justify-content:space-between;align-items:center;gap:8px;display:flex}.slider-value{color:#374151;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:80px;padding:8px 12px;font-size:13px;font-weight:600}.slider-separator{color:#9ca3af;font-weight:600}.mobile-filter-toggle{background:var(--primary);color:var(--primary-3);cursor:pointer;z-index:1000;border:none;border-radius:50px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:none;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 20px #ee324f66}.mobile-filter-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ee324f80}.mobile-overlay{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.mobile-overlay.active{display:block}@media (max-width:1024px){.mobile-filter-toggle{align-items:center;gap:8px;display:flex}.filter-sidebar{z-index:5000;border-radius:0;width:85%;max-width:320px;max-height:none;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000026}.filter-sidebar.active{transform:translate(0)}.filter-groups{max-height:calc(100vh - 140px)}.mobile-close-btn{color:var(--primary-3);cursor:pointer;background:#ffffff40;border:none;border-radius:8px;padding:8px;transition:all .2s;display:block}.mobile-close-btn:hover{background:#ffffff59}}@media (min-width:1025px){.mobile-close-btn{display:none}}.filter-category-tree-item{margin-bottom:4px}.filter-category-parent{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;padding:10px 12px;transition:all .15s;display:flex}.filter-category-parent:hover{background:#f9fafb}.filter-category-parent.checked{background:#ee324f14}.filter-category-checkbox-wrapper{cursor:pointer;align-items:center;display:flex}.filter-category-expand-icon{color:#9ca3af;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-left:auto;transition:transform .2s;display:flex}.filter-category-expand-icon.expanded{transform:rotate(0)}.filter-category-expand-icon:not(.expanded){transform:rotate(-90deg)}.filter-category-parent-image{object-fit:cover;border:1px solid #f3f4f6;border-radius:6px;flex-shrink:0;width:32px;height:32px;margin-right:8px}.filter-category-parent-label{color:#374151;flex:1;margin-right:8px;font-size:14px;font-weight:600}.filter-category-children{flex-direction:column;gap:4px;margin-top:4px;padding-left:24px;display:flex}.filter-option.child,.image-filter.child{margin-left:0;padding:8px 12px}.image-filter.child .filter-image{width:36px;height:36px}
.side-filter-skeleton{background:#fff;border-radius:12px;min-width:280px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.skeleton-clear-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:100%;height:40px;margin-bottom:1.5rem;animation:1.5s infinite shimmer}.skeleton-filter-group{border-bottom:1px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.skeleton-filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.skeleton-filter-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:120px;height:20px;margin-bottom:1rem;animation:1.5s infinite shimmer}.skeleton-filter-content{flex-direction:column;gap:.75rem;display:flex}.skeleton-filter-item{align-items:center;gap:.75rem;display:flex}.skeleton-checkbox{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;flex-shrink:0;width:18px;height:18px;animation:1.5s infinite shimmer}.skeleton-filter-label{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;flex:1;height:16px;animation:1.5s infinite shimmer}.skeleton-filter-item:nth-child(2) .skeleton-filter-label{width:85%}.skeleton-filter-item:nth-child(3) .skeleton-filter-label{width:70%}.skeleton-filter-item:nth-child(4) .skeleton-filter-label{width:90%}.skeleton-filter-item:nth-child(5) .skeleton-filter-label{width:75%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.side-filter-skeleton{display:none}}