.filter-button-wrapper{display:flex;justify-content:flex-end}.filter-button{display:inline-flex;align-items:center;gap:20px;border:1px solid #000;padding:8px 15px 5px;letter-spacing:.5px;margin-top:25px;white-space:nowrap;transition:all 0.4s;cursor:pointer}.filter-button svg{height:20px;width:auto}.filter-button:hover{opacity:.7}.filterbox{position:fixed;top:0;right:0;height:100vh;width:300px;max-width:80vw;background:#fff;box-shadow:-2px 0 8px rgb(0 0 0 / .1);transform:translateX(100%);transition:transform 0.3s ease;z-index:99999;padding:1rem;overflow-y:auto}.filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);opacity:0;visibility:hidden;transition:opacity 0.3s ease;z-index:1000}body.filter-active .filterbox{transform:translateX(0)}body.filter-active .filter-overlay{opacity:1;visibility:visible}.filterbox-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #ddd}.filterbox-header .filter-headline{margin:0;font-size:15px}.filterbox-header .close-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:0}.filter-content{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.filter-content .filter-col{padding:1rem;border-top:1px solid #ddd}.filter-content .filter-col:first-child{border-top:none}.filter-content .filter-col-title+.filter-list{display:none;margin:.5rem 0 1rem;padding:0;list-style:none}.filter-content .filter-col-title{position:relative;cursor:pointer;padding:.5rem 1rem .5rem 0;margin:.5rem 0 0;font-size:15px;font-weight:600}.filter-content .filter-col-title::after{content:'▸';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1em;transition:transform 0.2s ease}.filter-content .filter-col-title.active+.filter-list{display:block}.filter-content .filter-col-title.active::after{transform:translateY(-50%) rotate(90deg)}.filter-actions{display:flex}.filter-actions .button.apply-btn{background:#000;color:#FFF;border-radius:0}.filter-actions .button.reset-btn{background:rgba(var(--bg-color-2),1);color:#000;border-radius:0}.sort-options{list-style:none;margin:0;padding:0}.sort-options li{margin:.5rem 0}.sort-options li label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}