/**
 * Доп. изоляция auth-модалок от глобальных стилей страниц (подключается после @stack('styles')).
 */

.auth-modal--login .popap-login .auth-modal-login__subtitle-wrap {
    width: auto;
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 0;
    position: relative;
    overflow: visible;
    box-sizing: border-box;
}

.auth-modal--login .popap-login .auth-modal-login__subtitle {
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 0;
    flex: none;
    flex-shrink: 0;
}

.auth-modal--login .popap-login .am-headline-row .am-title-gradient {
    flex: none;
    flex-shrink: 0;
    align-self: auto;
    display: inline;
}

.auth-modal--login .popap-login .am-form .am-field .am-label-row {
    align-self: flex-start;
    align-items: flex-start;
    flex-shrink: 0;
}

.auth-modal--login .popap-login .am-label {
    color: #d1d5dc;
    font-weight: 400;
    font-family: Arial, sans-serif;
}

.auth-modal--login .popap-login .am-input-box .am-input-row,
.auth-modal--login .popap-login .am-pass-box .am-input-row {
    height: auto;
    min-height: 0;
    align-self: auto;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    color: #6a7282;
    flex: 1;
    min-width: 0;
}

.auth-modal--login .popap-login .button-and-icon .am-btn-label {
    color: #fff;
    font-weight: 700;
    -webkit-text-fill-color: #fff;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.auth-modal--login .popap-login .am-down-fields .am-down-hint-row {
    height: auto;
    min-height: 0;
    align-self: auto;
    align-items: center;
}

.auth-modal--reg .popap-registration .am-reg-title-row {
    align-self: center;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
}

.auth-modal--reg .popap-registration .am-reg-title-row .am-title-gradient {
    flex: none;
}

.auth-modal--reg .popap-registration .auth-modal-reg__subtitle-wrap {
    height: auto;
    min-height: 0;
    align-self: center;
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}

.auth-modal--reg .popap-registration .auth-modal-reg__subtitle {
    color: #99a1af;
    font-weight: 400;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 21px;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 0;
    flex: none;
}

.auth-modal--reg .popap-registration .am-form .am-label {
    color: #d1d5dc;
    font-weight: 400;
    font-family: Arial, sans-serif;
}

.auth-modal--reg .popap-registration .am-form .am-label-row {
    align-self: flex-end;
    flex-shrink: 0;
}

.auth-modal--reg .popap-registration .button-and-icon .auth-modal-reg__submit-label {
    color: #fff;
    font-weight: 700;
    font-family: Arial, sans-serif;
    -webkit-text-fill-color: #fff;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.auth-modal--reg .popap-registration .am-politics .am-politics-check {
    background: transparent;
    border: none;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
}

.auth-modal--reg .popap-registration .am-politics .am-politics-check input {
    width: 15px;
    height: 15px;
    margin: 0;
    flex-shrink: 0;
    accent-color: #bf15a0;
    cursor: pointer;
    appearance: auto;
    -webkit-appearance: checkbox;
}

.auth-modal--reg .popap-registration .am-politics .am-politics-text-wrap {
    height: auto;
    min-height: 0;
    align-self: auto;
}

.auth-modal--reg .popap-registration .am-politics .am-politics-text {
    color: #99a1af;
    font-weight: 400;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Попапы профиля: те же поля, вложенный .auth-modal--reg */
.profile-pr-modal .auth-modal--reg .am-label {
    color: #d1d5dc;
    font-family: Arial, sans-serif;
    font-size: 12.25px;
    font-weight: 400;
    line-height: 17.5px;
    text-align: left;
    width: auto;
    height: auto;
    position: relative;
    flex: 1;
    -webkit-text-fill-color: #d1d5dc;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.profile-pr-modal .auth-modal--reg .modal-input {
    caret-color: #d1d5dc;
}

.profile-pr-modal .auth-modal--reg .modal-input:focus,
.profile-pr-modal .auth-modal--reg .modal-input:focus-visible {
    outline: none;
    box-shadow: none;
}

.profile-pr-modal .auth-modal--reg .modal-input::selection {
    background: rgba(191, 21, 160, 0.45);
    color: #fff;
}

.profile-pr-modal .auth-modal--reg .am-input-box:focus-within,
.profile-pr-modal .auth-modal--reg .am-pass-box:focus-within {
    border-color: rgba(191, 21, 160, 0.65);
    box-shadow: 0 0 0 1px rgba(191, 21, 160, 0.4);
}

.profile-pr-modal .auth-modal--reg .modal-input[readonly] {
    opacity: 0.88;
    cursor: default;
}

.profile-pr-modal .auth-modal--reg .modal-input:-webkit-autofill,
.profile-pr-modal .auth-modal--reg .modal-input:-webkit-autofill:hover,
.profile-pr-modal .auth-modal--reg .modal-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #d1d5dc;
    caret-color: #d1d5dc;
    box-shadow: 0 0 0px 1000px rgba(30, 41, 57, 0.75) inset;
    transition: background-color 99999s ease-out;
}

/* ——— Покупка ——— */
.purchase-modal .purchase-input {
    caret-color: #d1d5dc;
}

.purchase-modal .purchase-input:focus,
.purchase-modal .purchase-input:focus-visible {
    outline: none;
    box-shadow: none;
}

.purchase-modal .purchase-input::selection {
    background: rgba(191, 21, 160, 0.45);
    color: #fff;
}

.purchase-modal .purchase-input-shell:focus-within {
    border-color: rgba(191, 21, 160, 0.65);
    box-shadow: 0 0 0 1px rgba(191, 21, 160, 0.4);
}

.purchase-modal .purchase-dd__trigger:focus,
.purchase-modal .purchase-dd__trigger:focus-visible {
    outline: none;
}

.purchase-modal .purchase-dd__trigger:focus-visible {
    border-color: rgba(191, 21, 160, 0.55);
    box-shadow: 0 0 0 1px rgba(191, 21, 160, 0.28);
}