#navScroll .types-dropdown { position: relative; }
#navScroll .types-toggle { background: transparent; border: 0; font: inherit; cursor: pointer; display: flex; align-items: center; gap: .45rem; }
#navScroll .types-toggle::after { content: ''; border: .25rem solid transparent; border-top-color: currentColor; transform: translateY(.15rem); }
#navScroll .types-menu { display: none; position: absolute; top: 100%; left: 0; width: 320px; max-width: calc(100vw - 32px); margin: .5rem 0 0; padding: .6rem 1.2rem; list-style: none; background: #212121; border: 1px solid #444; border-radius: .6rem; box-shadow: 0 12px 30px #0008; z-index: 1050; max-height: calc(100dvh - 240px); overflow-y: auto; }
#navScroll .types-menu.show { display: block; }
#navScroll .types-menu li + li { border-top: 1px solid #444; }
#navScroll .types-menu .dropdown-item { display: block; padding: .85rem .4rem; color: #eee; font-size: 1rem; font-weight: 600; text-decoration: none; white-space: normal; border-radius: .2rem; }
#navScroll .types-menu .dropdown-item:hover, #navScroll .types-menu .dropdown-item:focus { background: #333; color: #fff; }
#navScroll .types-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 767.98px) {
  #navScroll .types-dropdown { position: static; }
  #navScroll .types-menu { top: 100%; left: 50%; transform: translateX(-50%); margin-top: 0; }
}