.gradual-blur { isolation: isolate; }
.gradual-blur-inner { position: relative; width: 100%; height: 100%; }
.gradual-blur-inner > div {
  -webkit-backdrop-filter: inherit;
  backdrop-filter: inherit;
}

/* Backdrop destek yoksa koyu saydam fallback */
@supports not (backdrop-filter: blur(1px)) {
  .gradual-blur-inner > div {
    background: rgba(0,0,0,.25);
    opacity: .5;
  }
}

/* Parent hedefliyorsan kapsayıcıya bu sınıfı kendin ver */
.gradual-blur-parent { overflow: hidden; }

/* İstersen sayfa tamamına sabitlemek için */
.gradual-blur-fixed { position: fixed !important; inset: 0; pointer-events: none; z-index: 1000; }