@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#mok-app{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1100;background:var(--mok-bg, #FFFBF2);min-height:100vh;padding:2rem 0 4rem;transition:background .5s ease}.mok-main{max-width:680px;margin:0 auto;padding:0 1.25rem}.mok-card{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 2px 20px #0000000f;margin-bottom:1.5rem}.form-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #F0EDE8}.form-titel{font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:800;color:#1a1100;margin-bottom:.4rem;letter-spacing:.01em;text-transform:uppercase}.form-subtitel{font-size:.95rem;color:#6b5b35;line-height:1.5;max-width:480px;margin:0 auto}.form-sectie-blok{margin-bottom:1.75rem}.veld-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#1a1100;margin-bottom:.25rem}.veld-subtekst{font-size:.82rem;color:#6b5b35;margin-bottom:.6rem}.optioneel-badge{font-size:.72rem;font-weight:500;color:#bbb;background:#f5f5f5;padding:.15rem .5rem;border-radius:1rem}.veld-input{width:100%;padding:.85rem 1rem;border:1.5px solid #E8E4DF;border-radius:.85rem;font-size:.95rem;color:#1a1f3a;background:#fdfcfb;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.veld-input::placeholder{color:#888}.veld-input:focus{border-color:#f5a800;box-shadow:0 0 0 3px #f5a8001f;background:#fff}.veld-textarea{resize:vertical;min-height:90px;line-height:1.5;margin-top:.5rem}.veld-input-sm{margin-top:.75rem}.kleur-keuze{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.kleur-optie{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;padding:.5rem .25rem;border-radius:.85rem;border:2px solid transparent;transition:all .18s}.kleur-optie:hover{background:#f7f5f2}.kleur-optie.selected{border-color:#e8621a;background:#fff3ec}.kleur-cirkel{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #0000001a;transition:transform .18s}.kleur-optie:hover .kleur-cirkel{transform:scale(1.08)}.kleur-optie.selected .kleur-cirkel{transform:scale(1.12)}.kleur-naam{font-size:.62rem;color:#888;text-align:center;font-weight:500;line-height:1.2}.kleur-optie.selected .kleur-naam{color:#e8621a;font-weight:600}.relatie-chips{display:flex;flex-wrap:wrap;gap:.5rem}.relatie-chip{padding:.45rem .9rem;border-radius:2rem;border:1.5px solid #E8E4DF;font-size:.85rem;cursor:pointer;background:#fdfcfb;color:#555;transition:all .18s;-webkit-user-select:none;user-select:none;font-weight:500}.relatie-chip:hover{border-color:#f5a800;background:#fff8e6;color:#1a1100}.relatie-chip.actief{border-color:#f5a800;background:#f5a800;color:#fff;box-shadow:0 2px 8px #f5a8004d}.relatie-anders{border-style:dashed}.relatie-anders-veld{margin-top:.75rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.chip-rechts{margin-left:auto}.chip{padding:.35rem .8rem;border-radius:2rem;border:1.5px solid #E8E4DF;font-size:.8rem;cursor:pointer;background:#fdfcfb;color:#555;transition:all .18s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#f5a800;background:#fff8e6;color:#1a1100}.chip.on{border-color:#f5a800;background:#f5a800;color:#fff;font-weight:600;box-shadow:0 2px 8px #f5a80059;transform:translateY(-1px)}.chip-meer{border-color:#f5a800;color:#f5a800;font-weight:600;background:transparent}.chip-meer:hover{background:#f5a800;color:#fff}.gelegenheid-chips{display:flex;flex-wrap:wrap;gap:.5rem}.gelegenheid-chip{padding:.5rem 1rem;border-radius:2rem;border:1.5px solid #E8E4DF;font-size:.85rem;cursor:pointer;background:#fdfcfb;color:#555;transition:all .18s;-webkit-user-select:none;user-select:none;font-weight:500}.gelegenheid-chip:hover{border-color:#f5a800;background:#fff8e6;color:#1a1100;transform:translateY(-1px)}.gelegenheid-chip.actief{border-color:#f5a800;background:#f5a800;color:#fff;font-weight:600;box-shadow:0 2px 8px #f5a8004d}.upload-zone{border:2px dashed #E8E4DF;border-radius:1rem;padding:2rem 1.5rem;text-align:center;cursor:pointer;background:#fdfcfb;transition:all .2s;min-height:140px;display:flex;align-items:center;justify-content:center}.upload-zone:hover,.upload-zone.drag-over{border-color:#f5a800;background:#fff8e6}.upload-icon{font-size:2.5rem;margin-bottom:.75rem}.upload-tekst{font-size:.9rem;color:#555;font-weight:500;margin-bottom:.3rem}.upload-sub{font-size:.78rem;color:#888}#photo-preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #F5A800;box-shadow:0 4px 12px #f5a80033}.foto-verwijder{background:none;border:1px solid #E8E4DF;border-radius:1rem;padding:.3rem .8rem;font-size:.78rem;color:#888;cursor:pointer;font-family:inherit;transition:all .18s}.foto-verwijder:hover{border-color:#c0392b;color:#c0392b}.error-box{background:#fff0ee;border:1px solid #F5C4B3;border-radius:.85rem;padding:.9rem 1rem;color:#993c1d;font-size:.88rem;margin-bottom:1rem;display:none}.ai-uitleg-blok{display:flex;align-items:center;justify-content:center;text-align:center;background:#fff8e6;border:1px solid rgba(245,168,0,.35);border-radius:.85rem;padding:.85rem 1rem;font-size:.88rem;color:#6b5b35;margin-bottom:1rem;line-height:1.4}.koper-blok{border-top:1px solid #EDE7DC;padding-top:1.25rem;margin-bottom:1.25rem}.koper-velden-rij{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.koper-velden-rij .form-sectie-blok{flex:1 1 200px;margin-bottom:.75rem}.veld-input.veld-fout{border-color:#d9534f;background:#fff;box-shadow:0 0 0 3px #d9534f1f}.veld-foutmelding{margin-top:.4rem;font-size:.82rem;font-weight:600;color:#d9534f;line-height:1.35}.email-suggestie{margin-top:.5rem;padding:.6rem .8rem;background:#fff8e6;border:1px solid rgba(245,168,0,.45);border-radius:.6rem;font-size:.85rem;color:#6b5b35;line-height:1.4}.email-suggestie:before{content:"\1f4a1  "}.email-suggestie-knop{background:none;border:none;padding:0;font:inherit;color:#b87a08;font-weight:700;text-decoration:underline;cursor:pointer}.privacy-zin{text-align:center;font-size:.78rem;color:#6b5b35;line-height:1.5;margin-top:.9rem}.privacy-zin a{color:#b87a08;text-decoration:underline}.btn-generate{width:100%;padding:1.1rem;background:#d4900a;color:#fff;border:none;border-radius:100px;font-family:Barlow Condensed,sans-serif;font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 18px #d4900a4d}.btn-generate:hover{background:#b87a08;transform:translateY(-2px);box-shadow:0 8px 28px #d4900a66}.btn-generate:active{transform:translateY(0)}.btn-generate-icon{font-size:1.3rem}.loading-card{text-align:center;padding:3rem 2rem}.magic-loader{position:relative;width:64px;height:64px;margin:0 auto 1.5rem}.magic-ring{width:64px;height:64px;border:3px solid #F0EDE8;border-top-color:#f5a800;border-radius:50%;animation:spin .8s linear infinite}.magic-emoji{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-titel{font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.loading-subtitel{color:#888;font-size:.9rem;margin-bottom:2rem}.load-steps{display:flex;flex-direction:column;gap:.75rem;max-width:280px;margin:0 auto;text-align:left}.load-step{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:#ccc}.load-step-dot{width:10px;height:10px;border-radius:50%;background:#e8e4df;flex-shrink:0;transition:all .3s}.load-step.active{color:#1a1f3a}.load-step.active .load-step-dot{background:#f5a800;box-shadow:0 0 0 3px #f5a80033;animation:pulse-ring 1.5s ease-out infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #f5a80066}70%{box-shadow:0 0 0 6px #f5a80000}to{box-shadow:0 0 #f5a80000}}.load-step.done{color:#f5a800}.load-step.done .load-step-dot{background:#f5a800}.result-header{margin-bottom:1.5rem}#result-sectie{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1.5rem;padding:1.5rem 1.25rem;margin:0 -1.25rem}.back-btn{background:none;border:1.5px solid #E8E4DF;border-radius:.65rem;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;color:#888;font-family:inherit;transition:all .18s;margin-bottom:1rem;display:inline-flex;align-items:center;gap:.35rem}.back-btn:hover{border-color:#f5a800;color:#f5a800}.result-titel{font-size:1.6rem;font-weight:700;margin-bottom:.3rem;letter-spacing:-.02em;color:#1a1100}.result-subtitel{font-size:.9rem;color:#6b5b35}.variants{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.variant-card{background:#fff;border-radius:1.25rem;overflow:hidden;border:2px solid #E8E4DF;cursor:pointer;transition:all .22s;box-shadow:0 2px 8px #0000000a;width:100%}.variant-card:hover{border-color:#f5a800;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.variant-card.selected{border-color:#1a1100;border-width:3px;box-shadow:0 0 0 4px #1a11001f}.v-header{padding:.85rem 1rem .6rem;display:flex;align-items:center;justify-content:space-between}.v-stijl-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:1rem;background:#fff8e6;color:#f5a800}.v-num{width:26px;height:26px;border-radius:50%;background:#1a1f3a;color:#fff;font-size:.78rem;font-weight:700;display:flex;align-items:center;justify-content:center}.variant-card.selected .v-num{background:#f5a800}.v-img-wrap{width:100%;aspect-ratio:2.5/1;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.v-img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;draggable:false}.v-slogan{padding:.85rem 1rem;font-size:.9rem;font-weight:600;text-align:center;color:#1a1f3a;line-height:1.3;border-top:1px solid #F5F3F0}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;padding:1rem}.lightbox-overlay{position:relative;max-width:95vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:95vw;max-height:85vh;border-radius:1rem;box-shadow:0 20px 60px #00000080;object-fit:contain}.lightbox-sluit{position:absolute;top:-2.5rem;right:0;background:#ffffff26;border:none;color:#fff;font-size:1.4rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-sluit:hover{background:#ffffff4d}.v-vergroot-hint{position:absolute;bottom:.6rem;right:.6rem;background:#0000008c;color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .6rem;border-radius:.5rem;pointer-events:none;opacity:0;transition:opacity .2s}.v-img-wrap:hover .v-vergroot-hint{opacity:1}.v-img-wrap{cursor:zoom-in}.v-card-footer{padding:.85rem 1rem;border-top:1px solid #F5F3F0;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.v-check-indicator{font-size:.8rem;font-weight:700;color:#f5a800;display:none;align-items:center;gap:.3rem}.variant-card.selected .v-check-indicator{display:flex}.v-loading-inline{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#888}.btn-kies{background:#d4900a;color:#fff;border:none;border-radius:100px;padding:.65rem 1.25rem;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s ease,transform .2s ease;white-space:nowrap}.btn-kies:hover{background:#b87a08;transform:translateY(-1px)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/page-personaliseren.css.map */