/* Magie op Maat Hotel Keuzehulp — alle regels met !important tegen thema-overschrijving */
.mm-kh.mm-kh{--navy:#1A1A30;--goud:#C8922A;--creme:#FDF6EC;--wit:#FFFFFF;--tekst:#2A2A3C;--lijn:#EAD9BF;font-family:'DM Sans',sans-serif !important;color:var(--tekst) !important;line-height:1.55 !important;max-width:760px !important;margin:0 auto !important;padding:8px 0 24px !important;box-sizing:border-box !important}
.mm-kh.mm-kh *,.mm-kh.mm-kh *::before,.mm-kh.mm-kh *::after{box-sizing:border-box !important}
.mm-kh.mm-kh h2,.mm-kh.mm-kh h3{font-family:'Playfair Display',serif !important;color:var(--navy) !important;line-height:1.2 !important;margin:0 !important;padding:0 !important;text-transform:none !important;letter-spacing:0 !important}
.mm-kh.mm-kh p,.mm-kh.mm-kh ul,.mm-kh.mm-kh li{margin:0 !important;padding:0 !important}
.mm-kh.mm-kh ul{list-style:none !important}
.mm-kh.mm-kh img{max-width:100% !important;height:auto !important;margin:0 !important;box-shadow:none !important}
.mm-kh.mm-kh a{text-decoration:none !important;box-shadow:none !important}
.mm-kh.mm-kh .mm-kh__eyebrow{font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--goud) !important;font-weight:600 !important;margin-bottom:8px !important}
.mm-kh.mm-kh .mm-kh__titel{font-size:clamp(26px,4.6vw,36px) !important;margin-bottom:10px !important}
.mm-kh.mm-kh .mm-kh__intro{color:#55556A !important;margin-bottom:24px !important;max-width:58ch !important;font-size:16px !important}
.mm-kh.mm-kh .mm-kh__stappen{display:flex !important;gap:5px !important;margin-bottom:22px !important} .mm-kh.mm-kh .mm-kh__stappen span{flex:1 !important;height:4px !important;border-radius:2px !important;background:var(--lijn) !important;transition:background .3s !important;display:block !important} .mm-kh.mm-kh .mm-kh__stappen span.aan{background:var(--goud) !important}
.mm-kh.mm-kh .intro{color:#55556A !important;margin-bottom:28px !important;max-width:58ch !important}
.mm-kh.mm-kh .eyebrow,.mm-kh.mm-kh .mm-kh__eyebrow{font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase !important;color:var(--goud) !important;font-weight:600 !important;margin-bottom:8px !important}
.mm-kh.mm-kh .mm-kh__stappen{display:flex !important;gap:5px !important;margin-bottom:22px !important}.mm-kh.mm-kh .mm-kh__stappen span{flex:1 !important;height:4px !important;border-radius:2px !important;background:var(--lijn) !important;transition:background .3s !important}.mm-kh.mm-kh .mm-kh__stappen span.aan{background:var(--goud) !important}
.mm-kh.mm-kh .kaart{background:var(--wit) !important;border:1px solid var(--lijn) !important;border-radius:14px !important;padding:26px 24px !important;box-shadow:0 8px 30px rgba(26,26,48,.06) !important}
.mm-kh.mm-kh .kaart h2{font-size:clamp(20px,3.6vw,26px) !important;margin-bottom:6px !important}.mm-kh.mm-kh .kaart .sub{color:#66667A !important;font-size:15px !important;margin-bottom:18px !important}
.mm-kh.mm-kh .opties{display:grid !important;gap:10px !important}.mm-kh.mm-kh .opties.kort{grid-template-columns:repeat(auto-fit,minmax(140px,1fr)) !important}
.mm-kh.mm-kh .optie{display:flex !important;align-items:center !important;gap:12px !important;width:100% !important;text-align:left !important;background:var(--creme) !important;border:1.5px solid var(--lijn) !important;border-radius:10px !important;padding:14px 16px !important;font:inherit !important;font-size:16px !important;color:var(--navy) !important;cursor:pointer !important;transition:border-color .15s,background .15s !important}
.mm-kh.mm-kh .optie:hover{border-color:var(--goud) !important}.mm-kh.mm-kh .optie:focus-visible{outline:2px solid var(--goud) !important;outline-offset:2px !important}.mm-kh.mm-kh .optie.gekozen{border-color:var(--goud) !important;background:#FBF0DD !important}
.mm-kh.mm-kh .optie small{display:block !important;color:#66667A !important;font-size:13px !important}
.mm-kh.mm-kh .vink{flex:none !important;width:20px !important;height:20px !important;border:2px solid var(--goud) !important;border-radius:5px !important;position:relative !important}.mm-kh.mm-kh .gekozen .vink{background:var(--goud) !important}.mm-kh.mm-kh .gekozen .vink::after{content:"" !important;position:absolute !important;left:5px !important;top:1px !important;width:5px !important;height:10px !important;border:solid #fff !important;border-width:0 2px 2px 0 !important;transform:rotate(45deg) !important}
.mm-kh.mm-kh .nav{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-top:20px !important}
.mm-kh.mm-kh .terug{background:none !important;border:0 !important;color:#66667A !important;font:inherit !important;font-size:14px !important;cursor:pointer !important;text-decoration:underline !important}.mm-kh.mm-kh .terug:disabled{visibility:hidden !important}
.mm-kh.mm-kh .knop{display:inline-block !important;background:var(--goud) !important;color:var(--navy) !important;font-weight:600 !important;padding:13px 22px !important;border-radius:8px !important;text-decoration:none !important;font-size:16px !important;border:0 !important;cursor:pointer !important;font-family:inherit !important}.mm-kh.mm-kh .knop:hover{background:#B8821E !important}.mm-kh.mm-kh .knop.klein{padding:10px 18px !important;font-size:15px !important}
.mm-kh.mm-kh .knop.sec{background:transparent !important;color:var(--wit) !important;border:1.5px solid rgba(255,255,255,.5) !important}.mm-kh.mm-kh .knoppen{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:16px !important}
.mm-kh.mm-kh .top{background:var(--navy) !important;color:var(--wit) !important;border-radius:14px !important;overflow:hidden !important;margin-bottom:14px !important}.mm-kh.mm-kh .top .foto{width:100% !important;aspect-ratio:16/9 !important;object-fit:cover !important;display:block !important}.mm-kh.mm-kh .top-inhoud{padding:24px !important}
.mm-kh.mm-kh .top h2{color:var(--wit) !important;font-size:clamp(24px,4.4vw,32px) !important;margin-bottom:4px !important}.mm-kh.mm-kh .top .type{color:#C9C9DA !important;font-size:14px !important;margin-bottom:14px !important}.mm-kh.mm-kh .top p{color:#E8E8F0 !important}
.mm-kh.mm-kh .redenen{list-style:none !important;margin:14px 0 12px !important;display:grid !important;gap:7px !important}.mm-kh.mm-kh .redenen li{padding-left:24px !important;position:relative !important;color:#E8E8F0 !important;font-size:15px !important}.mm-kh.mm-kh .redenen li::before{content:"✓" !important;position:absolute !important;left:0 !important;color:var(--goud) !important;font-weight:600 !important}
.mm-kh.mm-kh .let{font-size:14px !important;color:#D9D9E6 !important;margin-top:8px !important}.mm-kh.mm-kh .nek{font-size:14px !important;color:#F3E2C0 !important;margin-top:8px !important;border-left:3px solid var(--goud) !important;padding-left:10px !important}
.mm-kh.mm-kh .melding{background:#FBF0DD !important;border:1px solid var(--goud) !important;border-radius:10px !important;padding:12px 14px !important;font-size:14px !important;margin-bottom:14px !important}.mm-kh.mm-kh .melding.zacht{background:transparent !important;border:0 !important;padding:0 0 4px !important;color:#66667A !important}
.mm-kh.mm-kh .alt-kop{margin:20px 0 10px !important;font-size:18px !important}
.mm-kh.mm-kh .alt{background:var(--wit) !important;border:1px solid var(--lijn) !important;border-radius:12px !important;padding:14px !important;margin-bottom:10px !important;display:grid !important;grid-template-columns:110px 1fr !important;gap:14px !important;align-items:start !important}.mm-kh.mm-kh .alt img{width:110px !important;height:82px !important;object-fit:cover !important;border-radius:8px !important}
.mm-kh.mm-kh .alt h3{font-size:17px !important;margin-bottom:2px !important}.mm-kh.mm-kh .alt .type{font-size:13px !important;color:#66667A !important}.mm-kh.mm-kh .alt p{font-size:14px !important;color:#44445A !important;margin:6px 0 !important}.mm-kh.mm-kh .alt a{color:var(--navy) !important;font-weight:600 !important;font-size:14px !important}.mm-kh.mm-kh .alt .buiten{font-size:13px !important;color:#8A6A2A !important;font-style:italic !important}
.mm-kh.mm-kh .prijs{color:var(--goud) !important;font-weight:600 !important;letter-spacing:.06em !important;font-size:14px !important}
.mm-kh.mm-kh .disclaimer{font-size:13px !important;color:#77778A !important;margin-top:18px !important}.mm-kh.mm-kh .opnieuw{margin-top:14px !important}
@media (max-width:520px){.mm-kh.mm-kh .alt{grid-template-columns:1fr !important} .mm-kh.mm-kh .alt img{width:100% !important;height:150px !important}}
@media (prefers-reduced-motion:reduce){.mm-kh.mm-kh *{transition:none!important}}
/* ===== 1.1: overlay in het aanvraagformulier ===== */
.mm-kh-overlay{position:fixed !important;inset:0 !important;z-index:99999 !important;background:rgba(26,26,48,.72) !important;display:flex !important;align-items:flex-start !important;justify-content:center !important;padding:24px 12px !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important}
.mm-kh-overlay__panel{position:relative !important;width:100% !important;max-width:820px !important;background:#FDF6EC !important;border-radius:16px !important;padding:28px 20px 24px !important;box-shadow:0 20px 60px rgba(0,0,0,.35) !important;max-height:calc(100vh - 48px) !important;overflow-y:auto !important;box-sizing:border-box !important}
.mm-kh-overlay__sluit{position:absolute !important;top:10px !important;right:12px !important;width:40px !important;height:40px !important;border:0 !important;border-radius:50% !important;background:#FFFFFF !important;color:#1A1A30 !important;font-size:26px !important;line-height:40px !important;text-align:center !important;cursor:pointer !important;box-shadow:0 2px 8px rgba(0,0,0,.15) !important;padding:0 !important;font-family:inherit !important}
.mm-kh-overlay__sluit:hover{background:#C8922A !important}
.mm-kh-overlay .mm-kh.mm-kh{max-width:760px !important;padding:4px 0 8px !important}
html.mm-kh-open{overflow:hidden !important}
.mm-kh.mm-kh .altlink{background:none !important;border:0 !important;padding:0 !important;color:var(--navy) !important;font-weight:600 !important;font-size:14px !important;cursor:pointer !important;text-decoration:underline !important;text-decoration-color:var(--goud) !important;text-underline-offset:3px !important;font-family:inherit !important}
.mm-kh.mm-kh .alt a.altlink{text-decoration:none !important}
@media (max-width:600px){.mm-kh-overlay{padding:0 !important;align-items:stretch !important}.mm-kh-overlay__panel{border-radius:0 !important;max-height:100vh !important;padding:22px 14px 24px !important}}
/* knop "Help ons kiezen" in het formulier */
.mom-form .mom-keuzehulp{margin:14px 0 4px !important;padding:16px 16px 14px !important;background:#FBF0DD !important;border:1px solid #EAD9BF !important;border-radius:12px !important;box-sizing:border-box !important;max-width:100% !important;overflow:hidden !important}
.mom-form .mom-keuzehulp .mom-keuzehulp__titel{margin:0 0 4px !important;font-weight:700 !important;font-size:16px !important;color:#1A1A30 !important}
.mom-form .mom-keuzehulp .mom-help{margin:0 0 10px !important}
.mom-form .mom-keuzehulp .mom-btn,.mom-form .mom-keuzehulp .mom-keuzehulp__knop{display:block !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;white-space:normal !important;text-align:center !important;background:#C8922A !important;color:#1A1A30 !important;font-weight:700 !important;padding:14px 18px !important;border-radius:10px !important;border:0 !important;cursor:pointer !important;font-size:16px !important;line-height:1.3 !important;font-family:inherit !important;margin:0 !important}
.mom-form .mom-keuzehulp .mom-btn:hover{background:#B8821E !important}
.mom-form .mom-keuzehulp .mom-keuzehulp__summary{margin-top:10px !important;font-weight:600 !important;color:#1A1A30 !important}
/* extra nadruk als de klant "weet ik nog niet" kiest */
.mom-form .mom-keuzehulp--nadruk{background:#1A1A30 !important;border-color:#1A1A30 !important;box-shadow:0 8px 24px rgba(26,26,48,.25) !important}
.mom-form .mom-keuzehulp--nadruk .mom-keuzehulp__titel{color:#FFFFFF !important;font-size:18px !important}
.mom-form .mom-keuzehulp--nadruk .mom-help{color:rgba(255,255,255,.85) !important}
.mom-form .mom-keuzehulp--nadruk .mom-keuzehulp__summary{color:#FFFFFF !important}
.mom-form .mom-keuzehulp--nadruk .mom-btn{font-size:17px !important;padding:16px 18px !important;animation:mm-kh-pulse 1.6s ease-in-out 2 !important}
@keyframes mm-kh-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (min-width:700px){.mom-form .mom-keuzehulp .mom-btn,.mom-form .mom-keuzehulp .mom-keuzehulp__knop{display:inline-block !important;width:auto !important;min-width:260px !important}}