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