/* BALOKA V32 — one calm customer landing page; review only.
 * Scope every rule to the opt-in class so ?baloka_demo=1 still works.
 * No changes to banner/photo sources, brand palette, scripts or checkout. */
html { scroll-padding-top: 82px; }
html body.bl32-customer #simulasi,
html body.bl32-customer #mitra,
html body.bl32-customer #menu .bl-bundle,
html body.bl32-customer #menu .bl27-disclaimer,
html body.bl32-customer #paket-andalan .bl29-inner > div:first-child,
html body.bl32-customer #paket-andalan .bl29-note,
html body.bl32-customer .stickyorder { display: none !important; }
html body.bl32-customer header.top .nav > a.btn {display: none !important;}
html body.bl32-customer header.top .nav .links a {
  font-weight: 750 !important;
  text-decoration: none;
}
html body.bl32-customer header.top .nav .links a:focus-visible,
html body.bl32-customer #menu a:focus-visible {
  outline: 2px solid #c8914d !important;
  outline-offset: 3px;
}
html body.bl32-customer #menu {
  padding-block: clamp(26px, 3.5vw, 48px) !important;
  scroll-margin-top: 82px !important;
}
html body.bl32-customer #menu .bl-section-head {margin-bottom: 12px;}
html body.bl32-customer #menu .bl-section-head h2 {margin: 5px 0 !important;}
html body.bl32-customer #menu .bl-lead {
  max-width: 740px;
  margin-bottom: 18px !important;
  line-height: 1.55;
  font-size: 13px;
}
html body.bl32-customer #menu .bl-coffee {
  margin-top: 12px !important;
}
html body.bl32-customer #paket-andalan {
  padding: clamp(26px, 4vw, 50px) 18px !important;
  background: #fff8ef !important;
  scroll-margin-top: 82px !important;
}
html body.bl32-customer #paket-andalan .bl29-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  gap: 0 !important;
}
html body.bl32-customer #paket-andalan .bl29-card {
  border-radius: 20px !important;
  padding: clamp(20px, 3vw, 28px) !important;
  box-shadow: 0 8px 24px rgba(33, 42, 54, .055) !important;
}
html body.bl32-customer #paket-andalan .bl29-card h3 {
  font-size: clamp(21px, 2.7vw, 26px) !important;
  margin-bottom: 12px !important;
}
html body.bl32-customer #paket-andalan .bl29-bundle {
  padding: 12px 14px !important;
  background: #f8f0e5 !important;
  font-size: clamp(13px, 1.5vw, 16px) !important;
}
html body.bl32-customer #paket-andalan .bl29-price {
  font-size: clamp(17px, 2vw, 22px) !important;
  margin: 15px 0 7px !important;
}
html body.bl32-customer #paket-andalan .bl29-status {
  margin-top: 10px !important;
  padding: 10px 13px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
html body.bl32-customer #cara {
  padding-block: clamp(28px, 4vw, 46px) !important;
  scroll-margin-top: 82px !important;
}
html body.bl32-customer #cara .features {
  gap: 14px !important;
}
html body.bl32-customer #lokasi {
  padding-block: clamp(30px, 4vw, 50px) !important;
  scroll-margin-top: 82px !important;
}
html body.bl32-customer #lokasi .wrap {
  max-width: 1060px !important;
}
html body.bl32-customer #lokasi h2 {margin-bottom: 9px !important;}
html body.bl32-customer #lokasi p.sub {max-width: 730px !important;}
@media(max-width:720px) {
  html body.bl32-customer header.top .nav .links {gap: 10px !important;}
  html body.bl32-customer header.top .nav .links a {
    font-size: clamp(10px, 2.8vw, 12px) !important;
    white-space: nowrap !important;
  }
  html body.bl32-customer #menu {padding-top: 22px !important;padding-bottom: 24px !important;}
  html body.bl32-customer #menu .bl-lead {font-size: 12px !important;margin-bottom: 14px !important;}
  html body.bl32-customer #menu .bl-grid {gap: 10px !important;}
  html body.bl32-customer #menu .bl-coffee {gap: 10px !important;}
  html body.bl32-customer #paket-andalan {padding: 26px 14px !important;}
  html body.bl32-customer #paket-andalan .bl29-card {padding: 18px !important;}
  html body.bl32-customer #cara,html body.bl32-customer #lokasi {padding-block: 26px !important;}
}
@media(max-width:365px) {
  html body.bl32-customer header.top .nav .links {gap: 7px !important;}
  html body.bl32-customer header.top .nav .links a {font-size: 10px !important;}
}