.filter-wrapper{margin:3rem 0;padding:0 2rem}.filter-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;color:var(--brand);background:transparent;border:2px solid var(--brand);border-radius:var(--radius-pill);cursor:pointer;transition:all .3s ease}.filter-btn i{font-size:1.6rem}.filter-btn:hover{background:var(--brand);color:var(--white);transform:translateY(-3px);box-shadow:0 5px 15px var(--brand-shadow)}.filter-btn.active{background:var(--brand);color:var(--white);box-shadow:0 5px 15px var(--brand-shadow-strong)}.filter-btn:focus-visible{outline:3px solid var(--brand-2);outline-offset:3px}.toggle-advanced-filters{display:flex;align-items:center;gap:.8rem;padding:1rem 2rem;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500;color:var(--ink-2);background:transparent;border:2px solid var(--ink-2);border-radius:var(--radius-pill);cursor:pointer;transition:all .3s ease}.toggle-advanced-filters:hover{background:var(--ink-2);color:var(--white)}.toggle-advanced-filters i.fa-chevron-down{transition:transform .3s ease}.toggle-advanced-filters.active i.fa-chevron-down{transform:rotate(180deg)}.advanced-filters{max-height:0;overflow:hidden;opacity:0;margin:2rem 0;transition:max-height .4s ease,opacity .4s ease}.advanced-filters.show{max-height:500px;opacity:1}.filter-group{background:var(--surface-card);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-sm, 0 2px 10px rgba(0, 0, 0, .06));margin-bottom:1.5rem}.filter-group h4{display:flex;align-items:center;gap:1rem;font-size:1.6rem;color:var(--ink);margin-bottom:1.5rem}.filter-group h4 i{color:var(--brand);font-size:1.8rem}.filter-tags{display:flex;flex-wrap:wrap;gap:1rem}.filter-tag{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:500;color:var(--ink-2);background:var(--surface-sunken);border:2px solid var(--line-strong);border-radius:var(--radius-pill);cursor:pointer;transition:all .3s ease}.filter-tag i{font-size:1.4rem}.filter-tag:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}.filter-tag.active{background:var(--brand);color:var(--white);border-color:var(--brand);box-shadow:0 3px 10px var(--brand-shadow)}.filter-tag:focus-visible{outline:3px solid var(--brand-2);outline-offset:3px}.filter-count{text-align:center;font-size:1.5rem;color:var(--text-soft);margin:2rem 0;padding:1rem;background:var(--surface-card);border-radius:var(--radius-pill);box-shadow:0 2px 10px #0000000d;transition:.3s}.filter-count span{color:var(--brand);font-weight:700;font-size:1.7rem}.featured-badge{position:absolute;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:1.2rem;font-weight:700;color:var(--ink);background:linear-gradient(135deg,var(--gold),var(--gold-2));border-radius:var(--radius-pill);box-shadow:0 3px 10px #ffd70080;animation:pulse 2s infinite}.featured-badge i{color:#ff6b00;font-size:1.4rem}@media(prefers-reduced-motion:reduce){.featured-badge{animation:none}}@media(max-width:768px){.filter-wrapper{padding:0 1rem}.filter-buttons{flex-direction:column;width:100%}.filter-btn{width:100%;justify-content:center;font-size:1.3rem;padding:1.2rem}.toggle-advanced-filters{width:100%;justify-content:center}.filter-tags{justify-content:center}.filter-tag{font-size:1.2rem;padding:.7rem 1.5rem}.filter-group{padding:1.5rem}.filter-group h4{font-size:1.4rem}.filter-count{font-size:1.3rem;margin:1.5rem 0;padding:.8rem}.filter-count span{font-size:1.5rem}}@media(hover:none)and (pointer:coarse){.filter-btn{padding:1.2rem 2.4rem}}.filter-bar--solid{margin:0;padding:0 2rem}.filter-bar--solid .filter-container{margin:4rem auto;max-width:1200px;gap:1.5rem}.filter-bar--solid .filter-buttons{display:contents}.filter-bar--solid .filter-btn{padding:1.2rem 3rem;font-size:1.6rem;color:var(--ink);background:#ffffffe6;border:2px solid transparent;gap:.8rem;box-shadow:0 5px 15px #0000001a}.filter-bar--solid .filter-btn i{font-size:1.8rem}.filter-bar--solid .filter-btn:hover{color:var(--ink);background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0003}.filter-bar--solid .filter-btn.active{background:var(--accent-grad);color:var(--white);border-color:#fff;transform:scale(1.05);box-shadow:0 8px 20px #0003}.filter-bar--solid .filter-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:768px){.filter-bar--solid .filter-buttons{flex-direction:row}.filter-bar--solid .filter-btn{width:auto;padding:1rem 2rem;font-size:1.4rem}}@media(max-width:450px){.filter-bar--solid .filter-btn{padding:.8rem 1.5rem;font-size:1.3rem}}@media(hover:none)and (pointer:coarse){.filter-bar--solid .filter-btn{padding:1.6rem 3.2rem}}@media(prefers-contrast:more){.filter-bar--solid .filter-btn.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff40}}html[data-theme=dark] .filter-bar--solid .filter-btn{background:#ffffff1a;color:var(--text-body);border-color:#ffffff2e;box-shadow:0 5px 15px #00000059}html[data-theme=dark] .filter-bar--solid .filter-btn:hover{background:#fff3;color:#fff;box-shadow:0 8px 20px #00000073}html[data-theme=dark] .filter-bar--solid .filter-btn.active{background:var(--accent-grad);color:#fff;border-color:#ffffff80;box-shadow:0 8px 20px #00000073}