body.site-protect-page {
  display: flex;
  flex-direction: column;
  font-family: "Arial Rounded MT Pro", sans-serif;
  height: 100%;
  margin: 0;
}

body.site-protect-page .center-text {
  flex: 1;
  text-align: center;
}

body.site-protect-page .protected-anouncement-bar {
  background: #06b09c;
}

body.site-protect-page .protected-header-logo {
  background: #fff;
  padding-block: 15px !important;
}

body.site-protect-page .site-protect-container {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-inline: auto;
  max-width: 90%;
  text-align: center;
  width: 1100px;
  flex: 1;
}

body.site-protect-page .site-protect-container .error {
  color: red;
  margin-top: 12px;
}

body.site-protect-page .site-protect-container .site-logo {
  height: 96px;
  margin-bottom: 16px;
  object-fit: contain;
  width: 96px;
}

body.site-protect-page .site-protect-container h2 {
  color: #1d2327;
  font-weight: 500;
  margin: 8px 0 20px;
}

body.site-protect-page .site-protect-container input[type="password"] {
  background: #fff;
  border: 1px solid #e0e0e0 !important;
  border-radius: 50px;
  box-shadow: none !important;
  color: #000000;
  height: 55px;
  margin-top: 15px;
  padding: 15px !important;
  width: 400px;
  max-width: 90%;
  outline: none;
}

body.site-protect-page .topbar {
  align-items: center;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 15px;
  text-align: center;
}

body.site-protect-page .topbar-item {
  margin: 5px 10px;
}

.protected-header{
margin-bottom:15px;
}
.icon-flex {
  align-items: center;
  display: flex;
  gap: 7px;
}

.list-protected {
  list-style-position: inside;
  margin-left: 0;
}

.online-catalog-link,
.online-catalog-link:hover {
  color: #df1683;
}

.protected-enter-btn {
  margin-bottom: 15px;
  margin-top: 25px;
  padding: 15px 60px !important;
}

.topbar-item a {
  color: #fff;
}

html {
  height: 100%;
  margin: 0;
}

@media (max-width: 767px) {
  body.site-protect-page .center-text {
    flex: unset;
  }

  body.site-protect-page .topbar {
    flex-direction: column;
    text-align: center;
  }
.custom-logo-link img{
margin-inline:auto;
}
}