/* R231 — live water, readable catalogs and full-width layout. */
html:root:root:root:root:root [data-kedaicdid-legacy-root] :is(p,span,small,a,button,input,textarea,label,li,td,th,div,em){font-weight:700!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] :is(h1,h2,h3,h4,h5,strong,b){font-weight:800!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order.kcd-inline-order{width:100%!important;max-width:none!important;margin:0!important;padding:0 0 30px!important;box-sizing:border-box!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-order-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;transform:none!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-catalog-banner{width:100%!important;max-width:none!important;margin:0!important;left:0!important;right:auto!important;box-sizing:border-box!important;transform:none!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-order-shell>.kcd-order-tabs{position:relative!important;inset:auto!important;transform:none!important;margin:20px clamp(14px,2.5vw,48px)!important;padding:0!important;order:initial!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-order-shell>:is(.kcd-category-grid,.ref-account-grid,.kcd-order-layout){width:auto!important;margin:20px clamp(14px,2.5vw,48px)!important;padding:0!important;transform:none!important;box-sizing:border-box!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-order-shell>:is(.kcd-account-back,.hc-back){position:relative!important;inset:auto!important;transform:none!important;margin:18px clamp(14px,2.5vw,48px)!important;padding:0!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-account-products .kcd-order-tabs{display:none!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card{min-width:0!important;padding:14px!important;gap:12px!important;overflow:hidden!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-photo{position:relative!important;aspect-ratio:auto!important;height:auto!important;width:100%!important;overflow:hidden!important;border-radius:14px!important;background:#eaf6ff!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-photo img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;opacity:1!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card h3{font-size:20px!important;line-height:1.3!important;margin:0!important;overflow-wrap:anywhere!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card>strong{font-size:20px!important;line-height:1.3!important;white-space:normal!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card button{min-height:44px!important;font-size:14px!important;margin-top:auto!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card.is-sold{opacity:1!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-account-categories .kcd-category-card h3{text-align:center!important;margin:12px 4px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.ref-how.kcd-flow{width:100%!important;max-width:none!important;padding:28px 0 18px!important;margin:0!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-heading{padding-inline:16px!important;margin:0 auto!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{width:100%!important;max-width:none!important;margin:-8px 0 0!important;aspect-ratio:3/1!important;overflow:hidden!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card{padding:13% 6% 0!important;max-width:none!important;box-sizing:border-box!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card h3{font-size:clamp(12px,1.12cqw,20px)!important;line-height:1.15!important;margin:0 0 .35cqw!important;overflow-wrap:anywhere!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card p{font-size:clamp(10px,.82cqw,15px)!important;line-height:1.3!important;max-width:none!important;overflow-wrap:anywhere!important;color:#496d96!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(3) .kcd-flow-card{padding-top:12%!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] :is(#beranda,#order,#testimoni,#syarat,#lacak) .ref-seam.kcd-wave-seam{background:none!important;animation:none!important;isolation:isolate!important;overflow:hidden!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-wave-seam>.kcd-wave-art{opacity:.44!important;visibility:visible!important;z-index:1!important;pointer-events:none!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-wave-seam .kcd-ornaments{opacity:1!important;z-index:2!important}

.kcd-wave-image{position:absolute;inset:-10px -6%;background:var(--kcd-wave-image,url('/kcd-wave-r229.webp')) center/cover no-repeat;pointer-events:none;animation:kcd231-water 7s ease-in-out infinite alternate paused;transform-origin:center}
.kcd-wave-back{animation:kcd231-crest 9s ease-in-out -3s infinite alternate paused!important}
.kcd-wave-middle{animation:kcd231-crest 6s ease-in-out -1s infinite alternate-reverse paused!important}
.kcd-wave-shine{animation:kcd231-crest 8s ease-in-out -5s infinite alternate paused!important}
.kcd-live-decor{pointer-events:none!important;inset:0;z-index:1;overflow:hidden}
.kcd-live-ornament{position:absolute;left:var(--left);top:var(--top);width:26px;height:26px;pointer-events:none;fill:#a1e9ff;animation:kcd231-twinkle 3.8s ease-in-out var(--delay) infinite paused}
.kcd-live-star{fill:#fff;filter:drop-shadow(0 0 4px #19baff) drop-shadow(0 0 9px #54dbff)}
.kcd-live-star:nth-child(3n){width:36px;height:36px}
.kcd-live-leaf{fill:#87dcae;width:31px;height:31px;animation:kcd231-leaf 8s ease-in-out var(--delay) infinite paused}
.kcd-live-bubble{animation:kcd231-bubble 7s ease-in-out var(--delay) infinite paused}
.kcd-live-plane{animation:kcd231-leaf 11s ease-in-out var(--delay) infinite paused;fill:#35bfee}
.kcd-live-wind{position:absolute;inset:0;width:110%;height:100%;pointer-events:none;opacity:.65;animation:kcd231-wind 7s ease-in-out infinite alternate paused}
.kcd-flow-scene>.kcd-live-decor{z-index:1}
.kcd-flow-scene>.kcd-live-decor .kcd-live-wind{height:42%;top:22%}
.kcd-flow-scene>.kcd-live-decor .kcd-live-ornament{top:calc(var(--top)*.4 + 18%)}
.kcd-motion-active :is(.kcd-wave-image,.kcd-wave-back,.kcd-wave-middle,.kcd-wave-shine,.kcd-live-ornament,.kcd-live-wind){animation-play-state:running!important}
@keyframes kcd231-water{0%{transform:translate3d(-2%,5px,0) scale(1.035) rotate(-.35deg)}100%{transform:translate3d(2%,-6px,0) scale(1.06) rotate(.35deg)}}
@keyframes kcd231-crest{0%{transform:translate(-65px,10px) scaleY(.92)}100%{transform:translate(65px,-10px) scaleY(1.07)}}
@keyframes kcd231-twinkle{0%,100%{opacity:.12;transform:scale(.45) rotate(-12deg)}45%{opacity:1;transform:scale(1.35) rotate(12deg)}65%{opacity:.7;transform:scale(.85) rotate(8deg)}}
@keyframes kcd231-leaf{0%{opacity:0;transform:translate(-60px,12px) rotate(-30deg)}20%{opacity:.9}60%{opacity:.85;transform:translate(35px,-18px) rotate(32deg)}100%{opacity:0;transform:translate(120px,14px) rotate(95deg)}}
@keyframes kcd231-bubble{0%{opacity:0;transform:translate(-20px,28px) scale(.6)}45%{opacity:.85}100%{opacity:0;transform:translate(35px,-35px) scale(1.2)}}
@keyframes kcd231-wind{0%{transform:translateX(-5%) scaleY(.8);opacity:.3}100%{transform:translateX(3%) scaleY(1.2);opacity:.85}}
@media(max-width:999px){
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{width:calc(100% - 28px)!important;max-width:560px!important;aspect-ratio:auto!important;margin:22px auto 0!important;overflow:visible!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card{padding:22px 17px 17px 24px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(3) .kcd-flow-card{padding-top:22px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card h3{font-size:15px!important;margin-bottom:7px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card p{font-size:12px!important;line-height:1.5!important}
.kcd-flow-scene>.kcd-live-decor .kcd-live-ornament{top:var(--top)}
#cara-order-beranda .kcd-flow-tools{padding-inline:14px!important}
}
@media(max-width:780px){
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card{padding:12px!important;border-radius:20px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-card h3{font-size:18px!important}
.kcd-live-ornament:nth-child(n+9){display:none}.kcd-live-star{width:18px;height:18px}.kcd-live-leaf{width:23px;height:23px}.kcd-live-star:nth-child(3n){width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){
.kcd-wave-image,.kcd-wave-back,.kcd-wave-middle,.kcd-wave-shine,.kcd-live-ornament,.kcd-live-wind{animation:none!important;transition:none!important}
.kcd-live-ornament{opacity:.65}.kcd-live-wind{opacity:.35}
}
/* Keep ornament SVGs independent of the legacy full-width wave SVG rule. */
html:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-wave-seam .kcd-live-ornament{position:absolute!important;inset:auto!important;left:var(--left)!important;top:var(--top)!important;width:26px!important;height:26px!important;max-width:36px!important;margin:0!important;padding:0!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-wave-seam .kcd-live-leaf{width:31px!important;height:31px!important}
html:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-wave-seam .kcd-live-wind{position:absolute!important;inset:0!important;width:110%!important;height:100%!important;max-width:none!important}
@media(max-width:780px){html:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-wave-seam .kcd-live-ornament{width:20px!important;height:20px!important}}
html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-photo img{max-height:560px!important}
@media(max-width:780px){html:root:root:root:root:root [data-kedaicdid-legacy-root] #order .ref-account-photo img{max-height:480px!important}}