.sbento{--mg:#8e2a6f;--mg2:#b8478f;--gl:#e9a6cf;position:relative;width:100%;max-width:820px;margin:0 auto;color:#e7e1ef}
.sbento :is(.on,.ic,.av,.cap,.pill,.eyebrow,.cta,.cta-g,.bcard,.it5,.bento,.grain,.crossg,.winbar,.typing,.appcomp,.appsend,.feat,.imgframe,.crow,.tabw,.trail,.tbtn,.tnum,.tlab,.tauto,.tpanel,.tslide,.tmed,.tbadge,.tbod,.mrail,.mbtn,.tfade-s,.tfade-e,.kgrid,.kc,.kcimg,.kcno,.apwrap,.apidxrow,.apstack,.apr,.apin,.apbody,.aptop,.apico,.pnum,.pchip,.pimg,.ncard,.faqi,.tabbtn,.scard,.faqb,.s2,.lead,.ctr,.sec,.grad){height:auto;width:auto}
.sbento .on{background:none;border-radius:0;box-shadow:none}
.sbento *{box-sizing:border-box}
.sbento .box{position:relative;width:100%;max-width:820px;margin:0 auto;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:540px;
  background:linear-gradient(180deg,#1b1020,#110a17);
  border:1px solid rgba(233,166,207,.14);
  box-shadow:0 44px 90px -40px rgba(0,0,0,.85),0 0 70px -28px rgba(142,42,111,.42),inset 0 1px 0 rgba(255,255,255,.06)}
.sbento .box::before{content:"";position:absolute;top:-28%;left:-12%;width:55%;height:60%;background:radial-gradient(circle,rgba(184,71,143,.18),transparent 70%);filter:blur(40px);pointer-events:none;animation:kf_mticaret_drift 13s ease-in-out infinite;z-index:0}
@keyframes kf_mticaret_drift{0%,100%{transform:translate(0,0)}50%{transform:translate(26%,18%)}}
.sbento .box>*{position:relative;z-index:1}
.sbento .hd{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.2rem;border-bottom:1px solid rgba(233,166,207,.12);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01))}
.sbento .hd .ic{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--mg),var(--mg2));display:grid;place-items:center;flex:none;box-shadow:0 10px 22px -8px var(--mg)}
.sbento .hd .ic i{color:#fff;font-size:18px}
.sbento .hd .nm{font-size:.98rem;font-weight:700;color:#fff;line-height:1.1}
.sbento .hd .st{font-size:.7rem;color:#e872c0;display:flex;align-items:center;gap:5px;margin-top:2px}
.sbento .hd .st .dot{width:7px;height:7px;border-radius:50%;background:#e872c0;animation:kf_mticaret_pulse 1.6s infinite}
@keyframes kf_mticaret_pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.5)}100%{box-shadow:0 0 0 10px rgba(52,211,153,0)}}
.sbento .hd .cnt{margin-left:auto;text-align:right}
.sbento .hd .cnt b{font-size:1.32rem;font-weight:800;color:#e872c0;font-variant-numeric:tabular-nums;line-height:1}
.sbento .hd .cnt span{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;display:block}
.sbento .stage{position:relative;flex:1;display:grid;grid-template-columns:1fr 236px;min-height:380px}
.sbento .scene{position:relative;overflow:hidden;display:grid;place-items:center;padding:1.5rem 0 0;
  background:radial-gradient(circle at 50% 42%,rgba(184,71,143,.10),transparent 60%)}
.sbento .scene .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(233,166,207,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(233,166,207,.05) 1px,transparent 1px);background-size:26px 26px;-webkit-mask:radial-gradient(circle at 50% 45%,#000 30%,transparent 72%);mask:radial-gradient(circle at 50% 45%,#000 30%,transparent 72%)}
.sbento .phone{position:relative;width:198px;height:392px;border-radius:34px;z-index:3;
  background:linear-gradient(155deg,#2a2330,#15101c);
  padding:9px;
  box-shadow:0 30px 60px -22px rgba(0,0,0,.85),0 0 0 2px rgba(233,166,207,.10),inset 0 2px 3px rgba(255,255,255,.10),inset 0 -3px 6px rgba(0,0,0,.5)}
.sbento .phone::before{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);width:58px;height:18px;border-radius:11px;background:#0a0710;z-index:6}
.sbento .phone .side{position:absolute;right:-2px;top:96px;width:3px;height:48px;border-radius:3px;background:rgba(233,166,207,.35)}
.sbento .phone .side.s2{top:152px;height:30px}
.sbento .phone .side.l{left:-2px;right:auto;top:120px;height:64px}
.sbento .screen{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;background:#100a18;display:flex;flex-direction:column}
.sbento .sbar{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem .25rem;font-size:.6rem;font-weight:700;color:#fff;opacity:.85}
.sbento .sbar .r{display:flex;gap:5px;align-items:center}
.sbento .appbar{display:flex;align-items:center;gap:.5rem;padding:.15rem .8rem .55rem}
.sbento .appbar .logo{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--mg),var(--mg2));display:grid;place-items:center}
.sbento .appbar .logo i{color:#fff;font-size:9px}
.sbento .appbar .nm{font-size:.7rem;font-weight:800;color:#fff}
.sbento .appbar .cart{margin-left:auto;position:relative;color:#e9a6cf;font-size:.8rem}
.sbento .appbar .cart .bdg{position:absolute;top:-6px;right:-8px;min-width:14px;height:14px;padding:0 3px;border-radius:8px;background:#e11d48;color:#fff;font-size:.52rem;font-weight:800;display:grid;place-items:center;line-height:1}
.sbento .views{position:relative;flex:1}
.sbento .view{position:absolute;inset:0;display:flex;flex-direction:column;padding:.2rem .8rem .8rem;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.sbento .view.on{opacity:1;transform:none}
.sbento .prod-img{height:118px;border-radius:14px;background:linear-gradient(150deg,#3a2440,#241430);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid rgba(233,166,207,.15)}
.sbento .prod-img i{font-size:46px;color:#e9a6cf}
.sbento .prod-img .fav{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#fb7185;font-size:.7rem}
.sbento .prod-t{font-size:.78rem;font-weight:800;color:#fff;margin:.55rem 0 .15rem}
.sbento .prod-sub{font-size:.58rem;opacity:.55}
.sbento .stars{color:#fbbf24;font-size:.58rem;margin:.3rem 0}
.sbento .stars span{opacity:.5;color:inherit}
.sbento .prod-price{font-size:1.05rem;font-weight:900;color:#e872c0;margin-top:.25rem;font-variant-numeric:tabular-nums}
.sbento .prod-price small{font-size:.55rem;opacity:.5;font-weight:600;text-decoration:line-through;color:#c7c0d2;margin-left:5px}
.sbento .btn{margin-top:auto;height:38px;border-radius:11px;font-size:.74rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;
  background:linear-gradient(135deg,var(--mg),var(--mg2));box-shadow:0 10px 22px -8px var(--mg);transition:transform .18s}
.sbento .btn.tap{transform:scale(.94)}
.sbento .tapring{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);z-index:7;pointer-events:none;animation:kf_mticaret_tring .55s ease-out forwards}
@keyframes kf_mticaret_tring{0%{width:8px;height:8px;opacity:.9}100%{width:70px;height:70px;opacity:0}}
.sbento .crow{display:flex;align-items:center;gap:.55rem;padding:.5rem;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(233,166,207,.12);margin-bottom:.5rem}
.sbento .crow .ci{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,#3a2440,#241430);display:grid;place-items:center;color:#e9a6cf;font-size:.85rem;flex:none}
.sbento .crow .ct{font-size:.62rem;font-weight:700;color:#fff}
.sbento .crow .cq{font-size:.5rem;opacity:.5}
.sbento .crow .cp{margin-left:auto;font-size:.66rem;font-weight:800;color:#e872c0}
.sbento .cart-tot{display:flex;justify-content:space-between;align-items:center;font-size:.66rem;margin:.3rem .15rem .15rem}
.sbento .cart-tot b{font-size:.92rem;font-weight:900;color:#fff}
.sbento .pay-head{font-size:.66rem;opacity:.55;margin-bottom:.5rem}
.sbento .paybtn{height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.82rem;font-weight:800;color:#fff;background:#000;border:1px solid rgba(255,255,255,.14);position:relative;overflow:hidden}
.sbento .paybtn i{font-size:1rem}
.sbento .paybtn.gpay{background:#fff;color:#3c4043;border-color:#dadce0;margin-top:.55rem}
.sbento .paybtn .gp{font-weight:800}
.sbento .paybtn .gp .b{color:#4285f4}
.sbento .paybtn .gp .r{color:#ea4335}
.sbento .paybtn .gp .y{color:#fbbc05}
.sbento .paybtn .gp .g{color:#34a853}
.sbento .finger{position:absolute;width:30px;height:30px;z-index:8;pointer-events:none;left:50%;top:78%;transform:translate(-50%,-50%) scale(0);transition:transform .35s cubic-bezier(.34,1.4,.6,1),top .5s ease}
.sbento .finger i{font-size:30px;color:#fff;filter:drop-shadow(0 3px 5px rgba(0,0,0,.5))}
.sbento .finger.show{transform:translate(-50%,-50%) scale(1)}
.sbento .finger.press{transform:translate(-50%,-50%) scale(.82)}
.sbento .confirm{align-items:center;justify-content:center;text-align:center}
.sbento .tick{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,#e872c0,#b8478f);display:grid;place-items:center;position:relative;box-shadow:0 0 0 0 rgba(52,211,153,.5)}
.sbento .tick.glow{animation:kf_mticaret_tickglow 1.4s ease}
@keyframes kf_mticaret_tickglow{0%{box-shadow:0 0 0 0 rgba(52,211,153,.6),0 0 26px 6px rgba(52,211,153,.5)}100%{box-shadow:0 0 0 24px rgba(52,211,153,0),0 0 26px 6px rgba(52,211,153,0)}}
.sbento .tick i{color:#fff;font-size:34px}
.sbento .tick svg{position:absolute;inset:-9px;width:92px;height:92px}
.sbento .tick circle{fill:none;stroke:#e872c0;stroke-width:3;stroke-dasharray:267;stroke-dashoffset:267;transform:rotate(-90deg);transform-origin:center}
.sbento .confirm.on .tick circle{animation:kf_mticaret_ring 1s ease forwards}
@keyframes kf_mticaret_ring{to{stroke-dashoffset:0}}
.sbento .confirm-t{font-size:.86rem;font-weight:900;color:#fff;margin-top:.85rem}
.sbento .confirm-s{font-size:.6rem;opacity:.6;margin-top:.2rem;line-height:1.45}
.sbento .confirm-no{font-size:.58rem;margin-top:.7rem;padding:.32rem .7rem;border-radius:999px;background:rgba(52,211,153,.12);color:#e872c0;font-weight:800}
.sbento .coin{position:absolute;font-size:13px;z-index:7;pointer-events:none;color:#fbbf24;opacity:0}
@keyframes kf_mticaret_coinfly{0%{opacity:0;transform:translate(0,0) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translate(var(--cx),var(--cy)) scale(1.1)}}
.sbento .push{position:absolute;top:9px;left:50%;transform:translate(-50%,-150%);width:178px;z-index:9;
  display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:14px;
  background:rgba(30,20,38,.86);backdrop-filter:blur(12px);border:1px solid rgba(233,166,207,.2);
  box-shadow:0 14px 30px -12px rgba(0,0,0,.7);transition:transform .55s cubic-bezier(.34,1.3,.6,1),opacity .4s}
.sbento .push.show{transform:translate(-50%,0)}
.sbento .push .pi{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--mg),var(--mg2));display:grid;place-items:center;flex:none}
.sbento .push .pi i{color:#fff;font-size:.7rem}
.sbento .push .pt{font-size:.56rem;font-weight:800;color:#fff;line-height:1.2}
.sbento .push .ps{font-size:.5rem;opacity:.6;line-height:1.3}
.sbento .panel{border-left:1px solid rgba(233,166,207,.12);padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;background:rgba(255,255,255,.02)}
.sbento .panel h3{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gl);margin:0 0 .15rem}
.sbento .metric{display:flex;align-items:center;gap:.6rem;padding:.55rem .6rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(233,166,207,.1)}
.sbento .metric .mi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:.78rem;color:#fff}
.sbento .metric .mi.a{background:linear-gradient(135deg,#8e2a6f,#b8478f)}
.sbento .metric .mi.b{background:linear-gradient(135deg,#e872c0,#ef9ad2)}
.sbento .metric .mi.c{background:linear-gradient(135deg,#a0357f,#e872c0)}
.sbento .metric .mv{font-size:.92rem;font-weight:900;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.sbento .metric .ml{font-size:.54rem;opacity:.55;display:block;margin-top:2px}
.sbento .metric .up{margin-left:auto;font-size:.54rem;font-weight:800;color:#e872c0;white-space:nowrap}
.sbento .ft{display:flex;align-items:center;gap:10px;padding:.8rem 1.2rem;border-top:1px solid rgba(233,166,207,.12);background:rgba(0,0,0,.18);font-size:.84rem}
.sbento .ft .lic{width:22px;height:22px;border-radius:7px;background:#a0357f;display:grid;place-items:center;flex:none}
.sbento .ft .lic i{color:#fff;font-size:11px}
.sbento .ft .ltx{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:opacity .3s}
.sbento .ft .mkt{flex:none;background:linear-gradient(135deg,var(--mg),var(--mg2));color:#fff;font-size:.66rem;font-weight:800;padding:.3rem .65rem;border-radius:999px;white-space:nowrap}
@media(max-width:680px){.sbento .stage{grid-template-columns:1fr}.sbento .panel{border-left:0;border-top:1px solid rgba(233,166,207,.12);flex-direction:row;flex-wrap:wrap;gap:.5rem}.sbento .panel h3{width:100%}.sbento .metric{width:calc(50% - .25rem)}.sbento .scene{padding:1.2rem 0 1.2rem}.sbento .ft{flex-wrap:wrap}.sbento .ft .mkt{order:3}}
@media(max-width:420px){.sbento .metric{width:100%}.sbento .phone{width:182px;height:362px}}
.sbento [x-cloak]{display:none}