[data-lk-component="navbar"] {
  position: sticky;
  top: 0;
  z-index: 99;
  padding: var(--lk-size-md);
}




/* Mobile Navbar */
.navbar-mobile {
  display: none;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .navbar-desktop {
    display: none;
  }

  .navbar-mobile.active {
    display: flex;
  }
}

@media (max-width: 768px) {
  [data-lk-navbar-el="nav-menu"]>.active {
    position: fixed;
    top: 0;
    left: 0;
    height: 100svh;
    width: 100%;
    flex-direction: column;
    background: white;
    transform: translateX(0);
    opacity: 1;
    z-index: 98;
    padding: 1rem;
  }
}

/* Desktop Navbar */
.navbar-desktop {
  display: flex;
  width: 100%;
  position: relative;
  z-index: 1;
  gap: var(--lk-size-sm);
}

[data-lk-navbar-el="nav-menu-end"] {
  display: flex;
  align-items: center;
  gap: var(--lk-size-xs);
  margin-left: auto;
  transition: transform 0.3s ease, opacity 0.2s ease;
}

[data-lk-slot="nav-icon-buttons"],
[data-lk-slot="nav-cta-buttons"] {
  display: flex;
  align-items: center;
  gap: var(--lk-size-xs);
  margin-left: var(--lk-size-xs);


}

[data-lk-navbar-material="glass"] {
  border-bottom: 1px solid var(--lk-outlinevariant);
}
