/* ============================================================
   DATASSL — Global Hareket & Etkileşim Katmanı (motion-2026)
   Yalnızca JS .motion-on eklerse aktif olur → JS/observer yoksa
   içerik her zaman görünür kalır. prefers-reduced-motion'a saygılı.
   ============================================================ */

html.motion-on .reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
html.motion-on .reveal.in {
  opacity: 1;
  transform: none;
}

/* Yatay/ölçek varyantları (opsiyonel data-anim) */
html.motion-on .reveal[data-anim="left"]  { transform: translateX(-26px); }
html.motion-on .reveal[data-anim="right"] { transform: translateX(26px); }
html.motion-on .reveal[data-anim="zoom"]  { transform: scale(.94); }
html.motion-on .reveal[data-anim="left"].in,
html.motion-on .reveal[data-anim="right"].in,
html.motion-on .reveal[data-anim="zoom"].in { transform: none; }

/* Sayfa yükleme yumuşak girişi */
html.motion-on body { animation: nxPageFade .5s ease both; }
@keyframes nxPageFade { from { opacity: .5; } to { opacity: 1; } }

/* Global micro-interaction cilası — tasarım sistemi kartları */
.nx-cert, .nx-feat, .nx-prod, .nx-why, .v2-feat, .v2-prod, .v2-pick, .v2-why, .pdx-feat, .pdx-tech, .product-card {
  transition: transform .28s cubic-bezier(.16, 1, .3, 1), box-shadow .28s ease, border-color .25s ease;
}

/* Butonlarda hafif basma geri bildirimi */
.nx-btn:active, .v2-btn:active, .pdx-btn:active, .btn-primary:active, .btn-purchase:active {
  transform: translateY(1px) scale(.99);
}

/* Bağlantılarda yumuşak renk geçişi (global, güvenli) */
a { transition: color .18s ease; }

/* Sayaç animasyonu sırasında satır kaymasını önle */
.nx-band-stat .n, .nx-hero-stat .n, .v2-stat .num { font-variant-numeric: tabular-nums; }

/* Kaydırma çubuğu ince/modern (WebKit) */
html.motion-on ::-webkit-scrollbar { width: 11px; height: 11px; }
html.motion-on ::-webkit-scrollbar-thumb { background: #c7cdda; border-radius: 8px; border: 3px solid transparent; background-clip: content-box; }
html.motion-on ::-webkit-scrollbar-thumb:hover { background: #9aa3b7; background-clip: content-box; }

@media (prefers-reduced-motion: reduce) {
  html.motion-on .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  html.motion-on body { animation: none !important; }
}