/* A printed brochure beside a dedicated Fluent Forms request. */
.merade-brochure-dialog {
 width: min(1100px, calc(100vw - 40px)); max-width: none; max-height: calc(100dvh - 40px); margin: auto; padding: 0;
 border: 0; border-radius: 18px; background: #f5f0e7; color: #101b2c; overflow: auto; overscroll-behavior: contain;
 box-shadow: 0 24px 80px rgb(0 0 0 / 24%); font-family: var(--merade-font-body, sans-serif); -webkit-font-smoothing: antialiased;
}
.merade-brochure-dialog *, .merade-brochure-dialog *::before, .merade-brochure-dialog *::after { box-sizing: border-box; }
.merade-brochure-dialog::backdrop { background: rgb(20 22 25 / 76%); }
.merade-brochure-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 6px; }
.merade-brochure-panel { min-width: 0; padding: clamp(26px, 3vw, 44px); background: #fffdf8; }
.merade-brochure-panel h2 { margin: 0 0 14px; font: 500 clamp(32px, 3.5vw, 46px)/1.06 var(--merade-font-heading, serif); letter-spacing: -.025em; color: #101b2c; }
.merade-brochure-intro { margin: 0 0 24px; font-size: 14px; line-height: 1.6; color: #656b73; }
.merade-brochure-visual { position: relative; min-width: 0; background: #f3eee5; }
.merade-brochure-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.merade-brochure-close { position: absolute; z-index: 2; inset-block-start: 18px; inset-inline-end: 18px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 10px; background: #fffdf8; color: #101b2c; cursor: pointer; touch-action: manipulation; }
.merade-brochure-form .fluentform { font-family: inherit; }
.merade-brochure-form .fluentform .ff-el-group { margin-bottom: 18px; }
.merade-brochure-form .fluentform .ff-el-input--label { margin-bottom: 6px; }
.merade-brochure-form .fluentform .ff-el-input--label label { font-size: 13px; font-weight: 600; color: #50565c; }
.merade-brochure-form .fluentform .ff-el-form-control { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #dcd7cd; border-radius: 7px; background: #fffdf8; box-shadow: none; color: #101b2c; font: 400 16px/1.5 var(--merade-font-body, sans-serif); }
.merade-brochure-form .fluentform .ff-el-form-control::placeholder { color: #85867f; opacity: 1; }
.merade-brochure-form .fluentform textarea.ff-el-form-control { height: 92px; min-height: 92px; resize: vertical; }
.merade-brochure-form :is(input, textarea, button):focus-visible { outline: 2px solid #234464; outline-offset: 3px; }
.merade-brochure-form .fluentform .ff_submit_btn_wrapper { padding-top: 8px; margin-bottom: 0; }
.merade-brochure-form .fluentform .ff-btn.ff-btn-submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 52px; padding: 13px 16px; border: 0; border-radius: 8px; background: #234464; color: #fff; font: 600 14px/1.5 var(--merade-font-body, sans-serif); box-shadow: none; white-space: normal; cursor: pointer; touch-action: manipulation; }
.merade-brochure-form [data-brochure-icon] { display: flex; flex-shrink: 0; }
.merade-brochure-form .ff-btn-submit:disabled { opacity: .65; cursor: wait; }
.merade-brochure-form .ff-el-is-error .ff-el-form-control { border-color: #a62929; }
.merade-brochure-form .error { color: #a62929; font-size: 13px; }
.merade-brochure-form .ff-message-success { margin: 20px 0; padding: 20px; border: 1px solid #c9d9ce; border-radius: 10px; background: #f2f7f3; color: #244c35; }
html.merade-brochure-modal-open, html.merade-brochure-modal-open body { overflow: hidden; }
html.merade-brochure-modal-open { scrollbar-gutter: stable; }
@media (hover: hover) and (pointer: fine) {
 .merade-brochure-close:hover { background: #e9e5dc; }
 .merade-brochure-form .fluentform .ff-btn.ff-btn-submit:hover { background: #193650; }
}
@media (max-width: 760px) {
 .merade-brochure-dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); border-radius: 14px; }
 .merade-brochure-layout { display: block; }
 .merade-brochure-panel { padding: 28px 24px; }
 .merade-brochure-panel h2 { padding-inline-end: 30px; font-size: 36px; }
 .merade-brochure-visual { display: none; }
 .merade-brochure-close { top: 12px; right: 12px; width: 44px; height: 44px; }
}