/* Responsive native Centino forms, 2026-09-08. */
.jqmWindow.et-dialog {
  position: fixed !important; left: 50% !important; margin: 0 !important;
  top: calc(var(--et-viewport-top, 0px) + 8px) !important;
  transform: translateX(-50%); width: min(500px, calc(100vw - 16px)) !important;
  max-height: calc(var(--et-viewport-height, 100dvh) - 16px);
  overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch; box-sizing: border-box; z-index: 2147483000 !important;
}
.jqmWindow.et-dialog > .jqmClose.top-close {
  position: sticky; top: 8px; right: auto; display: block; margin: 8px 8px -52px auto;
  width: 44px; height: 44px; padding: 0; z-index: 12;
  background: #fff; color: #333; border: 1px solid #ddd; border-radius: 50%;
  font-size: 20px; opacity: 1; cursor: pointer;
}
.et-dialog .form-header .text { padding-right: 30px; }
.et-dialog .form-header, .et-dialog .form-body, .et-dialog .form-footer { box-sizing: border-box; }
.et-dialog input, .et-dialog textarea { max-width: 100%; }
button.callback-block, button.et-icon-button { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
button[data-event="jqm"] { white-space: normal; }
.jqmWindow.et-dialog > .jqmClose.top-close::before { content: none; }
.jqmWindow.et-dialog > .jqmClose.top-close span { font-family: Arial,sans-serif; font-size: 30px; line-height: 40px; }
.form .licence_block input[type="checkbox"] { display: block !important; visibility: visible !important; position: absolute; width: 1px; height: 1px; opacity: 0; }
.form .licence_block input[type="checkbox"]:focus-visible + label { outline: 2px solid #1768a3 !important; outline-offset: 3px; }
.et-dialog :focus-visible, button[data-event="jqm"]:focus-visible, .form.contacts :focus-visible {
  outline: 2px solid #1768a3 !important; outline-offset: 3px;
}
.form .captcha-row .captcha_image { float: none !important; margin-left: 0 !important; max-width: 100%; }
.form .captcha-row .captcha_input { margin-left: 0 !important; }
.form .captcha-row .g-recaptcha { margin-left: 0 !important; max-width: 100%; }
.form .captcha-row:has(.g-recaptcha) .captcha_input { position: static !important; left: auto !important; top: auto !important; width: 100% !important; height: auto !important; margin: 0 !important; }
.form .captcha-row:has(.g-recaptcha) .captcha_image { display: none !important; }
@media (max-width: 600px) {
  .et-dialog .form-header, .et-dialog .form-body, .et-dialog .form-footer { padding-left: 16px !important; padding-right: 16px !important; }
  .et-dialog input:not([type="checkbox"]):not([type="hidden"]), .et-dialog textarea,
  .form.contacts input:not([type="checkbox"]):not([type="hidden"]), .form.contacts textarea { font-size: 16px; }
  .form .captcha-row > div { width: 100%; float: none; }
  .form .captcha-row { margin-left: -12px; margin-right: -12px; }
}
