.desktop-nav { align-items: center; }
.nav-dropdown { position: relative; display: flex; align-items: center; }
.nav-dropdown-toggle { display: flex; align-items: center; gap: 6px; padding: 8px 0; border: 0; background: transparent; color: var(--ink); font: inherit; cursor: pointer; }
.nav-dropdown-toggle span { font-size: 15px; line-height: 1; transition: transform .18s ease; }
.nav-dropdown-menu { position: absolute; top: calc(100% + 12px); left: -18px; z-index: 1100; display: grid; min-width: 220px; padding: 8px; background: #fff; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 14px 35px rgba(22,27,32,.12); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-6px); transition: opacity .16s ease,transform .16s ease,visibility .16s; }
.nav-dropdown-menu::before { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 14px; }
.nav-dropdown-menu a { display: block; padding: 11px 12px; border-radius: 9px; white-space: nowrap; }
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible { background: var(--soft); color: var(--accent); }
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle { color: var(--accent); }
.nav-dropdown:hover .nav-dropdown-toggle span,.nav-dropdown:focus-within .nav-dropdown-toggle span { transform: rotate(180deg); }