/* BALOKA v8: storefront visuals only — no modifications to owner, cashier, orders, payments or pricing. */
:root{--baloka-ink:#102d4b;--baloka-gold:#cb8c3b;--baloka-cream:#fff9f0}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body .top,body header.top,body .top .nav{background:#fffdf9!important;color:var(--baloka-ink)!important;box-shadow:0 3px 17px rgba(7,38,62,.08)!important}
body .top .brand,body .top .brand small,body .top .links a{color:var(--baloka-ink)!important}
body .top .brand{font-weight:900;position:relative;line-height:1}
body .top .brand small{letter-spacing:2.2px;margin-top:3px!important}
body .top .btn{background:var(--baloka-gold)!important;color:#fff!important;border-radius:99px!important}
body .hero{padding:0!important;background:var(--baloka-cream)!important;color:var(--baloka-ink)!important;overflow:hidden}
body .hero .hero-grid{display:block!important;max-width:1681px!important;min-height:0!important;width:100%!important;padding:0!important;margin:0 auto!important}
.bl-v8-hero{position:relative;width:100%;background:var(--baloka-cream)}
.bl-v8-hero img{display:block;width:100%;height:auto;aspect-ratio:1681 / 936;object-fit:contain}
.bl-v8-hotspot{position:absolute;left:6.8%;top:49.9%;width:22.1%;height:8.5%;border-radius:999px;color:transparent!important;font-size:0!important}
.bl-v8-hotspot:focus-visible{outline:3px solid #102d4b;outline-offset:4px}
.bl-v8-mobile{display:none}
body .section,body .section.band{scroll-margin-top:90px}
body .section h2{color:var(--baloka-ink)!important}
body .card,body .catalog-item,body .bl-card{border-radius:20px!important;overflow:hidden;box-shadow:0 12px 32px rgba(18,41,57,.08)}
body .btn.dark{background:var(--baloka-ink)!important;color:white!important}
body .bl-v8-menu-visual{background-image:url('/baloka-banner-final.webp?v=8')!important;background-color:#e2ba85!important;background-repeat:no-repeat!important;background-size:410% auto!important;background-position:52% 71%!important;overflow:hidden!important;position:relative!important}
body .bl-v8-menu-visual[data-bl-photo="original"]{background-position:61% 32%!important}
body .bl-v8-menu-visual[data-bl-photo="cokelat"]{background-position:57% 80%!important}
body .bl-v8-menu-visual[data-bl-photo="keju"]{background-position:75% 59%!important}
body .bl-v8-menu-visual[data-bl-photo="kombinasi"]{background-position:63% 76%!important}
body .bl-v8-menu-visual[data-bl-photo="kopi"]{background-position:6% 92%!important}
body .bl-v8-menu-visual[data-bl-photo="lainnya"]{background-position:84% 42%!important}
body .bl-v8-menu-visual>span:not(.ribbon),body .bl-v8-menu-visual>small,body .bl-v8-menu-visual>svg,body .bl-v8-menu-visual>img{visibility:hidden!important}
body .bl-v8-menu-visual:after{content:'VISUAL PROMOSI';position:absolute;bottom:10px;left:10px;background:rgba(255,255,255,.9);font-size:9px;font-weight:800;letter-spacing:.08em;color:#102d4b;padding:5px 8px;border-radius:99px}
body .bl-v8-menu-visual .ribbon{z-index:2}
@media(max-width:720px){body .top .nav{height:auto!important;min-height:64px;flex-wrap:wrap;gap:9px;padding:10px 0}body .top .brand{font-size:23px!important}body .top .links{gap:12px;flex-wrap:wrap}body .top .links a{font-size:12px}body .top .btn{min-height:37px;padding:8px 12px;font-size:12px}.bl-v8-hotspot{display:none}.bl-v8-mobile{display:block;background:#fffdf8;text-align:center;padding:16px 18px 21px}.bl-v8-mobile h1{font:900 clamp(28px,7vw,40px)/1.14 Outfit,'DM Sans',sans-serif;letter-spacing:-.035em;color:var(--baloka-ink);margin:0 auto 10px}.bl-v8-mobile h1 strong{color:#be8035}.bl-v8-mobile p{font-size:14px;line-height:1.5;color:#435b6b;margin:0 auto 14px}.bl-v8-mobile a{display:inline-flex;align-items:center;justify-content:center;background:var(--baloka-gold);color:#fff!important;min-height:46px;padding:10px 24px;border-radius:99px;font-weight:800}.section{padding-top:42px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}