/* Gaya khusus halaman Career Ready Bundle.

   Warna dan tombol meminjam cv.css agar sekeluarga dengan keempat alatnya.
   Berkas ini menambahkan yang khas halaman paket: blok harga, kisi kartu
   produk, dan penanda mana yang sudah terbuka. */

.harga-blok { margin: 26px 0 20px }
.harga-utama { display: flex; align-items: baseline; gap: 14px }
.harga-utama .coret {
  color: var(--redup); font-size: 1.15rem; text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.harga-utama b { font-size: 2.6rem; color: var(--tema); line-height: 1 }
.harga-blok .bantu { margin-top: 10px; max-width: 46ch }

.sudah-punya {
  border: 1.5px solid var(--tema); border-radius: 14px;
  padding: 18px 20px; margin-top: 22px; max-width: 60ch;
}
.sudah-punya p { margin: 0 }

/* ---------- kisi produk ---------- */
.isi-paket { padding: 20px 0 70px }
.paket-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px; margin: 20px 0 30px;
}
.paket-kartu {
  border: 1.5px solid var(--garis); border-radius: 16px;
  padding: 20px 22px; background: var(--bg2);
  display: flex; flex-direction: column; gap: 10px;
}
/* Kartu yang sudah terbuka ditandai tepi DAN kata, bukan warna saja —
   pembaca yang tidak membedakan warna tetap mengetahuinya. */
.paket-kartu.kartu-terbuka { border-color: rgba(191, 247, 71, .55) }

.pk-atas { display: flex; justify-content: space-between; align-items: center }
.pk-harga { color: var(--redup); font-size: .86rem }
.pk-status { font-size: .74rem; letter-spacing: 1.4px; text-transform: uppercase }
.pk-status.terbuka {
  color: var(--tema); border: 1.5px solid rgba(191, 247, 71, .4);
  border-radius: 99px; padding: 3px 11px;
}
.paket-kartu h3 { margin: 0; font-size: 1.15rem }
.paket-kartu p { margin: 0; color: var(--teks2); font-size: .92rem; line-height: 1.65; flex: 1 1 auto }
.paket-kartu .tbl { align-self: flex-start; margin-top: 4px }

.catatan-paket {
  border-top: 1px solid var(--garis); margin-top: 30px; padding-top: 24px;
  max-width: 68ch;
}
.catatan-paket h3 { margin: 0 0 12px; font-size: 1.05rem }
.catatan-paket p { color: var(--teks2); line-height: 1.75; margin: 0 0 12px }