/* Выпадающий список «Сервисы» в верхнем меню (build_hub.nav_links, 23.10.2026).
   Открывается наведением и с клавиатуры (:focus-within); на экранах до 1024 px меню-«таблетки»
   нет вовсе — там сервисы в полноэкранном меню. Ссылки списка не должны наследовать правила
   пунктов меню (.nav-pill a: отступы, белая подложка ::before, overflow) — сбрасываем их. */
.nav-pill .nav-dd{position:relative;display:flex;}
.nav-pill .nav-dd > a{display:inline-flex;align-items:center;gap:6px;}
.nav-dd-caret{transition:transform .3s var(--ease,ease);opacity:.6;}
.nav-dd:hover .nav-dd-caret,.nav-dd:focus-within .nav-dd-caret{transform:rotate(180deg);opacity:1;}

.nav-dd-menu{position:absolute;top:100%;left:50%;z-index:60;width:320px;padding-top:14px;
  display:flex;flex-direction:column;
  opacity:0;visibility:hidden;transform:translate(-50%,6px);
  transition:opacity .25s var(--ease,ease),transform .25s var(--ease,ease),visibility .25s;}
.nav-dd-menu::before{content:"";position:absolute;inset:14px 0 0;z-index:-1;background:#fff;border:1px solid #E3EAF2;border-radius:24px;
  box-shadow:0 26px 60px -24px rgba(40,62,94,.38),0 2px 6px rgba(40,62,94,.06);}
.nav-dd:hover .nav-dd-menu,.nav-dd:focus-within .nav-dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0);}

.nav-pill .nav-dd-menu a{display:block;overflow:visible;opacity:1;margin:0 8px;padding:12px 14px;border-radius:16px;
  font:500 15px/1.25 var(--ui);color:var(--ink);text-decoration:none;transition:background .2s;}
.nav-pill .nav-dd-menu a:first-child{margin-top:8px;}
.nav-pill .nav-dd-menu a::before{display:none;}
.nav-pill .nav-dd-menu a:hover,.nav-pill .nav-dd-menu a:focus-visible{background:var(--tint,#EAF1FA);outline:none;}
.nav-dd-menu b{display:block;font-weight:600;font-size:15px;color:var(--ink);}
.nav-dd-menu small{display:block;margin-top:4px;font:400 13px/1.35 var(--ui);color:#6B7380;}
.nav-pill .nav-dd-menu a.nav-dd-all{margin:4px 8px 8px;padding:12px 14px;border-top:1px solid #EEF2F7;border-radius:0 0 16px 16px;
  font-weight:600;color:var(--primary);}
.nav-pill .nav-dd-menu a.nav-dd-all:hover{border-radius:16px;}
@media (prefers-reduced-motion:reduce){.nav-dd-menu,.nav-dd-caret{transition:none;}}