/* --- PROGRAM UNGGULAN (Kartu Donasi Horizontal) --- */
.program-unggulan-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; padding: 0 4px; }
.program-unggulan-title { color: #0c1a30; font-size: 1.05rem; font-weight: 700; margin: 0; }
.program-unggulan-slider { display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 10px 2px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.program-unggulan-slider::-webkit-scrollbar { display: none; }
.program-card { flex: 0 0 250px; scroll-snap-align: start; background-color: #ffffff; border-radius: 12px; padding: 10px; display: flex; gap: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06); }
.program-card-image { width: 64px; height: 64px; border-radius: 10px; background-color: #ebf3ee; flex-shrink: 0; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.program-card-image svg { width: 28px; height: 28px; }
.program-card-info { flex: 1; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.program-card-title { color: #0c1a30; font-size: 0.8rem; font-weight: 700; margin: 0 0 2px 0; line-height: 1.2; }
.program-card-persen { color: #b8943a; font-size: 0.65rem; font-weight: 600; margin: 0 0 4px 0; }
.program-progress-bar { width: 100%; height: 5px; background-color: #edf2f7; border-radius: 2.5px; overflow: hidden; margin-bottom: 4px; }
.program-progress-fill { height: 100%; background-color: #043927; border-radius: 2.5px; }
.program-card-nominal { color: #718096; font-size: 0.6rem; font-weight: 500; margin: 0; }
.program-card-image.emas-bg { background: linear-gradient(135deg, #fcf6e8 0%, #f5e6c8 100%); }
.program-card-image.hijau-bg { background: linear-gradient(135deg, #ebf3ee 0%, #d0e4d8 100%); }
.program-card-image.biru-bg { background: linear-gradient(135deg, #e8f0fc 0%, #c8daf5 100%); }
.program-card-image.ungu-bg { background: linear-gradient(135deg, #f0e8fc 0%, #d8c8f5 100%); }