/* PosKasa açılış animasyonu (26.09.2026)
   Yalnızca html.pk-intro-on varken görünür; sınıfı <head> içindeki küçük script ekler. */
.pk-intro{display:none}
html.pk-intro-on{overflow:hidden}
html.pk-intro-on .pk-intro{
  --W:min(440px,78vw);
  --H:calc(var(--W) * 66 / 420);
  --pk-blue:#003284;
  --pk-red:#fc061b;
  position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;
  background:#fbfcfe;overflow:hidden;cursor:pointer;
  animation:pkOut .7s cubic-bezier(.76,0,.24,1) 2.95s forwards;
}
.pk-intro-bg{position:absolute;inset:-20%;pointer-events:none;
  background:
    radial-gradient(38% 42% at 30% 38%,rgba(0,50,132,.10),transparent 70%),
    radial-gradient(34% 40% at 72% 64%,rgba(252,6,27,.08),transparent 70%),
    radial-gradient(circle,rgba(15,23,42,.07) 1px,transparent 1.4px) 0 0/22px 22px;
  animation:pkBg 3.6s ease-out both}
.pk-intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--H)*.55);
  animation:pkStageOut .55s cubic-bezier(.5,0,.75,0) 2.9s forwards}
.pk-logo{position:relative;width:var(--W);height:var(--H)}
.pk-part{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.pk-icon{z-index:3;clip-path:inset(0 73.8% 0 0);transform-origin:13% 50%;
  animation:pkIcon 2.1s linear both;will-change:transform,filter,opacity}
.pk-pos{z-index:2;clip-path:inset(0 41.1% 0 27.1%);opacity:0;
  animation:pkWord .62s cubic-bezier(.2,.9,.25,1.15) 1.52s both}
.pk-kasa{z-index:1;clip-path:inset(0 0 0 59.2%);opacity:0;
  animation:pkWord2 .7s cubic-bezier(.2,.9,.25,1.2) 1.66s both}

/* hız izleri */
.pk-trail{position:absolute;top:50%;right:calc(50% + var(--H)*1.05);width:42vw;height:var(--H);transform:translateY(-50%);pointer-events:none}
.pk-trail i{position:absolute;right:0;height:max(3px,calc(var(--H)*.07));border-radius:99px;transform-origin:right center;opacity:0;
  background:linear-gradient(90deg,transparent,var(--pk-blue));animation:pkTrail .9s cubic-bezier(.3,.7,.3,1) both}
.pk-trail i:nth-child(1){top:22%;width:70%;animation-delay:.08s}
.pk-trail i:nth-child(2){top:47%;width:100%;animation-delay:.02s;background:linear-gradient(90deg,transparent,#1747a6)}
.pk-trail i:nth-child(3){top:72%;width:55%;animation-delay:.14s;background:linear-gradient(90deg,transparent,var(--pk-red))}

/* temassız ödeme dalgaları */
.pk-rings{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.pk-rings i{position:absolute;left:calc(var(--H)*-1.1);top:calc(var(--H)*-1.1);width:calc(var(--H)*2.2);height:calc(var(--H)*2.2);
  border-radius:50%;border:max(2px,calc(var(--H)*.05)) solid var(--pk-blue);opacity:0;transform:scale(.55);
  animation:pkRing .95s cubic-bezier(.15,.6,.3,1) both}
.pk-rings i:nth-child(1){animation-delay:.86s}
.pk-rings i:nth-child(2){animation-delay:1.02s;border-color:var(--pk-red)}
.pk-rings i:nth-child(3){animation-delay:1.18s;border-color:#1747a6}

/* parıltı: yalnızca logonun dolu piksellerinde görünür */
.pk-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) no-repeat;
  background-size:260% 100%;background-position:160% 0;
  -webkit-mask:var(--pk-logo-url) no-repeat 0 0/100% 100%;mask:var(--pk-logo-url) no-repeat 0 0/100% 100%;
  animation:pkSheen .8s ease-in-out 2.12s both}

.pk-tagline{display:flex;align-items:center;gap:.7em;flex-wrap:wrap;justify-content:center;
  white-space:nowrap;font:700 clamp(.56rem,2.5vw,.82rem)/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:#475467;opacity:0;max-width:94vw;
  animation:pkUp .6s cubic-bezier(.2,.8,.2,1) 2.1s both}
.pk-tagline b{width:5px;height:5px;border-radius:50%;background:var(--pk-red);display:inline-block}
.pk-tagline b:nth-of-type(2){background:var(--pk-blue)}
.pk-bar{width:min(200px,46vw);height:3px;border-radius:9px;background:#e6eaf0;overflow:hidden;opacity:0;animation:pkFade .3s ease .15s both}
.pk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--pk-blue),#1747a6 55%,var(--pk-red));transform-origin:left;transform:scaleX(0);
  animation:pkBar 2.65s cubic-bezier(.45,.05,.3,1) .2s both}

.pk-skip{position:absolute;right:18px;bottom:18px;z-index:5;border:1px solid rgba(15,23,42,.12);background:rgba(255,255,255,.8);
  color:#344054;font:600 .78rem/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;padding:.55rem .9rem;border-radius:99px;cursor:pointer;
  backdrop-filter:blur(6px);opacity:0;animation:pkFade .4s ease .6s both}
.pk-skip:hover{background:#fff;color:#0b2f78}

/* Geç / tıklama ile hızlı çıkış */
html.pk-intro-on .pk-intro.pk-leave{animation:pkOut .55s cubic-bezier(.76,0,.24,1) 0s forwards}
.pk-intro.pk-leave .pk-intro-stage{animation:pkStageOut .4s cubic-bezier(.5,0,.75,0) 0s forwards}

@keyframes pkIcon{
  0%  {transform:translateX(-110vw) scale(1.8) skewX(-14deg);filter:blur(7px);opacity:0;animation-timing-function:cubic-bezier(.12,.7,.25,1)}
  6%  {opacity:1}
  33% {transform:translateX(40%) scale(1.8) skewX(0);filter:blur(0);opacity:1;animation-timing-function:ease-out}
  40% {transform:translateX(37%) scale(1.8);animation-timing-function:ease-in}
  46% {transform:translateX(37%) scale(1.6);animation-timing-function:cubic-bezier(.3,1.6,.5,1)}
  56% {transform:translateX(37%) scale(1.8)}
  70% {transform:translateX(37%) scale(1.8);animation-timing-function:cubic-bezier(.65,0,.2,1)}
  100%{transform:translateX(0) scale(1);filter:blur(0);opacity:1}
}
@keyframes pkWord{0%{opacity:0;transform:translateX(-9%);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes pkWord2{0%{opacity:0;transform:translateX(-16%) scale(.96);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes pkTrail{0%{opacity:0;transform:scaleX(0)}28%{opacity:.9;transform:scaleX(1)}100%{opacity:0;transform:translateX(-35%) scaleX(.15)}}
@keyframes pkRing{0%{opacity:0;transform:scale(.55)}18%{opacity:.75}100%{opacity:0;transform:scale(2.05)}}
@keyframes pkSheen{from{background-position:160% 0}to{background-position:-60% 0}}
@keyframes pkUp{from{opacity:0;transform:translateY(10px) scaleX(1.06)}to{opacity:1;transform:none}}
@media (max-width:420px){.pk-tagline{letter-spacing:.12em;gap:.5em}}
@keyframes pkFade{from{opacity:0}to{opacity:1}}
@keyframes pkBar{to{transform:scaleX(1)}}
@keyframes pkBg{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
@keyframes pkStageOut{to{opacity:0;transform:translateY(-28px) scale(.96)}}
@keyframes pkOut{
  0%  {clip-path:inset(0 0 0 0 round 0 0 0 0)}
  99% {clip-path:inset(0 0 100% 0 round 0 0 50% 50%);visibility:visible}
  100%{clip-path:inset(0 0 100% 0 round 0 0 50% 50%);visibility:hidden;pointer-events:none}
}
@media (prefers-reduced-motion:reduce){html.pk-intro-on .pk-intro{display:none}}