/* R233: compact shared tracking slot and stable first paint. */
/* R256 — the inline-order renderer uses kcd-* components, not legacy price-card/slider. */
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order :is(.kcd-catalog-panel,.kcd-format-panel,.kcd-product-card,.kcd-product-meta,.kcd-product-meta>div,.kcd-promo-banner>span){min-width:0!important;box-sizing:border-box!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-name{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-game{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.45!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price small{color:#526e91!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price del{color:#657c99!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price b{color:#083775!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:6px 12px!important;text-align:left!important;align-items:center!important;min-width:0!important;padding:14px!important;overflow:visible!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner>img{grid-column:1!important;grid-row:1 / span 2!important;width:54px!important;height:54px!important;object-fit:cover!important;flex:none!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner>span{grid-column:2!important;grid-row:1!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner>b{grid-column:2!important;grid-row:2!important;margin:0!important;color:#0757ad!important;font-size:17px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;text-shadow:none!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner>span>strong{display:block!important;color:#123e73!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;margin-top:5px!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner:not(:has(>img)){grid-template-columns:minmax(0,1fr)!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner:not(:has(>img))>:is(span,b){grid-column:1!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-tag{position:relative!important;isolation:isolate!important;display:inline-flex!important;width:fit-content!important;max-width:100%!important;box-sizing:border-box!important;align-items:center!important;overflow:hidden!important;margin:6px 0 0!important;padding:5px 8px!important;border:1px solid #45b4ff!important;border-radius:7px!important;background:linear-gradient(120deg,#0674e5,#159df5)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;font-size:10px!important;font-style:normal!important;line-height:1.25!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:0 0 9px #168ded45!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banner .kcd-promo-tag{margin-top:0!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-tag>span{position:relative!important;z-index:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;animation:kcd256-text-shine 2.6s ease-in-out infinite!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-tag::after{content:""!important;position:absolute!important;inset:-50% auto -50% -55%!important;width:40%!important;background:linear-gradient(90deg,transparent,#ffffffaa,transparent)!important;pointer-events:none!important;animation:kcd256-tag-shine 2.6s ease-in-out infinite!important}
@keyframes kcd256-tag-shine{0%,20%{transform:translateX(0) skewX(-20deg)}65%,100%{transform:translateX(450%) skewX(-20deg)}}
@keyframes kcd256-text-shine{0%,20%,80%,100%{filter:drop-shadow(0 0 0 transparent)}48%{filter:drop-shadow(0 0 3px #fff)}}
@media(max-width:780px){
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-card{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:12px!important;gap:12px!important;border-radius:16px!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-meta{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:0!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-meta>div{width:100%!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-image{width:36px!important;height:36px!important;flex:0 0 36px!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-name{display:block!important;font-size:13px!important;line-height:1.35!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-game{font-size:10px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price{margin:auto 0 0!important;min-width:0!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price small{font-size:9px!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price b{font-size:16px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-product-price del{font-size:11px!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-select-package{font-size:12px!important;min-height:40px!important;width:100%!important;padding:10px 8px!important;white-space:normal!important}
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-banners{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){
html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-tag::after,html:root:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-promo-tag>span{animation:none!important}
}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda{--ref-art:none;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #main-scroll-nav :is(.nav-item,.kcd-nav-custom-label){font-weight:900!important;color:#000!important;text-shadow:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #kcd-search-toggle{color:#000!important;font-weight:900!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #kcd-search-toggle svg{stroke:#000!important;stroke-width:2.8!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] :is(#kcd-search-input,.kcd-search-input){font-weight:900!important;color:#000!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-tools{justify-content:center!important;max-width:1080px!important;width:100%!important;gap:24px!important;margin:0 auto 16px!important;padding:0 24px!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-mascot img{width:270px!important;height:330px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking{width:520px!important;flex:0 1 520px!important;min-height:196px!important;padding:32px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking label{font-size:26px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking input{font-size:16px!important;min-height:56px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking button{width:56px!important;height:56px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-tools.kcd233-show-result>:is(.ref-tracking,.kcd-flow-mascot){display:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda #r226-home-tracking{width:100%!important;max-width:840px!important;margin:12px auto 20px!important;padding:0!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda #r226-home-tracking[hidden]{display:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card header{gap:16px!important;align-items:center!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card .kcd233-track-identity{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card .kcd233-track-identity h3{overflow-wrap:anywhere!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card .kcd233-track-avatar{display:grid!important;place-items:center!important;width:84px!important;height:84px!important;flex:0 0 84px!important;overflow:hidden!important;background:#eaf7ff!important;border-radius:24px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd233-track-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd233-track-avatar svg{width:48px!important;height:48px!important;fill:#88c9f5!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd233-track-notice{font-size:12px!important;line-height:1.4!important;color:#315b80!important;margin:10px 0 0!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd233-track-service{display:flex!important;align-items:center!important;gap:7px!important;margin-top:7px!important;color:#17649b!important;font-size:12px!important;font-weight:900!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd233-track-service-icon{display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:9px!important;background:#eaf8ff!important;overflow:hidden!important;font-size:14px!important;line-height:1!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd233-track-service-icon img{width:100%!important;height:100%!important;object-fit:cover!important;}
@media(min-width:1000px){
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{max-width:1320px!important;margin:-20px auto -40px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-heading h2{font-size:36px!important;}
}
@media(max-width:780px){
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-tools{gap:12px!important;max-width:560px!important;padding:14px 16px 8px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-mascot{flex:0 0 116px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-mascot img{width:116px!important;height:200px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking{width:auto!important;flex:1!important;min-height:160px!important;padding:20px 12px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking label{font-size:17px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking input{font-size:12px!important;min-height:44px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .ref-tracking button{width:40px!important;height:44px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card header{flex-wrap:wrap!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card .kcd233-track-avatar{width:64px!important;height:64px!important;flex-basis:64px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .r226-track-card .kcd233-track-identity{gap:10px!important;}
}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order :is(.kcd-category-card,.ref-account-card,.kcd-product-card){translate:none!important;scale:none!important}}
/* R237 — static upload fallback: inform without using the old pink error state. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-roblox-status.warning{display:flex!important;align-items:center!important;gap:8px!important;color:#17649b!important;background:linear-gradient(135deg,#eefaff,#f8fdff)!important;border:1px solid #bdeaff!important;border-radius:14px!important;padding:10px 12px!important;font-weight:750!important;line-height:1.4!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-roblox-status.ready{margin-top:7px!important;color:#24996b!important;font-weight:800!important;}
/* Avatar hasil cek username tampil konsisten pada format Joki dan Gamepass. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-roblox-status.valid{display:flex!important;align-items:center!important;gap:11px!important;margin-top:10px!important;min-height:52px!important;padding:7px 12px!important;border:1px solid #9fe6cf!important;border-radius:16px!important;background:linear-gradient(135deg,#f1fffa,#ebfaff)!important;color:#087a54!important;font-weight:900!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-roblox-status.valid img{display:block!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:2px solid #fff!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 5px 14px rgba(23,151,108,.24)!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] .kcd-roblox-status.valid b{color:#075b41!important;}
/* R238 — only the order game cards enter from the left, then settle with a small pop. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card.kcd-r238-game-enter{opacity:0!important;transform:translate3d(-54px,0,0) scale(.88)!important;filter:blur(2px)!important;transition:opacity 210ms ease,transform 540ms cubic-bezier(.16,.86,.22,1.22),filter 380ms ease!important;will-change:transform,opacity!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card.kcd-r238-game-in{opacity:1!important;transform:translate3d(5px,0,0) scale(1.028)!important;filter:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card.kcd-r238-game-settled{transform:translate3d(0,0,0) scale(1)!important;}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card.kcd-r238-game-enter{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}}
/* R252: keep the same visible animation, stop work outside the viewport or in a hidden tab. */
html:root:root:root:root:root:root:root .kcd-flow:not(.kcd-motion-active) *,
html:root:root:root:root:root:root:root .kcd-wave-seam:not(.kcd-motion-active) *,
html:root:root:root:root:root:root:root.kcd-tab-hidden :is(.kcd-flow,.kcd-wave-seam) *{animation-play-state:paused!important}
/* R239 — use the desktop width for the Cara Order illustration instead of leaving large empty gutters. */
@media(min-width:781px){
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.ref-how.kcd-flow{width:100%!important;max-width:none!important;margin:0 auto!important;padding:32px 20px 24px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{width:min(calc(100vw - 40px),1880px)!important;max-width:none!important;min-height:450px!important;aspect-ratio:3.95/1!important;margin:-12px auto -24px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-heading{width:min(calc(100vw - 40px),1880px)!important;max-width:none!important;padding-inline:0!important;}
}

/* R258 — no full-page movement. Motion is limited to the requested content. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] :is(.kcd-fast-reveal,.kcd-fast-in,.kcd-r105-pop-item,.kcd-r105-pop-in,.kcd-r154-pop-left,.kcd-r154-pop-in,.kcd-r78-catalog-enter,.kcd-r78-catalog-in){animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important}

@keyframes kcd258-order-pop-right{0%{opacity:0;transform:translateX(-34px) scale(.9)}70%{opacity:1;transform:translateX(3px) scale(1.025)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes kcd258-review-up{0%{opacity:0;transform:translateY(30px) scale(.975)}72%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes kcd258-term-pop-right{0%{opacity:0;transform:translateX(-30px) translateY(9px) scale(.93)}72%{opacity:1;transform:translateX(2px) translateY(-1px) scale(1.018)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes kcd258-term-detail-up{0%{opacity:0;transform:translateY(26px) scale(.985)}100%{opacity:1;transform:translateY(0) scale(1)}}

html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd258-order-pop{animation:kcd258-order-pop-right 450ms cubic-bezier(.2,.8,.23,1) both!important;animation-delay:var(--kcd258-delay,0ms)!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #testimoni .kcd258-review-up{animation:kcd258-review-up 410ms cubic-bezier(.2,.8,.23,1) both!important;animation-delay:var(--kcd258-delay,0ms)!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #syarat .kcd258-term-pop{animation:kcd258-term-pop-right 390ms cubic-bezier(.2,.8,.23,1) both!important;animation-delay:var(--kcd258-delay,0ms)!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #syarat .kcd258-term-detail-up{animation:kcd258-term-detail-up 360ms cubic-bezier(.2,.75,.25,1) both!important}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] :is(.kcd258-home-pop,.kcd258-order-pop,.kcd258-review-up,.kcd258-term-pop,.kcd258-term-detail-up){animation:none!important}}

/* R262 — high-contrast, guaranteed Syarat icons for both menu and selected detail. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #syarat :is(.kcd-terms-v69-tab>i,.kcd-terms-v69-detail-head>i){color:#1268d8!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #syarat :is(.kcd-terms-v69-tab>i,.kcd-terms-v69-detail-head>i) svg{display:block!important;width:26px!important;height:26px!important;stroke:currentColor!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #syarat .kcd-terms-v69-detail-head>i svg{width:30px!important;height:30px!important}

/* Cara Order: map overlays to the original 2170 x 725 artwork. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{width:100%!important;max-width:1880px!important;min-height:0!important;height:auto!important;aspect-ratio:2170/725!important;margin:-20px auto -10px!important;container-type:inline-size;overflow:visible!important;clip-path:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-paint{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-steps{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(n){position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;text-align:center!important;transform:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(1){--flow-x:1.8%;--flow-y:53.5%;--flow-cx:4.25%;--flow-cy:46.6%;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(2){--flow-x:22.2%;--flow-y:53.5%;--flow-cx:24.56%;--flow-cy:46.4%;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(3){--flow-x:41.2%;--flow-y:57.5%;--flow-cx:43.44%;--flow-cy:49.6%;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(4){--flow-x:61.2%;--flow-y:50.2%;--flow-cx:62.81%;--flow-cy:42.55%;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(5){--flow-x:81.8%;--flow-y:54.5%;--flow-cx:84.13%;--flow-cy:47.4%;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(n) .kcd-flow-card{position:absolute!important;left:var(--flow-x)!important;top:var(--flow-y)!important;width:17%!important;height:18.5%!important;min-height:0!important;max-width:none!important;box-sizing:border-box!important;padding:.25cqw .4cqw!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:.3cqw!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;text-align:center!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-number{position:absolute!important;inset:auto!important;left:var(--flow-cx)!important;top:var(--flow-cy)!important;width:4.4cqw!important;height:4.4cqw!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;line-height:1!important;font-size:clamp(24px,2.2cqw,40px)!important;color:white!important;border:0!important;background:none!important;box-shadow:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card h3{font-size:clamp(16px,1.2cqw,22px)!important;line-height:1.2!important;margin:0!important;max-width:none!important;overflow-wrap:break-word!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card p{font-size:clamp(14px,.9cqw,17px)!important;line-height:1.35!important;margin:0!important;max-width:none!important;overflow-wrap:anywhere!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-icon,.kcd-flow-vertical{display:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene>.kcd-live-decor{z-index:1!important;pointer-events:none!important;}
@media(max-width:1199px){
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-scene{width:100%!important;max-width:720px!important;aspect-ratio:auto!important;min-height:0!important;height:auto!important;margin:20px auto!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-paint,.kcd-flow-scene>.kcd-live-decor{display:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-steps{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;gap:12px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(n){position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;height:auto!important;padding:16px!important;text-align:left!important;border:1px solid #dceefb!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#f2faff)!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-step:nth-child(n) .kcd-flow-card{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0!important;padding:0!important;gap:5px!important;text-align:left!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-number{position:static!important;inset:auto!important;transform:none!important;width:36px!important;height:36px!important;font-size:18px!important;border-radius:50%!important;background:linear-gradient(135deg,#4ecfff,#168cf0)!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card h3{font-size:16px!important;line-height:1.3!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda .kcd-flow-card p{font-size:14px!important;line-height:1.5!important;}
}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-scene{width:100%!important;max-width:720px!important;aspect-ratio:auto!important;min-height:0!important;height:auto!important;margin:20px auto!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-paint,.kcd-flow-scene>.kcd-live-decor{display:none!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-steps{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;gap:12px!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-step:nth-child(n){position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;height:auto!important;padding:16px!important;text-align:left!important;border:1px solid #dceefb!important;border-radius:18px!important;background:linear-gradient(135deg,#fff,#f2faff)!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-step:nth-child(n) .kcd-flow-card{position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-width:0!important;padding:0!important;gap:5px!important;text-align:left!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-number{position:static!important;inset:auto!important;transform:none!important;width:36px!important;height:36px!important;font-size:18px!important;border-radius:50%!important;background:linear-gradient(135deg,#4ecfff,#168cf0)!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-card h3{font-size:16px!important;line-height:1.3!important;}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #cara-order-beranda.kcd-flow-readable .kcd-flow-card p{font-size:14px!important;line-height:1.5!important;}

/* Animate testimonial cards individually; the grid keeps its scroll position. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #testimoni #testi-container{overflow-anchor:none!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #testimoni #testi-container .kcd-review-managed{will-change:auto!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #testimoni #testi-container .kcd-review-waiting{opacity:0!important;transform:translate3d(0,22px,0)!important;transition:none!important;pointer-events:none}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #testimoni #testi-container .kcd-review-enter{opacity:1!important;transform:translate3d(0,0,0)!important;transition:opacity 480ms cubic-bezier(.22,1,.36,1) var(--kcd-review-delay,0ms),transform 480ms cubic-bezier(.22,1,.36,1) var(--kcd-review-delay,0ms)!important;will-change:opacity,transform!important}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #testimoni #testi-container :is(.kcd-review-waiting,.kcd-review-enter){opacity:1!important;transform:none!important;animation:none!important;pointer-events:auto!important}}

/* R263: one Home entrance from the first CSS paint, including return visits. */
@keyframes kcd263-home-enter{0%{opacity:0;translate:0 20px;scale:.84}70%{opacity:1;translate:0 -3px;scale:1.055}100%{opacity:1;translate:0 0;scale:1}}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda .kcd-home-service-card{opacity:1;translate:0 0;scale:1;animation:none!important;transition:transform .2s ease,box-shadow .2s ease!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda.active .kcd-home-service-card{animation:kcd263-home-enter 560ms cubic-bezier(.2,.8,.23,1) var(--kcd-home-delay,0ms) backwards!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda :is(.hero-section,.kcd-sakura-welcome){animation:none!important;opacity:1!important;translate:0 0!important;scale:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #beranda.active .kcd-home-service-card{animation:none!important;opacity:1;translate:0 0;scale:1}}

/* Compact category cards shared by Joki, Gamepass, custom services and Akun. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,220px))!important;justify-content:start!important;align-items:start!important;gap:14px!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:100%!important;max-width:220px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;text-align:center!important;box-sizing:border-box!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important;border-radius:0!important;margin:0!important;flex:0 0 auto!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card>.kcd-category-caption{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;width:100%!important;min-height:52px!important;padding:9px 10px!important;box-sizing:border-box!important;margin:0!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card strong{display:block!important;max-width:100%!important;margin:0!important;font-size:17px!important;line-height:1.3!important;font-weight:800!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important;color:#173e71!important;text-align:center!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card small{display:block!important;font-size:12px!important;line-height:1.3!important;margin:0!important;color:#6685a8!important;white-space:normal!important}
@media(max-width:700px){
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card{max-width:none!important;border-radius:13px!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card strong{font-size:clamp(12px,3.5vw,16px)!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-category-card>.kcd-category-caption{min-height:48px!important;padding:8px!important}
}

/* Empty order status does not reserve space after a successful checkout. */
[data-kedaicdid-legacy-root] #order .kcd-order-status:empty{display:none}

/* Password visibility is a local toggle; the entered value is preserved. */
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-control{position:relative;width:100%;min-width:0}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-control>input{width:100%!important;box-sizing:border-box!important;padding-right:56px!important}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-height:0!important;padding:9px!important;margin:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#315b84!important;box-shadow:none!important;cursor:pointer}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle:disabled{opacity:.4;cursor:default}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle:focus-visible{outline:2px solid #0787ed;outline-offset:1px}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle .kcd-eye-hide{display:none}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle[aria-pressed="true"] .kcd-eye-show{display:none}
html:root:root:root:root:root:root:root [data-kedaicdid-legacy-root] #order .kcd-password-toggle[aria-pressed="true"] .kcd-eye-hide{display:block}