/* ====================================================== TANGGA HARGA ==== */

.sp-tangga {
  margin: var(--plut-space-5) 0;
  border-radius: var(--plut-radius-md);
  border: 1px solid var(--plut-ink-200);
  background: var(--plut-surface);
  overflow: hidden;
}

/* Anak tangga pertama. Diberi warna hijau padat karena inilah angka yang
   dirujuk oleh anak tangga di bawahnya. */
.sp-tangga__dasar {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: var(--plut-space-2) var(--plut-space-4);
  padding: var(--plut-space-4) var(--plut-space-5);
  background: var(--plut-primary-600);
  color: #fff;
}

.sp-tangga__label {
  margin: 0;
  flex: 1 1 auto;
  font-size: var(--sp-label);
  font-weight: 600;
  color: var(--plut-primary-100);
}

.sp-tangga__dasar .sp-tangga__harga {
  color: #fff;
  font-size: 1.5rem;
}

.sp-tangga__dasar .sp-tangga__ket { color: var(--plut-primary-200); }

.sp-tangga__baris {
  display: flex;
  align-items: center;
  gap: var(--plut-space-4);
  padding: var(--plut-space-4) var(--plut-space-5);
  border-top: 1px solid var(--plut-ink-100);
}

/* Pias kiri menandai varian yang pertama dilihat konsumen. Warnanya sama
   dengan harga dasar, karena keduanya sama sama angka rujukan. */
.sp-tangga__baris--utama {
  border-left: 4px solid var(--plut-primary-500);
  background: var(--plut-primary-50);
}

.sp-tangga__baris--habis { opacity: .58; }

.sp-tangga__kiri { flex: 1 1 auto; min-width: 0; }
.sp-tangga__kanan { flex: 0 0 auto; text-align: right; }

.sp-tangga__nama {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--plut-space-2);
  font-size: var(--sp-body);
  font-weight: 700;
  color: var(--plut-ink-900);
}

.sp-tangga__utama {
  padding: .1rem .45rem;
  border-radius: var(--plut-radius-full);
  background: var(--plut-primary-100);
  color: var(--plut-primary-700);
  font-size: var(--plut-text-xs);
  font-weight: 700;
}

/* Rumusnya diberi huruf serif, penanda yang sama yang dipakai untuk tulisan
   AI di halaman lain: kalimat yang disusun mesin, bukan diketik manusia. */
.sp-tangga__rumus {
  margin: .2rem 0 0;
  font-family: var(--plut-font-serif);
  font-size: var(--sp-label);
  color: var(--plut-ink-500);
}

.sp-tangga__harga {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--plut-ink-900);
}

.sp-tangga__ket,
.sp-tangga__bulat {
  margin: .15rem 0 0;
  font-size: var(--plut-text-xs);
  color: var(--plut-ink-400);
}

.sp-tangga__bulat { color: var(--plut-accent-700); }

.sp-tangga__kosong {
  margin: 0;
  padding: var(--plut-space-5);
  font-size: var(--sp-label);
  color: var(--plut-ink-500);
}

/* ==================================================== KEPALA & RENTANG == */

.sp-varian__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--plut-space-4);
  flex-wrap: wrap;
}

.sp-varian__lede {
  margin: var(--plut-space-2) 0 0;
  max-width: 52ch;
  font-size: var(--sp-label);
  line-height: 1.6;
  color: var(--plut-ink-500);
}

.sp-varian__penuh {
  margin: 0;
  font-size: var(--sp-label);
  color: var(--plut-ink-400);
}

.sp-varian__rentang {
  display: flex;
  align-items: center;
  gap: var(--plut-space-2);
  margin: 0 0 var(--plut-space-5);
  padding: var(--plut-space-3) var(--plut-space-4);
  border-radius: var(--plut-radius-sm);
  background: var(--plut-secondary-50);
  color: var(--plut-secondary-700);
  font-size: var(--sp-label);
}

.sp-varian__rentang svg { flex-shrink: 0; }

.sp-varian__daftar { display: grid; gap: var(--plut-space-4); }

/* ================================================== KARTU PENYUNTINGAN == */

.sp-vkartu {
  padding: var(--plut-space-5);
  border-radius: var(--plut-radius-md);
  border: 1px solid var(--plut-ink-200);
  background: var(--plut-surface);
  box-shadow: var(--plut-shadow-soft);
}

.sp-vkartu__head {
  display: flex;
  align-items: flex-end;
  gap: var(--plut-space-3);
}

.sp-field--tumbuh { flex: 1 1 auto; }

/* ------------------------------------------------------- kolom & hasil */

.sp-input-imbuh {
  display: flex;
  align-items: stretch;
  border-radius: var(--plut-radius-sm);
  border: 1.5px solid var(--plut-ink-200);
  background: var(--plut-surface);
  overflow: hidden;
}

.sp-input-imbuh:focus-within { border-color: var(--plut-primary-500); }

.sp-input-imbuh__awal {
  display: flex;
  align-items: center;
  padding: 0 var(--plut-space-3);
  background: var(--plut-ink-50);
  border-right: 1px solid var(--plut-ink-200);
  font-size: var(--sp-label);
  font-weight: 700;
  color: var(--plut-ink-500);
}

.sp-input-imbuh .sp-input {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.sp-input-imbuh .sp-input:focus { outline: none; box-shadow: none; }

/* ------------------------------------------------------------ lainnya */

.sp-detail { margin-top: var(--plut-space-5); }

.sp-detail__buka {
  cursor: pointer;
  padding: var(--plut-space-3) 0;
  font-size: var(--sp-label);
  font-weight: 600;
  color: var(--plut-primary-700);
}

.sp-detail__isi { display: grid; gap: var(--plut-space-4); padding-top: var(--plut-space-3); }

.sp-grid2 {
  display: grid;
  gap: var(--plut-space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
}

.sp-centang {
  display: flex;
  align-items: flex-start;
  gap: var(--plut-space-3);
  font-size: var(--sp-label);
  line-height: 1.55;
  color: var(--plut-ink-600);
  cursor: pointer;
}

.sp-centang input { margin-top: .25rem; width: 1.15rem; height: 1.15rem; flex-shrink: 0; }

/* ================================================== TAMPILAN BACA SAJA == */

.sp-vlihat {
  border-radius: var(--plut-radius-md);
  border: 1px solid var(--plut-ink-200);
  background: var(--plut-surface);
  overflow: hidden;
}

.sp-vlihat__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--plut-space-4);
  padding: var(--plut-space-4) var(--plut-space-5);
  background: var(--plut-ink-50);
  border-bottom: 1px solid var(--plut-ink-100);
}

.sp-vlihat__judul {
  margin: 0;
  font-size: var(--sp-label);
  font-weight: 700;
  color: var(--plut-ink-700);
}

.sp-vlihat__rentang {
  margin: 0;
  font-size: var(--sp-body-lg);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--plut-primary-700);
}

.sp-vlihat__ket {
  margin: 0;
  padding: var(--plut-space-3) var(--plut-space-5);
  font-size: var(--sp-label);
  color: var(--plut-ink-500);
  border-bottom: 1px solid var(--plut-ink-100);
}

.sp-vlihat__daftar { list-style: none; margin: 0; padding: 0; }

.sp-vlihat__baris {
  display: flex;
  align-items: center;
  gap: var(--plut-space-4);
  padding: var(--plut-space-4) var(--plut-space-5);
  border-bottom: 1px solid var(--plut-ink-100);
}

.sp-vlihat__baris:last-child { border-bottom: 0; }
.sp-vlihat__baris--utama { background: var(--plut-primary-50); }
.sp-vlihat__baris--habis { opacity: .55; }

.sp-vlihat__kiri { flex: 1 1 auto; min-width: 0; }
.sp-vlihat__kanan { flex: 0 0 auto; text-align: right; }

.sp-vlihat__nama {
  margin: 0;
  font-size: var(--sp-body);
  font-weight: 700;
  color: var(--plut-ink-900);
}

.sp-vlihat__sub {
  margin: .2rem 0 0;
  font-family: var(--plut-font-serif);
  font-size: var(--sp-label);
  color: var(--plut-ink-500);
}

.sp-vlihat__grosir {
  margin: .35rem 0 0;
  font-size: var(--plut-text-xs);
  color: var(--plut-secondary-600);
}

.sp-vlihat__nilai {
  margin: 0;
  font-size: var(--sp-body-lg);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--plut-ink-900);
}

.sp-vlihat__satuan {
  margin: .1rem 0 0;
  font-size: var(--plut-text-xs);
  color: var(--plut-ink-400);
}

.sp-vlihat__stok {
  margin: .3rem 0 0;
  padding: .1rem .5rem;
  display: inline-block;
  border-radius: var(--plut-radius-full);
  background: var(--plut-accent-50);
  color: var(--plut-accent-700);
  font-size: var(--plut-text-xs);
  font-weight: 700;
}

.sp-vlihat--kosong { padding: var(--plut-space-5); }
.sp-vlihat__harga {
  margin: 0;
  font-size: 1.625rem;
  font-weight: 800;
  color: var(--plut-ink-900);
}

/* ========================================================= JATAH AI ===== */

.sp-modal__box--kuota { max-width: 34rem; }

.sp-modal__icon--tunggu {
  background: var(--plut-accent-50);
  color: var(--plut-accent-700);
}

.sp-kuota-mundur {
  padding: var(--plut-space-5);
  border-radius: var(--plut-radius-md);
  background: var(--plut-ink-50);
  border: 1px solid var(--plut-ink-100);
  text-align: center;
}

.sp-kuota-mundur__label {
  margin: 0;
  font-size: var(--plut-text-xs);
  font-weight: 600;
  color: var(--plut-ink-500);
}

.sp-kuota-mundur__nilai {
  margin: var(--plut-space-2) 0 0;
  font-size: var(--plut-text-2xl);
  line-height: 1.1;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: var(--plut-ink-900);
}

.sp-kuota-mundur__jam {
  margin: var(--plut-space-2) 0 0;
  font-size: var(--sp-label);
  color: var(--plut-ink-500);
}

/* ============================================================ CETAK ===== */

@media print {
  .sp-detail,
  .sp-varian__head .sp-btn { display: none; }

  .sp-tangga,
  .sp-vlihat { box-shadow: none; border-color: var(--plut-ink-300); break-inside: avoid; }
}

/* ============================================== GERAK & LAYAR SEMPIT ==== */

@media (prefers-reduced-motion: reduce) {
  .sp-btn, .sp-vlink { transition: none; }
}

@media (max-width: 40rem) {
  .sp-tangga__baris { flex-direction: row; }
  .sp-tangga__dasar { flex-direction: column; align-items: flex-start; gap: var(--plut-space-1); }
  .sp-vkartu { padding: var(--plut-space-4); }
  .sp-vlihat__baris { padding: var(--plut-space-4); }
}

/* ================================================ BARIS UTAMA KARTU ===== */

/* Nama dan harga berdampingan, keduanya wajib. Sisanya dilipat ke dalam
   Pengaturan lain, karena sebagian besar varian tidak memerlukannya. */
.sp-vkartu__utama {
  display: grid;
  gap: var(--plut-space-4);
  align-items: end;
  grid-template-columns: minmax(0, 1fr) auto;
}

@media (min-width: 40rem) {
  .sp-vkartu__utama {
    grid-template-columns: minmax(0, 1fr) 12rem auto;
  }
}

.sp-field--harga { grid-column: 1 / -2; }
@media (min-width: 40rem) { .sp-field--harga { grid-column: auto; } }

.sp-vkartu__utama .js-hapus { align-self: center; margin-bottom: .35rem; }

/* ====================================================== LINK VARIAN ===== */

/* Hanya digambar untuk admin. Pias kiri biru dipakai konsisten dengan
   ui.css, tempat biru berarti data yang diketik manusia, bukan tulisan AI. */
.sp-vlink {
  margin-top: var(--plut-space-4);
  padding: var(--plut-space-4);
  border-left: 3px solid var(--plut-secondary-300);
  border-radius: 0 var(--plut-radius-sm) var(--plut-radius-sm) 0;
  background: var(--plut-secondary-50);
}

.sp-vlink--ada { border-left-color: var(--plut-primary-500); background: var(--plut-primary-50); }

.sp-vlink__baris { display: flex; gap: var(--plut-space-3); flex-wrap: wrap; align-items: center; }
.sp-vlink__baris .sp-input { flex: 1 1 18rem; }

.sp-vlink__ket {
  margin: var(--plut-space-2) 0 0;
  font-size: var(--plut-text-sm);
  color: var(--plut-secondary-700);
}

.sp-tangga__link {
  display: inline-block;
  font-family: var(--plut-font-ui);
  font-size: var(--plut-text-xs);
  font-weight: 600;
  color: var(--plut-ink-400);
}

.sp-tangga__link--ada { color: var(--plut-primary-600); }

.sp-varian__rentang--kurang {
  background: var(--plut-accent-50);
  color: var(--plut-accent-700);
}

/* Tautan ke halaman katalog varian, dilihat konsumen. */
.sp-vlihat__tautan {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: var(--plut-space-2);
  font-size: var(--plut-text-sm);
  font-weight: 700;
  color: var(--plut-primary-700);
  text-decoration: none;
}

.sp-vlihat__tautan:hover { text-decoration: underline; }
.sp-vlihat__tautan svg { flex-shrink: 0; }

@media print {
  .sp-vlink { display: none; }
  .sp-vlihat__tautan { color: var(--plut-ink-700); }
}

/* ==================================================== PEMILIH KATEGORI == */

.sp-katpilih__head {
  display: flex; align-items: baseline; justify-content: space-between;
  flex-wrap: wrap; gap: var(--plut-space-3);
  margin-bottom: var(--plut-space-4);
}

.sp-katpilih__hitung {
  margin: 0; font-size: var(--sp-label); font-weight: 700; color: var(--plut-ink-700);
}

.sp-katpilih__penuh {
  margin: 0; font-size: var(--plut-text-sm); color: var(--plut-accent-700);
}

.sp-katgrup { margin: 0 0 var(--plut-space-5); padding: 0; border: 0; }

.sp-katgrup__judul {
  padding: 0; margin-bottom: var(--plut-space-3);
  font-size: var(--plut-text-xs); font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em;
  color: var(--plut-ink-400);
}

.sp-katgrup__isi {
  display: grid;
  gap: var(--plut-space-3);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}

.sp-katbaris {
  display: flex; align-items: flex-start; gap: var(--plut-space-3);
  padding: var(--plut-space-4);
  border-radius: var(--plut-radius-sm);
  border: 1.5px solid var(--plut-ink-200);
  background: var(--plut-surface);
  cursor: pointer;
  transition: border-color .15s var(--plut-ease), background .15s var(--plut-ease);
}

.sp-katbaris:hover { border-color: var(--plut-primary-300); }
.sp-katbaris--pilih { border-color: var(--plut-primary-600); background: var(--plut-primary-50); }
.sp-katbaris--mati { opacity: .45; cursor: not-allowed; }
.sp-katbaris:focus-within { outline: 3px solid var(--plut-primary-300); outline-offset: 2px; }

.sp-katbaris input { margin-top: .2rem; width: 1.15rem; height: 1.15rem; flex-shrink: 0; }
/* overflow-wrap menjaga kata panjang seperti "Perlengkapan" tetap utuh di
   dalam kartunya pada wadah yang sangat sempit, alih-alih terpotong. */
.sp-katbaris__isi { display: block; min-width: 0; overflow-wrap: break-word; }

.sp-katbaris__nama {
  display: block; font-size: var(--sp-label); font-weight: 700; color: var(--plut-ink-900);
}
.sp-katbaris--pilih .sp-katbaris__nama { color: var(--plut-primary-700); }

.sp-katbaris__ket {
  display: block; margin-top: .25rem;
  font-size: var(--plut-text-sm); line-height: 1.5; color: var(--plut-ink-600);
}

.sp-katbaris__contoh {
  display: block; margin-top: .3rem;
  font-family: var(--plut-font-serif);
  font-size: var(--plut-text-sm); line-height: 1.5; color: var(--plut-ink-400);
}

.sp-katbaris__beda {
  display: block; margin-top: var(--plut-space-3);
  padding-left: var(--plut-space-3);
  border-left: 2px solid var(--plut-accent-300);
  font-size: var(--plut-text-sm); line-height: 1.5; color: var(--plut-accent-700);
}

.sp-katlencana { list-style: none; display: flex; flex-wrap: wrap; gap: var(--plut-space-2); margin: 0; padding: 0; }

.sp-katlencana__item {
  display: inline-flex; align-items: center; gap: var(--plut-space-2);
  padding: .2rem .6rem; border-radius: var(--plut-radius-full);
  background: var(--plut-primary-50); color: var(--plut-primary-700);
  font-size: var(--plut-text-sm); font-weight: 600;
}

.sp-katlencana__item--tinjau { background: var(--plut-accent-50); color: var(--plut-accent-700); }

.sp-katlencana__tanda {
  padding: .05rem .35rem; border-radius: var(--plut-radius-full);
  background: var(--plut-accent-500); color: #fff;
  font-size: var(--plut-text-xs); font-weight: 700;
}

.sp-katpilih__saran { margin-bottom: var(--plut-space-5); }

.sp-katsatu__lain { margin-top: var(--plut-space-4); }
.sp-katsatu__ket { margin: var(--plut-space-2) 0 0; font-size: var(--plut-text-sm); color: var(--plut-ink-500); }

/* ================================================ FORMULIR BUNDLE ====== */

.sp-bform__bagian {
  padding: var(--plut-space-5) 0;
  border-bottom: 1px solid var(--plut-ink-100);
}
.sp-bform__bagian:last-of-type { border-bottom: 0; }

.sp-bform__ket {
  margin: var(--plut-space-2) 0 var(--plut-space-4);
  font-size: var(--plut-text-sm); line-height: 1.6; color: var(--plut-ink-500);
}

.sp-textarea { min-height: 4.5rem; padding: var(--plut-space-3) var(--plut-space-4); line-height: 1.6; resize: vertical; }

.sp-pintasan { display: flex; flex-wrap: wrap; gap: var(--plut-space-2); margin-bottom: var(--plut-space-3); }

.sp-pintasan__tombol {
  min-height: 2.5rem; padding: 0 var(--plut-space-4);
  border: 1.5px solid var(--plut-ink-200); border-radius: var(--plut-radius-full);
  background: var(--plut-surface); color: var(--plut-ink-700);
  font-family: inherit; font-size: var(--plut-text-sm); font-weight: 600;
  cursor: pointer; transition: border-color .15s var(--plut-ease), background .15s var(--plut-ease);
}
.sp-pintasan__tombol:hover { border-color: var(--plut-primary-400); background: var(--plut-primary-50); }

.sp-bform__kirim { width: 100%; margin-top: var(--plut-space-5); }
@media (min-width: 40rem) { .sp-bform__kirim { width: auto; } }

.sp-galat-daftar { margin: var(--plut-space-2) 0 0; padding-left: 1.1rem; }

/* =================================================== HASIL BUNDLE ====== */

.sp-bhasil__ringkas {
  display: flex; align-items: center; gap: var(--plut-space-2);
  margin: 0 0 var(--plut-space-4);
  padding: var(--plut-space-3) var(--plut-space-4);
  border-radius: var(--plut-radius-sm);
  background: var(--plut-secondary-50); color: var(--plut-secondary-700);
  font-size: var(--sp-label);
}
.sp-bhasil__ringkas svg { flex-shrink: 0; }

.sp-bhasil__catatan { margin-bottom: var(--plut-space-5); }
.sp-bhasil__saran { margin: var(--plut-space-2) 0 0; padding-left: 1.1rem; }
.sp-bhasil__saran li { margin-top: .25rem; }

.sp-bhasil__daftar { display: grid; gap: var(--plut-space-5); }

.sp-paket {
  border-radius: var(--plut-radius-md);
  border: 1px solid var(--plut-ink-200);
  background: var(--plut-surface);
  box-shadow: var(--plut-shadow-soft);
  overflow: hidden;
}

.sp-paket__head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: var(--plut-space-4);
  padding: var(--plut-space-5);
  background: var(--plut-primary-50);
  border-bottom: 1px solid var(--plut-primary-100);
}

.sp-paket__urut {
  margin: 0; font-size: var(--plut-text-xs); font-weight: 700;
  text-transform: uppercase; letter-spacing: .06em; color: var(--plut-primary-600);
}

.sp-paket__judul { margin: .2rem 0 0; font-size: var(--sp-body-lg); font-weight: 800; color: var(--plut-ink-950); }

.sp-paket__harga { text-align: right; flex-shrink: 0; }
.sp-paket__total {
  margin: 0; font-size: var(--plut-text-xl); font-weight: 800;
  font-variant-numeric: tabular-nums; color: var(--plut-primary-700);
}
.sp-paket__sisa { margin: .15rem 0 0; font-size: var(--plut-text-xs); color: var(--plut-ink-500); }

.sp-paket__alasan {
  margin: 0; padding: var(--plut-space-4) var(--plut-space-5);
  font-family: var(--plut-font-serif); font-size: var(--sp-label);
  line-height: 1.65; color: var(--plut-ink-600);
  border-bottom: 1px solid var(--plut-ink-100);
}

.sp-paket__komposisi {
  display: flex; flex-wrap: wrap; gap: var(--plut-space-2);
  margin: 0; padding: var(--plut-space-3) var(--plut-space-5);
  border-bottom: 1px solid var(--plut-ink-100);
}

.sp-paket__kat {
  padding: .1rem .5rem; border-radius: var(--plut-radius-full);
  background: var(--plut-ink-100); color: var(--plut-ink-600);
  font-size: var(--plut-text-xs); font-weight: 600;
}

.sp-paket__isi { list-style: none; margin: 0; padding: 0; }

.sp-paket__baris {
  display: flex; align-items: center; gap: var(--plut-space-4);
  padding: var(--plut-space-4) var(--plut-space-5);
  border-bottom: 1px solid var(--plut-ink-100);
}
.sp-paket__baris:last-child { border-bottom: 0; }

.sp-paket__gambar {
  width: 3rem; height: 3rem; flex-shrink: 0;
  border-radius: var(--plut-radius-sm); object-fit: cover;
  background: var(--plut-ink-100);
}
.sp-paket__gambar--kosong { display: block; }

.sp-paket__kiri { flex: 1 1 auto; min-width: 0; }
.sp-paket__nama { margin: 0; font-size: var(--sp-label); font-weight: 700; color: var(--plut-ink-900); }
.sp-paket__toko { margin: .1rem 0 0; font-size: var(--plut-text-xs); color: var(--plut-ink-500); }

.sp-paket__tautan {
  display: inline-flex; align-items: center; gap: .3rem; margin-top: .3rem;
  font-size: var(--plut-text-xs); font-weight: 700;
  color: var(--plut-primary-700); text-decoration: none;
}
.sp-paket__tautan:hover { text-decoration: underline; }

.sp-paket__nilai {
  margin: 0; flex-shrink: 0;
  font-size: var(--sp-label); font-weight: 700;
  font-variant-numeric: tabular-nums; color: var(--plut-ink-900);
}

.sp-bkosong {
  padding: var(--plut-space-8) var(--plut-space-5);
  text-align: center;
  border-radius: var(--plut-radius-md);
  border: 1px dashed var(--plut-ink-300);
  background: var(--plut-ink-50);
}

.sp-bkosong__ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 3.5rem; height: 3.5rem; margin-bottom: var(--plut-space-4);
  border-radius: var(--plut-radius-full);
  background: var(--plut-ink-100); color: var(--plut-ink-400);
}

.sp-bkosong__isi {
  margin: var(--plut-space-3) auto 0; max-width: 46ch;
  font-size: var(--sp-label); line-height: 1.7; color: var(--plut-ink-600);
}

.sp-bkosong__saran {
  display: inline-block; text-align: left;
  margin: var(--plut-space-4) 0 0; padding-left: 1.1rem;
  font-size: var(--sp-label); color: var(--plut-ink-500);
}

@media (max-width: 40rem) {
  .sp-paket__head { flex-direction: column; gap: var(--plut-space-2); }
  .sp-paket__harga { text-align: left; }
}