/* Werkkloffie collectiepagina's */
.wk-chero{display:grid;gap:24px;align-items:center;margin:24px 0 16px;padding:28px;border-radius:12px;background:rgb(var(--color-scheme-1-bg));color:rgb(var(--color-scheme-1-text))}
@media (min-width:990px){.wk-chero{grid-template-columns:minmax(0,1fr) 380px;padding:36px 40px}.wk-chero--plain{grid-template-columns:1fr}}
.wk-chero__crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:13px;color:rgb(var(--text-color)/.7)}
.wk-chero__crumbs a{color:inherit;text-decoration:none}
.wk-chero__crumbs a:hover{text-decoration:underline}
.wk-chero__title{margin:0 0 6px;font-size:34px;line-height:1.15;color:rgb(var(--heading-color))}
@media (max-width:767px){.wk-chero{padding:20px;margin-top:16px}.wk-chero__title{font-size:28px}}
.wk-chero__count{margin:0 0 14px;font-size:14px;font-weight:600;color:rgb(var(--text-color)/.7)}
.wk-chero__desc{max-width:70ch;font-size:16px}
.wk-chero__desc p{margin:0 0 10px}
.wk-chero__desc p:last-child{margin-bottom:0}
.wk-chero__brands{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:16px 0 0;font-size:13px}
.wk-chero__brands span{font-weight:700;margin-right:2px}
.wk-chero__brands a{padding:4px 10px;border-radius:999px;background:#fff;color:rgb(var(--heading-color));font-weight:600;text-decoration:none;border:1px solid rgb(var(--heading-color)/.15)}
.wk-chero__brands a:hover{border-color:rgb(var(--heading-color))}
.wk-chero__media{border-radius:10px;overflow:hidden;background:#fff;aspect-ratio:4/3}
.wk-chero__media img{width:100%;height:100%;object-fit:contain;display:block}
@media (max-width:989px){.wk-chero__media{display:none}}

.wk-cchips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.wk-cchips--center{justify-content:center}
.wk-cchip{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgb(var(--heading-color)/.3);background:#fff;font-size:14px;font-weight:600;color:rgb(var(--heading-color));text-decoration:none}
.wk-cchip:hover{border-color:rgb(var(--heading-color))}
.wk-cchip.is-active{background:rgb(var(--heading-color));border-color:rgb(var(--heading-color));color:#fff}
.wk-cchip.is-empty{opacity:.55}
.wk-cchip.is-active{opacity:1}

.wk-cempty{max-width:720px;margin:8px auto 48px;padding:40px 28px;border-radius:12px;background:#fff;border:1px solid rgb(var(--text-color)/.1);text-align:center}
.wk-cempty__icon{color:rgb(var(--heading-color));margin-bottom:8px}
.wk-cempty__title{margin:0 0 8px;font-size:22px;color:rgb(var(--heading-color))}
.wk-cempty__text{max-width:52ch;margin:0 auto 20px;font-size:15px}
.wk-cempty__label{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--text-color)/.65)}
.wk-cempty__ctas{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:8px}
.wk-cempty__link{font-weight:600;color:rgb(var(--link-color))}

.wk-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:8px 0 40px;padding:0;list-style:none}
.wk-ccard{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:#fff;border:1px solid rgb(var(--text-color)/.1)}
.wk-ccard__media{position:relative;display:block;height:0;padding-top:75%;overflow:hidden;background:#f4f4f4}
.wk-ccard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.wk-ccard__ph{position:absolute;inset:0;display:grid;place-items:center;color:rgb(var(--heading-color)/.3)}
.wk-ccard__body{padding:16px 18px 18px}
.wk-ccard__title{margin:0;font-size:19px}
.wk-ccard__title a{color:rgb(var(--heading-color));text-decoration:none}
.wk-ccard__count{margin:2px 0 10px;font-size:13px;color:rgb(var(--text-color)/.65)}
.wk-ccard__links{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:14px}
.wk-ccard__links a{color:rgb(var(--link-color))}
.wk-cgrid__heading{margin:0 0 14px;font-size:22px;color:rgb(var(--heading-color))}
.wk-cbrands{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:0 0 48px;padding:0;list-style:none}
.wk-cbrand{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:12px;background:#fff;border:1px solid rgb(var(--text-color)/.1);text-decoration:none}
.wk-cbrand:hover{border-color:rgb(var(--heading-color))}
.wk-cbrand__name{font-weight:700;font-size:16px;color:rgb(var(--heading-color))}
.wk-cbrand__count{font-size:13px;color:rgb(var(--text-color)/.65)}