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