/* Mebbols zoeken v1 — zoekbalk in de navigatie + resultatenpagina /zoeken */
.m-search{position:relative;margin-left:auto;display:flex;align-items:center;flex:0 1 280px;min-width:170px}
.m-search input{width:100%;font-family:var(--m-font-sans);font-weight:700;font-size:15px;line-height:1.2;padding:10px 46px 10px 16px;border:var(--m-border);border-radius:var(--m-radius-pill);background:#fff;color:var(--m-ink);box-shadow:0 3px 0 var(--m-ink);-webkit-appearance:none;appearance:none;transition:box-shadow .15s,border-color .15s}
.m-search input::placeholder{color:var(--m-ink-soft);opacity:.75}
.m-search input:focus{outline:none;border-color:var(--m-purple);box-shadow:0 3px 0 var(--m-purple)}
.m-search input::-webkit-search-cancel-button,.m-search input::-webkit-search-decoration{-webkit-appearance:none;display:none}
.m-search button{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border-radius:50%;border:0;background:var(--m-ink);color:#fff;display:grid;place-items:center;cursor:pointer}
.m-search button:hover{background:var(--m-purple)}
.m-search button svg{width:16px;height:16px}
.m-search-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.m-search-pop{position:absolute;top:calc(100% + 10px);right:0;width:min(420px,calc(100vw - 28px));max-height:70vh;overflow:auto;background:#fff;border:var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow-lg);z-index:1000;padding:6px;text-align:left}
.m-search-pop[hidden]{display:none}
.m-search-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:14px;text-decoration:none;color:var(--m-ink)}
.m-search-item:hover,.m-search-item[aria-selected=true]{background:var(--m-cream)}
.m-search-thumb{width:56px;height:35px;border-radius:8px;object-fit:cover;flex-shrink:0;border:2px solid var(--m-ink);background:var(--m-cream-2)}
.m-search-thumb.is-icon{display:grid;place-items:center;font-size:18px;line-height:1}
.m-search-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.m-search-title{font-weight:900;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.m-search-meta{font-family:var(--m-font-mono);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--m-ink-soft)}
.m-search-all{display:block;padding:10px;margin-top:4px;text-align:center;font-weight:800;font-size:14px;color:var(--m-purple-dark);text-decoration:none;border-top:2px dashed rgba(26,13,46,.15)}
.m-search-all:hover{text-decoration:underline}
.m-search-empty{padding:12px;font-weight:700;font-size:14px;color:var(--m-ink-soft)}
.m-search-empty a{color:var(--m-purple-dark);font-weight:800}
@media (max-width:768px){.m-search{flex:1 1 auto;min-width:0}.m-search input{font-size:16px;padding:9px 44px 9px 14px}}

/* resultatenpagina */
.zoek-form{position:relative;max-width:680px;margin:22px 0 8px}
.zoek-form input{width:100%;font-family:var(--m-font-sans);font-weight:800;font-size:20px;padding:16px 130px 16px 22px;border:var(--m-border);border-radius:var(--m-radius-pill);background:#fff;color:var(--m-ink);box-shadow:var(--m-shadow-lg);-webkit-appearance:none;appearance:none}
.zoek-form input:focus{outline:none;border-color:var(--m-purple)}
.zoek-form input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.zoek-form button{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:11px 20px;border:0;border-radius:var(--m-radius-pill);background:var(--m-ink);color:#fff;font-family:var(--m-font-sans);font-weight:900;font-size:16px;cursor:pointer}
.zoek-form button:hover{background:var(--m-purple)}
.zoek-tip{font-size:14px;color:var(--m-ink-soft);margin:6px 0 0}
#zoek-resultaten{margin-top:26px}
.zoek-count{font-size:17px;margin:0 0 6px}
.zoek-leeg p{margin:0 0 8px}
.zoek-leeg a{color:var(--m-purple-dark)}
.zoek-filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}
.zoek-chip{font-family:var(--m-font-sans);font-weight:800;font-size:14px;padding:8px 14px;border-radius:var(--m-radius-pill);border:var(--m-border);background:#fff;color:var(--m-ink);cursor:pointer}
.zoek-chip span{opacity:.6;margin-left:2px}
.zoek-chip[aria-pressed=true]{background:var(--m-ink);color:#fff}
.zoek-chip[aria-pressed=true] span{opacity:.8}
.zoek-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.zoek-card{display:flex;flex-direction:column;background:#fff;border:var(--m-border);border-radius:var(--m-radius);box-shadow:var(--m-shadow);overflow:hidden;text-decoration:none;color:var(--m-ink);transition:transform .15s,box-shadow .15s}
.zoek-card:hover{transform:translateY(-3px);box-shadow:var(--m-shadow-lg)}
.zoek-card img,.zoek-ph{width:100%;aspect-ratio:8/5;object-fit:cover;border-bottom:var(--m-border);background:var(--m-cream-2)}
.zoek-ph{display:grid;place-items:center;font-size:44px}
.zoek-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.zoek-card-title{font-size:18px;font-weight:900;line-height:1.2}
.zoek-card-desc{font-size:14px;color:var(--m-ink-soft);line-height:1.4}
@media (max-width:768px){.zoek-form input{font-size:17px;padding:14px 112px 14px 18px}.zoek-form button{padding:10px 16px;font-size:15px}.zoek-grid{grid-template-columns:1fr 1fr;gap:12px}.zoek-card-title{font-size:15px}.zoek-card-desc{display:none}.zoek-card-body{padding:10px 12px 12px}}
@media (max-width:380px){.zoek-grid{grid-template-columns:1fr}}