/* Step 7.1.9.4.74 — public contact form modal around the existing standalone form. */
body.card-contact-modal-open{overflow:hidden!important}
.card-contact-modal[hidden]{display:none!important}
.card-contact-modal{
    position:fixed;
    inset:0;
    z-index:13050;
    display:grid;
    place-items:center;
    padding:18px;
    background:rgba(5,12,10,.66);
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px)
}
.card-contact-modal-panel{
    width:min(680px,calc(100vw - 36px));
    height:min(760px,calc(100vh - 36px));
    max-height:760px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    border-radius:18px;
    background:#fff;
    box-shadow:0 28px 90px rgba(0,0,0,.36)
}
.card-contact-modal-head{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    min-height:58px;
    padding:10px 12px 10px 18px;
    border-bottom:1px solid #dfe6e3;
    background:#07110f;
    color:#fff;
    font-family:Inter,Arial,sans-serif
}
.card-contact-modal-head strong{font-size:14px;letter-spacing:.03em}
.card-contact-modal-head button{
    border:1px solid rgba(255,255,255,.34);
    border-radius:9px;
    padding:8px 11px;
    background:rgba(255,255,255,.06);
    color:#fff;
    font:700 12px/1.2 Inter,Arial,sans-serif;
    cursor:pointer;
    outline:0;
    -webkit-appearance:none;
    appearance:none;
    -webkit-tap-highlight-color:transparent
}
.card-contact-modal-head button:hover,.card-contact-modal-head button:focus{background:rgba(255,255,255,.14);outline:0}
.card-contact-modal-frame{display:block;flex:1 1 auto;width:100%;min-height:0;border:0;background:#fff}

@media(max-width:620px){
    .card-contact-modal{padding:0}
    .card-contact-modal-panel{width:100vw;height:100vh;max-height:none;border:0;border-radius:0}
    .card-contact-modal-head{min-height:54px;padding-left:14px}
}