.d-none { display: none !important; }
.cf-tabs { display: inline-flex; align-items: center; background: #FFFFFF; padding: 6px; border-radius: 50px; border: 1px solid #E5E7EB; margin-bottom: 2rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02); }
.mc-filter-btn { border: none; background: transparent; padding: 10px 24px; border-radius: 50px; font-size: 0.95rem; font-weight: 700; color: #6B7280; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; letter-spacing: 0.02em; }
.mc-filter-btn:hover:not(.active) { color: #111827; background: #F9FAFB; }
.mc-filter-btn.active { background: #111827; color: #D6E04A; box-shadow: 0 4px 12px rgba(17,24,39,0.15); }
.cf-tab-num { background: #F3F4F6; color: #4B5563; padding: 2px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 800; transition: all 0.3s ease; }
.mc-filter-btn.active .cf-tab-num { background: rgba(214,224,74,0.15); color: #D6E04A; }