/* Koelkastproblemen: hoofd- en categoriehubs */
.wg-problem-page{background:var(--wg-color-background)}.wg-problem-page__container,.wg-problem__container{width:min(var(--wg-container-width),calc(100% - 40px));margin-inline:auto}
.wg-problem-page__hero{padding:28px 0 52px;background:var(--wg-color-background);border-bottom:1px solid var(--wg-color-border)}.wg-problem-page__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:54px;align-items:center}.wg-problem-page__eyebrow,.wg-problem-section-heading__eyebrow,.kw-fault-hub__eyebrow{display:block;margin-bottom:8px;color:var(--wg-color-primary);font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}.wg-problem-page__title,.kw-fault-hub h1{margin:0 0 14px;font-size:var(--wg-font-size-hero);font-weight:800;line-height:1.08;letter-spacing:-.03em}.wg-problem-page__intro,.kw-fault-hub__hero p{max-width:760px;margin:0;color:var(--wg-color-text-muted);font-size:17px;line-height:1.7}.wg-problem-page__trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin:20px 0 0;padding:0;list-style:none;color:var(--wg-color-text-muted);font-size:12px}.wg-problem-page__trust li::before{content:"✓";margin-right:6px;color:var(--wg-color-success);font-weight:800}.wg-problem-page__hero-visual,.wg-problem-page__device-summary{padding:24px;background:var(--wg-color-surface-soft);border:1px solid var(--wg-color-border);border-radius:16px}.wg-problem-page__visual-card{min-height:160px;padding:20px;background:#fff;border:1px solid var(--wg-color-border);border-radius:12px;box-shadow:var(--wg-shadow-card)}.wg-problem-page__device-summary{display:flex;align-items:center;gap:15px}.wg-problem-page__device-summary-icon,.wg-problem-page__visual-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#fff;border:1px solid var(--wg-color-border);color:var(--wg-color-primary)}
.wg-problem-overview,.wg-problem-process,.wg-problem-next,.wg-problem-groups,.wg-problem-list,.wg-problem-featured{padding:58px 0}.wg-problem-section-heading{max-width:760px;margin-bottom:26px}.wg-problem-section-heading h2{margin:0 0 10px;font-size:var(--wg-font-size-section);font-weight:700;line-height:1.18;letter-spacing:-.022em}.wg-problem-section-heading p{margin:0;color:var(--wg-color-text-muted)}
.wg-problem-overview__grid,.wg-problem-featured__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wg-problem-overview__card,.wg-problem-featured__card,.wg-problem-card{background:#fff;border:1px solid var(--wg-color-border);border-radius:12px;box-shadow:var(--wg-shadow-card)}.wg-problem-overview__card{padding:20px;color:inherit;text-decoration:none}.wg-problem-overview__card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.wg-problem-overview__device-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:var(--wg-color-primary-soft);color:var(--wg-color-primary)}.wg-problem-overview__count,.wg-problem-overview__problem-count{color:var(--wg-color-text-muted);font-size:11px}.wg-problem-overview__card-title{margin:0 0 7px;font-size:17px}.wg-problem-overview__card-text{margin:0;color:var(--wg-color-text-muted);font-size:13px;line-height:1.55}.wg-problem-overview__card:hover,.wg-problem-featured__card:hover,.wg-problem-card:hover{border-color:var(--wg-color-border-strong)}
.wg-problem-process{background:var(--wg-color-surface-soft);border-block:1px solid var(--wg-color-border)}.wg-problem-process__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wg-problem-process__steps>div{padding:20px;background:#fff;border:1px solid var(--wg-color-border);border-radius:12px}.wg-problem-process__steps strong{display:block;margin-bottom:6px}.wg-problem-process__steps p{margin:0;color:var(--wg-color-text-muted);font-size:13px}
.wg-problem-featured__card{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:18px;color:inherit;text-decoration:none}.wg-problem-featured__number{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:var(--wg-color-primary-soft);color:var(--wg-color-primary);font-size:12px;font-weight:800}.wg-problem-featured__content h3{margin:0 0 4px;font-size:15px}.wg-problem-featured__content p{margin:0;color:var(--wg-color-text-muted);font-size:12px}.wg-problem-featured__arrow{color:var(--wg-color-primary)}
.wg-problem-group{margin-bottom:36px}.wg-problem-group__heading{margin-bottom:14px}.wg-problem-group__heading h2{margin:0 0 5px;font-size:21px}.wg-problem-group__heading p{margin:0;color:var(--wg-color-text-muted);font-size:13px}.wg-problem-list__toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.wg-problem-search{position:relative;max-width:420px;flex:1}.wg-problem-search__input{width:100%;min-height:44px;padding:0 14px 0 40px;background:#fff;border:1px solid var(--wg-color-border-strong);border-radius:9px}.wg-problem-search__input:focus{border-color:var(--wg-color-primary);box-shadow:0 0 0 3px rgba(59,76,95,.14);outline:none}.wg-problem-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--wg-color-text-muted)}.wg-problem-list__result-count{color:var(--wg-color-text-muted);font-size:12px}.wg-problem-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wg-problem-card__link{display:block;height:100%;padding:17px;color:inherit;text-decoration:none}.wg-problem-card__meta{display:block;margin-bottom:6px;color:var(--wg-color-primary);font-size:10px;font-weight:700;text-transform:uppercase}.wg-problem-card__title{margin:0 0 7px;font-size:15px}.wg-problem-card__excerpt{margin:0 0 10px;color:var(--wg-color-text-muted);font-size:12px;line-height:1.5}.wg-problem-card__read-more{color:var(--wg-color-primary);font-size:11px;font-weight:600}
.wg-problem-next,.wg-problem-device-next{padding:48px 0;background:var(--wg-color-primary-hover);color:#fff}.wg-problem-next__grid,.wg-problem-device-next__inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.wg-problem-next h2,.wg-problem-device-next h2{margin:0 0 7px;color:#fff}.wg-problem-next p,.wg-problem-device-next p{margin:0;color:#D9E0E6}.wg-problem-next__actions,.wg-problem-device-next__actions{display:flex;gap:10px}.wg-problem-next__primary,.wg-problem-device-next__primary,.wg-problem-next__secondary,.wg-problem-device-next__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:9px;font-size:13px;font-weight:600;text-decoration:none}.wg-problem-next__primary,.wg-problem-device-next__primary{background:#fff;color:var(--wg-color-primary-hover)}.wg-problem-next__secondary,.wg-problem-device-next__secondary{border:1px solid rgba(255,255,255,.35);color:#fff}
.kw-fault-hub{background:var(--wg-color-background)}.kw-fault-hub__hero{padding:28px 0 48px;border-bottom:1px solid var(--wg-color-border)}.kw-fault-hub__content{padding:54px 0 78px}.kw-fault-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kw-fault-brand-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:20px;background:#fff;border:1px solid var(--wg-color-border);border-radius:12px;color:inherit;text-decoration:none}.kw-fault-brand-card:hover{border-color:var(--wg-color-border-strong);color:inherit}.kw-fault-brand-card span{font-size:17px;font-weight:700}.kw-fault-brand-card strong{grid-column:1;color:var(--wg-color-text-muted);font-size:11px}.kw-fault-brand-card b{grid-column:2;grid-row:1/3;color:var(--wg-color-primary);font-size:18px}.kw-fault-code-grid{display:grid;gap:10px}.kw-fault-code-card a{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;padding:18px;background:#fff;border:1px solid var(--wg-color-border);border-radius:12px;color:inherit;text-decoration:none}.kw-fault-code-card a:hover{border-color:var(--wg-color-border-strong)}.kw-fault-code-card__display{display:grid;place-items:center;min-height:62px;padding:10px;background:var(--wg-color-primary-hover);border-radius:9px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:800;letter-spacing:.06em}.kw-fault-code-card h2{margin:0 0 5px;font-size:17px}.kw-fault-code-card p{margin:0 0 7px;color:var(--wg-color-text-muted);font-size:12px}.kw-fault-code-card strong{color:var(--wg-color-primary);font-size:11px}.kw-fault-empty{padding:28px;background:#fff;border:1px solid var(--wg-color-border);border-radius:12px}
@media(max-width:900px){.wg-problem-page__hero-grid{grid-template-columns:1fr}.wg-problem-page__hero-visual{display:none}.wg-problem-overview__grid,.wg-problem-featured__grid,.wg-problem-list__grid,.kw-fault-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wg-problem-page__container,.wg-problem__container{width:calc(100% - 32px)}.wg-problem-overview__grid,.wg-problem-featured__grid,.wg-problem-list__grid,.wg-problem-process__steps,.kw-fault-brand-grid{grid-template-columns:1fr}.wg-problem-list__toolbar,.wg-problem-next__grid,.wg-problem-device-next__inner{align-items:flex-start;flex-direction:column}.wg-problem-next__actions,.wg-problem-device-next__actions{width:100%;flex-direction:column}.wg-problem-next__primary,.wg-problem-device-next__primary,.wg-problem-next__secondary,.wg-problem-device-next__secondary{width:100%}.kw-fault-code-card a{grid-template-columns:80px minmax(0,1fr)}}
