#heading{text-align:center;letter-spacing:2px;color:var(--font-secondary-color);margin:3rem;font-family:Archivo,sans-serif;font-size:2rem;font-weight:bolder}
.filter-section{box-sizing:border-box;z-index:10;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;width:100%;max-width:900px;margin:0 auto;padding:0;display:flex}.search-wrapper{background:#ffffff03;border:1px solid #ffffff1a;border-radius:20px;flex:1;align-items:center;gap:8px;min-width:180px;max-width:300px;padding:6px 14px;transition:all .3s;display:flex}@media (max-width:768px){.search-wrapper{flex:100%;max-width:100%}}.search-wrapper:focus-within{border-color:var(--font-highlight-color);box-shadow:0 0 10px rgba(var(--font-highlight-color-rgb), .1);background:#ffffff08}.search-icon{opacity:.6;font-size:.8rem}.search-input{color:var(--font-primary-color);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.8rem}.search-input::placeholder{color:var(--font-secondary-color);opacity:.5}.sort-wrapper,.filter-wrapper{position:relative}.sort-btn,.filter-btn{color:var(--font-secondary-color);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.sort-btn:hover,.sort-btn.active,.filter-btn:hover,.filter-btn.active{border-color:var(--font-highlight-color);color:var(--font-highlight-color);background:#ffffff05}.sort-btn .chevron,.filter-btn .chevron{border-top:4px solid;border-left:3.5px solid #0000;border-right:3.5px solid #0000;width:0;height:0;transition:transform .3s}.sort-btn.active .chevron,.filter-btn.active .chevron{transform:rotate(180deg)}.sort-dropdown,.filter-dropdown{background:var(--card-bg);z-index:100;border:1px solid #ffffff1a;border-radius:12px;min-width:140px;animation:.3s cubic-bezier(.4,0,.2,1) forwards fadeInDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sort-option,.filter-option{cursor:pointer;color:var(--font-secondary-color);padding:10px 18px;font-size:.85rem;transition:all .2s}.sort-option:hover,.filter-option:hover{color:var(--font-highlight-color);background:#ffffff0d}.sort-option.selected,.filter-option.selected{color:var(--font-highlight-color);background:#ffffff05;font-weight:600}