.filterSection{display:flex;flex-direction:column;gap:10px;background-color:white;padding:20px;border-radius:8px}.categoryItem{box-shadow:white;border:none}.filterHeading{font-size:14px;font-weight:600;text-transform:uppercase}.filterCategories p{font-size:14px;padding-bottom:10px;cursor:pointer}.filterColorBtn{display:flex;flex-wrap:wrap;gap:25px}.filterColorBtn button{background-color:white;border-radius:50%;padding:8px;cursor:pointer;transition:all .3s ease;outline:none;border:none;position:relative}.filterColorBtn button.selected:after{content:"";position:absolute;box-sizing:border-box;border:2px solid black;border-radius:50%;width:calc(100% + 12px);height:calc(100% + 12px);left:-6px;top:-6px;transition:all .3s ease}.sizeButtons{display:flex;flex-wrap:wrap;gap:10px}.sizeButton{background-color:white;padding:4px 12px;cursor:pointer;transition:background-color .3s ease;border:1px solid #e4e4e4;outline:none;font-size:12px;border-radius:4px}.sizeButton:hover{background-color:#e4e4e4}.sizeButton.active,.sizeButton.selected{background-color:#222;color:#fff;border-color:#222;font-weight:600}.searchBar{position:relative;display:flex;align-items:center}.clearSearchBtn,.searchIcon{position:absolute;right:10px}.clearSearchBtn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#767676;transition:color .2s ease}.clearSearchBtn:hover{color:#000}.searchBar input{width:100%;padding:12px 40px 9.6px 18px;border:1px solid #e4e4e4;border-radius:4px;outline:none;font-size:14px;text-transform:uppercase}.brandList{margin-top:10px}.brandItem{display:flex;align-items:center;margin-bottom:15px}.brandRadio{margin-right:15px;appearance:none;width:16px;height:16px;border:2px solid #e4e4e4;position:relative;cursor:pointer;outline:none}.brandRadio:checked{border:2px solid #000000}.brandRadio:after{content:"";display:block;width:8px;height:8px;background-color:black;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in-out}.brandRadio:checked:after{transform:translate(-50%,-50%) scale(1)}.notFoundMessage{font-size:14px;color:red;margin-top:10px}.brandLabel{cursor:pointer;font-size:14px}.brandCount{margin-left:auto;font-size:14px;color:#767676}.priceRange{display:flex;gap:20px;align-items:center;justify-content:space-between}.priceRange p{font-size:14px;color:#767676;font-weight:400}.priceRange p span{color:black}.filterGroupCount{color:#666;font-size:12px;font-weight:400;margin-left:6px}.applyFilters{margin-top:16px}.applyFiltersBtn{width:100%;padding:11px 16px;background-color:#222;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.applyFiltersBtn:hover:not(:disabled){background-color:#000}.applyFiltersBtn:disabled{opacity:.75;cursor:not-allowed}.applyFilterSpinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spinFilter .65s linear infinite;flex-shrink:0}@keyframes spinFilter{to{transform:rotate(1turn)}}.clearFilters{margin-top:16px}.clearFiltersBtn{width:100%;padding:11px 16px;background-color:#222;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:background-color .2s ease}.clearFiltersBtn:hover{background-color:#000}.drawerFilterWrapper{display:flex;flex-direction:column;min-height:100%}.drawerStickyFooter{position:sticky;bottom:0;display:flex;gap:12px;padding:16px 20px;background-color:#fff;border-top:1px solid #e8e8e8;box-shadow:0 -4px 16px rgba(0,0,0,.08);z-index:20;margin-top:auto}.drawerClearBtn{flex:1;padding:12px 14px;background-color:#fff;color:#222;border:1px solid #d4d4d4;border-radius:4px;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all .2s ease}.drawerClearBtn:hover:not(:disabled){background-color:#f5f5f5;border-color:#000}.drawerClearBtn:disabled{opacity:.4;cursor:not-allowed}.drawerApplyBtn{flex:1.5;padding:12px 16px;background-color:#222;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.drawerApplyBtn:hover:not(:disabled){background-color:#000}.drawerApplyBtn:disabled{opacity:.7;cursor:not-allowed}