/* Koelkastwijzer gedeelde componentlaag */
body.koelkastwijzer{background:var(--wg-color-background);color:var(--wg-color-text)}
body.koelkastwijzer a{text-underline-offset:2px}
body.koelkastwijzer :where(button,a,input,select,textarea):focus-visible{outline:3px solid rgba(47,95,134,.24);outline-offset:2px}

/* Retailer- en prijscomponenten blijven in de eigen huisstijl. */
.wg-offers-card{margin-top:24px;background:#fff;border:1px solid var(--wg-color-border);border-radius:12px;overflow:hidden}.wg-offers-card__header{padding:18px 20px;border-bottom:1px solid var(--wg-color-border)}.wg-offers-card__title{margin:0;font-size:17px}.wg-offers-card__intro{margin:4px 0 0;color:var(--wg-color-text-muted);font-size:13px}.wg-offers-card__list{display:grid}.wg-offers-card__row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 20px;border-top:1px solid var(--wg-color-border);color:inherit;text-decoration:none}.wg-offers-card__row:first-child{border-top:0}.wg-offers-card__row:hover{background:var(--wg-color-surface-soft);color:inherit}.wg-offers-card__store{display:flex;align-items:center;gap:10px;min-width:0}.wg-offers-card__logo{display:grid;place-items:center;width:42px;height:42px;background:#fff;border:1px solid var(--wg-color-border);border-radius:8px;overflow:hidden}.wg-offers-card__logo-image{max-width:36px;max-height:36px;object-fit:contain}.wg-offers-card__store-name{color:var(--wg-color-text);font-size:14px;font-weight:600}.wg-offers-card__button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;background:var(--wg-color-primary);border:1px solid var(--wg-color-primary);border-radius:9px;color:#fff;font-size:13px;font-weight:600;white-space:nowrap}.wg-offers-card__row:hover .wg-offers-card__button{background:var(--wg-color-primary-hover);border-color:var(--wg-color-primary-hover)}

/* Compacte keuzehulpkaart in koopgidshero. */
.wg-choice-help-card{display:grid;gap:16px;padding:22px;background:var(--wg-color-surface-soft);border:1px solid var(--wg-color-border);border-radius:16px}.wg-choice-help-card__label{display:block;margin-bottom:5px;color:var(--wg-color-primary);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wg-choice-help-card__title{margin:0 0 7px;font-size:20px;line-height:1.25}.wg-choice-help-card__body{margin:0;color:var(--wg-color-text-muted);font-size:13px;line-height:1.55}.wg-choice-help-card__appliance{display:grid;place-items:center;min-height:120px}.wg-choice-help-card__fridge{position:relative;display:block;width:72px;height:116px;background:#fff;border:2px solid var(--wg-color-border-strong);border-radius:9px}.wg-choice-help-card__fridge::before{content:"";position:absolute;top:43px;left:0;width:100%;border-top:2px solid var(--wg-color-border)}.wg-choice-help-card__fridge::after{content:"";position:absolute;right:7px;top:14px;width:3px;height:22px;background:var(--wg-color-border-strong);border-radius:3px}.wg-choice-help-card__fridge span{position:absolute;right:7px;top:58px;width:3px;height:35px;background:var(--wg-color-border-strong);border-radius:3px}.wg-choice-help-card__benefits{display:grid;gap:7px;margin:0;padding:0;list-style:none}.wg-choice-help-card__benefits li{display:flex;align-items:center;gap:8px;color:var(--wg-color-text-muted);font-size:12px}.wg-choice-help-card__icon{display:grid;place-items:center;width:26px;height:26px;color:var(--wg-color-primary)}.wg-choice-help-card__icon svg,.wg-choice-help-card__note-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.wg-choice-help-card__button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 15px;background:var(--wg-color-primary);border:1px solid var(--wg-color-primary);border-radius:9px;color:#fff;font-size:13px;font-weight:600;text-decoration:none}.wg-choice-help-card__button:hover{background:var(--wg-color-primary-hover);border-color:var(--wg-color-primary-hover);color:#fff}.wg-choice-bars{display:inline-flex;align-items:end;gap:2px;height:13px}.wg-choice-bars span{display:block;width:2px;background:currentColor;border-radius:2px}.wg-choice-bars span:nth-child(1){height:7px}.wg-choice-bars span:nth-child(2){height:13px}.wg-choice-bars span:nth-child(3){height:10px}.wg-choice-help-card__footnote{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--wg-color-text-muted);font-size:11px}.wg-choice-help-card__note-icon{display:grid;place-items:center;color:var(--wg-color-success)}

/* Koelkastvisual voor probleempagina's. */
.kw-problem-visual{display:grid;place-items:center;gap:8px;min-height:310px;padding:24px;background:var(--wg-color-surface-soft);border:1px solid var(--wg-color-border);border-radius:16px}.kw-problem-visual svg{width:min(220px,90%);height:auto}.kw-problem-visual>span{color:var(--wg-color-primary);font-size:12px;font-weight:700}
.kw-fault-info,.kw-fault-reset,.kw-fault-models{border-color:var(--wg-color-border)!important}.kw-fault-models ul{margin:10px 0 0;padding-left:20px;color:var(--wg-color-text-muted)}.kw-fault-backlink{margin:26px 0}.kw-fault-backlink a{color:var(--wg-color-primary);font-weight:600;text-decoration:underline}

@media(max-width:600px){.wg-offers-card__row{align-items:flex-start;flex-direction:column}.wg-offers-card__button{width:100%;justify-content:space-between}.wg-choice-help-card__appliance{display:none}.kw-problem-visual{min-height:220px}}
