/**
 * bk-magnetic – Modüler manyetik hover efekti (vanilla CSS)
 *
 * Transform uygulanan hedef için GPU-friendly stiller.
 * Sınıf adları çakışmayı önlemek için bk-magnetic öneki ile izole edilmiştir.
 */

.bk-magnetic {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.bk-magnetic.bk-magnetic-active {
  /* İsteğe bağlı: hover sırasında ek stil (örn. z-index) */
}

/* Hareket eden hedef img ise */
.bk-magnetic img.bk-magnetic-target {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}