/* R232: transparent header, white canvas, continuous water and quiet navigation. */
html,body{background:#fff!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] :is(.page-section,#ref-home,#cara-order-beranda.ref-how.kcd-flow,.ref-home-reviews,#footer-sosmed){background:#fff!important;background-image:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] :is(.page-section,.kcd-order-shell,.ref-catalog-banner){animation:none!important;transition:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] >.kcd-site-header{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border:0!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] >.kcd-site-header.kcd-header-scrolled{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] >.kcd-site-header::before{display:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] >.kcd-site-header::after{display:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] >.kcd-site-header .header-top{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order :is(.kcd-category-card,.kcd-product-card,.ref-account-card,.kcd-order-tab){opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:box-shadow .2s ease,border-color .2s ease!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order :is(.kcd-category-grid,.ref-account-grid,.kcd-order-layout){opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order :is(.kcd-category-card,.kcd-product-card,.ref-account-card).is-visible:hover{transform:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water{background:none!important;mask-image:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(to bottom,#fff0 0%,#ffffff50 35%,#ffffffeb 84%,#fff 100%)!important;pointer-events:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water::after{display:block!important;content:""!important;position:absolute!important;inset:auto 0 0!important;height:26%!important;background:linear-gradient(#fff0,#fff)!important;z-index:4!important;pointer-events:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water>.kcd232-water-layer{display:block!important;position:absolute!important;inset:0 auto auto 0!important;width:200%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;opacity:.7!important;z-index:1!important;animation:kcd232-current 18s linear infinite!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water>.kcd232-water-layer-0{opacity:.32!important;animation-duration:26s!important;animation-delay:-13s!important;top:-22%!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water>.kcd232-water-layer-1{opacity:.65!important;animation-duration:20s!important;animation-delay:-8s!important;top:4%!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water>.kcd232-water-layer-2{opacity:.5!important;animation-duration:15s!important;animation-delay:-5s!important;top:24%!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water .kcd-live-wind{animation:none!important;display:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-tools{max-width:1050px!important;margin:0 auto 30px!important;gap:45px!important;padding:10px 24px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-mascot img{width:220px!important;height:300px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking{position:relative!important;width:460px!important;flex:0 1 460px!important;min-height:176px!important;padding:30px!important;border-radius:25px!important;background:#fff!important;border:1px solid #daf0ff!important;box-shadow:0 12px 32px #3389b51a!important;overflow:visible!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking label{font-size:23px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking small{font-size:13px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking input{min-height:52px!important;font-size:14px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking button{width:52px!important;height:52px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking .kcd232-track-halo{display:block!important;position:absolute!important;inset:-46px -23px auto auto!important;width:112px!important;height:93px!important;max-width:none!important;pointer-events:none!important;opacity:.9!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene>.kcd-live-decor{z-index:3!important}

@keyframes kcd232-current{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media(min-width:781px){
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] :is(#scroll-nav-wrapper,#main-scroll-nav){background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border:0!important}
}
@media(max-width:999px){
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{max-width:650px!important;margin:18px auto 14px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-steps{gap:0!important;display:flex!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda :is(.kcd-flow-paint,.kcd-flow-icon,.kcd-flow-vertical,.kcd-flow-scene>.kcd-live-decor){display:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(n){display:block!important;min-height:0!important;height:auto!important;width:100%!important;padding:0!important;margin:0!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card{padding:11px 8px 11px 43px!important;min-height:0!important;height:auto!important;background:transparent!important;border:0!important;border-bottom:1px solid #edf6fc!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(3) .kcd-flow-card{padding:11px 8px 11px 43px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card h3{font-size:14px!important;line-height:1.25!important;margin:0 0 4px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card p{font-size:11px!important;line-height:1.4!important;margin:0!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-number{inset:13px auto auto 4px!important;width:27px!important;height:27px!important;font-size:14px!important;background:#e7f7ff!important;color:#078ae0!important;box-shadow:none!important;border:0!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-heading h2{font-size:26px!important}
}
@media(max-width:780px){
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda .r226-hero-actions{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:18px auto 0!important;padding:0!important;gap:10px!important;box-sizing:border-box!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda .r226-hero-actions a{width:auto!important;min-width:0!important;flex:0 1 auto!important;padding:11px 14px!important;font-size:11px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-tools{width:100%!important;max-width:490px!important;box-sizing:border-box!important;gap:10px!important;padding:20px 15px 10px!important;margin:0 auto!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-mascot{flex:0 0 104px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-mascot img{width:104px!important;height:183px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking{min-width:0!important;flex:1!important;width:auto!important;min-height:148px!important;padding:17px 12px!important;border-radius:20px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking label{font-size:16px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking small{font-size:10px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking input{min-width:0!important;width:100%!important;min-height:43px!important;font-size:11px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking button{width:40px!important;height:43px!important;flex:0 0 40px!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking .kcd232-track-halo{inset:-34px -8px auto auto!important;width:75px!important;height:63px!important}
}
@media(prefers-reduced-motion:reduce){
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd232-water>.kcd232-water-layer{animation:none!important;transform:translateX(-25%)!important}
}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda::before,html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda::after{display:none!important;content:none!important;background:none!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #kcd-search-toggle{color:#103a70!important;background:transparent!important}
html:root:root:root:root:root:root [data-kedaicdid-legacy-root] #kcd-search-toggle svg{color:#103a70!important;stroke:currentColor!important}