.synapse-bg-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: auto;
  cursor: default;
}

.synapse-bg-veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(2, 2, 14, 0.05) 0%, rgba(2, 2, 14, 0.3) 60%, rgba(2, 2, 14, 0.65) 100%);
  pointer-events: none;
}

/* Temanın görünmez ama tam alanı kaplayan ::before'u (z-index:2) tüm fare
   olaylarını yutuyordu; canvas'a ulaşmasına izin ver */
.home_banner_02 .home-carousel .slide-item::before {
  pointer-events: none;
}

/* Sinaps hero'sunda dekoratif şekiller fare olaylarını yakalamasın */
.home_banner_02 .slide-item .shape1,
.home_banner_02 .slide-item .shape2 {
  pointer-events: none;
}

/* content-box görsel olarak boş görünen alanlarıyla canvas'ın fare olaylarını
   yakalamasını engelliyordu; metni şeffaf yapıp sadece gerçek butonları tıklanabilir bırak */
.home_banner_02 .slide-item .auto-container,
.home_banner_02 .slide-item .content-box {
  pointer-events: none;
}
.home_banner_02 .slide-item .content-box .btn-box a {
  pointer-events: auto;
}