.filter-bar{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.filter-bar::-webkit-scrollbar{display:none}@media (max-width:768px){.filter-bar{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:5px 20px 15px 20px;margin-left:-15px;margin-right:-15px}.filter-bar::after{content:'';padding-right:20px}}.filter-btn{padding:10px 20px;border:1px solid var(--border-color);background:0 0;color:var(--text-color);border-radius:30px;cursor:pointer;font-family:inherit;font-size:.95rem;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.loader{text-align:center;padding:20px;display:none}.loader span{display:inline-block;width:10px;height:10px;background:var(--primary-color);border-radius:50%;margin:0 5px;animation:loader .6s infinite alternate}.loader span:nth-child(2){animation-delay:.2s}.loader span:nth-child(3){animation-delay:.4s}@keyframes loader{to{transform:translateY(-10px);opacity:.5}}