.navbar-neon::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(90deg, transparent, #facc15, transparent);
  filter: blur(12px);
  box-shadow: 0 0 4px 4px #facc15;
  opacity: 0.9;
  pointer-events: none;
}

.navbar {
  position: relative;
  overflow: visible;
}

.logo-top {
  position: relative;
  z-index: 50;
}

.logo-top img {
  /* static neon glow (no animation) */
  filter: drop-shadow(0 0 12px #facc15) drop-shadow(0 0 22px #facc15);
}

/* minimal hover-3d styles (the component adds the interactive behavior via JS) */
.hover-3d {
  width: 15rem;
  height: auto;
  display: inline-block;
  perspective: 900px;
}
.hover-3d figure {
  margin: 0;
  transform-style: preserve-3d;
  transition: transform 300ms cubic-bezier(.03,.98,.52,.99), box-shadow 220ms ease;
}
.hover-3d img {
  display:block;
  width:100%;
  border-radius: 0.75rem;
}

.hover-3d > div { /* the 8 zones - keep them but invisible */
  position: absolute;
  inset: 0;
  pointer-events: none;
}