.filter-section{position:relative;z-index:999;padding:20px 0;margin-bottom:20px}.filter-container{display:flex;gap:20px;align-items:center;flex-wrap:wrap;position:relative;height:30px}.filter-group{position:relative}.filter-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px;transition:all .2s;background:none;border:none;padding:0;color:#3b3b3b}.filter-arrow{transition:transform .2s}.filter-toggle.active .filter-arrow{transform:rotate(180deg)}.filter-options{position:absolute;top:100%;left:0;margin-top:8px;background:#fff;border:1px solid #ebebeb;padding:12px;min-width:150px;max-height:300px;overflow-y:auto;z-index:10;display:none}.filter-options.show{display:block}.filter-option{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:14px;color:#3b3b3b}.filter-option:hover{color:#666}.filter-checkbox{width:16px;height:16px;cursor:pointer}.clear-filters{padding:5px 10px;background:#3b3b3b;color:#ebebeb;cursor:pointer;font-size:12px;transition:background .2s;border:none}.product-li.hidden{display:none!important}.filter-active-count{color:#3b3b3b;font-size:12px;padding:2px 6px;margin-left:4px;border:1px solid #3b3b3b}.active-filters{display:flex;align-items:center;gap:10px;font-size:14px;padding:15px 0 0}.active-filter-tags{display:flex;gap:8px}.filter-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid #3b3b3b;font-size:12px}.filter-tag button{background:none;border:none;cursor:pointer;padding:0;font-size:16px;line-height:1}.sort-wrapper{z-index:9;position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px}.sort-label{font-size:14px;color:#3b3b3b;font-weight:400}.sort-dropdown{position:relative}.sort-toggle{display:flex;align-items:center;padding:6px 12px;background:transparent;border:1px solid #ebebeb;cursor:pointer;font-size:14px;color:#3b3b3b;transition:all .2s;min-width:150px;justify-content:space-between;text-align:center;border-radius:2px}.sort-arrow{transition:transform .2s}.sort-toggle.active .sort-arrow{transform:rotate(180deg)}.sort-options{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #ebebeb;min-width:150px;z-index:20;display:none}.sort-options.show{display:block}.sort-option{padding:6px 12px;font-size:14px;color:#3b3b3b;cursor:pointer;transition:background .2s}.sort-option:hover{background:#f5f5f5}.sort-option.active{background:#ebebeb}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:100}.loader{border:3px solid #f3f3f3;border-top:3px solid #3b3b3b;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-results{text-align:center;padding:60px 20px}.no-results h3{font-size:18px;margin-bottom:10px;color:#3b3b3b;font-weight:400}.no-results p{font-size:14px;color:#666}.load-more-container{text-align:center}.load-more-btn{display:inline-block;padding:10px 15px;background-color:#3b3b3b;color:#fff;border-radius:2px;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.load-more-btn.loading{pointer-events:none;opacity:.7}.load-more-btn.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.infinite-scroll-loader{text-align:center;padding:30px 0;display:none}.infinite-scroll-loader.active{display:block}.infinite-scroll-loader .dots{display:inline-flex;gap:8px}.infinite-scroll-loader .dot{width:8px;height:8px;background-color:#3b3b3b;border-radius:50%;animation:loadingDots 1.4s infinite ease-in-out both}.infinite-scroll-loader .dot:nth-child(1){animation-delay:-.32s}.infinite-scroll-loader .dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.filter-section{padding:0 0 15px;margin:0}.filter-container{padding-right:0}.sort-wrapper{display:none}.sort-toggle{min-width:120px;padding:6px 12px;font-size:13px}.sort-label{font-size:13px}.load-more-container{margin:30px 0}.load-more-btn{padding:12px 30px;font-size:14px;width:100%;text-align:center}.thumbnail{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px}.clear-filters{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/filter.css.map */