.mobile-filter-button{display:none;align-items:center;justify-content:center;gap:6px;background-color:white;border:1px solid #ddd;border-radius:5px;padding:8px 12px;color:var(--text-secondary);transition:all .2s ease;position:relative}.mobile-filter-button.active{background-color:var(--primary);color:white;border-color:var(--primary)}.filter-badge{position:absolute;top:-8px;right:-8px;background-color:var(--secondary);color:white;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.filter-overlay{top:0;background-color:rgba(0,0,0,.5);z-index:998;animation:fadeIn .3s ease}.filter-overlay,.mobile-filter-panel{position:fixed;left:0;right:0;bottom:0}.mobile-filter-panel{background-color:white;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px rgba(0,0,0,.15);z-index:999;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);max-height:85vh;display:flex;flex-direction:column}.mobile-filter-panel.open{transform:translateY(0)}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.mobile-filter-header h2{margin:0;font-size:1.2rem;font-weight:600}.close-filter-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-filter-button:hover{background-color:#f5f5f5}.mobile-filter-content{padding:0 20px 20px;overflow-y:auto;flex:1 1}.mobile-filter-content::-webkit-scrollbar{width:6px}.mobile-filter-content::-webkit-scrollbar-track{background:transparent}.mobile-filter-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.1);border-radius:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.mobile-filter-button{display:flex}}