/* Кнопка "О сервисе" рядом с заголовком формы */ #about-trigger { font-size: 9px; padding: 1px 6px; border-radius: 4px; vertical-align: middle; margin-left: 4px; } /* About-модалка: вставляется в (вне body scale(1.8)), размеры скомпенсированы под scale(1.8) на body */ #about-modal { right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; } #about-modal .confirm-popover { font-family: Arial, sans-serif; width: 75vw !important; max-width: 1080px !important; max-height: 80vh; overflow-y: auto; padding: 32px 40px !important; border-radius: 18px !important; box-shadow: 0 11px 32px rgba(0,0,0,0.15) !important; box-sizing: border-box; text-align: left; } .about-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; font-size: 29px; font-weight: bold; line-height: 1.3; } .about-modal-close { cursor: pointer; font-size: 40px; line-height: 1; padding: 0 7px; color: #666; } .about-modal-close:hover { color: #000; } #about-modal .confirm-popover-message { font-size: 23px !important; line-height: 1.5; margin-bottom: 0 !important; white-space: normal !important; overflow-wrap: break-word; } #about-modal .confirm-popover-message p { margin: 0 0 13px; } #about-modal .confirm-popover-message ul { padding-left: 29px; margin: 9px 0; } #about-modal .confirm-popover-message li { margin-bottom: 5px; } /* Мобильные: модалка на весь экран */ @media (max-width: 600px) { /* Блокируем скролл страницы под модалкой */ #about-modal { overflow: hidden !important; } #about-modal .confirm-popover { width: 100vw !important; max-width: 100vw !important; height: 100vh; max-height: 100vh; padding: 0 !important; border-radius: 0 !important; margin: 0 !important; overflow: hidden; display: flex; flex-direction: column; } /* Заголовок фиксирован сверху */ #about-modal .about-modal-header { flex-shrink: 0; padding: 16px 16px 12px; border-bottom: 1px solid #e0e0e0; margin-bottom: 0; } /* Тело — единственный скролл */ #about-modal .confirm-popover-message { flex: 1; overflow-y: auto; padding: 16px; -webkit-overflow-scrolling: touch; } }