:root{--affinite-primary:#007cba;--affinite-secondary:#005a87;--affinite-success:#00a32a;--affinite-warning:#dba617;--affinite-error:#d63638;--affinite-text:#1e1e1e;--affinite-text-light:#646970;--affinite-border:#dcdcde;--affinite-background:#f6f7f7;--affinite-white:#ffffff;--affinite-shadow:0 1px 3px rgba(0, 0, 0, 0.1);--affinite-shadow-hover:0 4px 6px rgba(0, 0, 0, 0.1);--affinite-radius:4px;--affinite-transition:all 0.2s ease-in-out}.affinite-filter-container{display:grid;grid-template-columns:280px 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem}@media (max-width:768px){.affinite-filter-container{grid-template-columns:1fr;gap:1rem;padding:1rem}}.affinite-filter-sidebar{background:var(--affinite-white);border-radius:var(--affinite-radius);box-shadow:var(--affinite-shadow);padding:1.5rem;height:fit-content;position:sticky;top:2rem}@media (max-width:768px){.affinite-filter-sidebar{position:static;order:2}}.affinite-filter-main{background:var(--affinite-white);border-radius:var(--affinite-radius);box-shadow:var(--affinite-shadow);overflow:hidden}.affinite-filter-header{padding:1.5rem;border-bottom:1px solid var(--affinite-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.affinite-filter-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--affinite-text)}.affinite-filter-controls{display:flex;gap:1rem;align-items:center}.affinite-product-filter__chips{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}.affinite-product-filter__chips:has(.affinite-product-filter__chip){padding:10px}.affinite-product-filter__chip{position:relative;display:flex;background:#F0F2F5;border-radius:5px;padding:5px 20px 5px 10px;border:1px solid #ddd;font-size:12px}.affinite-product-filter__chip-label{font-size:12px;line-height:12px}.affinite-product-filter__chip-remove{position:absolute;right:5px;top:50%;transform:translateY(-50%);cursor:pointer}.affinite-product-filter__chip-remove:hover{opacity:.8}.affinite-product-filter__chip-remove:after{content:'';width:10px;height:2px;background:#000;position:absolute;left:-10px;top:-1px;rotate:45deg}.affinite-product-filter__chip-remove:before{content:'';width:10px;height:2px;background:#000;position:absolute;left:-10px;top:-1px;rotate:-45deg}.affinite-product-filter__chip--clear-all{background:#d63638;color:#fff;border-color:#b32d2e;font-weight:500}.affinite-product-filter__chip--clear-all .affinite-product-filter__chip-label{color:#fff}.affinite-product-filter__chip--clear-all .affinite-product-filter__chip-remove:after,.affinite-product-filter__chip--clear-all .affinite-product-filter__chip-remove:before{background:#fff}.affinite-product-filter__chips--top-bar{width:100%;margin-bottom:1rem;padding:.75rem 0}.affinite-product-filter__chips--before-filter{width:100%;margin-bottom:1rem}.affinite-product-filter__chips--before-product-list{width:100%;margin-bottom:1.5rem;padding:.75rem 0}@media (max-width:768px){.affinite-product-filter__chips--top-bar{padding:.5rem 0;margin-bottom:.75rem}.affinite-product-filter__chips--before-product-list{padding:.5rem 0;margin-bottom:1rem}}.affinite-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid var(--affinite-border);border-radius:var(--affinite-radius);background:var(--affinite-white);color:var(--affinite-text);text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--affinite-transition);min-height:36px}.affinite-btn:hover{background:var(--affinite-background);border-color:var(--affinite-text-light);transform:translateY(-1px);box-shadow:var(--affinite-shadow-hover)}.affinite-btn:active{transform:translateY(0)}.affinite-btn-primary{background:var(--affinite-primary);border-color:var(--affinite-primary);color:var(--affinite-white)}.affinite-btn-primary:hover{background:var(--affinite-secondary);border-color:var(--affinite-secondary)}.affinite-btn-secondary{background:var(--affinite-background);border-color:var(--affinite-border)}.affinite-btn-small{padding:.25rem .5rem;font-size:.75rem;min-height:28px}.affinite-btn-large{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}.affinite-form-group{margin-bottom:1.5rem}.affinite-form-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--affinite-text);font-size:.875rem}.affinite-form-input,.apf-form-select{width:100%;padding:.5rem .75rem;border:1px solid var(--affinite-border);border-radius:var(--affinite-radius);font-size:.875rem;transition:var(--affinite-transition);background:var(--affinite-white)}.affinite-form-input:focus,.affinite-form-select:focus{outline:none;border-color:var(--affinite-primary);box-shadow:0 0 0 3px rgb(0 124 186 / .1)}.affinite-form-input::placeholder{color:var(--affinite-text-light)}.affinite-checkbox-group,.affinite-radio-group{display:flex;flex-direction:column;gap:.5rem}.affinite-checkbox-item,.affinite-radio-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem 0}.affinite-checkbox-item input[type="checkbox"],.affinite-radio-item input[type="radio"]{margin:0;cursor:pointer}.affinite-checkbox-item label,.affinite-radio-item label{cursor:pointer;font-size:.875rem;margin:0;flex:1}.affinite-range-slider{position:relative;padding:1rem 0}.affinite-range-track{height:4px;background:var(--affinite-border);border-radius:2px;position:relative}.affinite-range-fill{height:100%;background:var(--affinite-primary);border-radius:2px;position:absolute;top:0}.affinite-range-thumb{width:20px;height:20px;background:var(--affinite-white);border:2px solid var(--affinite-primary);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition:var(--affinite-transition)}.affinite-range-thumb:hover{transform:translateY(-50%) scale(1.1);box-shadow:var(--affinite-shadow-hover)}.affinite-range-values{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;color:var(--affinite-text-light)}.affinite-results{padding:1.5rem}.affinite-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width:768px){.affinite-results-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}.affinite-product-card{background:var(--affinite-white);border:1px solid var(--affinite-border);border-radius:var(--affinite-radius);overflow:hidden;transition:var(--affinite-transition);cursor:pointer}.affinite-product-card:hover{transform:translateY(-2px);box-shadow:var(--affinite-shadow-hover)}.affinite-product-image{width:100%;height:200px;object-fit:cover;background:var(--affinite-background)}.affinite-product-content{padding:1rem}.affinite-product-title{font-size:1rem;font-weight:600;margin:0 0 .5rem 0;color:var(--affinite-text);line-height:1.4}.affinite-product-price{font-size:1.125rem;font-weight:700;color:var(--affinite-primary);margin:.5rem 0}.affinite-product-meta{font-size:.75rem;color:var(--affinite-text-light);margin-top:.5rem}.affinite-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0}.affinite-pagination a,.affinite-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid var(--affinite-border);border-radius:var(--affinite-radius);text-decoration:none;color:var(--affinite-text);font-size:.875rem;transition:var(--affinite-transition)}.affinite-pagination a:hover{background:var(--affinite-background);border-color:var(--affinite-text-light)}.affinite-pagination .current{background:var(--affinite-primary);border-color:var(--affinite-primary);color:var(--affinite-white)}.affinite-pagination .dots{border:none;background:none}.affinite-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.affinite-spinner{width:40px;height:40px;border:3px solid var(--affinite-border);border-top:3px solid var(--affinite-primary);border-radius:50%;animation:affinite-spin 1s linear infinite;margin-bottom:1rem}@keyframes affinite-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.affinite-loading p{color:var(--affinite-text-light);margin:0}.affinite-loading-fi