/* BALOKA V27: accurate presentation and restrained spacing. Banner and backend unchanged. */
:root{--bl27-ink:#12324e;--bl27-gold:#c58b43}
html body #menu .bl26-photo-note{display:none!important}
html body #menu .bl27-disclaimer{
  margin:17px 0 0!important;padding:10px 12px!important;
  border-top:1px solid #e9dfd1!important;background:#fffaf3!important;
  border-radius:9px!important;color:#6b6e70!important;
  font-size:11px!important;line-height:1.5!important
}
html body #menu .bl27-disclaimer strong{color:#1b3b53}
html body #menu .bl26-card-visual{border:0!important;background:#e8d7bd!important}
html body #menu .bl26-card-cover{border:0!important;overflow:hidden!important}
html body #menu .bl26-card-cover .bl26-crop{background-repeat:no-repeat!important;filter:saturate(1.03)!important}
html body #menu .bl26-photo-card{box-shadow:0 4px 14px rgba(20,40,56,.06)!important}
html body #menu .bl26-card-cover .bl26-caption{
  left:10px!important;bottom:8px!important;
  padding:4px 6px!important;width:max-content!important;
  max-width:calc(100% - 20px)!important;
  color:#fff!important;font-size:9px!important;letter-spacing:.45px!important;
  background:rgba(22,42,57,.67)!important;border-radius:5px!important;
  text-shadow:none!important
}
/* Crop adjusted to keep the marketing button and headline out of product images. */
html body #menu article[data-bl27-flavor="original"] .bl26-crop{background-position:68% 21%!important}
html body #menu article[data-bl27-flavor="cokelat-lumer"] .bl26-crop{background-position:49% 74%!important}
html body #menu article[data-bl27-flavor="keju-susu"] .bl26-crop{background-position:61% 54%!important}
html body #menu article[data-bl27-flavor="cokelat-keju"] .bl26-crop{background-position:58% 62%!important}
html body #menu article[data-bl27-flavor="kopi-hitam"] .bl26-crop,
html body #menu article[data-bl27-flavor="kopi-gula-aren"] .bl26-crop{
  background-position:5% 100%!important;
  background-size:580% auto!important;
}
html body #menu article[data-bl27-flavor="kopi-gula-aren"] .bl26-crop{
  background-position:8% 100%!important;
  filter:saturate(.90) sepia(.09) brightness(1.04)!important
}
html body #menu .bl26-card-cover:after{inset:65% 0 0!important;background:linear-gradient(to top,rgba(22,36,45,.46),transparent)!important}
@media(max-width:720px){
  html body main section#menu.section{padding-top:15px!important}
  html body main #menu .wrap{padding-top:0!important}
  html body main #menu .eyebrow{margin:0 0 5px!important}
  html body main #menu h2{margin:6px 0 9px!important;line-height:1.12!important}
  html body main #menu p.sub{margin:8px 0 14px!important;line-height:1.47!important}
  html body #menu .bl26-photo-card .bl26-card-visual{min-height:140px!important}
  html body #menu .bl27-disclaimer{font-size:10.5px!important;line-height:1.4!important;padding:9px 11px!important}
  html body .stickyorder{display:none!important}
}