:root{
  --mx: 50%;
  --my: 50%;
}

/* Overlay layer injected by JS */
.qutell-code-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;          /* فوق كل حاجة */
  pointer-events: none;
  overflow: hidden;

  /* يخلي التأثير يندمج مع الأبيض بشكل لطيف */
  mix-blend-mode: multiply;
  opacity: 0.22;          /* قلّلها لو باينة زيادة */
}

.qutell-code-overlay canvas{
  width: 100%;
  height: 100%;
  display: block;
}

/* Glow فوق المحتوى، خفيف */
.qutell-code-overlay .qutell-glow{
  position: absolute;
  inset: -35%;
  background:
    radial-gradient(closest-side at var(--mx) var(--my),
      rgba(60,170,120,0.28),
      rgba(230,200,90,0.16) 30%,
      rgba(120,130,140,0.10) 55%,
      transparent 72%);
  filter: blur(26px);
  transform: translateZ(0);
}

/* لو عايزها أهدى على الموبايل */
@media (max-width: 768px){
  .qutell-code-overlay{ opacity: 0.18; }
}