.sub_mail_block {

    box-sizing: border-box;
    position: relative;
    z-index: 1;

}

.sub_mail_block .locked-discount, .sub_mail_block .unlocked-discount, .sub_mail_block .used-discount {
    display: none;
    position: relative;
}

.sub_mail_block.locked .locked-discount {
    display: flex;
}

.sub_mail_block.unlocked .unlocked-discount {
    width: 100%;
    display: block;
}

.sub_mail_block.used .used-discount {
    display: block;
}

.banner-calc-wrapper {
    max-width: 312px;
    z-index: 1;
}

.sub_mail_block .desc p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    margin-bottom: 0;
    text-align: left;
    color: #FFFFFF;
}

.sub_mail_block .title {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.used-discount .title {
    font-size: 19px;
}

.unlocked-discount .title {
    font-size: 24px;
    text-align: left;
}

.used-discount .desc p {
    text-align: center;
}

.used-discount .desc span, .unlocked-discount .desc span {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    /* identical to box height, or 129% */
    padding-left: 5px;
    text-align: right;
    color: #FFFFFF;
}

.locked-discount .desc p {
    margin-bottom: 15px;
}

.unlocked-discount .desc{
    display: flex;
    align-items: center;
    justify-content: center;
}
.unlocked-discount .desc p {
    text-align: left;
    margin-right: 15px;
}

.locked-discount .input-field {
    display: flex;
}

/*.locked-discount input {*/
/*    height: 42px;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    padding-left: 10px;*/
/*    padding-right: 10px;*/
/*    background: #FFFFFF;*/
/*    border: 1px solid #89B4DF;*/
/*    box-sizing: border-box;*/
/*    border-radius: 6px;*/
/*    font-size: 12px;*/
/*    line-height: 26px;*/
/*    color: #858484;*/
/*}*/

.locked-discount input:focus{
    outline: none;
}


/*.locked-discount button {*/
/*    appearance: none;*/
/*    outline: 0;*/
/*    width: 93px;*/
/*    height: 42px;*/
/*    margin-left: -10px;*/
/*    background: #0084FF;*/
/*    border-radius: 6px;*/
/*    font-style: normal;*/
/*    border: 0;*/
/*    cursor: pointer;*/
/*    font-weight: 500;*/
/*    font-size: 12px;*/
/*    line-height: 26px;*/
/*    color: #FFFFFF;*/
/*}*/
/*.locked-discount button:hover{*/
/*    background: #3591f2;*/
/*}*/
.error__info {
    display: none;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    left: 3px;
    bottom: -16px;
    font-size: 10px;
    line-height: 150%;
    /* identical to box height, or 15px */


    color: #FF4757;
}

.input-discount.error input, .input-discount.error input::placeholder{
    color: #FF4757!important;
}

.input-discount.error-wrong .error__info.wrong {
    display: block;
}

.input-discount.error-used .error__info.used-mail {
    display: block;
}

.input-discount.error input {
    border-color: #FF4757!important;
}

.coupon-hidden {
    display: none!important;
}