/* Scoped Electric Border visuals for VIP box only */

#vip-group-box .vipFX-overlay { position: absolute; inset: 0; pointer-events: none; }

/* Card container */
#vip-group-box .vipFX-overlay .card-container {
  padding: 2px;
  border-radius: 24px;
  position: absolute;
  inset: 0;
  background: linear-gradient(-30deg, var(--gradient-color, rgba(0,255,102,0.4)), transparent, var(--gradient-color, rgba(0,255,102,0.4))),
              linear-gradient(to bottom, rgba(24,24,27,1), rgba(24,24,27,1));
}

/* SVG positioning */
#vip-group-box .vipFX-overlay .svg-container { position: absolute; width: 0; height: 0; }

/* Inner container */
#vip-group-box .vipFX-overlay .inner-container { position: relative; width: 100%; height: 100%; border-radius: 24px; }

/* Border layers */
#vip-group-box .vipFX-overlay .border-outer {
  border: 2px solid rgba(0, 255, 102, 0.5);
  border-radius: 24px;
  padding-right: 0;
  padding-bottom: 0;
  width: 100%;
  height: 100%;
}

#vip-group-box .vipFX-overlay .main-card {
  width: 100%;
  height: 100%;
  border-radius: 24px;
  border: 2px solid var(--electric-border-color, #00FF66);
  margin-top: 0;
  margin-left: 0;
  filter: url(#turbulent-displace);
}

/* Glow effects */
#vip-group-box .vipFX-overlay .glow-layer-1 {
  border: 2px solid rgba(0, 255, 102, 0.6);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  filter: blur(1px);
}

#vip-group-box .vipFX-overlay .glow-layer-2 {
  border: 2px solid color-mix(in oklab, var(--electric-border-color, #00FF66), white 40%);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  filter: blur(4px);
}

/* Overlay effects */
#vip-group-box .vipFX-overlay .overlay-1 {
  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 24px;
  opacity: 1;
  mix-blend-mode: overlay;
  transform: scale(1.1);
  filter: blur(16px);
  background: linear-gradient(-30deg, white, transparent 30%, transparent 70%, white);
}

#vip-group-box .vipFX-overlay .overlay-2 {
  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 24px;
  opacity: 0.5;
  mix-blend-mode: overlay;
  transform: scale(1.1);
  filter: blur(16px);
  background: linear-gradient(-30deg, white, transparent 30%, transparent 70%, white);
}

/* Remove demo top sheen bars entirely in VIP box */
#vip-group-box .vipFX-overlay .overlay-1,
#vip-group-box .vipFX-overlay .overlay-2 { display: none; }

/* Background glow */
#vip-group-box .vipFX-overlay .background-glow {
  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 24px;
  filter: blur(32px);
  transform: scale(1.1);
  opacity: 0.3;
  z-index: 0;
  background: linear-gradient(-30deg, color-mix(in oklab, var(--electric-border-color, #00FF66), white 40%), transparent, var(--electric-border-color, #00FF66));
}