/* GPP header: normal navigation | Đăng nhập [Bắt đầu ↗]. */
.desktop-nav { margin-left: auto; }
.nav-divider { display: block; height: 1.45rem; border-left: 1px solid #cbd5e1; margin-inline: .1rem; }
.desktop-nav a[data-account-link],.mobile-nav a[data-account-link]{font-weight:400;text-decoration:none;white-space:nowrap}
.desktop-nav a.nav-cta, .mobile-nav a.nav-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  background: var(--royal); color: white; text-decoration: none;
  border: 1px solid var(--royal); border-radius: .7rem;
  min-height: 44px; padding: .55rem 1.2rem; font-weight: 750;
  white-space: nowrap; transition: background-color .15s ease;
}
.desktop-nav a.nav-cta:hover, .mobile-nav a.nav-cta:hover {
  background: var(--royal-hover); color: white; border-color: var(--royal-hover);
}
.desktop-nav a.nav-cta[aria-current], .mobile-nav a.nav-cta[aria-current] { color: white; }
.mobile-nav a.nav-cta { display: flex; margin-top: .35rem; }
.mobile-nav nav { min-width: min(17rem, calc(100vw - 2.5rem)); max-width: calc(100vw - 2.5rem); }
@media (min-width: 64rem) {
  .desktop-nav { gap: clamp(.7rem, 1.65vw, 1.5rem); }
}
@media (prefers-reduced-motion: reduce) {
  .nav-cta { transition: none; }
}

.mobile-nav summary { display:grid; place-items:center; width:44px; height:44px; padding:0; list-style:none; border-radius:10px; }
.mobile-nav summary::-webkit-details-marker { display:none; }