.catalog-filter-sidebar{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:120px;height:fit-content}.filter-wrapper{width:100%}.filter-title{font-size:24px;font-weight:600;color:#5a4f42;margin:0 0 30px}.filter-group{margin-bottom:25px}.filter-group label{display:block;font-size:14px;font-weight:600;color:#5a4f42;margin-bottom:10px}.filter-select,.filter-input{width:100%;padding:12px 15px;border:1px solid #ccc8c0;border-radius:8px;font-size:14px;color:#5a4f42;background:#fff;transition:all .3s ease}.filter-select:focus,.filter-input:focus{border-color:#5a4f42;outline:none;box-shadow:0 0 0 3px rgba(90,79,66,.1)}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap}.filter-btn{flex:1;min-width:50px;padding:10px 15px;border:1px solid #ccc8c0;background:#fff;color:#5a4f42;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#5a4f42;background:#f5f3f0}.filter-btn.active{background:#5a4f42;color:white;border-color:#5a4f42}.filter-actions{display:flex;flex-direction:column;gap:12px;margin-top:30px}.filter-submit-btn{width:100%;padding:14px 20px;background:#5a4f42;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-submit-btn:hover{background:#483f35;transform:translateY(-2px);box-shadow:0 4px 12px rgba(90,79,66,.3)}.filter-reset-btn{display:block;width:100%;padding:12px 20px;text-align:center;background:0 0;color:#5a4f42;border:1px solid #5a4f42;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s ease}.filter-reset-btn:hover{background:#5a4f42;color:white}@media (max-width:1024px){.catalog-filter-sidebar{position:relative;top:0;margin-bottom:30px}}@media (max-width:768px){.catalog-filter-sidebar{padding:20px}.filter-title{font-size:20px}}