/* VFX Canvas Katmanı */
.vfx-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.vfx-canvas.vfx-show {
  opacity: 1;
}

/* Fener / Mum / Lamba Titreme Parıltıları */
.vfx-flicker-light {
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.vfx-flicker-light.vfx-show {
  opacity: 1;
}

/* Sıcak ve Canlı Ateş Titreşimi A */
@keyframes vfxFlameFlickerA {
  0%   { transform: translate(-50%, -50%) scale(0.92); filter: brightness(0.88); }
  25%  { transform: translate(-50%, -50%) scale(1.05); filter: brightness(1.08); }
  50%  { transform: translate(-50%, -50%) scale(0.96); filter: brightness(0.92); }
  75%  { transform: translate(-50%, -50%) scale(1.08); filter: brightness(1.12); }
  100% { transform: translate(-50%, -50%) scale(0.94); filter: brightness(0.86); }
}

/* Sıcak ve Canlı Ateş Titreşimi B */
@keyframes vfxFlameFlickerB {
  0%   { transform: translate(-50%, -50%) scale(1.04); filter: brightness(1.06); }
  30%  { transform: translate(-50%, -50%) scale(0.94); filter: brightness(0.90); }
  60%  { transform: translate(-50%, -50%) scale(1.09); filter: brightness(1.14); }
  80%  { transform: translate(-50%, -50%) scale(0.97); filter: brightness(0.95); }
  100% { transform: translate(-50%, -50%) scale(1.02); filter: brightness(1.03); }
}

/* Sabit / Hafif Nabız Lamba Parıltısı C (Ofis / Karakol / İç Mekan) */
@keyframes vfxLampGlow {
  0%   { transform: translate(-50%, -50%) scale(0.97); filter: brightness(0.95); }
  50%  { transform: translate(-50%, -50%) scale(1.03); filter: brightness(1.05); }
  100% { transform: translate(-50%, -50%) scale(0.98); filter: brightness(0.97); }
}
