body {
  font-family: "PT Sans", sans-serif;
  /* background-color: #fff5ef;  */
  color: #333;
}

.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero-image img {
  width: 100%;
  height: 60vh; /* tinggi 60% viewport */
  object-fit: cover; /* crop biar proporsional */
}

.coming-soon .coming-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* default desktop */
}

@media (max-width: 768px) {
  .coming-soon .coming-img {
    object-fit: contain; /* di HP menyesuaikan, tidak kepotong */
  }
  section {
    scroll-margin-top: 120px;
  }
}

.panel-img {
  width: 100%; /* biar selalu full mengikuti col */
  max-height: 450px; /* batas tinggi biar tidak terlalu besar */
  object-fit: cover; /* crop otomatis agar proporsional */
  border-radius: 10px; /* biar tetap rapi rounded */
}

/* Navbar brand (logo) beri jarak */
.navbar-brand {
  margin-right: 40px; /* kasih ruang antara logo dan menu */
}

/* Menu utama rata tengah dengan spacing */
.navbar-nav .nav-link {
  gap: 30px; /* spasi antar menu */
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
}

/* Menu link style */
.navbar-nav .nav-link {
  color: #444b54; /* warna teks mirip logo */
  letter-spacing: 0.5px;
  padding: 10px 5px; /* lebih compact */
  transition: color 0.3s ease;
}

.navbar-nav .nav-link.text-peach:hover {
  color: #808080 !important;
}

/* .text-peach:hover {
  color: #808080 !important;
} */

.navbar .nav-link {
  font-family: "PT Sans", sans-serif;
  font-weight: 700; /* biar lebih tegas */
  margin: 0 10px;
}

.navbar-nav .nav-link.active {
  color: #808080 !important;
  font-weight: 700;
}

/* Heading & button biar konsisten */
h1,
h2,
h3,
h4,
h5,
h6,
.btn {
  color: #444b54;
  font-family: "PT Sans", sans-serif;
}

/* Warna utama peach */
.text-peach {
  /* color: #ff9e70 !important; Peach bold */
  color: #ef858a !important;
  /* color: #f28b82 !important; */
}

.text-konten {
  color: #808080 !important;
  font-family: "PT Sans", sans-serif;
}

/* Bisa juga override heading */
h1.text-peach,
h2.text-peach,
h3.text-peach {
  color: #ef858a;
}

.text-logo {
  color: #444b54; /* warna abu gelap seperti logo */
  font-family: "PT Sans", sans-serif;
}

.card-title {
  font-family: "PT Sans", sans-serif !important;
  font-weight: 700; /* biar lebih tegas */
}

.btn-peach {
  background-color: #ef858a; /* peach */
  border: none;
  color: #fff; /* teks putih */
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 6px;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.btn-peach:hover {
  color: #fff;
  background-color: #f1686f; /* peach lebih gelap saat hover */
}

a.wa-link {
  text-decoration: none;
  color: #ef858a; /* warna peach sesuai tema */
  font-weight: 500;
}

a.wa-link:hover {
  color: #808080; /* abu-abu saat hover */
  text-decoration: underline;
}

section {
  scroll-margin-top: 80px; /* sesuaikan dengan tinggi header */
}

.toc-title {
  text-align: left; /* judul rata kiri */
  margin-bottom: 15px;
  scroll-margin-top: 80px;
}

.toc-list {
  list-style: disc; /* tampilkan bullet */
  padding-left: 50px; /* indentasi standar */
  margin: 0; /* hapus margin default */
  text-align: left; /* rata kiri */
}

.toc-list li {
  margin-bottom: 6px;
}

.toc-list li a {
  color: #808080;
  font-weight: 600;
  text-decoration: none;
}