.mels-wrap{--ink:#20201d;--muted:#73716a;--paper:#f7f5f0;--accent:#8b6b3f;max-width:1400px;margin:0 auto;color:var(--ink)}
.mels-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px;padding-bottom:18px;border-bottom:1px solid #ddd8ce}.mels-filters{display:flex;gap:8px;flex-wrap:wrap}.mels-filters button{border:1px solid #d7d1c6;background:#4288bbcc !important;padding:9px 14px;border-radius:999px;cursor:pointer}.mels-filters button.active{background:#000 !important;color:#fff;border-color:#000}
.mels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.mels-card{background:#fff;border:1px solid #e8e3da;box-shadow:0 8px 28px rgba(30,25,18,.06);transition:.2s}.mels-card:hover{transform:translateY(-3px);box-shadow:0 12px 34px rgba(30,25,18,.1)}.mels-card[hidden]{display:none}.mels-image{position:relative;display:block;width:100%;padding:0;border:0;background:#eee;cursor:pointer;overflow:hidden;aspect-ratio:4/3}.mels-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.mels-card:hover .mels-image img{transform:scale(1.025)}.mels-noimage{display:grid;place-items:center;height:100%;color:#888}.mels-ribbon{position:absolute;right:12px;top:12px;padding:7px 11px;border-radius:2px;background:#252525;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.mels-ribbon.gereserveerd{background:#8b6b3f}.mels-body{padding:18px}.mels-number{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mels-body h3{font-family:Georgia,serif;font-size:21px;line-height:1.2;margin:6px 0 8px}.mels-meta{font-size:14px;color:var(--muted);min-height:22px}.mels-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #eee9e0}.mels-bottom strong{font-size:18px}.mels-interest,.mels-submit{border:0;background:var(--ink);color:#fff;padding:10px 15px;cursor:pointer}.mels-dialog{width:min(560px,calc(100% - 30px));border:0;padding:0;box-shadow:0 24px 80px rgba(0,0,0,.3)}.mels-dialog::backdrop{background:rgba(0,0,0,.62)}.mels-dialog-content{padding:32px}.mels-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}.mels-form{display:grid;gap:13px}.mels-form label{display:grid;gap:5px;font-size:14px;font-weight:600}.mels-form input,.mels-form textarea{width:100%;box-sizing:border-box;border:1px solid #d6d1c8;padding:11px;font:inherit}.mels-form .mels-consent{display:flex;grid-template-columns:20px 1fr;align-items:start;font-weight:400}.mels-consent input{width:auto;margin-top:4px}.mels-hp{position:absolute!important;left:-10000px!important}.mels-result{font-weight:600}.mels-result.ok{color:#28733d}.mels-result.err{color:#a12828}@media(max-width:900px){.mels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mels-toolbar{align-items:flex-start;flex-direction:column}.mels-grid{grid-template-columns:1fr;gap:20px}.mels-dialog-content{padding:25px 20px}}

.mels-options{border:1px solid #e1ddd5;padding:14px;margin:2px 0}.mels-options legend{padding:0 6px;font-weight:700}.mels-form .mels-check{display:flex;grid-template-columns:20px 1fr;align-items:center;font-weight:400}.mels-check input{width:auto}.mels-check strong{margin-left:4px}
/* v1.3 */
.mels-ribbon.verkocht{top:24px;right:-48px;width:180px;text-align:center;border-radius:0;background:#c51f2b;color:#fff;transform:rotate(45deg);padding:8px 0;font-size:12px;font-weight:800;letter-spacing:.12em;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.mels-options{background:transparent!important}.mels-options legend{background:transparent!important;color:inherit!important}
.mels-contact-note{margin:0;padding:2px 0 4px;font-size:14px;color:var(--muted)}
.mels-lightbox{width:auto;max-width:94vw;max-height:94vh;border:0;padding:0;background:transparent;overflow:visible}.mels-lightbox::backdrop{background:rgba(0,0,0,.88)}.mels-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center}.mels-lightbox img{display:block;max-width:92vw;max-height:86vh;width:auto;height:auto;object-fit:contain;box-shadow:0 16px 60px rgba(0,0,0,.5)}.mels-lightbox figcaption{color:#fff;padding:10px 40px 0;text-align:center}.mels-lightbox-close{position:absolute;right:-8px;top:-42px;border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer;z-index:2}

/* v1.4 - theme-proof UI */
.mels-wrap .mels-image .mels-ribbon.verkocht{
 position:absolute!important;z-index:5!important;top:22px!important;right:-54px!important;left:auto!important;
 width:210px!important;height:auto!important;margin:0!important;padding:9px 0!important;
 transform:rotate(45deg)!important;transform-origin:center!important;
 background:#c90000!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:0!important;
 box-shadow:0 3px 8px rgba(0,0,0,.28)!important;text-align:center!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.12em!important;
}
.mels-wrap .mels-options,.mels-wrap .mels-options legend,.mels-wrap .mels-options legend::before,.mels-wrap .mels-options legend::after{
 background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;color:inherit!important;
}
.mels-wrap dialog.mels-lightbox[open]{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:rgba(0,0,0,.96)!important;overflow:hidden!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important}
.mels-wrap dialog.mels-lightbox::backdrop{background:rgba(0,0,0,.96)!important}
.mels-wrap .mels-lightbox figure{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important}
.mels-wrap .mels-lightbox img{display:block!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important;margin:0!important;padding:0!important;box-shadow:none!important}
.mels-wrap .mels-lightbox figcaption{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:10px 55px!important;background:rgba(0,0,0,.55)!important;color:#fff!important;text-align:center!important;box-sizing:border-box!important}
.mels-wrap .mels-lightbox-close{position:fixed!important;right:18px!important;top:12px!important;z-index:2147483647!important;color:#fff!important;background:rgba(0,0,0,.45)!important;border:0!important;border-radius:50%!important;width:48px!important;height:48px!important;padding:0!important;font-size:38px!important;line-height:44px!important;cursor:pointer!important}
body:has(.mels-lightbox[open]){overflow:hidden!important}
