body.kotopy-shell #navbar-main-public {
  flex-wrap: nowrap;
  gap: 16px;
  position: relative;
  z-index: 100;
}

#navbar-main-public .public-header-navigation {
  margin-left: auto;
}

body.kotopy-shell #navbar-main-public .public-header-login {
  flex: 0 0 auto;
  min-width: 112px;
  min-height: 44px;
  padding: 8px 24px;
  background: #ffffff;
  color: #175ea8;
  border-color: #175ea8;
}

body.kotopy-shell #navbar-main-public .public-header-login:hover {
  background: #e8f1fe;
  color: #124f91;
}

@media (max-width: 1199.98px) {
  body.kotopy-shell #navbar-main-public .navbar-toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  #navbar-main-public .navbar-collapse {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 16px 24px;
    background: #1f2937;
    border-bottom: 1px solid #64748b;
  }

  #navbar-main-public .navbar-nav {
    gap: 8px;
  }

  body.kotopy-shell #navbar-main-public .nav-link {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  body.kotopy-shell #navbar-main-public {
    gap: 8px;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body.kotopy-shell #navbar-main-public .navbar-brand {
    margin-right: 0;
    font-size: 1rem;
  }

  body.kotopy-shell #navbar-main-public .navbar-toggler {
    min-width: 44px;
    padding: 8px;
  }

  #navbar-main-public .navbar-toggler-icon {
    display: none;
  }

  body.kotopy-shell #navbar-main-public .public-header-login {
    min-width: 80px;
    padding-right: 12px;
    padding-left: 12px;
  }
}