.siteModal{ position: fixed; z-index: 200; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; }
.siteModal.isOpen{ visibility: visible; opacity: 1; }
.siteModalOverlay{ position: absolute; inset: 0; background: rgba(24,25,24,0.65); }
.siteModalPanel{ position: relative; width: min(100%, 500px); max-height: 100%; overflow-y: auto; padding: 45px; border-radius: 18px; background: var(--bereg-main); box-shadow: var(--ten3-box-shadow); }
.siteModalClose{ position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; padding: 5px; border: 0; background: none; color: var(--bereg-black); }
.siteModalTitle{ margin-bottom: 20px; font-size: 35px; }
.siteModalPanel p{ font-size: 16px; }
.siteModalForm input:not([type='checkbox']):not([type='submit']),.siteModalForm textarea{ width: 100%; padding: 14px 16px; border: 1px solid #c5c6bb; border-radius: 8px; background: var(--bereg-white); }
.siteModalForm input[type='submit']{ width: 100%; min-height: 52px; padding: 12px 20px; border: 0; border-radius: 100px; background: var(--bereg-activ1); color: var(--bereg-white); font-weight: 500; cursor: pointer; }
.siteModalForm input[disabled]{ opacity: 0.55; cursor: not-allowed; }
@media(max-width: 700px){
    .siteModalPanel{ padding: 45px 20px 25px; }
    .siteModalTitle{ font-size: 28px; }
}