.sooffit-intake-popup{box-sizing:border-box;border:1px solid #d9c9b740;border-radius:24px;background:#281d16;color:#f7f3eb;width:min(760px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 48px);padding:24px;margin:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0006}
.sooffit-intake-popup::backdrop{background:#130d09b8;backdrop-filter:blur(6px)}
.sooffit-popup-close{display:block;margin:0 0 12px auto;min-height:44px;padding:8px 16px;border:1px solid #d9c9b766;border-radius:999px;background:transparent;color:#f7f3eb;font:500 14px Inter,Arial,sans-serif;cursor:pointer}
.sooffit-intake-popup>section{width:100%!important;min-height:440px!important;height:auto!important;overflow:visible!important;padding:16px!important}
.sooffit-intake-popup h2{font-size:clamp(30px,4vw,44px)!important;line-height:1.08!important}
.sooffit-intake-popup input,.sooffit-intake-popup textarea,.sooffit-intake-popup select{font-size:16px!important;max-width:100%;box-sizing:border-box}
.sooffit-intake-popup :focus-visible{outline:2px solid #d9c9b7;outline-offset:4px}
@media(max-width:809.98px){.sooffit-intake-popup{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:12px;border-radius:20px}.sooffit-intake-popup>section{min-height:420px!important;padding:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
.sooffit-intake-popup .sooffit-submit-button{background:#d9c9b7!important;color:#281d16!important;font-weight:600!important;min-height:48px;opacity:1!important}
.sooffit-intake-popup button[type="submit"]:disabled{color:#281d16!important;-webkit-text-fill-color:#281d16!important;cursor:default;opacity:.8!important}
/* Subtiele transparantie, met voldoende contrast voor tekst en invoer. */
.sooffit-intake-popup{background:rgba(40,29,22,.88);backdrop-filter:blur(22px) saturate(115%);-webkit-backdrop-filter:blur(22px) saturate(115%);border-color:rgba(217,201,183,.3);box-shadow:0 24px 90px #0007,inset 0 1px 0 #ffffff12}
.sooffit-intake-popup>section{background:transparent!important}
.sooffit-intake-popup::backdrop{background:rgba(19,13,9,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.sooffit-intake-popup input,.sooffit-intake-popup textarea{background:rgba(29,21,16,.72)!important;color:#f7f3eb!important}
.sooffit-popup-close{transition:background-color 180ms ease,border-color 180ms ease}
.sooffit-popup-close:hover{background:#ffffff0d;border-color:#d9c9b7}
.sooffit-popup-intro{clear:both;margin:0 16px 6px;color:#d9c9b7;font:400 14px/1.6 Inter,Arial,sans-serif;max-width:52ch}
@media(max-width:809.98px){.sooffit-popup-intro{margin-inline:12px;font-size:13px}}
/* Niet-blokkerend intakepaneel: website blijft zichtbaar en scrollbaar. */
.sooffit-intake-popup{position:fixed;inset:auto 24px 24px auto;z-index:10000;width:440px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);margin:0;padding:16px;border-radius:22px;background:rgba(40,29,22,.94);box-shadow:0 14px 54px #0004}
.sooffit-intake-popup>section{min-height:0!important;padding:12px!important;gap:14px!important}
.sooffit-intake-popup h2{font-size:32px!important}
.sooffit-popup-close{margin-bottom:8px}
.sooffit-popup-intro{margin-inline:12px;font-size:13px}
@media(max-width:809.98px){
 .sooffit-intake-popup{inset:auto 12px max(12px,env(safe-area-inset-bottom)) 12px;width:auto;max-width:none;max-height:calc(100dvh - max(12px,env(safe-area-inset-bottom)) - max(12px,env(safe-area-inset-top)));padding:10px;border-radius:20px}
 .sooffit-intake-popup>section{min-height:0!important;padding:10px!important;gap:12px!important}
 .sooffit-intake-popup h2{font-size:29px!important}
}
/* Het formulier blijft in zijn React-eventboom; het paneel wordt niet afgeknipt. */
.sooffit-panel-ancestor{overflow:visible!important;transform:none!important;filter:none!important;contain:none!important;z-index:100!important}
.sooffit-panel-ancestor{will-change:auto!important;backdrop-filter:none!important;perspective:none!important}