@layer components{:root{--contact-fab-bodem:1.5rem}@media (max-width:1024px){body:has(.mobile-reserve-bar){--contact-fab-bodem:5rem}body:has(.contact-fab) .scroll-to-top{bottom:calc(var(--contact-fab-bodem) + 3.5rem)}}@media (min-width:1025px){body:has(.contact-fab) .scroll-to-top{bottom:calc(var(--contact-fab-bodem) + 4rem)}}.contact-fab{right:1rem;bottom:var(--contact-fab-bodem);z-index:45;background:var(--primary,#16a34a);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;position:fixed;box-shadow:0 6px 20px #0000002e}.contact-fab:hover{transform:translateY(-1px);box-shadow:0 8px 26px #00000038}.contact-fab:focus-visible{outline:2px solid var(--ring,#16a34a);outline-offset:3px}@media (max-width:640px){.contact-fab{padding:.85rem}.contact-fab__label{display:none}}@media (min-width:641px){.contact-fab{right:1.5rem}}.contact-fab__achtergrond{z-index:1039;background:#00000059;position:fixed;inset:0}.contact-fab__paneel{z-index:1040;right:1rem;bottom:calc(var(--contact-fab-bodem) + 3.75rem);background:var(--card,#fff);border-radius:1rem;width:min(22rem,100vw - 2rem);padding:1.25rem;position:fixed;box-shadow:0 18px 40px #00000040}.contact-fab__paneel:focus{outline:none}@media (max-width:640px){.contact-fab__paneel{width:100%;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));border-radius:1rem 1rem 0 0;bottom:0;left:0;right:0}}.contact-fab__kop{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.contact-fab__titel{margin:0;font-size:1rem;font-weight:700}.contact-fab__subtitel,.contact-blok__subtitel{color:var(--muted-foreground,#6b7280);margin:.15rem 0 0;font-size:.85rem}.contact-fab__sluiten{color:var(--muted-foreground,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;padding:.25rem}.contact-blok{border:1px solid var(--border,#e5e7eb);background:var(--card,#fff);border-radius:.9rem;margin-top:1rem;padding:1.25rem}.contact-blok__titel{margin:0;font-size:1rem;font-weight:700}.contact-kanalen__status{color:var(--muted-foreground,#6b7280);align-items:center;gap:.45rem;margin:.85rem 0;font-size:.85rem;display:flex}.contact-kanalen__stip{background:#9ca3af;border-radius:50%;width:.5rem;height:.5rem}.contact-kanalen__status--open .contact-kanalen__stip{background:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.contact-kanalen__knoppen{flex-direction:column;gap:.5rem;display:flex}.contact-kanalen__knop{border:1px solid var(--border,#e5e7eb);background:var(--background,#fff);width:100%;color:inherit;cursor:pointer;border-radius:.65rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.contact-kanalen__knop:hover{border-color:var(--primary,#16a34a)}.contact-kanalen__knop--primair{background:var(--primary,#16a34a);color:#fff;border-color:#0000}.contact-kanalen__knop--whatsapp{color:#128c4a;border-color:#25d366}.contact-kanalen__voetnoot{color:var(--muted-foreground,#6b7280);margin:.75rem 0 0;font-size:.78rem}.contact-form__body{flex-direction:column;gap:.85rem;display:flex}.contact-form__veld{flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.contact-form__veld em{color:var(--muted-foreground,#6b7280);font-style:normal;font-weight:400}.contact-form__veld input,.contact-form__veld select,.contact-form__veld textarea{border:1px solid var(--border,#e5e7eb);background:var(--background,#fff);font:inherit;border-radius:.55rem;padding:.6rem .7rem;font-weight:400}.contact-form__consent{color:var(--muted-foreground,#6b7280);align-items:flex-start;gap:.5rem;font-size:.8rem;display:flex}.contact-form__knop{background:var(--primary,#16a34a);color:#fff;cursor:pointer;border:none;border-radius:.65rem;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.contact-form__knop:disabled{opacity:.6;cursor:progress}.contact-form__fout{color:var(--destructive,#dc2626);margin:0;font-size:.85rem}.contact-form__gelukt{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.65rem;padding:1rem}.contact-form__gelukt-titel{color:#166534;margin:0 0 .25rem;font-weight:700}.contact-form__gelukt-tekst{color:#15803d;margin:0;font-size:.85rem}}