@media (max-width: 991px) {
  .navbar > .container {
    position: relative;
  }

  .navbar-toggler {
    width: 44px;
    height: 42px;
    padding: 8px;
    border: 1px solid #dce7e4;
    border-radius: 12px;
    box-shadow: none !important;
  }

  .navbar-collapse {
    position: absolute;
    top: calc(100% + 10px);
    right: 12px;
    left: 12px;
    z-index: 1080;
    padding: 14px;
    border: 1px solid #dce7e4;
    border-radius: 18px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 22px 60px rgba(16, 45, 53, .17);
    backdrop-filter: blur(18px);
  }

  .navbar-collapse .navbar-nav {
    gap: 5px;
    margin-bottom: 12px;
  }

  .navbar-collapse .nav-link {
    padding: 11px 12px;
    border-radius: 11px;
    background: #f6faf8;
    color: #26464c;
  }

  .navbar-collapse .nav-link:hover,
  .navbar-collapse .nav-link:focus {
    background: #e5f5ef;
    color: #007f79;
  }

  .navbar-collapse > .btn {
    width: 100%;
    margin: 4px 0 !important;
  }
}