html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Critical: parent height defines iframe's 100% */
}
#payfacto_container {
    height: 100%; /* Inherit height from body */
}
#payfacto_form, iframe {
    width: 100%;
    height: 100%; /* Now 100% of .iframe-container's height */
    border: none; /* Optional: remove default border */
}

#edlx_transaction_pay_box{
    min-height: 580px !important;
}
@media (min-width:400px){
    #edlx_transaction_pay_box, #payfacto_grid{
        min-height: 580px !important;
    }
}

/* iframe, #payfacto_form {
    height: 100% !important;
    width: 100% !important;
    background: transparent;
} */
/* 
#CreditCardNumber{
    display: block !important;
    width: 100% !important;
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--bs-body-color) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-color: var(--bs-body-bg) !important;
    background-clip: padding-box !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
} */