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