#navbar .accutar-mobile-products, #navbar .accutar-mobile-group { display: none; }
@media (max-width: 992px) {
  html.accutar-menu-open { overflow: hidden; }
  #navbar > .container { max-width: none; }
  #navbar .navbar-toggler { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 10px; }
  #navbar .accutar-desktop-products { display: none !important; }
  #navbar .accutar-mobile-products { display: flex; width: 100%; align-items: center; justify-content: space-between; background: none; border: 0; font-family: inherit; text-align: left; cursor: pointer; }
  #navbar .accutar-mobile-products svg { flex: 0 0 20px; margin-left: 16px; }
  #navbar .accutar-mobile-products[aria-expanded="true"] svg { transform: rotate(180deg); }
  #navbar .navbar-collapse:not(.show) { display: none !important; }
  #navbar.accutar-menu-open {
    position: fixed; top: var(--accutar-admin-offset, 0px); right: 0; left: 0; bottom: 0;
    height: calc(100vh - var(--accutar-admin-offset, 0px));
    height: calc(100dvh - var(--accutar-admin-offset, 0px));
    z-index: 1040; margin: 0; padding: 16px 0 12px; box-shadow: none;
  }
  #navbar.accutar-menu-open > .container {
    display: grid; grid-template-columns: minmax(0, 1fr) 44px; grid-template-rows: auto minmax(0, 1fr);
    align-items: center; width: 100%; height: 100%; padding: 0 24px !important;
  }
  #navbar.accutar-menu-open .logo { grid-column: 1; grid-row: 1; margin: 0; }
  #navbar.accutar-menu-open .logo > .nav-link { padding: 0; }
  #navbar.accutar-menu-open .navbar-toggler { grid-column: 2; grid-row: 1; }
  #navbar.accutar-menu-open .navbar-collapse {
    display: block !important; grid-column: 1 / -1; grid-row: 2; align-self: stretch;
    height: auto !important; min-height: 0; margin: 14px -24px -12px; padding: 4px 24px max(24px, env(safe-area-inset-bottom));
    background: #fff; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  }
  #navbar .navbar-nav { display: block; width: 100%; margin: 0; padding: 0 !important; }
  #navbar #navbarTogglerDemo01 > ul > li { width: 100%; margin: 0; text-align: left; letter-spacing: 0; }
  #navbar #navbarTogglerDemo01 .nav-item > .nav-link {
    display: flex; align-items: center; min-height: 52px; margin: 0; padding: 12px 0;
    border-bottom: 1px solid #e6e9e7; font-size: 19px; line-height: 28px; font-weight: 500; letter-spacing: 0; color: #202723 !important;
  }
  #navbar #navbarTogglerDemo01 .nav-link.is-active,
  #navbar #navbarTogglerDemo01 .accutar-mobile-products[aria-expanded="true"] { color: #329950 !important; }
  #navbar #navbarTogglerDemo01 .nav-link::before, #navbar #navbarTogglerDemo01 .nav-link::after { display: none; }
  #navbar #nav-products .dropdown-menu {
    position: static !important; inset: auto !important; transform: none !important; float: none;
    width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: #fff;
  }
  #navbar #nav-products > .dropdown-menu { display: none !important; }
  #navbar #nav-products.accutar-products-open > .dropdown-menu { display: block !important; padding: 0 0 16px 16px; border-bottom: 1px solid #e6e9e7; }
  #navbar #nav-products.accutar-products-open > .accutar-mobile-products { border-bottom: 0; }
  #navbar #nav-products .dropdown-submenu > .dropdown-menu { display: block !important; }
  #navbar #nav-products .dropdown-submenu > button { display: none; }
  #navbar #nav-products .dropdown-item {
    display: flex; align-items: center; width: 100%; min-height: 44px; height: auto; padding: 10px 0;
    border-bottom: 1px solid #edf0ee; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0; white-space: normal; color: #252c28;
  }
  #navbar .accutar-mobile-group { display: block; padding: 20px 0 4px; color: #7b837e; font-size: 12px; line-height: 20px; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; }
}

/* Keep horizontal navigation on landscape tablets, with a click-open flat panel. */
@media (min-width: 993px) and (max-width: 1199px), (min-width: 993px) and (hover: none) and (pointer: coarse) {
  #navbar #navbarTogglerDemo01 > ul > li > a.nav-link { display: flex; align-items: center; min-height: 44px; height: auto; padding: 12px 0; }
  #navbar .accutar-desktop-products::after { display: inline-block; content: ''; width: 7px; height: 7px; margin: -4px 0 0 10px; border: 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
  #navbar .accutar-desktop-products[aria-expanded="true"]::after { margin-top: 3px; transform: rotate(225deg); }
  #navbar #nav-products > .dropdown-menu { display: none !important; width: 264px; min-width: 0; padding: 8px 16px; max-height: calc(100vh - 110px); max-height: calc(100dvh - 110px); overflow-y: auto; overscroll-behavior: contain; border: 1px solid #e6e9e7; border-radius: 4px; background: #fff; }
  #navbar #nav-products.accutar-tablet-products-open > .dropdown-menu { display: block !important; }
  #navbar #nav-products .dropdown-item { display: flex; align-items: center; width: 100%; min-height: 44px; height: auto; padding: 10px 4px; border-bottom: 1px solid #edf0ee; line-height: 24px; letter-spacing: 0; white-space: normal; }
  #navbar #nav-products .dropdown-submenu > button { display: none; }
  #navbar #nav-products .dropdown-submenu > .dropdown-menu { display: block !important; position: static; width: auto; min-width: 0; margin: 0; padding: 0; border: 0; box-shadow: none; background: transparent; }
  #navbar .accutar-mobile-group { display: block; padding: 16px 4px 4px; color: #7b837e; font-size: 12px; line-height: 20px; font-weight: 400; letter-spacing: .5px; text-transform: uppercase; }
  #navbar #nav-products .dropdown-submenu .dropdown-item:last-child { border-bottom: 0; }
}