.nav-toggle,
.nav-drawer-head{
  display:none;
}
.nav-toggle{
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  padding:0;
  border-radius:999px;
  border:1px solid #d3ebdc;
  background:#fff;
  color:#166534;
  flex-shrink:0;
}
.nav-backdrop{
  position:fixed;
  inset:0;
  background:rgba(15,23,18,.42);
  z-index:1;
}
.nav-backdrop[hidden]{ display:none !important; }
.nav-drawer-head{
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin:0 0 .35rem;
  color:#14532d;
}
.nav-drawer-head strong{
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.nav-close{
  width:40px;
  height:40px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#166534;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:768px){
  .nav-toggle{
    display:inline-flex;
    order:2;
    margin-left:auto;
  }
  .topbar .top-actions{
    position:fixed;
    z-index:2;
    top:0;
    right:0;
    bottom:0;
    width:min(320px, 88vw);
    margin:0;
    padding:1.1rem 1rem 1.5rem;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:flex-start;
    gap:.65rem;
    background:linear-gradient(180deg, #f7fbf8 0%, #fff 28%);
    border-left:1px solid #dceee3;
    box-shadow:-16px 0 40px rgba(15,23,18,.16);
    transform:translateX(105%);
    transition:transform .28s cubic-bezier(.22,1,.36,1);
    overflow:auto;
    pointer-events:none;
    max-width:none;
  }
  body.nav-open .topbar .top-actions{
    transform:none;
    pointer-events:auto;
  }
  .nav-drawer-head{ display:flex; }
  .topbar .top-actions .btn,
  .topbar .btn-topbar{
    width:100%;
    max-width:none;
    justify-content:flex-start;
    min-height:48px;
    margin:0 !important;
    padding:.75rem 1rem !important;
    font-size:.95rem;
    flex:0 0 auto;
  }
  .topbar .btn-login-topbar::before{ display:none !important; }
  .top-actions .d-md-none{ display:none !important; }
  .top-actions .d-none.d-md-inline,
  .top-actions .btn-login-topbar span{ display:inline !important; }
}
