.main-navigation { border-top: 1px solid var(--aranox-border); }
.primary-menu { display: flex; align-items: center; justify-content: center; gap: 34px; min-height: 58px; margin: 0; padding: 0; list-style: none; }
.primary-menu li { position: relative; }
.primary-menu a { display: block; padding: 18px 0; color: var(--aranox-navy); font-size: .86rem; font-weight: 700; letter-spacing: .02em; text-decoration: none; }
.primary-menu > li > a::after { content: ''; display: block; width: 0; height: 2px; margin-top: 4px; background: var(--aranox-cyan); transition: width .2s ease; }
.primary-menu > li:hover > a::after, .primary-menu > li.current-menu-item > a::after, .primary-menu > li.current-menu-ancestor > a::after { width: 100%; }
.primary-menu .sub-menu { position: absolute; z-index: 150; top: 100%; left: -20px; min-width: 250px; margin: 0; padding: 10px; list-style: none; background: #fff; border: 1px solid var(--aranox-border); border-radius: 10px; box-shadow: var(--aranox-shadow); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: .18s ease; }
.primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.primary-menu .sub-menu a { padding: 11px 12px; border-radius: 7px; font-weight: 600; }
.primary-menu .sub-menu a:hover, .primary-menu .sub-menu a:focus { background: var(--aranox-light); color: var(--aranox-cyan); }
.primary-menu .sub-menu .sub-menu { top: 0; left: calc(100% + 8px); }