/* Широкая панель «Возможности» в шапке: две зоны, плавное появление */
.site-nav-in { position: relative; }
.nav-dd { display: inline-flex; align-items: center; }
.nav-dd-btn {
  display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 0;
  border: 0; background: transparent; color: var(--ink-soft);
  font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
}
.nav-dd-btn span { font-size: 11px; line-height: 1; transition: transform .2s ease; }
.nav-dd-btn:hover, .nav-dd:focus-within .nav-dd-btn { color: var(--ink); }
.nav-dd:hover .nav-dd-btn span, .nav-dd:focus-within .nav-dd-btn span { transform: rotate(180deg); }

.nav-dd-menu {
  position: absolute; top: calc(100% - 6px); left: 0; right: 0; z-index: 60;
  display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr);
  overflow: hidden; background: #fcfbf8; border: 1px solid rgba(20, 20, 28, .1);
  border-radius: 24px; box-shadow: 0 24px 60px rgba(20, 20, 28, .14);
  opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.99);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
/* невидимый «мостик», чтобы не терялся ховер в зазоре */
.nav-dd-menu::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu {
  opacity: 1; visibility: visible; transform: none; transition-delay: 0s;
}

.mega-main { padding: 26px 30px 22px; }
.mega-side { padding: 26px 30px 22px; background: #f5f3ee; }
.mega-lab { margin: 0 0 14px; font-size: 13px; color: #7a7c90; }
.mega-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 28px; }

.nav-dd-item { display: block; padding: 9px 0; text-decoration: none; }
.nav-dd-t { display: block; color: var(--ink); font-size: 16px; font-weight: 700; letter-spacing: -.01em; }
.nav-dd-item:hover .nav-dd-t { text-decoration: underline; text-underline-offset: 3px; }
.nav-dd-d { display: block; margin-top: 2px; color: var(--ink-soft); font-size: 13px; }

@media (max-width: 800px) { .nav-dd { display: none; } }