/* Interieur Wrapping kleurenbibliotheek. Huisstijl: espresso #3B2C25, taupe #795A4B, zand #AC8764, licht #F6F1EC. */
.iwk{--iwk-donker:#3B2C25;--iwk-taupe:#795A4B;--iwk-zand:#AC8764;--iwk-licht:#F6F1EC;--iwk-rand:#E6DDD5;--iwk-tekst:#2B2624;--iwk-tekst-2:#6B5B52;margin:8px 0 40px}
.iwk *,.iwk-dialoog *,.iwk-balk *,.iwk-form-wrap *{box-sizing:border-box}
.iwk__balk{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:0 0 22px}
.iwk__zoek{flex:1 1 260px;max-width:420px}
.iwk__zoek input{width:100%;min-height:48px;padding:10px 16px;border:1.5px solid var(--iwk-rand);border-radius:12px;font:inherit;font-size:16px;background:#fff;color:var(--iwk-tekst)}
.iwk__zoek input:focus{outline:3px solid #E3D3C6;border-color:var(--iwk-taupe)}
.iwk__telling{margin:0;color:var(--iwk-tekst-2);font-size:15px}.iwk__telling b{color:var(--iwk-donker)}
.iwk__groepen{display:flex;flex-wrap:wrap;gap:8px;width:100%}
.iwk__groepen a{display:inline-block;padding:7px 14px;border-radius:999px;border:1px solid var(--iwk-rand);background:#fff;color:var(--iwk-donker);font-size:14px;font-weight:600;text-decoration:none}
.iwk__groepen a:hover{border-color:var(--iwk-taupe)}.iwk__groepen a[aria-current]{background:var(--iwk-donker);border-color:var(--iwk-donker);color:#fff}
.iwk__raster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.iwk__kaart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--iwk-rand);border-radius:16px;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}
.iwk__kaart:hover{box-shadow:0 14px 34px -18px rgba(43,38,36,.35);transform:translateY(-2px)}
.iwk__kaart[hidden]{display:none}
.iwk__kaart.is-gekozen{border-color:var(--iwk-taupe);box-shadow:inset 0 0 0 1px var(--iwk-taupe)}
.iwk__beeld{display:block;width:100%;padding:0;border:0;background:var(--iwk-licht);cursor:zoom-in}
.iwk__beeld img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.iwk__kaarttekst{padding:12px 14px 6px;display:flex;flex-direction:column;gap:2px}
.iwk__kaarttekst b{color:var(--iwk-donker);font-size:15px;line-height:1.3}.iwk__kaarttekst span{color:var(--iwk-tekst-2);font-size:13px;letter-spacing:.04em}
.iwk__kies{margin:6px 14px 14px;min-height:40px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--iwk-taupe);background:#fff;color:var(--iwk-taupe);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.iwk__kies:hover{background:var(--iwk-licht)}
.iwk__kies .iwk__kies-uit{display:none}.iwk__kies[aria-pressed="true"]{background:var(--iwk-taupe);color:#fff}.iwk__kies[aria-pressed="true"] .iwk__kies-aan{display:none}.iwk__kies[aria-pressed="true"] .iwk__kies-uit{display:inline}
.iwk__kies[disabled]{opacity:.45;cursor:not-allowed}
.iwk__kies--groot{margin:14px 0 0;min-height:48px;padding:12px 20px;font-size:15px}
.iwk__leeg{padding:24px;text-align:center;color:var(--iwk-tekst-2)}
/* Dialoog */
.iwk-dialoog{border:0;padding:0;background:transparent;width:calc(100vw - 32px);max-width:1040px;max-height:calc(100vh - 32px)}
.iwk-dialoog::backdrop{background:rgba(43,38,36,.6)}
.iwk-dialoog__kaart{position:relative;background:#fff;border-radius:20px;overflow:auto;max-height:calc(100vh - 32px);display:grid;gap:0}
.iwk-dialoog__sluit{position:absolute;top:10px;right:10px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#3B2C25;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.iwk-dialoog__fotos{display:grid;gap:6px;padding:6px;background:#F6F1EC}
.iwk-dialoog__fotos figure{margin:0;position:relative}.iwk-dialoog__fotos img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;background:#E6DDD5}
.iwk-dialoog__fotos figcaption{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700;color:#3B2C25}
.iwk-dialoog__tekst{padding:22px 24px 26px}
.iwk-dialoog__groep{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#AC8764}
.iwk-dialoog__tekst h3{margin:0 0 4px;font-size:26px;line-height:1.15;color:#3B2C25}
.iwk-dialoog__code{margin:0;color:#6B5B52;letter-spacing:.06em}
.iwk-dialoog__noot{margin:16px 0 0;font-size:14px;color:#6B5B52}
/* Plakbalk */
.iwk-balk{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#3B2C25;color:#fff;box-shadow:0 -10px 30px rgba(0,0,0,.18)}
.iwk-balk[hidden]{display:none}
.iwk-balk__in{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.iwk-balk__tekst{display:flex;flex-direction:column;gap:2px;min-width:0}.iwk-balk__tekst b{font-size:15px}.iwk-balk__codes{font-size:13px;color:#E3D3C6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iwk-balk__knop{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;border:0;background:#AC8764;color:#fff!important;font:inherit;font-size:15px;font-weight:700;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.iwk-balk__knop:hover{background:#C19A76}
body.iwk-heeft-balk{padding-bottom:84px}
/* Formulier */
.iwk-form-wrap{max-width:720px}
.iwk-form fieldset{border:1px solid #E6DDD5;border-radius:16px;padding:18px 20px;margin:0 0 22px;background:#fff}
.iwk-form legend{padding:0 8px;font-weight:700;color:#3B2C25}.iwk-form legend span{font-weight:400;color:#6B5B52}
.iwk-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.iwk-chips li{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 6px;border:1px solid #E6DDD5;border-radius:12px;background:#F6F1EC}
.iwk-chips img{width:56px;height:38px;object-fit:cover;border-radius:8px}
.iwk-chips b{display:block;font-size:14px;color:#3B2C25;line-height:1.2}.iwk-chips small{color:#6B5B52;letter-spacing:.04em}
.iwk-chips button{border:0;background:transparent;color:#795A4B;font-size:20px;line-height:1;cursor:pointer;padding:4px 6px}
.iwk-form__leeg{margin:0;color:#6B5B52}.iwk-form__meer{margin:12px 0 0;font-size:14px}.iwk-form__meer a{color:#795A4B;font-weight:700}
.iwk-honing{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.iwk-veld{margin:0 0 16px}.iwk-veld label{display:block;font-weight:700;color:#3B2C25;margin-bottom:6px}.iwk-veld label span{font-weight:400;color:#6B5B52}
.iwk-veld input,.iwk-veld textarea{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid #E6DDD5;border-radius:12px;font:inherit;font-size:16px;color:#2B2624;background:#fff}
.iwk-veld input:focus,.iwk-veld textarea:focus{outline:3px solid #E3D3C6;border-color:#795A4B}
.iwk-veld input[aria-invalid="true"]{border-color:#B42318}
.iwk-veld--paar{display:grid;gap:16px}
.iwk-form__fout,.iwk-melding--fout{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#FDECEC;color:#8A1C12;font-weight:700}.iwk-form__fout[hidden]{display:none}
.iwk-form__verstuur{width:100%;min-height:52px;font-size:16px}
.iwk-form__fineprint{margin:12px 0 0;font-size:13px;color:#6B5B52}
@media (min-width:768px){.iwk__raster{grid-template-columns:repeat(3,1fr);gap:18px}.iwk-dialoog__kaart{grid-template-columns:1.6fr 1fr}.iwk-dialoog__fotos{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.iwk-dialoog__fotos figure:first-child{grid-column:1/3}.iwk-veld--paar{grid-template-columns:1fr 1fr}.iwk-form__verstuur{width:auto}}
@media (min-width:1200px){.iwk__raster{grid-template-columns:repeat(4,1fr)}}
@media (prefers-reduced-motion:reduce){.iwk *{transition:none!important}}
/* Sectie "Zo zien je samples eruit": video + foto's van de klant */
.iwk-media{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 0}
.iwk-media figure{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#F6F1EC;aspect-ratio:3/4}
.iwk-media figure img,.iwk-media figure video{display:block;width:100%;height:100%;object-fit:cover}
.iwk-media__video{grid-column:1/3;aspect-ratio:9/16!important;max-height:560px;justify-self:center;width:100%;max-width:340px}
.iwk-media figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#3B2C25;font-size:13px;font-weight:700}
.iwk-media__geluid{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#3B2C25;cursor:pointer;font-size:16px;line-height:40px;text-align:center;padding:0}
@media (min-width:768px){.iwk-media{grid-template-columns:minmax(0,1.15fr) 1fr 1fr;grid-template-rows:1fr 1fr;gap:16px}.iwk-media__video{grid-column:1;grid-row:1/3;max-height:none;max-width:none;justify-self:stretch;aspect-ratio:auto!important}}

/* Projectvelden */
.iwk-veld__label{display:block;font-weight:700;color:#3B2C25;margin-bottom:8px}
.iwk-radios{display:flex;flex-wrap:wrap;gap:8px}
.iwk-radio{position:relative;cursor:pointer}.iwk-radio input{position:absolute;opacity:0;width:1px;height:1px}
.iwk-radio span{display:inline-block;padding:9px 14px;border:1.5px solid #E6DDD5;border-radius:999px;background:#fff;color:#3B2C25;font-size:14px;font-weight:600;transition:background-color .15s ease,border-color .15s ease}
.iwk-radio:hover span{border-color:#795A4B}.iwk-radio input:checked+span{background:#795A4B;border-color:#795A4B;color:#fff}.iwk-radio input:focus-visible+span{outline:3px solid #E3D3C6}
.iwk-veld select{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid #E6DDD5;border-radius:12px;font:inherit;font-size:16px;color:#2B2624;background:#fff}
.iwk-veld select:focus{outline:3px solid #E3D3C6;border-color:#795A4B}
.iwk-veld__hint{margin:6px 0 0;font-size:13px;color:#6B5B52}