/* Contactpagina zustershops (zelfde opbouw als followgrow.nl/contact). --p = merkkleur, staat op .fgk. */
.fgk{--lijn:#e6e1ee;--grijs:#55555f;--inkt:#191922;width:calc(100% - 32px);max-width:1160px;margin:0 auto;font-family:inherit;color:var(--inkt);text-align:left}
.fgk *{box-sizing:border-box}
.fgk-kop{padding:34px 0 6px}
.fgk-oog{display:inline-block;margin:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--p)}
.fgk-kop h1{margin:0 0 8px;font-size:clamp(32px,4.4vw,46px);line-height:1.1;font-weight:800;color:var(--inkt);letter-spacing:-.01em}
.fgk-kop p{margin:0;max-width:640px;font-size:17px;line-height:1.55;color:var(--grijs)}
.fgk .fgg-cb{width:100%;max-width:none;margin:22px 0 20px}
.fgk-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;padding:18px;margin:0 0 40px;background:#f7f7f9;border:1px solid var(--lijn);border-radius:18px}
.fgk-kaart{background:#fff;border:1px solid var(--lijn);border-radius:14px;box-shadow:0 6px 18px rgba(28,10,50,.07)}
.fgk-hoofd{padding:26px 26px 28px}
.fgk-intro{margin:0 0 6px !important;font-size:15.5px;line-height:1.5;color:var(--grijs)}
.fgk-h2{margin:0 0 20px !important;padding:0 0 10px;font-size:24px !important;line-height:1.25;font-weight:800;color:var(--inkt);position:relative}
.fgk-h2:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:3px;background:var(--p)}
.fgk-zij{padding:20px;position:sticky;top:24px}
.fgk-pil{display:inline-block;margin:0 0 10px;padding:4px 11px;border-radius:999px;background:color-mix(in srgb,var(--p) 10%,#fff);color:var(--p);font-size:13px;font-weight:700}
.fgk-zij-p{margin:0 0 14px !important;font-size:15px;line-height:1.55;color:var(--grijs)}
.fgk a.fgk-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border-radius:10px;background:#128c4a;color:#fff !important;font-weight:700;font-size:15.5px;text-decoration:none !important;margin:0 0 4px}
.fgk a.fgk-wa:hover{background:#0a6f39}
.fgk-kanalen{display:flex;flex-direction:column;gap:2px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--lijn)}
.fgk a.fgk-kanaal{color:var(--p) !important;font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:3px;word-break:break-all;margin-top:8px}
.fgk-bij{font-size:13px;color:var(--grijs)}
.fgk-bedrijf{display:flex;flex-direction:column;gap:1px;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--lijn);font-size:13px;line-height:1.5;color:var(--grijs)}
.fgk-bedrijf b{color:var(--inkt);font-size:13px;margin-bottom:3px}
/* eigen formulier */
.fgk-form{display:flex;flex-direction:column;gap:16px;margin:0}
.fgk-rij{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fgk-veld{display:flex;flex-direction:column;gap:7px;margin:0}
.fgk-veld>span{font-size:15.5px;font-weight:700;color:var(--inkt);line-height:1.3}
.fgk-veld>span i{color:#a4161a;font-style:normal}
.fgk-veld>span em{font-weight:500;font-style:normal;color:var(--grijs);font-size:14px}
.fgk-bericht{display:flex;flex-direction:column;gap:16px}
.fgk-bericht[hidden]{display:none}
.fgk input[type=text],.fgk input[type=email],.fgk input[type=tel],.fgk input[type=number],.fgk select,.fgk textarea{width:100% !important;max-width:none !important;min-height:50px;margin:0 !important;padding:12px 14px !important;font:inherit;font-size:16px !important;line-height:1.4 !important;color:var(--inkt) !important;background:#fff !important;border:1.5px solid #cdc8d8 !important;border-radius:10px !important;box-shadow:none !important;outline:0;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.fgk select{padding-right:40px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 14px center !important}
.fgk textarea{min-height:150px;resize:vertical}
.fgk input:hover,.fgk select:hover,.fgk textarea:hover{border-color:#8f88a8 !important}
.fgk input:focus,.fgk select:focus,.fgk textarea:focus{border-color:var(--p) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 20%,transparent) !important}
.fgk .is-fout{border-color:#d33 !important;background:#fff6f6 !important}
.fgk-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.fgk-melding{margin:0 !important;padding:11px 14px;border-radius:10px;background:#fdecec;color:#8a1717;font-size:15px}
.fgk-melding[hidden]{display:none}
.fgk .fgk-knop,.fgk .gform_wrapper .gform_footer input[type=submit],.fgk .gform_wrapper .gform_footer button,.fgk .gform_wrapper .gform_page_footer input[type=submit]{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 30px !important;border:0 !important;border-radius:12px !important;background:var(--p) !important;color:#fff !important;font:inherit;font-size:16.5px !important;font-weight:700 !important;letter-spacing:0;text-transform:none !important;text-decoration:none !important;cursor:pointer;box-shadow:0 8px 20px -10px color-mix(in srgb,var(--p) 70%,transparent) !important;transition:filter .15s,transform .15s;width:auto !important}
.fgk .fgk-knop:hover,.fgk .gform_wrapper .gform_footer input[type=submit]:hover{filter:brightness(1.1)}
.fgk .fgk-verstuur{align-self:flex-start;min-width:200px}
.fgk-garantie{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;border-radius:12px;background:color-mix(in srgb,var(--p) 7%,#fff);border:1px solid color-mix(in srgb,var(--p) 25%,#fff)}
.fgk-garantie[hidden]{display:none}
.fgk-garantie b{font-size:16px;color:var(--inkt)}
.fgk-garantie span{font-size:14.5px;line-height:1.5;color:var(--grijs);margin-bottom:6px}
.fgk-klaar{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 10px}
.fgk-klaar i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--p) 11%,#fff);color:var(--p);font-style:normal;font-size:26px;margin-bottom:6px}
.fgk-klaar b{font-size:20px;color:var(--inkt)}
.fgk-klaar span{color:var(--grijs);font-size:15px}
/* Gravity Forms in de kaart */
.fgk .gform_wrapper{margin:0 !important;padding:0 !important;max-width:none !important}
.fgk .gform_wrapper .gform_heading{display:none}
.fgk .gform_wrapper ul.gform_fields,.fgk .gform_wrapper .gform_fields{margin:0 !important;padding:0 !important;list-style:none !important;display:grid !important;grid-template-columns:1fr !important;gap:16px !important}
.fgk .gform_wrapper .gfield{margin:0 !important;padding:0 !important;max-width:none !important;width:100% !important;grid-column:1 / -1 !important}
.fgk .gform_wrapper .gfield_label,.fgk .gform_wrapper .gform-field-label:not(.gform-field-label--type-sub){display:block !important;margin:0 0 7px !important;font-size:15.5px !important;font-weight:700 !important;color:var(--inkt) !important}
.fgk .gform_wrapper .gfield_required{color:#a4161a !important}
.fgk .gform_wrapper .ginput_complex.ginput_container_name{display:grid !important;grid-template-columns:1fr 1fr;gap:16px;width:100% !important}
.fgk .gform_wrapper .ginput_complex.ginput_container_name>span{display:flex !important;flex-direction:column-reverse;width:100% !important;padding:0 !important;margin:0 !important;float:none !important}
.fgk .gform_wrapper .gform-field-label--type-sub,.fgk .gform_wrapper .ginput_complex label{margin:0 0 6px !important;font-size:14px !important;font-weight:600 !important;color:#3d3d48 !important}
.fgk .gform_wrapper .gfield_description,.fgk .gform_wrapper .instruction{font-size:13.5px !important;color:var(--grijs) !important;padding-top:6px !important}
.fgk .gform_wrapper .gform_footer,.fgk .gform_wrapper .gform_page_footer{margin:20px 0 0 !important;padding:0 !important}
.fgk .gform_wrapper .gfield_radio label,.fgk .gform_wrapper .gfield_checkbox label{font-size:15.5px !important;font-weight:400 !important}
.fgk .gform_wrapper input[type=radio],.fgk .gform_wrapper input[type=checkbox]{accent-color:var(--p);width:20px;height:20px}
.fgk .gform_wrapper .gform_validation_errors{border-radius:10px !important}
.fgk .gform_confirmation_message{padding:18px;border-radius:12px;background:#eef7f1;color:#14402a;font-size:16px}
/* SEO-tekst onder de kaarten: leesbaar en rustig */
.fgk-seo{width:calc(100% - 32px);max-width:1160px;margin:0 auto 40px;color:#3d3a48}
.fgk-seo>*:not(.elementor){max-width:820px}
.fgk-seo h2{margin:34px 0 10px !important;font-size:26px !important;line-height:1.25;color:var(--inkt)}
.fgk-seo h3{margin:22px 0 6px !important;font-size:19px !important;line-height:1.3;color:var(--inkt)}
.fgk-seo p,.fgk-seo li{font-size:16px;line-height:1.7}
.fgk-seo hr{margin:30px 0 !important;border:0;border-top:1px solid var(--lijn,#e6e1ee)}
@media(max-width:980px){.fgk-grid{grid-template-columns:1fr;padding:12px;gap:14px}.fgk-zij{position:static;order:-1}}
@media(max-width:600px){.fgk{width:calc(100% - 24px)}.fgk-kop{padding:22px 0 0}.fgk-hoofd{padding:20px 16px 22px}.fgk-rij,.fgk .gform_wrapper .ginput_complex.ginput_container_name{grid-template-columns:1fr}.fgk .fgk-verstuur,.fgk .gform_wrapper .gform_footer input[type=submit]{width:100% !important;align-self:stretch}.fgk-seo{width:calc(100% - 24px)}}
html:has(body.fgk-on),body.fgk-on{overflow-x:clip}
.fgk-seo .elementor-widget-text-editor,.fgk-seo .elementor-widget-text-editor p,.fgk-seo .elementor-widget-text-editor li{color:#3d3a48 !important}
.fgk-seo .elementor-heading-title{color:var(--inkt,#191922) !important}
.fgk-seo{--inkt:#191922;--lijn:#e6e1ee}
/* Oude Elementor-kop (met H1 of het oude formulier) weg: de nieuwe opbouw staat erboven */
.fgk-seo [data-elementor-type="wp-page"] > .elementor-element:has(h1,.elementor-widget-form),.fgk-seo [data-elementor-type="wp-page"] > .elementor-section-wrap > .elementor-element:has(h1,.elementor-widget-form){display:none !important}
