html[data-tkl="sakura"]{
  --kt-bg:#fbf4ee;--kt-bgimg:radial-gradient(circle at 85% 0%,rgba(243,154,172,.22),transparent 40%),radial-gradient(circle at 0% 70%,rgba(47,72,88,.06),transparent 40%),repeating-linear-gradient(0deg,rgba(90,61,58,.018) 0 2px,transparent 2px 5px);
  --kt-card:#fffdfb;--kt-card2:#f6e6e4;--kt-ink:#2b2230;--kt-mut:#7d6b72;--kt-line:rgba(43,34,48,.12);
  --kt-acc:#d94f6b;--kt-acc-ink:#fff;--kt-acc2:#2f4858;--kt-acc2-ink:#fbf4ee;--kt-price:#b8324f;--kt-star:#d94f6b;
  --kt-rad:6px;--kt-rad-s:4px;--kt-rad-btn:4px;--kt-disp:'Shippori Mincho',Georgia,serif;--kt-body:'Zen Kaku Gothic New',system-ui,-apple-system,'Segoe UI',sans-serif;--kt-h2w:800;
  --kt-shadow:0 16px 34px -24px rgba(90,61,58,.45);--kt-bd:1px solid rgba(43,34,48,.12);--kt-btn-sh:none;--kt-eic-rad:50%;
  --kt-bar:rgba(251,244,238,.88);--kt-foot:#2f4858;--kt-foot-ink:#fbf4ee;--kt-sum:#2f4858;--kt-sum-ink:#fbf4ee;--kt-wallet:#2f4858;--kt-wallet-ink:#fbf4ee;
  --kt-buy-label:'🌸 Pesanan baru';--kt-cart-label:'🎁 Bingkisan';--kt-login-back:rgba(47,72,88,.62);--kt-login-card:#fffdfb;--kt-ring:rgba(217,79,107,.18);color-scheme:light}
#tkL .sk-page .kt-head small{letter-spacing:.12em}
#tkL .sk-page .kt-head h2 span{color:var(--kt-acc)}
#tkL .sk-page .kt-step-i{width:60px;height:60px;border-radius:50%;background:var(--kt-acc);color:#fff;font:800 28px var(--kt-disp)}
#tkL .sk-page .kt-step em{display:none}
#tkL .sk-page .kt-step{border-top:3px solid var(--kt-acc)}

#tkL .sk-petals{position:absolute;inset:0;pointer-events:none;z-index:30;overflow:hidden}
#tkL .sk-petals i{position:absolute;left:var(--x);top:-30px;width:calc(14px * var(--s));height:calc(11px * var(--s));border-radius:100% 0 100% 0;background:linear-gradient(135deg,#ffd0d9,#f39aac);opacity:.85;animation:skFall var(--d) linear var(--l) infinite}
#tkL .sk-petals i:nth-child(3n){border-radius:0 100% 0 100%;background:#f7b6c2}
@keyframes skFall{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(40px,25vh) rotate(120deg)}50%{transform:translate(-20px,50vh) rotate(220deg)}75%{transform:translate(50px,75vh) rotate(320deg)}100%{transform:translate(0,105vh) rotate(420deg)}}
#tkL .sk-page .sk-petals~*{position:relative}
#tkL .sk-page .kt-top{position:sticky}

#tkL .sk-hero{position:relative;max-width:1220px;margin:0 auto;display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,420px);gap:clamp(20px,4vw,52px);align-items:center;padding:clamp(40px,6vw,86px) clamp(16px,4vw,44px) 10px}
#tkL .sk-branch{position:absolute;right:-30px;top:-10px;width:min(46vw,440px);pointer-events:none;opacity:.95;animation:skSway 8s ease-in-out infinite;transform-origin:100% 20%}
@keyframes skSway{50%{transform:rotate(-2deg)}}
#tkL .sk-vert{writing-mode:vertical-rl;font:800 clamp(40px,5vw,64px)/1 var(--kt-disp);color:var(--kt-acc);letter-spacing:.2em;align-self:start;padding:8px 6px;border-left:2px solid var(--kt-acc)}
#tkL .sk-chip{display:inline-block;padding:7px 14px;border:1px solid var(--kt-line);background:var(--kt-card);font-size:13px;font-weight:700;color:var(--kt-mut);border-radius:3px}
#tkL .sk-hero h1{margin:18px 0 14px;font:800 clamp(40px,5.8vw,74px)/1.08 var(--kt-disp);letter-spacing:-.01em}
#tkL .sk-hero h1 span{color:var(--kt-acc)}
#tkL .sk-copy>p{max-width:46ch;margin:0 0 22px;color:var(--kt-mut);font-size:16px;line-height:1.7}
#tkL .sk-feat{position:relative;display:grid!important;place-items:center;width:100%;max-width:420px;aspect-ratio:1;justify-self:center}
#tkL .sk-feat-enso{position:absolute;inset:0;color:#2b2230;animation:skSpin 30s linear infinite}
@keyframes skSpin{to{transform:rotate(360deg)}}
#tkL .sk-feat-enso svg,#tkL .sk-enso svg{width:100%;height:100%;display:block}
#tkL .sk-feat-enso path:first-child{stroke-dasharray:600;stroke-dashoffset:0}
@keyframes skDraw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
#tkL .sk-feat-disc{display:block;width:58%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 30px 50px -30px rgba(90,61,58,.6);transition:transform .6s}
#tkL .sk-feat:hover .sk-feat-disc{transform:scale(1.04) rotate(-4deg)}
#tkL .sk-hanko{position:absolute;right:6%;bottom:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;padding:6px;background:#c8283f;color:#fff;border-radius:8px;transform:rotate(-8deg);box-shadow:inset 0 0 0 3px #c8283f,inset 0 0 0 5px rgba(255,255,255,.8);text-align:center}
#tkL .sk-hanko small{font:700 10px var(--kt-body);letter-spacing:.14em}
#tkL .sk-hanko b{font:800 14px/1.2 var(--kt-disp)}
#tkL .sk-hanko b small{display:block;font-size:9px;letter-spacing:0}
#tkL .sk-feat-name{position:absolute;left:4%;top:10%;writing-mode:vertical-rl;font:800 20px var(--kt-disp);max-height:70%;overflow:hidden}
@media(max-width:900px){#tkL .sk-hero{grid-template-columns:minmax(0,1fr)}#tkL .sk-vert{display:none}#tkL .sk-feat{max-width:320px}#tkL .sk-branch{width:70vw;right:-20px;opacity:.5}}

#tkL .sk-emas{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:30px 18px;padding-top:12px}
#tkL .sk-ema{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:4px;min-height:150px;padding:34px 12px 18px!important;text-align:center;background:linear-gradient(180deg,#e8c9a0,#d9b383);color:#3d2a1e;clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%);transform:rotate(var(--t));transform-origin:50% -10px;transition:transform .5s cubic-bezier(.3,1.6,.5,1);box-shadow:inset 0 -6px 0 rgba(0,0,0,.08)}
#tkL .sk-ema:before{content:'';position:absolute;inset:6px;clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 22%);border:1px solid rgba(61,42,30,.3);pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(61,42,30,.05) 9px 10px)}
#tkL .sk-ema:hover{transform:rotate(calc(var(--t) * -3))}
#tkL .sk-ema-cord{position:absolute;left:50%;top:14px;width:12px;height:12px;border-radius:50%;background:#c8283f;transform:translateX(-50%);box-shadow:0 0 0 3px rgba(200,40,63,.25)}
#tkL .sk-ema-no{font:800 24px var(--kt-disp);color:#c8283f}
#tkL .sk-ema b{font:800 18px/1.2 var(--kt-disp);overflow-wrap:anywhere}
#tkL .sk-ema small{font-size:12px;opacity:.75}

#tkL .sk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px 18px}
#tkL .sk-card{position:relative;display:flex!important;flex-direction:column;gap:4px;padding:18px 16px 16px!important;text-align:left;background:var(--kt-card);border:1px solid var(--kt-line)!important;border-radius:4px;box-shadow:var(--kt-shadow);transition:transform .4s,box-shadow .4s}
#tkL .sk-card:hover{transform:translateY(-6px);box-shadow:0 26px 40px -26px rgba(217,79,107,.55)}
#tkL .sk-card-pic{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1.2;margin-bottom:10px}
#tkL .sk-enso{position:absolute;inset:0;margin:auto;width:auto;height:100%;aspect-ratio:1;color:#2b2230;opacity:.85;transition:transform .8s}
#tkL .sk-card:hover .sk-enso{transform:rotate(40deg)}
#tkL .sk-disc{display:block;width:56%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 10px 20px -12px rgba(0,0,0,.4)}
#tkL .sk-card>small{color:var(--kt-mut);font-size:12px;letter-spacing:.06em}
#tkL .sk-card strong{font:800 18px/1.25 var(--kt-disp);overflow-wrap:anywhere}
#tkL .sk-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--kt-line)}
#tkL .sk-card-foot b{font:800 15px var(--kt-body);color:var(--kt-price)}
#tkL .sk-card-foot b small{font-size:11px;color:var(--kt-mut);font-weight:500}
#tkL .sk-card-foot i{display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:#c8283f;color:#fff;font:800 15px var(--kt-disp);font-style:normal;transform:rotate(-6deg);transition:transform .3s}
#tkL .sk-card:hover .sk-card-foot i{transform:rotate(6deg) scale(1.1)}
#tkL .sk-off{position:absolute;right:12px;top:12px;padding:5px 8px;background:var(--kt-acc);color:#fff;font:800 12px var(--kt-body);border-radius:3px}
#tkL .sk-closed{position:absolute;left:12px;top:12px;padding:4px 8px;background:var(--kt-acc2);color:#fff;font:700 11px var(--kt-body);border-radius:3px}
#tkL .sk-card.is-off{opacity:.6;filter:grayscale(.6)}

#tkL .sk-scroll{position:relative;display:flex;align-items:stretch}
#tkL .sk-roll{flex:0 0 22px;border-radius:11px;background:linear-gradient(90deg,#5a3d3a,#8a5f58 50%,#5a3d3a);box-shadow:0 10px 20px -10px rgba(0,0,0,.5);position:relative;z-index:2}
#tkL .sk-mks{flex:1;min-width:0;display:flex;gap:14px;overflow-x:auto;padding:20px 18px;margin:12px -4px;background:linear-gradient(180deg,#fffdf6,#f5ead6);box-shadow:inset 0 0 0 1px rgba(90,61,58,.12),inset 0 10px 20px -16px rgba(90,61,58,.4);scrollbar-width:thin;scroll-snap-type:x mandatory}
#tkL .sk-mk{flex:0 0 150px;scroll-snap-align:start;display:flex!important;flex-direction:column;align-items:center;gap:4px;padding:12px 8px!important;text-align:center;border-right:1px dashed rgba(90,61,58,.25)}
#tkL .sk-mk:last-child{border-right:0}
#tkL .sk-mk-pic{display:block;width:64px;height:64px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 0 0 2px #c8283f}
#tkL .sk-mk b{font:800 14px/1.2 var(--kt-disp);margin-top:6px;overflow-wrap:anywhere}
#tkL .sk-mk small{font-size:11.5px;color:var(--kt-mut)}
#tkL .sk-mk strong{font:800 14px var(--kt-body);color:var(--kt-price)}
#tkL .sk-mk strong small{font-size:10px;color:var(--kt-mut);font-weight:500}
#tkL .sk-mk.is-off{opacity:.45}

html[data-tkl="sakura"] .sk-lantern{display:flex;flex-direction:column;align-items:center;position:relative;margin:0 0 14px;height:150px;--f:0}
html[data-tkl="sakura"] .sk-lt-hook{width:2px;height:18px;background:#2b2230}
html[data-tkl="sakura"] .sk-lt{position:relative;display:flex;flex-direction:column;align-items:center;animation:skSwing 4s ease-in-out infinite;transform-origin:50% -18px}
@keyframes skSwing{50%{transform:rotate(4deg)}}
html[data-tkl="sakura"] .sk-lt-cap{display:block;width:54px;height:10px;border-radius:3px;background:#2b2230}
html[data-tkl="sakura"] .sk-lt-body{display:grid;place-items:center;width:84px;height:92px;border-radius:44%;background:repeating-linear-gradient(180deg,transparent 0 10px,rgba(90,20,30,.25) 10px 12px),radial-gradient(circle at 50% 50%,color-mix(in srgb,#ffd27a calc(var(--f) * 100%),#c8283f),#c8283f 75%);box-shadow:0 0 calc(10px + var(--f) * 60px) calc(var(--f) * 18px) rgba(255,190,90,calc(.15 + var(--f) * .6));transition:box-shadow .3s,background .3s}
html[data-tkl="sakura"] .sk-lt-body b{font:800 30px var(--kt-disp);color:#2b2230;opacity:.85}
html[data-tkl="sakura"] .sk-lt-tassel{display:block;width:6px;height:22px;background:linear-gradient(#2b2230,#c8283f);border-radius:0 0 3px 3px}
html[data-tkl="sakura"] .sk-lt-glow{position:absolute;left:50%;top:40px;width:200px;height:120px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,200,110,calc(var(--f) * .35)),transparent 70%);pointer-events:none}
html[data-tkl="sakura"] .sk-lantern-sm{height:130px}
html[data-tkl="sakura"] :is(#loginModal,#forgotModalTk) .modal{border-top:4px solid #d94f6b!important}