.kh{--kh-fg:rgb(var(--color-foreground,255,255,255));--kh-bg:rgb(var(--color-background,0,0,0));--kh-muted:rgba(var(--color-foreground,255,255,255),.68);--kh-line:rgba(var(--color-foreground,255,255,255),.16);--kh-line-strong:rgb(var(--color-border,103,103,103));--kh-surface:rgba(var(--color-foreground,255,255,255),.05);--kh-accent:rgb(var(--color-primary,255,105,10));--kh-accent-ink:#fff;--kh-field:rgb(var(--color-field,32,32,32));--kh-field-ink:rgb(var(--color-field-text,255,255,255));--kh-ok:#6fd49a;--kh-warn:#ffd23f;--kh-display:var(--font-heading-family,"Barlow Condensed",Arial,sans-serif);--kh-body:var(--font-body-family,"Manrope",system-ui,sans-serif);background:var(--kh-bg);color:var(--kh-fg);font-family:var(--kh-body);font-size:16px;line-height:1.55}.kh *{box-sizing:border-box}.kh-wrap{max-width:800px;margin:0 auto}.kh button{font:inherit;color:inherit;letter-spacing:normal;text-transform:none}.kh a{color:inherit}.kh :focus-visible{outline:2px solid var(--kh-accent);outline-offset:2px}.kh [hidden]{display:none!important}.kh button{height:auto;min-height:0;white-space:normal;width:auto;box-shadow:none;text-transform:none;letter-spacing:normal}.kh .kh-tile,.kh .kh-opt{display:grid;justify-content:stretch;justify-items:start;align-items:start;align-content:start;text-align:left;width:100%}.kh .kh-app,.kh .kh-sizebtn{justify-content:flex-start}.kh .kh-btn{min-height:48px;white-space:nowrap;justify-content:center}.kh .kh-inrow .kh-btn{min-height:64px}.kh .kh-fgrid input,.kh .kh-fgrid textarea,.kh .kh-field input{height:auto}.kh h1,.kh h2,.kh h3{font-family:var(--kh-display);text-transform:uppercase;letter-spacing:.03em;line-height:1.02;margin:0;color:var(--kh-fg);text-wrap:balance}.kh-head{display:grid;gap:10px;padding-bottom:6px}.kh-eyebrow{margin:0;font-family:var(--kh-display);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--kh-accent);font-size:15px}.kh h1.kh-h1{font-weight:600;font-size:clamp(34px,7vw,56px)}.kh h2{font-weight:600;font-size:clamp(26px,4.5vw,34px)}.kh h3{font-weight:600;font-size:22px}.kh-lede{margin:0;color:var(--kh-muted);max-width:60ch;font-size:16px}.kh-progress{list-style:none;margin:24px 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.kh-progress li{display:grid;gap:8px;margin:0}.kh-progress .bar{height:4px;background:var(--kh-line)}.kh-progress .done .bar,.kh-progress .active .bar{background:var(--kh-accent)}.kh-progress .lab{font-family:var(--kh-display);text-transform:uppercase;letter-spacing:.06em;font-size:14px;color:var(--kh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kh-progress .active .lab{color:var(--kh-fg)}.kh-progress .skip{opacity:.45}.kh-progress .skip .lab{text-decoration:line-through}.kh-step{display:grid;gap:18px}.kh-hint,.kh-foot{margin:0;color:var(--kh-muted);font-size:14px}.kh-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:4px}.kh-nav .kh-btn:only-child{margin-left:auto}.kh .kh-btn{background:var(--kh-accent);color:var(--kh-accent-ink);border:1px solid var(--kh-accent);padding:13px 22px;font-weight:700;font-size:16px;cursor:pointer;border-radius:var(--buttons-radius,0);min-height:48px;line-height:1.2}.kh .kh-btn:hover{filter:brightness(1.08)}.kh .kh-btn:disabled{opacity:.35;cursor:not-allowed;filter:none}.kh .kh-btn-ghost{background:transparent;color:var(--kh-fg);border-color:var(--kh-line-strong)}.kh .kh-btn-ghost:hover{border-color:var(--kh-fg);filter:none}.kh .kh-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:inherit}.kh-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.kh .kh-tile{position:relative;text-align:left;background:var(--kh-surface);border:1px solid var(--kh-line);padding:16px 48px 16px 16px;cursor:pointer;display:grid;gap:4px;border-radius:0}.kh .kh-tile:hover{border-color:var(--kh-line-strong)}.kh .kh-tile[aria-pressed=true]{border-color:var(--kh-accent);box-shadow:inset 0 0 0 1px var(--kh-accent)}.kh-tname{font-family:var(--kh-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:21px;line-height:1.1}.kh-tsub{color:var(--kh-muted);font-size:14px}.kh-tick{position:absolute;top:16px;right:16px;width:20px;height:20px;border:2px solid var(--kh-line-strong)}.kh-tile[aria-pressed=true] .kh-tick{background:var(--kh-accent);border-color:var(--kh-accent)}.kh-tile[aria-pressed=true] .kh-tick:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--kh-accent-ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.kh-seg{display:inline-flex;border:1px solid var(--kh-line-strong);width:max-content;max-width:100%}.kh .kh-seg button{background:transparent;border:0;padding:10px 16px;cursor:pointer;font-weight:500;font-size:15px;border-radius:0}.kh .kh-seg button[aria-selected=true]{background:var(--kh-fg);color:var(--kh-bg)}.kh-diaform{display:grid;gap:10px;margin:0}.kh-diaform .kh-dialabel{font-weight:500;font-size:15px}.kh-inrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;max-width:480px}.kh .kh-field{display:flex;align-items:center;min-height:64px;margin:0;background:var(--kh-field);border:1px solid var(--kh-line-strong);color:var(--kh-field-ink);cursor:text;touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:16px;font-weight:400}.kh-field .kh-fix{flex:none;opacity:.7;font-family:var(--kh-display);font-size:24px;line-height:1;padding:0 14px}.kh .kh-field input{flex:1 1 auto;min-width:0;width:100%;height:62px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-family:var(--kh-display);font-weight:600;font-size:32px;line-height:1.2;box-shadow:none;-webkit-appearance:none;appearance:none;position:static;transform:none}.kh .kh-field input::placeholder{color:currentColor;opacity:.35}.kh .kh-field input:focus{outline:none}.kh-field:focus-within{border-color:var(--kh-accent)}.kh-err{margin:0;color:var(--kh-accent);font-size:14px}.kh-apps,.kh-sizes,.kh-chips{display:flex;flex-wrap:wrap;gap:8px}.kh .kh-app,.kh .kh-sizebtn{background:transparent;border:1px solid var(--kh-line-strong);padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-radius:0;text-align:left}.kh .kh-app:hover,.kh .kh-sizebtn:hover{border-color:var(--kh-fg)}.kh .kh-app[aria-pressed=true]{border-color:var(--kh-accent);color:var(--kh-accent)}.kh .kh-sizebtn{font-family:var(--kh-display);font-size:19px;font-weight:600}.kh .kh-sizebtn small{font-family:var(--kh-body);font-size:12px;font-weight:500;opacity:.8}.kh .kh-sizebtn[aria-pressed=true]{border-color:var(--kh-accent);background:var(--kh-accent);color:var(--kh-accent-ink)}.kh-appsub{color:var(--kh-muted);font-size:13px}.kh-apppick{display:grid;gap:10px}.kh-picked{display:grid;gap:10px;border-top:1px solid var(--kh-line);padding-top:16px}.kh-label{margin:0;font-family:var(--kh-display);text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--kh-muted)}.kh-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--kh-accent);padding:5px 6px 5px 10px;font-family:var(--kh-display);font-weight:600;font-size:19px}.kh-chip small{font-family:var(--kh-body);font-weight:500;font-size:12px;color:var(--kh-muted)}.kh .kh-chip button{background:none;border:0;cursor:pointer;color:var(--kh-muted);font-size:18px;line-height:1;padding:2px 6px}.kh .kh-chip button:hover{color:var(--kh-fg)}.kh-empty{margin:0;color:var(--kh-muted);font-size:14px}.kh-ring{display:inline-block;flex:none;width:var(--s,16px);height:var(--s,16px);border:2px solid var(--kh-accent);border-radius:50%}.kh-ring.dot{width:10px;height:10px;border-radius:0;border-color:var(--kh-line-strong)}.kh-ringbox{width:40px;display:flex;align-items:center;justify-content:center}.kh-q{display:grid;gap:10px;margin:0;padding:0;border:0;min-width:0}.kh-q legend{font-family:var(--kh-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:22px;padding:0;margin-bottom:4px}.kh-opts{display:grid;gap:8px}.kh-opts.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kh .kh-opt{text-align:left;background:var(--kh-surface);border:1px solid var(--kh-line);padding:14px 16px;cursor:pointer;display:grid;gap:3px;border-radius:0}.kh .kh-opt:hover{border-color:var(--kh-line-strong)}.kh .kh-opt[aria-pressed=true]{border-color:var(--kh-accent);box-shadow:inset 0 0 0 1px var(--kh-accent)}.kh-opt strong{font-family:var(--kh-display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:19px}.kh-opt span{color:var(--kh-muted);font-size:14px}.kh-reshead{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between}.kh-resact{display:flex;gap:16px;font-size:14px;color:var(--kh-muted)}.kh-summary{margin:0;color:var(--kh-muted);font-size:15px}.kh-summary b{color:var(--kh-fg);font-weight:500}.kh-intro{margin:0;max-width:64ch}.kh-group{border-top:1px solid var(--kh-line);padding:22px 0 6px;display:grid;gap:10px}.kh-ghead{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.kh-tag{font-family:var(--kh-display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:13px;padding:3px 8px;border:1px solid var(--kh-line-strong);color:var(--kh-fg)}.kh-tag.advies{background:var(--kh-accent);border-color:var(--kh-accent);color:var(--kh-accent-ink)}.kh-reason{margin:0;color:var(--kh-muted);font-size:15px;max-width:66ch}.kh-sizeblock{display:grid;padding-top:8px}.kh-szlabel{font-family:var(--kh-display);text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--kh-muted);padding-bottom:4px}.kh-miss{margin:0 0 4px;font-size:15px}.kh-same{color:var(--kh-muted);font-size:14px;padding:6px 0}.kh-row{display:grid;grid-template-columns:22px 40px minmax(0,1fr) auto;grid-template-areas:"cb ring main price";align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--kh-line);cursor:pointer;margin:0}.kh .kh-row input{grid-area:cb;width:20px;height:20px;margin:0;accent-color:var(--kh-accent);cursor:pointer;appearance:auto;-webkit-appearance:checkbox;position:static;opacity:1}.kh-row .kh-ringbox{grid-area:ring}.kh-rmain{grid-area:main;display:grid;gap:2px;min-width:0}.kh-rlabel{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--kh-accent);font-weight:700}.kh .kh-rtitle{text-decoration:none;font-weight:500;font-size:15px;overflow-wrap:anywhere}.kh .kh-rtitle:hover{text-decoration:underline;text-underline-offset:3px}.kh-rmeta{color:var(--kh-muted);font-size:13px;display:flex;flex-wrap:wrap;gap:4px 10px;font-variant-numeric:tabular-nums}.kh-stock-ok{color:var(--kh-ok)}.kh-stock-no{color:var(--kh-warn)}.kh-rprice{grid-area:price;text-align:right;display:grid;font-variant-numeric:tabular-nums}.kh-rprice strong{font-family:var(--kh-display);font-weight:600;font-size:21px;line-height:1.1}.kh-rprice span{color:var(--kh-muted);font-size:12px}.kh-row.off .kh-rprice strong{color:var(--kh-muted)}.kh-row.na{cursor:default;opacity:.6}.kh-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.kh-card{background:var(--kh-surface);border:1px solid var(--kh-line);padding:16px;display:grid;gap:8px;align-content:start}.kh-card h4{margin:0;font-weight:700;font-size:15px;font-family:var(--kh-body);text-transform:none;letter-spacing:0;color:var(--kh-fg)}.kh .kh-card h4 a{text-decoration:none}.kh .kh-card h4 a:hover{text-decoration:underline;text-underline-offset:3px}.kh-card p{margin:0;font-size:14px;color:var(--kh-muted)}.kh-card .kh-cover{color:var(--kh-fg)}.kh-cprice{font-family:var(--kh-display);font-weight:600;font-size:24px;font-variant-numeric:tabular-nums}.kh-cprice small{font-family:var(--kh-body);font-weight:400;font-size:12px;color:var(--kh-muted);margin-left:6px}.kh-ask{margin:2px 0 6px;font-size:14px;color:var(--kh-muted)}.kh-help{margin:36px 0 0}.kh-help details{border:1px solid var(--kh-line-strong);background:var(--kh-surface)}.kh-help summary{cursor:pointer;padding:16px;font-family:var(--kh-display);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:12px}.kh-help summary::-webkit-details-marker{display:none}.kh-help summary:after{content:"+";color:var(--kh-accent);font-size:24px;line-height:1}.kh-help details[open] summary:after{content:"\2013"}.kh-helpbody{padding:0 16px 18px;display:grid;gap:14px}.kh-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kh-fgrid label{display:grid;gap:6px;font-size:14px;font-weight:500}.kh-fgrid .full{grid-column:1/-1}.kh .kh-fgrid input,.kh .kh-fgrid textarea{background:var(--kh-field);color:var(--kh-field-ink);border:1px solid var(--kh-line-strong);padding:11px 12px;font:inherit;font-size:16px;border-radius:0;width:100%;min-height:0}.kh .kh-fgrid input:focus,.kh .kh-fgrid textarea:focus{outline:none;border-color:var(--kh-accent)}.kh-success{margin:0;padding:12px 14px;border:1px solid var(--kh-ok);color:var(--kh-ok)}.kh-formerr{color:var(--kh-accent);font-size:14px}.kh-totalbar{position:fixed;left:0;right:0;bottom:0;background:var(--kh-bg);border-top:1px solid var(--kh-line-strong);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));z-index:30;box-shadow:0 -8px 24px #00000059}.kh-totin{max-width:800px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.kh-tot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-variant-numeric:tabular-nums}.kh-tot strong{font-family:var(--kh-display);font-weight:600;font-size:28px;line-height:1}.kh-tot span{color:var(--kh-muted);font-size:14px}.kh-cartmsg{flex-basis:100%;margin:0;color:var(--kh-accent);font-size:14px}.kh-debug{margin-top:28px;border:1px dashed var(--kh-warn);padding:14px;color:var(--kh-warn);font-size:12px}.kh-debug pre{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font-size:12px;line-height:1.5}@media(max-width:540px){.kh-row{grid-template-columns:22px 34px minmax(0,1fr);grid-template-areas:"cb ring main" ". . price"}.kh-row .kh-ringbox{width:34px}.kh-rprice{text-align:left;grid-auto-flow:column;justify-content:start;align-items:baseline;gap:8px}.kh-totalbar .kh-btn{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/keuzehulp-gatzagen.css.map */
