.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#aaa}.filter-section{border-bottom:1px solid #f0f0f0}.filter-section:last-child{border-bottom:none}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;cursor:pointer;font-weight:600;font-size:14px;color:#333;transition:color 0.2s}.filter-header:hover{color:#C7E07A}.filter-count{background:#C7E07A;color:#1a1a2e;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:4px}.filter-arrow{transition:transform 0.3s}.filter-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0}.filter-content.open{max-height:500px;padding-bottom:12px}.filter-content.open~.filter-header .filter-arrow,.filter-section:has(.filter-content.open) .filter-arrow{transform:rotate(180deg)}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s;font-size:13px;color:#555}.filter-option:hover{background:#f8f8f8;color:#333}.filter-option.active{background:linear-gradient(135deg,#C7E07A20,#C7E07A10);color:#333;font-weight:500}.filter-checkbox{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;transition:all 0.2s;position:relative;flex-shrink:0}.filter-option.active .filter-checkbox,.filter-option:has(input:checked) .filter-checkbox{border-color:#C7E07A;background:#C7E07A}.filter-option.active .filter-checkbox::after,.filter-option:has(input:checked) .filter-checkbox::after{content:'';position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid #1a1a2e;border-width:0 2px 2px 0;transform:rotate(45deg)}.tolerance-option{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all 0.2s;font-size:13px;font-weight:500;color:#555;background:#f5f5f5;border:2px solid #e0e0e0}.tolerance-option:hover{background:#eee;border-color:#ccc}.tolerance-option.active,.tolerance-option:has(input:checked){background:#C7E07A;border-color:#C7E07A;color:#1a1a2e}.price-preset{padding:4px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;font-size:11px;color:#666;cursor:pointer;transition:all 0.2s}.price-preset:hover{background:#C7E07A;border-color:#C7E07A;color:#1a1a2e}.filter-tag{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#1a1a2e,#2a2a4e);color:#fff;font-size:12px;border-radius:20px;font-weight:500}.filter-tag button{font-size:16px;line-height:1;opacity:.7;transition:opacity 0.2s;background:none;border:none;color:inherit;cursor:pointer}.filter-tag button:hover{opacity:1}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}