/* ASPO dropdown refinement v8. Load after all previous layout/menu CSS. */
@media screen and (min-width: 769px) {
  /* Desktop only: give long Russian menu items room to wrap fewer times. */
  body > header nav .container-menu ul.sub-menu {
    width: 285px !important;
    min-width: 285px;
    max-width: min(320px, calc(100vw - 24px));
    box-sizing: border-box;
    max-height: calc(100vh - 105px);
    max-height: calc(100dvh - 105px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    background: rgba(236, 243, 249, 1) !important;
    z-index: 1005 !important;
  }
  body > header nav .container-menu ul.sub-menu > li,
  body > header nav .container-menu ul.sub-menu > li > a {
    box-sizing: border-box;
    width: 100%;
  }
  body > header nav .container-menu ul.sub-menu > li > a {
    overflow-wrap: break-word;
    white-space: normal;
  }
  /* Ensure nested dropdowns have the same scroll protection. */
  body > header nav .container-menu ul.sub-menu ul.sub-menu {
    max-height: calc(100vh - 105px);
    max-height: calc(100dvh - 105px);
  }
}