.sajax-filter-wrapper{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #eee}.sajax-search-input{width:100%;padding:12px 15px;font-size:16px;border:1px solid #ddd;border-radius:5px;box-sizing:border-box}.sajax-category-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.sajax-filter-btn{padding:8px 16px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;transition:all .3s ease}.sajax-filter-btn:hover{background-color:#f0f0f0;border-color:#ccc}.sajax-filter-btn.active{background-color:#5d3dfd;color:#fff;border-color:#5d3dfd}.sajax-results-count{font-size:14px;color:#666;margin-top:15px;min-height:20px}.sajax-no-results{text-align:center;padding:40px 20px;font-size:18px;color:#777}.sajax-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.7);display:flex;justify-content:center;align-items:center;z-index:10;transition:opacity .3s ease;border-radius:8px}.sajax-loader{border:5px solid #f3f3f3;border-top:5px solid #5d3dfd;border-radius:50%;width:50px;height:50px;animation:sajax-spin 1s linear infinite}@keyframes sajax-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.sajax-top-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.sajax-search-container{flex-grow:1}.sajax-view-toggle{display:flex;border:1px solid #ddd;border-radius:5px;overflow:hidden;flex-shrink:0}.sajax-view-btn{padding:8px;background-color:#fff;border:none;border-left:1px solid #ddd;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#888;transition:all .2s ease-in-out}.sajax-view-btn:first-child{border-left:none}.sajax-view-btn:hover{background-color:#f0f0f0}.sajax-view-btn.active{background-color:#e9e5ff;color:#5d3dfd}.sajax-pagination-container{margin-top:25px;transition:opacity .3s ease}.sajax-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.sajax-page-link{display:inline-block;padding:8px 14px;border:1px solid #ddd;background-color:#fff;color:#333;text-decoration:none;border-radius:4px;font-size:14px;transition:all .2s ease-in-out}.sajax-page-link:hover{background-color:#f0f0f0;border-color:#ccc;color:#000}.sajax-page-link.current{background-color:#5d3dfd;color:#fff;border-color:#5d3dfd;font-weight:700}.sajax-page-link.prev,.sajax-page-link.next{font-weight:500}