.main-nav{
  align-items:stretch;
}

.main-nav .nav-dropdown{
  position:relative;
  display:flex;
}

.main-nav .nav-dropdown>.nav-tile{
  height:100%;
}

.main-nav .dropdown-menu{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  min-width:220px;
  background:#173523;
  border:1px solid rgba(189,214,110,.28);
  box-shadow:0 24px 55px rgba(20,43,28,.22);
  padding:8px;
  display:grid;
  gap:4px;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:.22s ease;
  z-index:60;
}

.main-nav .dropdown-menu:before{
  content:"";
  position:absolute;
  left:22px;
  top:-7px;
  width:14px;
  height:14px;
  background:#173523;
  border-left:1px solid rgba(189,214,110,.28);
  border-top:1px solid rgba(189,214,110,.28);
  transform:rotate(45deg);
}

.main-nav .dropdown-menu a{
  position:relative;
  z-index:1;
  color:#eef5ef;
  padding:13px 14px;
  border-radius:4px;
  font-size:13px;
  letter-spacing:.01em;
  transition:.22s ease;
}

.main-nav .dropdown-menu a:hover{
  background:#bdd66e;
  color:#173523!important;
  transform:translateX(3px);
}

.main-nav .nav-dropdown:hover .dropdown-menu,
.main-nav .nav-dropdown:focus-within .dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

@media(max-width:950px){
  body.mobile-menu-open{
    overflow:hidden;
  }

  .site-header .main-nav{
    position:fixed;
    inset:auto;
    top:96px;
    right:0;
    bottom:auto;
    left:0;
    height:calc(100dvh - 96px);
    max-height:calc(100dvh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    align-items:stretch;
    gap:2px;
    padding:14px 20px 34px;
    background:#171a16;
    color:#f2f4ef;
    border-top:1px solid rgba(255,255,255,.12);
  }

  .main-nav .nav-dropdown{
    display:block;
    height:auto;
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .main-nav>.nav-tile,
  .main-nav .nav-dropdown>.nav-tile{
    position:relative;
    width:100%;
    height:auto;
    flex:none;
    min-height:62px;
    padding:13px 44px 13px 8px;
    color:#f2f4ef;
    border:0;
  }

  .main-nav>.nav-tile{
    border-bottom:1px solid rgba(255,255,255,.1);
  }

  .main-nav .nav-dropdown>.nav-tile:after{
    content:"+";
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:1px solid rgba(189,214,110,.38);
    border-radius:50%;
    color:#bdd66e;
    font-size:18px;
    transition:.2s ease;
  }

  .main-nav .nav-dropdown.submenu-open>.nav-tile:after{
    content:"−";
    background:#bdd66e;
    color:#173523;
    transform:translateY(-50%) rotate(180deg);
  }

  .main-nav .nav-dropdown .dropdown-menu,
  .main-nav .nav-dropdown:hover .dropdown-menu,
  .main-nav .nav-dropdown:focus-within .dropdown-menu{
    position:static;
    display:none;
    visibility:hidden;
    opacity:0;
    transform:translateY(-6px);
    box-shadow:none;
    min-width:0;
    margin:0 0 10px;
    padding:5px;
    background:#0f2919;
    border-color:rgba(189,214,110,.2);
  }

  .main-nav .nav-dropdown.submenu-open .dropdown-menu{
    display:grid;
    visibility:visible;
    opacity:1;
    transform:none;
  }

  .main-nav .dropdown-menu a{
    padding:13px 15px;
    font-size:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .main-nav .dropdown-menu a:last-child{
    border-bottom:0;
  }

  .main-nav .dropdown-menu:before{
    display:none;
  }
}