.nouma3d-personalization,.nouma3d-kleurkeuze{box-sizing:border-box;margin:1.2rem 0;padding:1.2rem;border:1px solid #dce3eb;border-radius:12px;background:#f8fafc;max-width:100%}
.nouma3d-kleurkeuze legend{font-weight:700;color:#0b2d4f;padding:0 .35rem}
.nouma3d-kleuren{display:flex;gap:.65rem;flex-wrap:wrap;margin:.55rem 0 .8rem}
.nouma3d-kleur{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;min-width:66px;font-size:.85rem}
.nouma3d-kleur input{position:absolute;opacity:0;width:1px;height:1px}
.nouma3d-staal{background:var(--nouma-kleur);border:2px solid #a9b6c6;border-radius:50%;width:38px;height:38px;display:block;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.nouma3d-kleur input:checked+.nouma3d-staal{outline:3px solid #0b6fd4;outline-offset:3px}
.nouma3d-kleur input:focus-visible+.nouma3d-staal{outline:3px solid #0b6fd4;outline-offset:3px}
.nouma3d-kleurnaam{color:#17334e;line-height:1.3;text-align:center}
.nouma3d-kleurkeuze small,.nouma3d-personalization small{display:block;color:#607082;font-size:.82rem}
.nouma3d-personalization input[type=text]{box-sizing:border-box;min-height:44px;border:1px solid #b6c4d4;border-radius:7px;padding:.65rem .75rem}
.nouma3d-categorierooster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.nouma3d-categoriekaart{border:1px solid #dbe5ee;border-radius:14px;padding:1.5rem;background:#fff;display:flex;flex-direction:column;gap:.65rem;text-decoration:none!important;box-shadow:0 5px 20px rgba(11,45,79,.05)}
.nouma3d-categoriekaart strong{font-size:1.25rem;color:#0b2d4f}
.nouma3d-categoriekaart span{color:#4a6075;font-size:.95rem}
.nouma3d-categoriekaart span:last-child{color:#0879a3;font-weight:700;margin-top:auto}
.nouma3d-categoriekaart:hover{border-color:#0879a3;transform:translateY(-2px)}
@media(max-width:760px){.nouma3d-categorierooster{grid-template-columns:1fr}}