.mc-filter-btn:not(.active):hover { background:rgba(255,255,255,0.6); color:#0F172A; }
.mc-filter-btn:not(.active) span { color:#475569; background:#E2E8F0; }
.mc-filter-btn span { transition:all 0.3s ease; border-radius:8px; font-size:0.8rem; padding:2px 8px; font-weight:700; }
.mc-filter-nav { box-shadow:inset 0 2px 4px rgba(0,0,0,0.02); border-radius:16px; margin-bottom:2rem; padding:6px; background:#ccc; display:inline-flex; border:1px solid #F1F5F9; }
.mc-filter-btn.active { transform:translateY(-1px); box-shadow:0 6px 16px -4px rgba(239,68,68,0.4); background:#EF4444; color:#FFFFFF; }
.d-none { display:none!important; }
.mc-filter-btn.active span { background:rgba(255,255,255,0.25); color:#FFFFFF; }
.mc-filter-btn { border-radius:12px; font-size:0.95rem; gap:8px; align-items:center; border:none; cursor:pointer; background:transparent; transition:all 0.3s cubic-bezier(0.4,0,0.2,1); margin: 0 5px; color:#64748B; font-weight:600; display:inline-flex; padding:10px 24px; }