/* NMIMS CIIS — assets/css/04-sections/fees.css — extracted from approved source (Phase 2B) */

/* ── FEES ── */
.fees-section { background: var(--off-white); }
.fees-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.fee-card { background: white; border-radius: var(--radius); padding: 32px; border: 1px solid var(--grey-light); box-shadow: var(--shadow-soft); text-align: center; position: relative; transition: all 0.3s; }
.fee-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-card); }
.fee-card.featured { background: linear-gradient(145deg, var(--purple-dark), var(--purple)); border: none; }
.fee-card.featured * { color: white !important; }
.fee-card-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--grey-text); margin-bottom: 12px; display: block; }
.fee-amount { font-family: var(--font-display); font-size: 2.4rem; font-weight: 800; color: var(--purple); line-height: 1; margin-bottom: 6px; }
.fee-amount sup { font-size: 1.2rem; vertical-align: super; }
.fee-period { font-size: 0.82rem; color: var(--grey-text); margin-bottom: 20px; }
.fee-details { list-style: none; text-align: left; display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.fee-details li { font-size: 0.83rem; color: var(--grey-text); display: flex; align-items: flex-start; gap: 8px; }
.fee-details li::before { content: '✓'; color: var(--orange); font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.emi-badge { display: inline-block; background: rgba(232,105,10,0.12); color: var(--orange); padding: 6px 16px; border-radius: 100px; font-size: 0.78rem; font-weight: 600; }
.fee-note { margin-top: 32px; background: white; border-radius: var(--radius); padding: 24px; border: 1px solid var(--grey-light); }
.fee-note p { font-size: 0.83rem; color: var(--grey-text); line-height: 1.7; }
.fee-note strong { color: var(--dark); }