.nav {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

.nav-glass-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -20px; /* Extended further down for smoother fade */
  background: linear-gradient(
    to bottom,
    rgba(23, 23, 23, 0.75) 0%,
    rgba(23, 23, 23, 0.75) 60%,
    rgba(23, 23, 23, 0.5) 75%,
    rgba(23, 23, 23, 0.2) 85%,
    rgba(23, 23, 23, 0) 100%
  );
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1; /* Add this to ensure glass bg stays behind content */
}

.nav.scrolled .nav-glass-bg {
  opacity: 1;
}

/* Ensure nav content stays above the glass background */
.nav .container-1440 {
  position: relative;
  z-index: 2; /* Increase this to be above nav-glass-bg */
}

/* Ensure all nav items stay above the glass */
.nav-logo,
.nav-link,
.button {
  position: relative;
  z-index: 2;
}

/* Ensure dropdown menus appear above everything */
.nav-dd .w-dropdown-list {
  z-index: 3;
}