/* KIAI APP v4 dokunuşları · yeni cihaz dizilimi + akan balonlar + WhatsApp */
.hr .eco .lap{left:14%;top:9%;width:60%}
.hr .eco .tb2.ls{left:auto;right:5%;top:34%;width:30%;aspect-ratio:4/3;padding:1.1%;border-radius:5.5%/7.3%;transform:translateZ(80px) rotate(calc(5deg - var(--s,0)*3deg)) translateY(calc((1 - var(--s,0))*70px))}
.hr .eco .tb2.ls .scr{border-radius:3.6%/4.8%}
.hr .eco .p2{left:6%;right:auto;top:36%;width:13.5%;transform:translateZ(110px) rotate(calc(-9deg + var(--s,0)*5deg)) translateY(calc((1 - var(--s,0))*90px))}
.hr .eco .ln2 i:nth-child(1){left:18%;top:60%;width:8%}.hr .eco .ln2 i:nth-child(2){right:30%;top:58%;width:7%}
.hr .stg .flr{position:absolute;left:8%;right:8%;bottom:6%;height:18%;border-radius:50%;background:radial-gradient(closest-side,rgba(139,92,246,.45),transparent);filter:blur(24px);pointer-events:none}
@media (max-width:1020px){.hr .eco .lap{left:6%;top:8%;width:78%}.hr .eco .tb2.ls{right:4%;top:auto;bottom:8%;width:40%}.hr .eco .p2{left:5%;top:auto;bottom:5%;width:20%}}
@media (max-width:760px){.hr .eco .lap{left:5%;top:6%;width:90%}.hr .eco .tb2.ls{right:4%;bottom:10%;width:58%}.hr .eco .p2{left:6%;bottom:4%;width:30%}}
/* akan balonlar */
.hr .stw{position:relative}
.bfx{position:absolute;inset:0 -6vw;z-index:6;pointer-events:none;overflow:visible}
.bfx .bb{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;max-width:260px;padding:9px 14px 9px 9px;border-radius:18px 18px 18px 6px;background:rgba(20,26,85,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 20px 36px -18px rgba(0,0,0,.65);color:#fff;white-space:nowrap;will-change:transform,opacity}
.bfx .bb.r{border-radius:18px 18px 6px 18px}
.bfx .bb.lt{background:rgba(255,255,255,.88);color:var(--nv);box-shadow:inset 0 0 0 1px var(--ln),0 20px 36px -20px rgba(10,16,51,.4)}
.bfx .bb.lt small{color:var(--mut)}
.bfx .bb i{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--bc,linear-gradient(140deg,var(--pr2),var(--vi)));color:#fff}
.bfx .bb b{display:block;font:800 12.5px/1.2 'Plus Jakarta Sans'}.bfx .bb small{display:block;margin-top:2px;font:600 10px/1.2 var(--mono);letter-spacing:.04em;color:rgba(255,255,255,.65);text-transform:uppercase}
@media (max-width:760px){.bfx{inset:0 -20px}.bfx .bb{max-width:200px;padding:7px 11px 7px 7px}.bfx .bb i{width:24px;height:24px}.bfx .bb b{font-size:11px}.bfx .bb small{display:none}}
/* WhatsApp canlı düğme */
.wab{position:fixed;right:20px;bottom:20px;z-index:78;display:flex;align-items:center;gap:12px;height:64px;padding:0 20px 0 7px;border-radius:999px;background:#fff;color:#0A1033;box-shadow:0 22px 44px -18px rgba(10,16,51,.55),inset 0 0 0 1px rgba(10,16,51,.06);transition:transform .35s var(--e),box-shadow .35s}
.wab:hover{color:#0A1033;transform:translateY(-3px);box-shadow:0 28px 50px -18px rgba(37,211,102,.55),inset 0 0 0 1px rgba(37,211,102,.3)}
.wab .ic{position:relative;flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#25D366}
.wab .ic::before,.wab .ic::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:wabP 2.4s ease-out infinite}
.wab .ic::after{animation-delay:1.2s}
@keyframes wabP{to{box-shadow:0 0 0 16px rgba(37,211,102,0)}}
.wab .tx b{display:block;font:800 15px/1.1 'Plus Jakarta Sans'}
.wab .tx small{display:flex;align-items:center;gap:6px;margin-top:4px;font:600 11.5px/1 'Plus Jakarta Sans';color:#5A6080}
.wab .tx small i{width:7px;height:7px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.2)}
@media (max-width:760px){.wab{height:60px;width:60px;padding:0;justify-content:center;right:14px;bottom:14px;background:#25D366}.wab .ic{width:60px;height:60px}.wab .tx{display:none}}
@media (prefers-reduced-motion:reduce){.wab .ic::before,.wab .ic::after{animation:none}}

/* cihaz sahnesi · derinlik ve süzülme */
.hr .eco .lap,.hr .eco .tb2.ls,.hr .eco .p2{animation:dvF 9s ease-in-out infinite}
.hr .eco .tb2.ls{animation-delay:-3s;animation-duration:10s}.hr .eco .p2{animation-delay:-5s;animation-duration:8s}
@keyframes dvF{50%{translate:0 -10px}}
.hr .eco .lap .scr::after,.hr .eco .tb2 .scr::after,.hr .eco .p2 .scr::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 70%,rgba(255,255,255,.06) 100%)}
.hr .eco .lap::after,.hr .eco .tb2.ls::after,.hr .eco .p2::after{content:"";position:absolute;left:8%;right:8%;bottom:-9%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);filter:blur(10px);z-index:-1;pointer-events:none}
.hr .eco .tb2.ls{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),0 0 0 1px rgba(185,181,255,.15),0 50px 80px -30px rgba(0,0,0,.7)}
.hr .eco .p2{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16),0 0 0 1px rgba(185,181,255,.15),0 50px 80px -30px rgba(0,0,0,.75)}
.hr .eco .lap .lid{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1),0 0 60px -10px rgba(139,92,246,.45),0 60px 100px -40px rgba(0,0,0,.7)}
@media (prefers-reduced-motion:reduce){.hr .eco .lap,.hr .eco .tb2.ls,.hr .eco .p2{animation:none}}
/* otomatik hatırlatma bandı */
.otr{position:relative;z-index:7;display:flex;align-items:center;gap:18px;width:min(1080px,calc(100% - 32px));margin:-40px auto 0;padding:14px 14px 14px 20px;border-radius:24px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 30px 60px -30px rgba(10,16,51,.45)}
.otr .ot{flex:none;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--nv);color:#fff;font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.otr .ot .pl{width:8px;height:8px;border-radius:50%;background:#7CF0C2;animation:dbP 1.8s infinite}
.otr .hd{flex:1;min-width:0;font:800 16.5px/1.3 'Plus Jakarta Sans';color:var(--nv);letter-spacing:-.01em}.otr .hd em{font-style:normal;color:var(--pr)}
.otr .chs{flex:none;display:flex;gap:6px}
.otr .c{position:relative;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border-radius:999px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--ln);font:800 13px/1 'Plus Jakarta Sans';color:var(--ink);transition:all .45s var(--e)}
.otr .c svg{color:var(--cc)}.otr .c.wa{--cc:#25D366}.otr .c.sm{--cc:#5049E6}.otr .c.ps{--cc:#F2A516}.otr .c.ap{--cc:#8B5CF6}
.otr .c.on{background:var(--cc);color:#fff;box-shadow:0 12px 24px -12px var(--cc);transform:translateY(-3px)}.otr .c.on svg{color:#fff}
.otr .c.on::after{content:"";position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--cc)}
@media (max-width:1020px){.otr{flex-wrap:wrap;margin-top:-28px}.otr .hd{flex-basis:calc(100% - 200px)}.otr .chs{width:100%;flex-wrap:wrap}}
@media (max-width:560px){.otr{margin-top:16px;padding:14px;gap:12px;border-radius:20px}.otr .hd{flex-basis:100%;font-size:15px}.otr .c{height:36px;padding:0 11px;font-size:12px}}

/* fiyat · yüzlü animasyon kartları (face1 / face2) */
.pr .cs.fcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;margin-top:56px;min-height:640px}
.pr .fc{position:relative;height:640px;perspective:1200px}
.pr .fc .f1{position:absolute;left:0;right:0;top:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;border:0;border-radius:30px;background:var(--fg);color:var(--ft);text-align:center;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 30px 60px -30px rgba(10,16,51,.55);transition:height .75s var(--e),transform .75s var(--e),border-radius .75s var(--e),box-shadow .5s}
.pr .fc .f1::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 50% 120%,rgba(255,255,255,.12) 0 1px,transparent 1.5px 46px);opacity:.7}
.pr .fc .f1 .gl{position:absolute;inset:-40%;z-index:-1;background:radial-gradient(closest-side,rgba(255,255,255,.35),transparent);transform:translate(var(--gx,0),var(--gy,40%));transition:transform .6s var(--e);pointer-events:none}
.pr .fc .f1 .ic{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);transition:width .6s var(--e),height .6s var(--e),transform .75s var(--e)}
.pr .fc .f1 b{font:800 42px/1 'Plus Jakarta Sans';letter-spacing:-.04em;transition:font-size .6s var(--e)}
.pr .fc .f1 small{max-width:240px;font:600 14px/1.45 'Plus Jakarta Sans';opacity:.82;transition:opacity .4s}
.pr .fc .f1 em{position:absolute;top:18px;left:50%;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:#0A1033;color:#FFD25A;font:800 11.5px/1 'Plus Jakarta Sans';font-style:normal;white-space:nowrap;transform:translateX(-50%);box-shadow:0 10px 20px -10px rgba(0,0,0,.6)}
.pr .fc .f1 .hint{position:absolute;bottom:22px;left:50%;display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 'Plus Jakarta Sans';opacity:.75;transform:translateX(-50%);transition:opacity .3s}
.pr .fc .f1 .hint svg{animation:fcB 1.6s ease-in-out infinite}@keyframes fcB{50%{transform:translateY(3px)}}
.pr .fc .f2{position:absolute;left:12px;right:12px;top:200px;z-index:1;display:flex;flex-direction:column;gap:16px;padding:34px 24px 24px;border-radius:0 0 26px 26px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln),0 30px 60px -36px rgba(10,16,51,.45);transform:translateY(-120px);opacity:0;transition:transform .75s var(--e),opacity .45s}
.pr .fc .f2 .pz{display:flex;align-items:baseline;gap:8px}.pr .fc .f2 .pz b{font:800 48px/1 'Plus Jakarta Sans';letter-spacing:-.04em;color:var(--nv)}.pr .fc .f2 .pz small{font:600 13px/1 var(--mono);color:var(--mut2)}
.pr .fc .f2 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pr .fc .f2 li{display:flex;gap:10px;align-items:flex-start;font:700 14.5px/1.35 'Plus Jakarta Sans';color:var(--ink);opacity:0;transform:translateY(8px);transition:opacity .45s,transform .45s var(--e)}.pr .fc .f2 li svg{flex:none;margin-top:2px;color:var(--mint)}
.pr .fc .f2 .mo2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pr .fc .f2 .mo2 span{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:14px;background:var(--bg);font:600 12px/1.35 'Plus Jakarta Sans';color:var(--mut);opacity:0;transition:opacity .45s}.pr .fc .f2 .mo2 b{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pr)}
.pr .fc .f2 .b{margin-top:auto}
/* açık hâl */
.pr .fc.op .f1{height:200px;border-radius:30px 30px 22px 22px;box-shadow:0 24px 40px -24px rgba(10,16,51,.6)}
.pr .fc.op .f1 .ic{width:56px;height:56px;border-radius:18px}.pr .fc.op .f1 .ic svg{width:26px;height:26px}
.pr .fc.op .f1 b{font-size:30px}.pr .fc.op .f1 small{opacity:0;height:0;overflow:hidden;margin:-6px 0}.pr .fc.op .f1 .hint{opacity:0}
.pr .fc.op .f1 .gl{--gy:-30%}
.pr .fc.op .f2{transform:none;opacity:1;transition-delay:.12s}
.pr .fc.op .f2 li{opacity:1;transform:none}.pr .fc.op .f2 li:nth-child(1){transition-delay:.35s}.pr .fc.op .f2 li:nth-child(2){transition-delay:.42s}.pr .fc.op .f2 li:nth-child(3){transition-delay:.49s}
.pr .fc.op .f2 .mo2 span{opacity:1;transition-delay:.55s}
.pr .fc:not(.op):hover .f1{transform:translateY(-6px)}
.pr .fc.f .f1 .ic{background:rgba(10,16,51,.12);box-shadow:inset 0 0 0 1px rgba(10,16,51,.15)}
.pr .fc.f::after{content:"";position:absolute;inset:-10px -10px auto;height:220px;border-radius:40px;background:radial-gradient(closest-side,rgba(245,180,0,.35),transparent);filter:blur(20px);z-index:0;pointer-events:none}
@media (max-width:1020px){.pr .cs.fcs{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto;min-height:0;gap:14px}.pr .fc{height:auto;min-height:180px}.pr .fc .f1{position:relative;width:100%;height:180px}.pr .fc .f2{position:relative;top:auto;left:auto;right:auto;margin:-20px 12px 0;padding-top:36px;max-height:0;overflow:hidden;padding-bottom:0;transform:none;transition:max-height .7s var(--e),opacity .4s,padding .5s}.pr .fc.op .f1{height:150px}.pr .fc.op .f2{max-height:640px;padding-bottom:24px}.pr .fc .f1 small{display:none}.pr .fc .f1 b{font-size:32px}.pr .fc .f1 .ic{width:60px;height:60px}}
@media (max-width:420px){.pr .fc .f2 .mo2{grid-template-columns:1fr}}