/* Hoge specificiteit + !important: Elementor kit-CSS (.elementor-kit-x button) wint anders van de knopstijl. */
#hkt.hkt{position:fixed !important;bottom:var(--hkt-y,24px) !important;top:auto !important;z-index:99990 !important;font-family:var(--hkt-font,inherit);max-width:min(var(--hkt-max-w,260px),calc(100vw - 2 * var(--hkt-x,24px))) !important;width:auto !important;margin:0 !important;padding:0 !important;opacity:0;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease;}
#hkt.hkt--right{right:var(--hkt-x,24px) !important;left:auto !important;}
#hkt.hkt--left{left:var(--hkt-x,24px) !important;right:auto !important;}
#hkt.hkt[hidden]{display:none !important;}
#hkt.hkt.is-visible{opacity:1;transform:none;}

#hkt .hkt__btn,
#hkt .hkt__btn:link,
#hkt .hkt__btn:visited{
	display:block !important;width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box !important;
	margin:0 !important;padding:18px 22px !important;
	background:var(--hkt-bg,#1c1c1c) !important;background-image:none !important;
	color:var(--hkt-fg,#fff) !important;
	border:0 !important;border-radius:var(--hkt-radius,12px) !important;
	font-family:var(--hkt-font,inherit) !important;font-size:var(--hkt-font-size,15px) !important;font-weight:400 !important;
	line-height:1.4 !important;letter-spacing:0 !important;text-transform:none !important;text-align:left !important;text-decoration:none !important;text-shadow:none !important;
	white-space:normal !important;word-break:normal !important;
	cursor:pointer !important;box-shadow:var(--hkt-shadow,none) !important;
	transition:background .2s ease,transform .2s ease,box-shadow .2s ease !important;
	-webkit-appearance:none !important;appearance:none !important;
}
#hkt .hkt__btn:hover,
#hkt .hkt__btn:focus-visible{background:var(--hkt-bg-hover,#000) !important;color:var(--hkt-fg,#fff) !important;text-decoration:none !important;outline:none !important;transform:translateY(-2px);}
#hkt .hkt__btn:focus-visible{box-shadow:var(--hkt-shadow,none),0 0 0 3px var(--hkt-accent,#c9a86a) !important;}
#hkt .hkt__text{display:block !important;color:inherit !important;font:inherit !important;}

#hkt .hkt__close{position:absolute !important;top:-10px !important;right:-10px !important;left:auto !important;bottom:auto !important;width:26px !important;height:26px !important;min-width:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:50% !important;background:var(--hkt-fg,#fff) !important;color:var(--hkt-bg,#1c1c1c) !important;font:20px/26px sans-serif !important;cursor:pointer !important;box-shadow:0 2px 6px rgba(0,0,0,.2) !important;opacity:0;transition:opacity .2s;-webkit-appearance:none;appearance:none;}
#hkt.hkt--left .hkt__close{right:auto !important;left:-10px !important;}
#hkt:hover .hkt__close,#hkt:focus-within .hkt__close{opacity:1;}
@media (hover:none){#hkt .hkt__close{opacity:1;}}
#hkt.is-open .hkt__btn,#hkt.is-open .hkt__close{display:none !important;}

/* Paneel */
#hkt.is-open{max-width:none !important;}
#hkt .hkt__panel{position:relative;box-sizing:border-box;width:min(360px,calc(100vw - 2 * var(--hkt-x,24px)));transition:width .25s ease;background:var(--hkt-bg,#1c1c1c);color:var(--hkt-fg,#fff);border-radius:var(--hkt-radius,12px);padding:14px 24px 22px;box-shadow:var(--hkt-shadow,0 10px 30px rgba(0,0,0,.25));font-size:var(--hkt-font-size,15px);line-height:1.45;max-height:calc(100vh - 2 * var(--hkt-y,24px));overflow:auto;}
#hkt .hkt__panel[hidden]{display:none !important;}
#hkt .hkt__panel-close{position:static !important;margin:0 0 0 auto !important;width:auto !important;min-width:0 !important;background:none !important;border:0 !important;color:inherit !important;font:26px/1 sans-serif !important;cursor:pointer;opacity:.7;padding:2px 6px !important;box-shadow:none !important;}
#hkt .hkt__panel-close:hover{opacity:1;}
#hkt .hkt__title{margin:0 0 6px;outline:none;font-family:inherit;font-size:1.2em;font-weight:500;line-height:1.3;color:inherit;letter-spacing:0;text-transform:none;}
#hkt .hkt__intro{margin:0 0 16px;opacity:.8;font-size:.93em;color:inherit;}
#hkt .hkt__form{display:grid;gap:12px;margin:0;}
#hkt .hkt__form[hidden],#hkt .hkt__success[hidden],#hkt .hkt__c-intro[hidden]{display:none !important;}
#hkt .hkt__hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden;margin:0;}
#hkt .hkt__field{display:grid;gap:5px;margin:0;}
#hkt .hkt__field>span{font-size:.85em;opacity:.8;color:inherit;}
#hkt .hkt__field em{font-style:normal;opacity:.6;}
#hkt .hkt__field input,
#hkt .hkt__field select,
#hkt .hkt__field textarea{width:100% !important;box-sizing:border-box !important;background:rgba(255,255,255,.08) !important;color:inherit !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:calc(var(--hkt-radius,12px) * .5) !important;padding:10px 12px !important;margin:0 !important;font-family:inherit !important;font-size:1em !important;line-height:1.35 !important;box-shadow:none !important;min-height:0 !important;}
#hkt .hkt__field select option{color:#111;}
#hkt .hkt__field input:focus,
#hkt .hkt__field select:focus,
#hkt .hkt__field textarea:focus{outline:none !important;border-color:var(--hkt-accent,#c9a86a) !important;}
#hkt .hkt__field textarea{resize:vertical;min-height:80px !important;}
#hkt .hkt__submit{display:block !important;width:100% !important;margin:4px 0 0 !important;padding:12px 18px !important;background:var(--hkt-accent,#c9a86a) !important;background-image:none !important;color:var(--hkt-bg,#1c1c1c) !important;border:0 !important;border-radius:calc(var(--hkt-radius,12px) * .5) !important;font-family:inherit !important;font-size:1em !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;cursor:pointer;box-shadow:none !important;transition:opacity .2s;}
#hkt .hkt__submit:hover{opacity:.9;}
#hkt .hkt__submit[disabled]{opacity:.6;cursor:wait;}
#hkt .hkt__status{margin:0;min-height:1em;font-size:.88em;opacity:.9;color:inherit;}
#hkt .hkt__status.is-error{color:#ffb4a8;}
#hkt .hkt__success{font-size:1.05em;line-height:1.5;padding:6px 0 2px;}

/* Balk: terug, voortgang, sluiten */
#hkt .hkt__bar{display:flex;align-items:center;gap:10px;min-height:32px;margin:0 -8px 8px;}
#hkt .hkt__back{display:inline-flex !important;align-items:center;gap:6px;width:auto !important;min-width:0 !important;margin:0 !important;padding:4px 8px !important;background:none !important;border:0 !important;box-shadow:none !important;color:inherit !important;font:inherit !important;font-size:.88em !important;opacity:.75;cursor:pointer;text-transform:none !important;letter-spacing:0 !important;}
#hkt .hkt__back:hover{opacity:1;}
#hkt .hkt__back[hidden],#hkt .hkt__progress[hidden]{display:none !important;}
#hkt .hkt__progress{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden;}
#hkt .hkt__progress span{display:block;height:100%;width:0;background:var(--hkt-accent,#c9a86a);border-radius:inherit;transition:width .3s ease;}
#hkt .hkt__view[hidden]{display:none !important;}
#hkt .hkt__view>.hkt__title:first-child{margin-top:2px;}

/* Breder paneel voor keuzehulp en resultaten */
#hkt.is-wide .hkt__panel{width:min(440px,calc(100vw - 2 * var(--hkt-x,24px)));}

/* Startkeuze */
#hkt .hkt__choices{display:grid;gap:10px;margin:14px 0 4px;}
#hkt .hkt__choice{display:block !important;width:100% !important;margin:0 !important;padding:14px 16px !important;text-align:left !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:calc(var(--hkt-radius,12px) * .7) !important;color:inherit !important;font:inherit !important;line-height:1.4 !important;cursor:pointer;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;transition:border-color .2s,background .2s;}
#hkt .hkt__choice:hover,#hkt .hkt__choice:focus-visible{border-color:var(--hkt-accent,#c9a86a) !important;background:rgba(255,255,255,.1) !important;outline:none;}
#hkt .hkt__choice strong{display:block;font-weight:600;font-size:1.02em;margin-bottom:2px;color:inherit;}
#hkt .hkt__choice strong::after{content:" \2192";color:var(--hkt-accent,#c9a86a);}
#hkt .hkt__choice span{display:block;font-size:.88em;opacity:.75;color:inherit;}
#hkt .hkt__choice--resume{border-color:var(--hkt-accent,#c9a86a) !important;}
#hkt .hkt__phone{margin:12px 0 0;font-size:.88em;opacity:.8;}
#hkt .hkt__phone a{color:inherit !important;text-decoration:underline !important;text-underline-offset:2px;}

/* Vragen */
#hkt .hkt__step{margin:0 0 4px;font-size:.78em;letter-spacing:.04em;text-transform:uppercase;opacity:.6;}
#hkt .hkt__options{display:grid;gap:8px;margin-top:14px;}
#hkt .hkt__opt{display:flex !important;align-items:center;gap:12px;width:100% !important;margin:0 !important;padding:12px 14px !important;text-align:left !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.16) !important;border-radius:calc(var(--hkt-radius,12px) * .6) !important;color:inherit !important;font:inherit !important;line-height:1.35 !important;cursor:pointer;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;transition:border-color .15s,background .15s;}
#hkt .hkt__opt:hover,#hkt .hkt__opt:focus-visible{border-color:var(--hkt-accent,#c9a86a) !important;outline:none;}
#hkt .hkt__opt.is-selected{background:var(--hkt-accent,#c9a86a) !important;border-color:var(--hkt-accent,#c9a86a) !important;color:var(--hkt-bg,#1c1c1c) !important;}
#hkt .hkt__swatch{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.35);}

/* Resultaten */
#hkt .hkt__loading{display:flex;align-items:center;gap:10px;padding:30px 0;opacity:.85;}
#hkt .hkt__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--hkt-accent,#c9a86a);border-radius:50%;animation:hkt-spin .8s linear infinite;}
@keyframes hkt-spin{to{transform:rotate(360deg);}}
#hkt .hkt__loading[hidden],#hkt .hkt__res[hidden],#hkt .hkt__empty[hidden],#hkt .hkt__promo[hidden],#hkt .hkt__links[hidden],#hkt .hkt__context[hidden],#hkt [hidden].hkt__submit{display:none !important;}
#hkt .hkt__tip p{margin:4px 0 12px;font-size:.92em;opacity:.9;}
#hkt .hkt__tip strong{font-weight:600;}
#hkt .hkt__promo{margin:0 0 12px;padding:10px 12px;border-radius:calc(var(--hkt-radius,12px) * .5);background:var(--hkt-accent,#c9a86a);color:var(--hkt-bg,#1c1c1c);font-size:.9em;font-weight:600;}
#hkt .hkt__promo a{color:inherit !important;text-decoration:none !important;}
#hkt .hkt__samples-hint{margin:0 0 10px;font-size:.82em;opacity:.7;}
#hkt .hkt__samples-hint.is-warn{opacity:1;color:#ffb4a8;}
#hkt .hkt__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0;}
#hkt .hkt__card{position:relative;display:flex;flex-direction:column;margin:0;padding:0;list-style:none;background:rgba(255,255,255,.06);border-radius:calc(var(--hkt-radius,12px) * .6);overflow:hidden;}
#hkt .hkt__card::before{display:none;}
#hkt .hkt__card-link{display:flex !important;flex-direction:column;flex:1;color:inherit !important;text-decoration:none !important;padding:0 0 10px;}
#hkt .hkt__card-img{display:block;aspect-ratio:1/1;background:rgba(255,255,255,.08);overflow:hidden;}
#hkt .hkt__card-img img{display:block;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover;margin:0 !important;border-radius:0 !important;transition:transform .3s ease;}
#hkt .hkt__card-link:hover img{transform:scale(1.04);}
#hkt .hkt__card-type{display:block;margin:8px 10px 0;font-size:.7em;letter-spacing:.05em;text-transform:uppercase;opacity:.6;}
#hkt .hkt__card-title{display:block;margin:2px 10px 0;font-size:.86em;line-height:1.3;font-weight:500;}
#hkt .hkt__card-price{display:block;margin:4px 10px 0;font-size:.82em;color:var(--hkt-accent,#c9a86a);}
#hkt .hkt__card-price del{opacity:.6;color:inherit;margin-right:4px;}
#hkt .hkt__card-price ins{text-decoration:none;color:inherit;}
#hkt .hkt__staal{position:absolute !important;top:8px !important;right:8px !important;left:auto !important;width:auto !important;min-width:0 !important;margin:0 !important;padding:4px 9px !important;border:0 !important;border-radius:20px !important;background:rgba(0,0,0,.72) !important;color:#fff !important;font:inherit !important;font-size:.74em !important;font-weight:600 !important;line-height:1.3 !important;cursor:pointer;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;}
#hkt .hkt__staal.is-on{background:var(--hkt-accent,#c9a86a) !important;color:var(--hkt-bg,#1c1c1c) !important;}
#hkt .hkt__links{margin:12px 0 0;font-size:.86em;}
#hkt .hkt__links a{color:inherit !important;text-decoration:underline !important;text-underline-offset:2px;opacity:.85;}
#hkt .hkt__links a:hover{opacity:1;}
#hkt .hkt__actions{position:sticky;bottom:-22px;display:grid;gap:8px;margin:14px -24px -22px;padding:12px 24px 16px;background:var(--hkt-bg,#1c1c1c);border-top:1px solid rgba(255,255,255,.1);}
#hkt .hkt__actions .hkt__submit{margin:0 !important;}
#hkt .hkt__submit.is-secondary{background:transparent !important;color:inherit !important;border:1px solid rgba(255,255,255,.3) !important;}
#hkt .hkt__link{display:block !important;width:auto !important;min-width:0 !important;margin:0 auto !important;padding:2px 6px !important;background:none !important;border:0 !important;box-shadow:none !important;color:inherit !important;font:inherit !important;font-size:.84em !important;opacity:.65;text-decoration:underline !important;cursor:pointer;text-transform:none !important;letter-spacing:0 !important;}
#hkt .hkt__link:hover{opacity:1;}
#hkt .hkt__empty p{margin:6px 0 14px;}
#hkt .hkt__empty .hkt__submit{margin-bottom:10px !important;}

/* Context boven het formulier */
#hkt .hkt__context{margin:0 0 14px;}
#hkt .hkt__ctx-chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;}
#hkt .hkt__ctx-chips li{margin:0;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.1);font-size:.8em;list-style:none;}
#hkt .hkt__ctx-chips li::before,#hkt .hkt__ctx-list li::before{display:none;}
#hkt .hkt__ctx-list{display:grid;gap:6px;list-style:none;margin:0;padding:0;}
#hkt .hkt__ctx-list li{display:flex;align-items:center;gap:10px;margin:0;font-size:.88em;list-style:none;}
#hkt .hkt__ctx-list img{width:40px !important;height:40px !important;object-fit:cover;border-radius:6px;margin:0 !important;}

@media (max-width:480px){
	#hkt.hkt{bottom:16px !important;}
	#hkt.hkt--right{right:16px !important;}
	#hkt.hkt--left{left:16px !important;}
	#hkt.is-open{left:8px !important;right:8px !important;bottom:8px !important;}
	#hkt .hkt__panel,#hkt.is-wide .hkt__panel{width:100%;padding:12px 16px 18px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);}
	#hkt .hkt__actions{margin:14px -16px -18px;padding:12px 16px 14px;bottom:-18px;}
	#hkt .hkt__grid{gap:8px;}
}
@media (prefers-reduced-motion:reduce){
	#hkt.hkt,#hkt .hkt__btn,#hkt .hkt__panel,#hkt .hkt__card-img img{transition:none !important;}
	#hkt .hkt__spinner{animation-duration:2s;}
}

/* Conceptlabel (alleen zichtbaar voor beheerders) */
#hkt .hkt__draft{display:inline-block;margin:0 0 6px;padding:1px 8px;border-radius:20px;background:#fff1c7;color:#7a5600;font-size:11px;font-weight:700;font-style:normal;line-height:1.6;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;}
#hkt .hkt__choice strong .hkt__draft{margin:0 0 0 6px;}

/* Omschrijving onder een antwoord (bijv. soort vloer) */
#hkt .hkt__opt-desc{display:block;margin-top:2px;font-size:.82em;opacity:.65;}
#hkt .hkt__opt.is-selected .hkt__opt-desc{opacity:.8;}

/* Meer laden */
#hkt .hkt__more{display:block !important;width:100% !important;margin:10px 0 0 !important;padding:10px 14px !important;background:transparent !important;border:1px solid rgba(255,255,255,.3) !important;border-radius:calc(var(--hkt-radius,12px) * .5) !important;color:inherit !important;font:inherit !important;font-size:.92em !important;font-weight:600 !important;cursor:pointer;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important;}
#hkt .hkt__more:hover{border-color:var(--hkt-accent,#c9a86a) !important;}
#hkt .hkt__more[hidden]{display:none !important;}
#hkt .hkt__more[disabled]{opacity:.6;cursor:wait;}

/* Offerteknop op de productkaart */
#hkt .hkt__quote,#hkt .hkt__quote:link,#hkt .hkt__quote:visited{display:block !important;margin:0 10px 10px !important;padding:8px 10px !important;border-radius:calc(var(--hkt-radius,12px) * .45) !important;background:var(--hkt-accent,#c9a86a) !important;color:var(--hkt-bg,#1c1c1c) !important;font-size:.8em !important;font-weight:700 !important;line-height:1.3 !important;text-align:center !important;text-decoration:none !important;transition:opacity .2s;}
#hkt .hkt__quote:hover,#hkt .hkt__quote:focus-visible{opacity:.88;outline:none;}

#hkt{--hkt-bg:#020000;--hkt-bg-hover:#000000;--hkt-fg:#ffffff;--hkt-accent:#fca311;--hkt-radius:12px;--hkt-font-size:15px;--hkt-font:inherit;--hkt-max-w:260px;--hkt-x:24px;--hkt-y:24px;--hkt-shadow:0 10px 30px rgba(0,0,0,.25)}