/* Bonceng — ilustrasi vektor, skuter & buket mawar, biru batu & merah muda */
.tpl-bonceng{
  --bg:#ffffff;--bg-alt:#f6f5f5;--surface:#ffffff;--text:#56606d;--muted:#9aa1ab;--heading:#5f6c7d;
  --primary:#5f6c7d;--accent:#dd9896;--line:rgba(95,108,125,.2);
  --btn-bg:#5f6c7d;--btn-text:#fff;
  --cover-bg:#ffffff;--cover-text:#5f6c7d;--cover-overlay:linear-gradient(transparent,transparent);--hero-overlay:linear-gradient(transparent,transparent);
  --f-display:'Fredoka',sans-serif;--f-script:'Kaushan Script',cursive;--f-body:'Montserrat',sans-serif;
  --radius:20px;--shadow:0 22px 46px -30px rgba(95,108,125,.45);
  --card-grad:linear-gradient(135deg,#5f6c7d,#8796aa 55%,#dd9896);
  --fx1:#dd9896;--fx2:#f8dbdb;--fx3:#938a87;--ill-bg:#f4f3f3;
}
.tpl-bonceng .cover__names,.tpl-bonceng .hero__names{font-family:var(--f-display);font-weight:700;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 .25em;font-size:clamp(2rem,9vw,2.7rem)}
.tpl-bonceng .cover__names i,.tpl-bonceng .hero__names i{font-size:1em;color:var(--accent)}
.tpl-bonceng .cover__date,.tpl-bonceng .hero__date{font-family:var(--f-display);font-weight:600;letter-spacing:.3em}
.tpl-bonceng .event__name{color:var(--primary)}