a {
  text-decoration: none;
  color:unset;
}
.navbar {
  height: var(--nav-h);
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: var(--shadow-sm);
}
.navbar-brand {
  font-family: var(--font);
  font-weight: 800;
  font-size: 1.35rem;
  color: var(--text) !important;
  letter-spacing: -.3px;
  text-decoration: none;
}
.navbar-brand span { color: var(--brand); }

.nav-search {
  flex: 1;
  max-width: 440px;
  position: relative;
}
.nav-search input {
  width: 100%;
  height: 40px;
  border: 1.5px solid var(--border);
  border-radius: 20px;
  padding: 0 42px 0 18px;
  font-family: var(--font-body);
  font-size: .88rem;
  background: var(--bg);
  color: var(--text);
  transition: border-color .2s;
}
.nav-search input:focus { outline: none; border-color: var(--brand); background: var(--surface); }
.nav-search .si {
  position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
  color: var(--muted); pointer-events: none;
}

.nav-actions { display: flex; align-items: center; gap: 8px; }

.btn-icon {
  width: 40px; height: 40px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  background: none;
  color: var(--text);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  transition: all .18s;
  position: relative;
}
.btn-icon:hover { border-color: var(--brand); color: var(--brand); background: rgba(194,0,111,.05); }

.badge-count {
  position: absolute; top: -6px; right: -6px;
  background: var(--accent);
  color: #fff;
  font-size: .62rem; font-weight: 700;
  min-width: 18px; height: 18px;
  border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 4px;
  border: 2px solid var(--surface);
}

.btn-login-nav {
  height: 40px;
  padding: 0 18px;
  border-radius: 10px;
  border: 1.5px solid var(--brand);
  background: var(--brand);
  color: #fff;
  font-family: var(--font-body);
  font-size: .85rem;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s;
  display: flex; align-items: center; gap: 7px;
}
.btn-login-nav:hover { background: var(--brand-dark); border-color: var(--brand-dark); }

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