.nav-item-dropdown .dropdown-menu {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.04) 48%, rgba(255, 255, 255, 0.08)), rgba(18, 20, 26, 0.38);
  -webkit-backdrop-filter: blur(28px) saturate(170%);
  backdrop-filter: blur(28px) saturate(170%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.42);
  border-radius: 1rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 20px 48px rgba(0, 0, 0, 0.28);
}
.nav-item-dropdown .dropdown-menu .item-desc,
.nav-item-dropdown .dropdown-menu .dropdown-section-title {
  color: #d5d5df;
}
.nav-item-dropdown .dropdown-item:hover,
.nav-item-dropdown .dropdown-item:focus-visible {
  background: rgba(255, 255, 255, 0.12);
}
/* Keep labels readable where backdrop filtering is unavailable. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .nav-item-dropdown .dropdown-menu { background-color: rgba(24, 26, 32, 0.94); }
}
.feature-dropdown .feature-menu {
  min-width: 420px;
  padding: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.35rem;
}
.feature-dropdown .feature-menu[hidden] { display: none; }
.feature-dropdown.is-open .feature-menu { display: grid; }
.feature-dropdown.is-open .dropdown-chevron { transform: rotate(180deg); }
.nav-links .feature-menu-link {
  padding: 1rem;
  line-height: 1.4;
  white-space: normal;
  text-shadow: none;
}
.nav-links .feature-menu-link:hover,
.nav-links .feature-menu-link:focus-visible {
  background: rgba(255, 120, 20, 0.12);
  color: var(--accent);
}
.feature-dropdown button:focus-visible,
.feature-menu-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.product-features-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-features-grid .feature-card { scroll-margin-top: 7rem; }
@media (max-width: 1100px) {
  .feature-dropdown .feature-menu { left: auto; right: 0; }
  .product-features-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .product-features-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .feature-dropdown .feature-menu { animation: none; }
}
