html.contact-open{overflow:hidden;scrollbar-gutter:stable}
.contact-modal{width:min(640px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);padding:0;margin:auto;border:0;border-radius:8px;background:#fff;color:#19191C;overflow:hidden;box-shadow:0 32px 100px #101E3530}
.contact-modal::backdrop{background:rgba(25,25,28,.32);backdrop-filter:blur(5px)}
.contact-modal__content{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:28px 32px 24px}
.contact-modal h2{padding-right:44px;font-size:24px;font-weight:600;line-height:1.35}
#contact-modal-description{margin:10px 0 22px;font-size:14px;line-height:1.7;color:#62626B}
.contact-modal__channels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid #E3E3E8}
.contact-channel{display:flex;align-items:center;gap:14px;min-width:0;color:#19191C}
.contact-channel__icon{width:24px;height:24px;flex:none;color:#62626B}
.contact-channel__info{display:flex;flex-direction:column;gap:5px;min-width:0}
.contact-channel__name{font-size:13px;line-height:1.5;color:#62626B}
.contact-channel__value{font-size:18px;font-weight:500;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums;user-select:text}
.contact-channel--phone{padding-left:24px;border-left:1px solid #E3E3E8;text-decoration:none}
.contact-channel--phone:hover{color:var(--brand)}
.contact-modal__close{position:absolute;z-index:1;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #E3E3E8;border-radius:50%;background:#fff;color:#19191C;cursor:pointer}
.contact-modal__close svg{width:22px;height:22px}
.contact-modal__close:hover{background:#FCFCFD}
.contact-modal .form{gap:16px}
.contact-modal .field label{margin-bottom:6px;font-size:14px;font-weight:500;letter-spacing:0}
.contact-modal .field input,.contact-modal .field select,.contact-modal .field textarea{padding:9px 12px;min-height:44px;font-size:16px}
.contact-modal .form>button{margin-top:0;padding:11px 20px}
.contact-modal .field input,.contact-modal .field select,.contact-modal .field textarea{background-color:#fff;border-color:#C9C9D1}
.contact-modal .field input:focus,.contact-modal .field select:focus,.contact-modal .field textarea:focus{border-color:var(--brand)}
.contact-modal .field.has-err input{border-color:var(--brand)}
.contact-modal .form__status{line-height:1.7;overflow-wrap:anywhere}
@media(max-width:640px){
 .contact-modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:8px}
 .contact-modal__content{max-height:calc(100dvh - 24px);padding:24px 20px}
 .contact-modal h2{font-size:22px}
 .contact-modal__close{top:12px;right:12px}
 #contact-modal-description{margin-bottom:20px}
 .contact-modal__channels{grid-template-columns:1fr;gap:16px;margin-top:20px;padding-top:16px}
 .contact-channel--phone{padding-left:0;border-left:0}
}