/* ── Navbar ── */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: rgba(8,8,16,0.93); backdrop-filter: blur(14px);
}
.nav-inner {
  margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  height: 64px; border-bottom: 1px solid var(--border);
}
.nav-stripe { height: 2px; background: linear-gradient(to right, var(--blue), var(--red)); }
.logo {
  font-family: var(--font-d); font-size: 1.45rem; letter-spacing: 0.08em;
  color: var(--text); text-decoration: none; display: flex; align-items: center; gap: 10px;
}

.logo:hover { color: var(--blue-hi); }

.logo-dot { width: 8px; height: 8px; background: var(--red); flex-shrink: 0; }
.nav-links { display: flex; align-items: center; gap: 32px; }
.nav-links a {
  font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--text-muted); text-decoration: none; transition: color 0.15s;
}
.nav-links a:hover { color: var(--text); }
.nav-links a.active { color: var(--blue-hi); }

.nav-back {
    display: flex; align-items: center; gap: 6px;
    font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em;
    text-transform: uppercase; color: var(--text-muted);
    text-decoration: none; transition: color 0.15s;
}
.nav-back:hover { color: var(--text); }
.nav-back svg { transition: transform 0.15s; }
.nav-back:hover svg { transform: translateX(-3px);}


.nav-right { display: flex; align-items: center; gap: 16px; }
.nav-price {
    font-family: var(--font-d); font-size: 1.4rem; color: var(--text);
    display: flex; align-items: baseline; gap: 6px;
}
.nav-price s { font-size: 0.85rem; color: var(--text-muted); font-family: var(--font-b); font-style: normal; }
@media (max-width: 600px) { .nav-price { display: none; } }




.hamburger {
  display: none; background: none; border: 1px solid var(--border);
  color: var(--text); padding: 8px; cursor: pointer;
}
.mobile-menu {
  display: none; flex-direction: column;
  border-top: 1px solid var(--border); background: var(--surface);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
.mobile-menu.open { display: flex; }
.mobile-menu a {
  padding: 16px 24px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.15em;
  text-transform: uppercase; color: var(--text-muted);
  text-decoration: none; border-bottom: 1px solid var(--border); transition: color 0.15s, background 0.15s;
}
.mobile-menu a:hover { color: var(--text); background: var(--surface-2); }
@media (max-width: 768px) { .nav-links { display: none; } .hamburger { display: flex; } }

/* <link rel="stylesheet" href="/css/navbar.css" /> */