/* ===== Isotropic BG Layer (full-viewport) ===== */
#bgfx {
  position: fixed;
  inset: 0;
  z-index: -1; 
  pointer-events: none;
  overflow: hidden;
}

#iso-lines,
#blur-blobs {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* Çizgi katmanı: düşük kontrast */
#iso-lines {
  opacity: 0.76;
  mix-blend-mode: screen;  /* neon vibe */
}

/* Blur blob katmanı: ekstra düşük */
#blur-blobs {
  opacity: 0.32;
  filter: blur(1px);
}



/* içerik katmanları */
body { position: relative; background: #000; } /* stacking context aç */
#loading-screen, .app { position: relative; z-index: 1; }

/* swap kartının asla kaybolmaması için garanti */
.buy-section, .buy-card { position: relative; z-index: 2; }

/* görünürlük/karışım kaynaklı kaybolmayı önlemek için (opsiyonel) */
#iso-lines { opacity: 0.46; mix-blend-mode: normal; }  /* screen → normal */
#blur-blobs { opacity: 0.40; filter: blur(1px); }

/* İçerik ve loading üstte olsun */
#loading-screen,
.app,
.header,
.footer {
  position: relative;
  z-index: 1;
}

/* Reduce-motion → statik degrade */
@media (prefers-reduced-motion: reduce) {
  #iso-lines, #blur-blobs { display: none; }
  #bgfx {
    background: radial-gradient(60% 60% at 50% 50%,
      rgba(6,182,212,0.10) 0%, rgba(0,0,0,0) 70%);
  }
}
