/*
 * HC_DEMAND_HALL_COMMERCIAL_V1
 */

.hc-demand-card-action.hc-demand-contact-unlock{
    appearance:none;
    border:0;
    cursor:pointer;
    font:inherit;
}

.hc-demand-card-action.hc-demand-contact-unlock:disabled{
    opacity:.58;
    cursor:not-allowed;
}

.hc-demand-card-action-disabled{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border-radius:999px;
    background:#f3f4f6;
    color:#98a2b3;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

.hc-demand-commerce-mask[hidden]{
    display:none !important;
}

.hc-demand-commerce-mask{
    position:fixed;
    inset:0;
    z-index:10050;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.56);
    backdrop-filter:blur(8px);
}

.hc-demand-commerce-modal{
    width:min(520px,100%);
    max-height:min(760px,92vh);
    overflow:auto;
    border-radius:24px;
    background:#fff;
    box-shadow:
        0 30px 90px
        rgba(15,23,42,.26);
}

.hc-demand-commerce-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:20px 22px 14px;
    border-bottom:1px solid #eef0f3;
}

.hc-demand-commerce-head h3{
    margin:0;
    color:#101828;
    font-size:20px;
}

.hc-demand-commerce-close{
    width:36px;
    height:36px;
    border:0;
    border-radius:50%;
    background:#f2f4f7;
    color:#475467;
    cursor:pointer;
    font-size:23px;
    line-height:1;
}

.hc-demand-commerce-body{
    padding:22px;
}

.hc-demand-commerce-loading,
.hc-demand-commerce-note{
    padding:22px 10px;
    text-align:center;
    color:#667085;
    line-height:1.8;
}

.hc-demand-commerce-error{
    padding:14px 16px;
    border-radius:14px;
    background:#fff4ed;
    color:#b42318;
    line-height:1.7;
}

.hc-demand-commerce-success{
    padding:18px;
    border-radius:18px;
    background:#ecfdf3;
    color:#027a48;
}

.hc-demand-commerce-contact{
    margin-top:14px;
    padding:18px;
    border-radius:18px;
    background:#f8fafc;
}

.hc-demand-commerce-contact small{
    display:block;
    margin-bottom:6px;
    color:#667085;
}

.hc-demand-commerce-phone{
    color:#101828;
    font-size:26px;
    font-weight:900;
    letter-spacing:.4px;
}

.hc-demand-commerce-identity-list{
    display:grid;
    gap:10px;
    margin:14px 0;
}

.hc-demand-commerce-identity{
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 14px;
    border:1px solid #e4e7ec;
    border-radius:14px;
    cursor:pointer;
}

.hc-demand-commerce-identity input{
    margin:0;
}

.hc-demand-commerce-offer{
    padding:18px;
    border:1px solid #e4e7ec;
    border-radius:18px;
    background:#fcfcfd;
}

.hc-demand-commerce-offer-label{
    color:#667085;
    font-size:13px;
}

.hc-demand-commerce-price{
    margin-top:5px;
    color:#101828;
    font-size:30px;
    font-weight:900;
}

.hc-demand-commerce-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:16px;
}

.hc-demand-commerce-btn{
    min-height:44px;
    padding:0 18px;
    border:0;
    border-radius:999px;
    background:#1570ef;
    color:#fff;
    cursor:pointer;
    font-size:14px;
    font-weight:800;
}

.hc-demand-commerce-btn.green{
    background:#079455;
}

.hc-demand-commerce-btn.light{
    background:#eef4ff;
    color:#3538cd;
}

.hc-demand-commerce-cert-links{
    display:grid;
    gap:10px;
    margin-top:16px;
}

.hc-demand-commerce-cert-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    border-radius:999px;
    background:#f2f4f7;
    color:#344054;
    text-decoration:none;
    font-weight:800;
}

.hc-demand-commerce-qr{
    margin:18px auto 8px;
    text-align:center;
}

.hc-demand-commerce-qr img{
    width:220px;
    max-width:100%;
    height:auto;
}

.hc-demand-commerce-payment-tip{
    text-align:center;
    color:#667085;
    font-size:13px;
    line-height:1.7;
}

@media(max-width:640px){

    .hc-demand-commerce-mask{
        align-items:flex-end;
        padding:0;
    }

    .hc-demand-commerce-modal{
        width:100%;
        max-height:90vh;
        border-radius:24px 24px 0 0;
    }

    .hc-demand-commerce-body{
        padding:18px;
    }

    .hc-demand-commerce-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .hc-demand-commerce-btn{
        width:100%;
    }
}