.delfts-preview {
    background-image: url('https://de-pels.nl/wp-content/uploads/2026/10/Blanco-tegel-zonder-witte-rand.jpeg') !important;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}

.delfts-app{--delfts-blue:#235789;--delfts-deep:#123e69;font-family:Georgia,serif;color:#163f69;min-width:100%;margin:25px auto;padding:22px;background:#fcfcf9}.delfts-app *{box-sizing:border-box}.delfts-intro{text-align:center;max-width:800px;margin:12px auto 30px}.delfts-eyebrow{font:600 11px system-ui,sans-serif;letter-spacing:.27em;color:#6b87a0}.delfts-intro h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);margin:9px 0 10px;color:var(--delfts-deep)}.delfts-intro p{font:15px/1.7 system-ui,sans-serif;color:#546c7e}.delfts-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:28px;align-items:start}.delfts-wall-wrap{min-width:0}.delfts-legend{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 13px;font:12px system-ui,sans-serif;color:#485e71}.delfts-legend span{display:inline-flex;align-items:center;gap:6px}.delfts-dot{height:11px;width:11px;display:inline-block;border:1px solid #638bad}.delfts-dot.available{background:#fffef6}.delfts-dot.reserved{background:#e9e1ce}.delfts-dot.paid{background:#c9daee}.delfts-wall{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;background:#cedbe8;border:5px solid #a5bdd2;border-radius:4px;padding:4px;box-shadow:0 12px 30px #193d5c17;max-height:1000px;overflow:auto}.delfts-tile{aspect-ratio:1;min-width:0;padding:2px!important;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1px;border:1px solid #7eaccf!important;border-radius:1px!important;background:#fffef8!important;color:#2a5e8a!important;box-shadow:inset 0 0 0 2px #eff5f9;cursor:pointer;line-height:1.1}.delfts-tile:hover,.delfts-tile:focus-visible{outline:2px solid #164776;outline-offset:0;transform:scale(1.12);z-index:2}.delfts-tile.selected{outline:3px solid #164776;z-index:2}.delfts-tile.reserved{background:#ebe1cf!important;color:#7b6e59!important}.delfts-tile.paid{background:#cbdfee!important}.delfts-tile-number{font:clamp(5px,.55vw,9px) system-ui,sans-serif;opacity:.75}.delfts-tile-name{font:clamp(5px,.55vw,9px)/1.1 Georgia,serif;overflow:hidden;overflow-wrap:anywhere;max-height:80%;text-align:center}.delfts-help,.delfts-small{color:#607687;font:12px/1.6 system-ui,sans-serif}.delfts-preview{width:min(100%,325px);aspect-ratio:1;margin:0 auto 18px;padding:20px;border:8px double #2c6293;box-shadow:inset 0 0 0 7px #fbf9f0,inset 0 0 0 9px #81a1c0;background:#fffdf7;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center}.delfts-ornament{font-size:36px;color:#477fac;letter-spacing:.2em}.delfts-preview small{font:10px system-ui,sans-serif;letter-spacing:.2em}.delfts-preview-name{font:bold italic clamp(19px,2.2vw,29px) Georgia,serif;overflow-wrap:anywhere;max-width:100%;line-height:1.15;color:#174b80}.delfts-preview-number{font:11px system-ui,sans-serif}.delfts-controls{background:white;border:1px solid #d8e3ed;padding:19px}.delfts-selection{font:600 14px/1.5 system-ui,sans-serif;margin:0 0 13px;color:#1c537f}.delfts-form{display:grid;gap:10px}.delfts-form label{display:grid;gap:5px;font:600 12px system-ui,sans-serif;color:#294b6a}.delfts-form input:not([type=checkbox]),.delfts-form textarea{width:100%;padding:10px!important;border:1px solid #adc3d6!important;background:white!important;color:#1b3f5d!important;border-radius:3px!important;font:14px system-ui,sans-serif}.delfts-form :disabled{opacity:.6}.delfts-form .delfts-consent{display:flex;align-items:flex-start;gap:8px;font:12px/1.5 system-ui,sans-serif}.delfts-consent input{margin-top:2px}.delfts-form button{border:0;background:#1e537f;color:white;min-height:45px;cursor:pointer;font:600 14px system-ui,sans-serif;border-radius:3px}.delfts-form button:disabled{cursor:not-allowed;background:#98aaba}.delfts-feedback{font:13px/1.6 system-ui,sans-serif;margin:0;min-height:1em}.delfts-bot-trap{position:absolute;left:-10000px;opacity:0;height:0;overflow:hidden}@media(max-width:800px){.delfts-layout{grid-template-columns:1fr}.delfts-wall{grid-template-columns:repeat(10,minmax(0,1fr));max-height:440px}.delfts-tile-number,.delfts-tile-name{font-size:8px}.delfts-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.delfts-preview{align-self:start}}@media(max-width:520px){.delfts-app{padding:9px}.delfts-side{display:block}.delfts-wall{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}.delfts-preview{margin-bottom:20px}.delfts-ornament{font-size:27px}}

/* Kies een bijdrage */
.delfts-app .delfts-amounts{border:0;margin:10px 0 15px;padding:0;min-width:0}
.delfts-app .delfts-amounts legend{font-weight:700;color:#12365e;margin-bottom:10px}
.delfts-app .delfts-amount-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #b4d5e9;background:#e4f4ff;border-radius:14px;padding:12px;margin-bottom:8px;cursor:pointer}
.delfts-app .delfts-amount-option:has(input:checked){outline:2px solid #144f8f;background:#c5e8fc}
.delfts-app .delfts-amount-option input{width:auto;flex:none;margin-top:5px}
.delfts-app .delfts-amount-option span{display:block;min-width:0}
.delfts-app .delfts-amount-option strong{display:block;font-size:1.05rem;color:#073463}
.delfts-app .delfts-amount-option small{display:block;font-size:.9rem;line-height:1.4;margin-top:4px;color:#073463}

/* Optionele logo-upload */
.delfts-form .delfts-upload-help{font:400 11px/1.5 system-ui,sans-serif;color:#607687}