.mobile-filter-overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1050}.mobile-filter-overlay.show{opacity:1;visibility:visible}.mobile-filter-sidebar{background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.1);height:100%;max-width:400px;overflow-y:auto;position:absolute;right:-100%;top:0;transition:right .3s ease;width:90%}.mobile-filter-overlay.show .mobile-filter-sidebar{right:0}.mobile-filter-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1rem}.mobile-filter-header h5{color:#212529;margin:0}.mobile-filter-header .btn-close{font-size:1.2rem}.mobile-filter-content{padding:1rem}.mobile-filter-content .filter-section{margin-bottom:1.5rem}.mobile-filter-content .filter-section h5{color:#212529;margin-bottom:.5rem}.mobile-filter-content .filter-section hr{margin:.5rem 0}@media(max-width:767.98px){#mobile-filter-btn{position:relative}#mobile-filter-btn .badge{position:absolute;right:-5px;top:-5px}.d-none.d-md-block{display:none!important}}#filter-count{align-items:center;display:flex;font-size:.75rem;height:20px;justify-content:center;line-height:1;min-width:20px}.mobile-filter-overlay.opening{animation:fadeIn .3s ease}.mobile-filter-overlay.closing{animation:fadeOut .3s ease}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}