/* Isolated callback presentation; existing form transport and field contract remain unchanged. */
#article-14680 { background: #f4f4f2; padding: 80px 0 88px; }
#article-14680 > .container { max-width: 1240px; width: 100%; padding: 0 40px; }
.static-form-replacement--callback { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 64px; overflow: visible; }
.callback-intro { padding-top: 32px; }
.callback-eyebrow { color: #b3101e; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 24px; }
.callback-intro h1 { font-size: clamp(36px, 3.5vw, 52px); line-height: 1.12; letter-spacing: -.035em; margin: 0 0 26px; color: #282a2d; }
.callback-intro h1 > span { color: #e31e24; }
.callback-lead { max-width: 370px; font-size: 19px; line-height: 1.65; color: #56585b; }
.callback-direct { margin-top: 56px; padding-top: 24px; border-top: 1px solid #d6d6d2; max-width: 340px; display: grid; gap: 7px; font-size: 14px; color: #646568; }
.callback-direct a { font-size: 28px; font-weight: 700; color: #282a2d; text-decoration: none; letter-spacing: -.02em; }
.callback-direct a > span { margin-left: 12px; color: #b3101e; }
.callback-panel { background: #fff; padding: 36px; border-top: 3px solid #e31e24; box-shadow: 0 12px 36px rgb(25 25 25 / 5%); min-width: 0; }
.callback-panel-heading { border-bottom: 1px solid #e8e8e5; margin-bottom: 26px; padding-bottom: 20px; }
.callback-panel-heading h2 { font-size: 25px; line-height: 1.25; margin: 0 0 8px; letter-spacing: -.02em; }
.callback-panel-heading p { font-size: 15px; line-height: 1.5; color: #646568; margin: 0; }
.callback-panel .autogrid_row { display: flex; flex-wrap: wrap; gap: 20px; margin: 0 0 24px; }
.callback-panel .autogrid_row > .column { float: none; flex: 0 0 auto; max-width: none !important; padding: 0; min-width: 0; margin: 0; }
.callback-panel .autogrid_row > .col_6 { width: calc(50% - 10px) !important; }
.callback-panel .autogrid_row > .col_12 { width: 100% !important; }
.callback-panel .widget { margin: 0; }
.callback-panel .widget > label, .callback-panel .graafen-contact-group-title { display: block; font-size: 14px; line-height: 1.5; font-weight: 600; color: #34363a; margin: 0 0 9px; }
.callback-panel input.text, .callback-panel textarea.textarea { background: #fafaf9; border: 1px solid #cacbc8; border-radius: 4px; box-shadow: none; width: 100%; padding: 13px 14px; font: inherit; font-size: 16px; color: #282a2d; line-height: 1.4; height: 50px; margin: 0; }
#article-14680 .callback-panel textarea.textarea { min-height: 112px; height: 112px; resize: vertical; }
.callback-panel input::placeholder, .callback-panel textarea::placeholder { color: #767874; opacity: 1; }
.callback-panel input.text:focus, .callback-panel textarea:focus { outline: 2px solid #b3101e; outline-offset: 2px; border-color: #b3101e; background: #fff; }
.callback-panel fieldset.checkbox_container { display: flex; flex-wrap: wrap; gap: 9px; border: 0; padding: 0; margin: 0; }
.callback-panel .graafen-contact-group-title { flex-basis: 100%; margin-bottom: 1px; }
.callback-panel fieldset.checkbox_container > span { display: flex; position: relative; margin: 0; }
.callback-panel fieldset.checkbox_container input.checkbox { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; margin: 0; opacity: 1; z-index: 1; appearance: auto; accent-color: #b3101e; }
.callback-panel fieldset.checkbox_container label { display: flex; align-items: center; min-height: 44px; padding: 9px 13px 9px 36px; border: 1px solid #d6d7d3; border-radius: 4px; font-size: 14px; line-height: 1.4; color: #44464a; margin: 0; cursor: pointer; background: #fff; }
.callback-panel fieldset.checkbox_container label::before, .callback-panel fieldset.checkbox_container label::after { display: none; }
.callback-panel fieldset.checkbox_container input:checked + label { border-color: #b3101e; background: #fff5f5; color: #9d1119; }
.callback-panel fieldset.checkbox_container input:focus-visible + label { outline: 2px solid #b3101e; outline-offset: 2px; }
.callback-panel .widget-explanation p { text-align: left !important; margin: 0 0 20px; line-height: 1.55; color: #626467; }
.callback-panel .widget-explanation p span { font-size: 12px !important; }
.callback-panel .widget-explanation a { color: #8f101b; text-decoration: underline; text-underline-offset: 2px; }
.callback-panel button.submit { min-height: 52px; width: 100%; padding: 14px 20px; border: 0; border-radius: 4px; background: #bd1722; color: #fff; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1.4; margin: 0; box-shadow: none; cursor: pointer; }
.callback-panel button.submit:hover { background: #98101a; }
.callback-panel button.submit:focus-visible, .callback-direct a:focus-visible { outline: 2px solid #282a2d; outline-offset: 4px; }
.callback-panel button.submit:disabled { opacity: .7; cursor: wait; }
.callback-panel .error { color: #a31622; font-size: 14px; }
.callback-panel .graafen-mail-submit-status:empty { display: none; }
@media (max-width: 1000px) { .static-form-replacement--callback { gap: 32px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); } .callback-panel { padding: 26px; } .callback-panel .autogrid_row > .col_6 { width: 100% !important; } }
@media (max-width: 900px) { #article-14680 { padding: 32px 0 44px; } #article-14680 > .container { padding: 0 20px; } .static-form-replacement--callback { grid-template-columns: 1fr; gap: 28px; } .callback-intro { padding-top: 0; } .callback-eyebrow { margin-bottom: 16px; font-size: 11px; } .callback-intro h1 { font-size: 38px; margin-bottom: 18px; } .callback-lead { font-size: 17px; margin-bottom: 0; } .callback-direct { margin-top: 24px; padding-top: 18px; } .callback-direct a { font-size: 24px; } .callback-panel { padding: 24px 20px; } .callback-panel-heading h2 { font-size: 23px; } }