/* iTefteri — εφέ στο scroll για τις σελίδες «Για ποιους», cases και σεναρίων (17/10/2026).
   Τα class τα βάζει το /assets/itf-fx.js. Αν ο επισκέπτης έχει «λιγότερη κίνηση» στη συσκευή του, δεν τρέχει τίποτα. */
.fx-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:1500;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#45d6ff,#40dc96,#ffc45c);pointer-events:none;}
@media (prefers-reduced-motion:no-preference){
  /* Τίτλοι: οι λέξεις έρχονται μία-μία, από θολές σε καθαρές */
  html.itf-fx .fx-w{display:inline-block;opacity:0;transform:translateY(.55em) rotate(3deg);filter:blur(6px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1),filter .6s ease;transition-delay:calc(var(--w,0)*45ms);}
  html.itf-fx .fx-t.fx-in .fx-w{opacity:1;transform:none;filter:none;}
  /* Γραμμή που απλώνει κάτω από τους τίτλους ενοτήτων */
  html.itf-fx h2.section-title.fx-t::after{content:"";display:block;height:3px;width:0;margin-top:.45rem;border-radius:3px;background:linear-gradient(90deg,#45d6ff,#40dc96);transition:width 1s cubic-bezier(.2,.7,.2,1) .35s;}
  html.itf-fx h2.section-title.fx-t.fx-in::after{width:64px;}
  /* Υπότιτλοι / παράγραφοι */
  html.itf-fx .fx-f{opacity:0;transform:translateY(14px);transition:opacity .7s ease .25s,transform .7s ease .25s;}
  html.itf-fx .fx-f.fx-in{opacity:1;transform:none;}
  /* Κουκκίδες και βήματα: από αριστερά, μία-μία */
  html.itf-fx .fx-l{opacity:0;transform:translateX(-18px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*70ms);}
  html.itf-fx .fx-l.fx-in{opacity:1;transform:none;}
  /* Κάρτες, στήλες, ερωτήσεις: ανεβαίνουν με λίγο βάθος */
  html.itf-fx .fx-c{opacity:0;transform:perspective(900px) translateY(34px) rotateX(9deg) scale(.97);filter:blur(4px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1),filter .7s ease;transition-delay:calc(var(--i,0)*90ms);}
  html.itf-fx .fx-c.fx-in{opacity:1;transform:none;filter:none;}
  /* Φωτογραφίες: ανοίγουν σαν αυλαία και «κάθονται» από ζουμ */
  html.itf-fx .fx-p{clip-path:inset(16% 10% 16% 10% round 24px);opacity:.25;transform:scale(1.1);transition:clip-path 1.2s cubic-bezier(.7,0,.2,1),opacity .8s ease,transform 1.4s cubic-bezier(.2,.7,.2,1);}
  html.itf-fx .fx-p.fx-in{clip-path:inset(0 0 0 0 round 10px);opacity:1;transform:translate3d(0,var(--py,0px),0);}
  /* Κουτί παραδείγματος / τελικό CTA: «σκάει» απαλά */
  html.itf-fx .fx-b{opacity:0;transform:scale(.94);transition:opacity .6s ease,transform .7s cubic-bezier(.3,1.4,.5,1);}
  html.itf-fx .fx-b.fx-in{opacity:1;transform:none;}
}
/* Κάρτες περιπτώσεων: φως που ακολουθεί το ποντίκι + ανασήκωμα (μόνο υπολογιστής) */
@media (hover:hover) and (pointer:fine){
  .fx-hov{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;border-radius:1rem;}
  .fx-hov:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.3);}
  .fx-hov::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(69,214,255,.16),transparent 70%);z-index:1;}
  .fx-hov:hover::before{opacity:1;}
  .fx-hov img{transition:transform .6s cubic-bezier(.2,.7,.2,1);}
  .fx-hov:hover img{transform:scale(1.04);}
}