/* === FEATURED COURSE === */
.featured-course { padding: 20px 0; }
.fc-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.fc-image { position: relative; width: 100%; height: 160px; overflow: hidden; }
.fc-image img { width: 100%; height: 100%; object-fit: cover; }
.fc-badge { position: absolute; top: 10px; left: 10px; background: var(--green); color: white; padding: 4px 10px; border-radius: 4px; font-size: 0.65rem; font-weight: 700; }
.fc-info { padding: 16px; }
.fc-title { font-size: 1.2rem; font-weight: 800; margin-bottom: 6px; }
.fc-tagline { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 14px; }
.fc-features { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.fc-chip { background: #EFF6FF; color: var(--primary); padding: 5px 10px; border-radius: 50px; font-size: 0.7rem; font-weight: 600; }
.fc-price-row { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; flex-wrap: wrap; }
.fc-discount { font-size: 0.8rem; color: var(--text-muted); }
.fc-discount small { color: var(--red); font-weight: 600; }
.fc-enrolled { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; color: var(--text-muted); }
.fc-avatars { letter-spacing: -4px; font-size: 1.1rem; }

@media (min-width: 1024px) {
    .fc-card { display: grid; grid-template-columns: 1fr 1.2fr; }
    .fc-image { height: 100%; min-height: 220px; }
    .fc-info { padding: 24px; }
    .fc-title { font-size: 1.5rem; }
}