@media (max-width:850px){

  .mobile-menu-backdrop[hidden],
  #mobileNav[hidden]{
    display:none !important;
  }

  .mobile-menu-backdrop:not([hidden]){
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:9998 !important;
    background:rgba(6,37,34,.30) !important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }

  #mobileNav.mobile-menu:not([hidden]){
    display:flex !important;
    flex-direction:column !important;

    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;

    width:min(86vw,380px) !important;
    height:100dvh !important;

    margin:0 !important;
    padding:24px !important;

    z-index:9999 !important;
    overflow-y:auto !important;

    background:#f7fbfa !important;
    border-radius:28px 0 0 28px !important;
    box-shadow:-20px 0 55px rgba(8,49,45,.20) !important;

    animation:gicDrawerSlide .25s ease both;
  }

  #mobileNav .mobile-menu-head{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:16px !important;
    margin-bottom:20px !important;
  }

  #mobileNav .mobile-menu-links{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
  }

  #mobileNav .mobile-menu-links a{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:60px !important;
    padding:0 10px !important;

    color:#496e69 !important;
    font-size:18px !important;
    font-weight:700 !important;

    border-bottom:1px solid rgba(29,89,82,.10) !important;
    text-decoration:none !important;
  }

  #mobileNav .mobile-menu-close{
    width:52px !important;
    height:52px !important;
    border-radius:17px !important;
    background:white !important;
    border:1px solid rgba(20,75,69,.12) !important;
  }

  @keyframes gicDrawerSlide{
    from{transform:translateX(105%)}
    to{transform:translateX(0)}
  }
}