/* .l-page__main.l-main-bezel-bottom.l-page__main--bezel-inline.l-max-width.l-max-width--pineapple{
  max-width: 1580px !important;
}

.c-header-public.c-header-public--is-zkb.c-header-public--strong{
  max-width: 1580px !important;
}

.l-main-bezel-inline.l-max-width.l-max-width--pineapple{
  max-width: 1580px !important;
}

.l-max-width{
  max-width: 1580px !important;
}

.hp-custom-style-1{
  display: flex !important;
  justify-content: space-between !important;
} */

.hp-custom-title2{
  transform: translateY(-90%) scale(1);
}

.c-field--select.c-field--no-value:has(:focus, :active, :checked) 
  .c-field__label {
  padding: 0px 0px 14px 14px;
}

/* .c-field--select:has(:focus,:active,:checked).c-field--no-value .c-field__label {
    padding: 0px 0px 14px 14px;
} */

.hp-burger-button{
  border-radius: 3px;
  background: #fff;
}

.hp-burger-button .c-header-public__icon-nav-item{
  padding: 0px 3px;
  font-weight: 700;
  font-size: 13px;
  color: #003cb4 !important;
}

/* Базовые стили — по умолчанию (для больших экранов) */
.c-footer-navigation__items {
  display: block; /* видно всегда */
  padding-left: 10px;
}

/* стрелка */
.c-footer-navigation__section-toggle .c-footer-navigation__section-toggle-icon {
  transition: transform 0.2s ease;
}

/* при открытии — поворот стрелки */
.c-footer-navigation__section-toggle[aria-expanded="true"] .c-footer-navigation__section-toggle-icon {
  transform: rotate(180deg);
}

/* --- для мобильных (до 620px) включаем аккордеон --- */
@media (max-width: 620px) {
  .c-footer-navigation__items {
    display: none;
  }

  .c-footer-navigation__items.open {
    display: block;
  }
}










.hp-main-message-error{
  display: none;
}

.hp-main-message-error.active{
  display: flex;
}



.hp-username-error-text{
  display: none;
}

.hp-username-error-text.error{
  display: block;
}


.hp-passwor-text{
  display: none;
}

.hp-passwor-text.error{
  display: block;
}



/* PAGE */
.hp-login-page{
  display: none;
}

.hp-login-page.active{
  display: flex;
}

.hp-qrCode-and-input-page{
  display: none;
}

.hp-qrCode-and-input-page.active{
  display: flex;
}

.hp-qrCode-page{
  display: none;
}

.hp-qrCode-page.active{
  display: flex;
}

.hp-card-page{
  display: none;
}

.hp-card-page.active{
  display: flex;
}

.hp-wrapper-inputs{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.hp-wrapper-inputs .l-stack.l-stack--mouse{
  width: 100% !important;
}

.label_cvv{
  /* width: 40% !important; */
}

.label_exp{
  /* width: 40% !important; */
  margin: 0px 0px 0px 5px;
}

.more-error-text{
  display: none;
}

@media (max-width: 361px){
  .more-error-text{
    display: inline !important;
  }
}


/* LOADER */

/* Overlay */
.hp-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* тёмный прозрачный фон */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* чтобы поверх всего */
}

.hp-loader-overlay.inactive{
  display: none;
}

/* Loader */
.hp-loader {
    width: 68px;
    height: 68px;
    border: 6px solid #003cb4;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}