.mwr-root {
position: relative;
z-index: 2147483000;
--mwr-primary: #2b4d2b;
--mwr-accent: #bff25c;
--mwr-text: #00291b;
--mwr-muted: #4a635a;
--mwr-surface: #fff;
--mwr-surface-alt: #f6faf6;
--mwr-border: #dce8df;
--mwr-overlay: rgba(0, 41, 27, .46);
color: var(--mwr-text);
font-family: inherit;
}
.mwr-root * { box-sizing: border-box; }
.mwr-root button,
.mwr-root input,
.mwr-root select,
.mwr-root textarea { font: inherit; }
.mwr-fab {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 2147483001;
display: flex;
align-items: center;
gap: 10px;
border: 0;
padding: 15px 22px;
background: var(--mwr-fab-bg, var(--mwr-primary)) !important;
color: var(--mwr-fab-text, #fff) !important;
cursor: pointer;
box-shadow: 0 10px 28px rgba(0, 41, 27, .24);
}
.mwr-fab:hover,
.mwr-fab:focus-visible {
background: var(--mwr-fab-hover-bg, var(--mwr-fab-bg, var(--mwr-primary))) !important;
color: var(--mwr-fab-hover-text, var(--mwr-fab-text, #fff)) !important;
}
.mwr-fab-dot {
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--mwr-fab-dot, var(--mwr-accent));
box-shadow: 0 0 0 0 var(--mwr-fab-dot, var(--mwr-accent));
animation: mwr-pulse 1.8s infinite;
}
.mwr-backdrop {
position: fixed;
inset: 0;
z-index: 2147483002;
background: var(--mwr-overlay);
backdrop-filter: blur(4px);
}
.mwr-dialog {
position: fixed;
left: 50%;
bottom: 24px;
z-index: 2147483003;
width: calc(100% - 32px);
max-height: calc(100vh - 48px);
overflow: hidden;
transform: translate(-50%, calc(100% + 48px));
background: var(--mwr-surface);
box-shadow: 0 24px 80px rgba(0, 41, 27, .24);
opacity: 0;
transition: transform .4s cubic-bezier(.16, 1, .3, 1), opacity .25s ease;
}
.mwr-dialog.is-open { transform: translate(-50%, 0); opacity: 1; }
.mwr-header { display: flex; align-items: center; gap: 16px; padding: var(--mwr-header-pad-top, 20px) var(--mwr-header-pad-right, 24px) var(--mwr-header-pad-bottom, 20px) var(--mwr-header-pad-left, 24px); border-bottom: 1px solid var(--mwr-border); }
.mwr-progress { height: var(--mwr-progress-height, 8px); flex: 1; overflow: hidden; border-radius: var(--mwr-progress-radius, 99px); background: var(--mwr-progress-track, var(--mwr-surface-alt)); }
.mwr-progress span { display: block; width: 0; height: 100%; background: var(--mwr-progress-fill, var(--mwr-accent)); transition: width .25s ease; }
.mwr-close,
.mwr-back { width: 44px; height: 44px; border: 0; border-radius: 10px; background: var(--mwr-primary) !important; color: #fff !important; font-size: 25px; cursor: pointer; }
.mwr-back { background: var(--mwr-surface-alt) !important; color: var(--mwr-primary) !important; }
.mwr-content { max-height: calc(100vh - 150px); overflow: auto; padding: 32px; }
.mwr-root .mwr-flow-eyebrow { display: inline-block; margin: 0 0 12px; padding: 6px 10px; border-radius: 99px; background: #e2eddc; color: #00291b !important; font-size: 12px; font-weight: 700; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; }
.mwr-title { margin: 0 0 12px; color: var(--mwr-primary); font-size: clamp(28px, 4vw, 42px); line-height: 1.15; }
.mwr-step-heading { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.mwr-step-heading .mwr-title { margin: 0; }
.mwr-step-icon { flex: 0 0 auto; width: 48px; height: 48px; object-fit: contain; }
.mwr-description { margin: 0 0 var(--mwr-description-spacing, 28px); color: var(--mwr-muted); font-size: 18px; line-height: 1.55; }
.mwr-options { display: grid; grid-template-columns: 1fr; gap: var(--mwr-card-gap, 16px); }
.mwr-options--start { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mwr-root .mwr-option { min-width: 0; width: 100%; display: flex; align-items: center; gap: 16px; padding: var(--mwr-card-padding, 24px 20px); border: 1px solid var(--mwr-border); border-radius: var(--mwr-card-radius, 18px); background: var(--mwr-card-bg, var(--mwr-surface)) !important; color: var(--mwr-card-text, var(--mwr-text)) !important; text-align: left; cursor: pointer; overflow-wrap: anywhere; white-space: normal; }
.mwr-root .mwr-option:hover,
.mwr-root .mwr-option.is-selected { border-color: var(--mwr-card-active-border, var(--mwr-primary)); background: var(--mwr-card-active-bg, var(--mwr-surface-alt)) !important; color: var(--mwr-card-active-text, var(--mwr-card-text, var(--mwr-text))) !important; }
.mwr-root .mwr-option:focus-visible,
.mwr-root .mwr-primary:focus-visible,
.mwr-root .mwr-fab:focus-visible,
.mwr-root .mwr-back:focus-visible,
.mwr-root .mwr-close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #00291b; }
.mwr-option-icon { display: flex; flex: 0 0 auto; width: var(--mwr-option-icon-size, 32px); color: var(--mwr-primary); }
.mwr-option-icon svg { width: 100%; height: auto; max-height: var(--mwr-option-icon-size, 32px); fill: currentColor; }
.mwr-option-icon img { width: var(--mwr-option-icon-size, 32px); height: var(--mwr-option-icon-size, 32px); object-fit: contain; }
.mwr-option-label { min-width: 0; line-height: 1.35; }
.mwr-step-body,
.mwr-field--full,
.mwr-textarea { display: block; width: 100%; max-width: none; }
.mwr-field { margin-bottom: var(--mwr-field-gap, 22px); }
.mwr-label,
.mwr-legend { display: block; margin-bottom: 8px; font-weight: 600; color: var(--mwr-label-color, var(--mwr-primary)); }
.mwr-root .mwr-input { width: 100%; border: 1px solid var(--mwr-field-border, var(--mwr-border)) !important; border-radius: var(--mwr-field-radius, 12px) !important; padding: var(--mwr-field-padding, 14px 16px) !important; background: var(--mwr-field-bg, var(--mwr-surface)) !important; color: var(--mwr-field-text, var(--mwr-text)) !important; outline: none; }
.mwr-root .mwr-input:focus { border-color: var(--mwr-field-focus, var(--mwr-primary)) !important; box-shadow: 0 0 0 3px rgba(43, 77, 43, .14); }
.mwr-root .mwr-input.mwr-textarea { min-height: var(--mwr-note-min-height, 140px); resize: vertical; border-color: var(--mwr-note-border, var(--mwr-field-border, var(--mwr-border))) !important; border-radius: var(--mwr-note-radius, var(--mwr-field-radius, 12px)) !important; padding: var(--mwr-note-padding, var(--mwr-field-padding, 14px 16px)) !important; background: var(--mwr-note-bg, var(--mwr-field-bg, var(--mwr-surface))) !important; color: var(--mwr-note-text, var(--mwr-field-text, var(--mwr-text))) !important; }
.mwr-root .mwr-input.mwr-textarea:focus { border-color: var(--mwr-note-focus, var(--mwr-field-focus, var(--mwr-primary))) !important; }
.mwr-field--note .mwr-label { color: var(--mwr-note-label, var(--mwr-label-color, var(--mwr-primary))); }
.mwr-check { display: flex; align-items: flex-start; gap: 11px; padding: 14px 0; }
.mwr-check input { margin-top: 4px; }
.mwr-notice { padding: var(--mwr-notice-padding, 18px); border: 1px solid var(--mwr-notice-border, transparent); border-radius: var(--mwr-notice-radius, 14px); background: var(--mwr-notice-bg, var(--mwr-surface-alt)); color: var(--mwr-notice-text, var(--mwr-text)); }
.mwr-actions { display: flex; gap: 12px; margin-top: 28px; }
.mwr-primary { width: 100%; border: 0; border-radius: var(--mwr-button-radius, 14px); padding: var(--mwr-button-padding, 16px 22px); background: var(--mwr-button-bg, var(--mwr-primary)) !important; color: var(--mwr-button-text, #fff) !important; font-weight: 600; cursor: pointer; }
.mwr-primary:hover,
.mwr-primary:focus-visible { background: var(--mwr-button-hover, var(--mwr-primary)) !important; color: var(--mwr-button-hover-text, var(--mwr-button-text, #fff)) !important; }
.mwr-primary[disabled] { opacity: .45; cursor: not-allowed; }
.mwr-error { margin-top: 12px; color: #a61b1b; }
.mwr-summary { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mwr-summary li { display: grid; grid-template-columns: minmax(120px, .8fr) 1.5fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--mwr-border); }
.mwr-summary strong { color: var(--mwr-primary); }
.mwr-success,
.mwr-redirect { text-align: center; }
.mwr-root .mwr-success { padding: 28px 20px; border-radius: 18px; background: #f6faf6; color: #00291b; }
.mwr-root .mwr-success .mwr-title { color: #00291b !important; }
.mwr-root .mwr-success .mwr-description { color: #294d3c !important; }
.mwr-root .mwr-success .mwr-reference { color: #00291b !important; background: #e2eddc; }
.mwr-reference { display: inline-block; margin-top: 16px; padding: 10px 14px; border-radius: 99px; background: var(--mwr-surface-alt); }
.mwr-honeypot { position: absolute !important; left: -99999px !important; }
.mwr-root.is-loading .mwr-primary { opacity: .55; pointer-events: none; }
.mwr-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.mwr-contact-grid .mwr-field--full { grid-column: 1 / -1; }
.mwr-redirect { padding: 24px 0; }
.mwr-spinner { display: inline-block; width: 48px; height: 48px; margin-bottom: 22px; border: 4px solid var(--mwr-border); border-top-color: var(--mwr-primary); border-radius: 50%; animation: mwr-spin .8s linear infinite; }
.mwr-field small { display: block; margin-top: 8px; color: var(--mwr-muted); }
.mwr-camera-option { display: none; position: relative; align-items: center; justify-content: center; min-height: 48px; margin-top: 12px; padding: 12px 18px; border: 1px solid var(--mwr-field-border, var(--mwr-border)); border-radius: var(--mwr-field-radius, 12px); background: var(--mwr-surface-alt); color: var(--mwr-primary); font-weight: 600; cursor: pointer; }
.mwr-camera-option input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.mwr-camera-option:focus-within { outline: 2px solid var(--mwr-primary); outline-offset: 2px; }
.mwr-upload-selected { display: block; margin-top: 10px; overflow-wrap: anywhere; color: var(--mwr-text); }
.mwr-upload-remove { margin-top: 8px; padding: 0; border: 0; background: none; color: var(--mwr-primary); font: inherit; text-decoration: underline; cursor: pointer; }
.mwr-upload-remove[hidden] { display: none; }
.mwr-upload-remove:focus-visible { outline: 2px solid var(--mwr-primary); outline-offset: 2px; }
.mwr-schedule { display: grid; gap: 12px; margin: 0; padding: 0; border: 0; }
.mwr-schedule-day { overflow: hidden; border: 1px solid var(--mwr-border); border-radius: 14px; background: var(--mwr-surface); }
.mwr-schedule-day.is-open { border-color: var(--mwr-primary); }
.mwr-schedule-day-toggle { display: flex; align-items: center; gap: 12px; padding: 16px 18px; font-weight: 600; color: var(--mwr-primary); cursor: pointer; }
.mwr-schedule-day-toggle input,
.mwr-time-option input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--mwr-primary); }
.mwr-schedule-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 18px 18px; }
.mwr-schedule-times[hidden] { display: none; }
.mwr-time-option { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 12px; border-radius: 10px; background: var(--mwr-surface-alt); cursor: pointer; }
body.mwr-no-scroll { overflow: hidden; }
.mwr-global-footer,
.mwr-global-footer .elementor,
.mwr-global-footer .elementor-element { z-index: auto; }
.mwr-root--editor-preview { z-index: auto; display: grid; justify-items: center; gap: 16px; padding: 24px; border: 1px dashed var(--mwr-border); border-radius: 16px; background: var(--mwr-surface-alt); }
.mwr-root--editor-preview .mwr-editor-stage { width: 100%; display: grid; justify-items: center; gap: 18px; pointer-events: none; }
.mwr-root--editor-preview .mwr-dialog { position: relative; inset: auto; left: auto; bottom: auto; width: 100%; max-width: 640px; max-height: none; overflow: visible; transform: none; opacity: 1; transition: none; }
.mwr-root--editor-preview .mwr-content { max-height: none; overflow: visible; }
.mwr-root--editor-preview .mwr-fab { position: static !important; inset: auto !important; width: auto; pointer-events: none; opacity: 1; }
.mwr-root--editor-preview .mwr-editor-hint { max-width: 640px; margin: 0; color: var(--mwr-muted); font-size: 13px; line-height: 1.5; text-align: center; }
.mwr-root--editor-preview .mwr-editor-demo-label { color: var(--mwr-muted); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mwr-root--editor-preview .mwr-back,
.mwr-root--editor-preview .mwr-close { display: inline-flex; align-items: center; justify-content: center; }
.mwr-root--editor-preview .mwr-option { cursor: default; }
.mwr-root--editor-preview .mwr-editor-field { margin-top: 24px; }
.mwr-root--editor-preview .mwr-input { display: block; }
.mwr-root--editor-preview .mwr-primary { display: block; text-align: center; }
@media (max-width: 767px) {
.mwr-fab { right: 16px !important; left: 16px !important; bottom: 16px; width: calc(100% - 32px); justify-content: center; }
.mwr-dialog { inset: 0; left: 0; width: 100%; height: 100vh; height: 100dvh; max-width: none !important; max-height: none; display: flex; flex-direction: column; border-radius: 0 !important; transform: translateY(100%); }
.mwr-dialog.is-open { transform: translateY(0); }
.mwr-header { flex: 0 0 auto; padding: calc(var(--mwr-header-pad-top, 12px) + env(safe-area-inset-top)) var(--mwr-header-pad-right, 20px) var(--mwr-header-pad-bottom, 12px) var(--mwr-header-pad-left, 20px); }
.mwr-content { flex: 1 1 auto; min-height: 0; max-height: none; padding: 24px 20px calc(24px + env(safe-area-inset-bottom)); }
.mwr-options--start { grid-template-columns: 1fr !important; }
.mwr-contact-grid { grid-template-columns: 1fr; }
.mwr-title { font-size: 28px; }
.mwr-description { font-size: 16px; }
.mwr-summary li { grid-template-columns: 1fr; gap: 4px; }
.mwr-root--editor-preview .mwr-dialog { height: auto; min-height: 0; }
.mwr-root--editor-preview .mwr-content { flex: none; }
}
@media (max-width: 1024px), (pointer: coarse) {
.mwr-camera-option { display: flex; }
}
@media (max-width: 520px) {
.mwr-schedule-times { grid-template-columns: 1fr; }
}
@keyframes mwr-pulse {
70% { box-shadow: 0 0 0 12px transparent; }
100% { box-shadow: 0 0 0 0 transparent; }
}
@keyframes mwr-spin { to { transform: rotate(360deg); } }