/* MKN productzoeker */
.mkn-zoek{position:relative;margin-left:auto;flex:0 1 260px;min-width:150px}
.mkn-zoek .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mkn-zoek input{width:100%;box-sizing:border-box;padding:8px 12px 8px 32px;font:inherit;font-size:14px;
  color:var(--ink);background:var(--card) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E6155' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 9px 50%/15px 15px;
  border:1px solid var(--line);border-radius:10px;outline:none}
.mkn-zoek input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(224,145,42,.18)}
.mkn-zoek input::-webkit-search-cancel-button{cursor:pointer}
.mkn-zoek ul{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;margin:0;padding:4px;
  list-style:none;background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 12px 30px rgba(33,28,24,.13);max-height:340px;overflow:auto}
.mkn-zoek li{margin:0}
.mkn-zoek li a{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:8px;
  text-decoration:none;color:var(--ink)}
.mkn-zoek li.aan a,.mkn-zoek li a:hover,.mkn-zoek li a:focus{background:var(--chip)}
.mkn-zoek li .n{font-weight:600;font-size:14px;line-height:1.25}
.mkn-zoek li .f{font-size:11.5px;color:var(--mut)}
.mkn-zoek li.leeg{padding:10px;font-size:13px;color:var(--mut)}
.mkn-zoek li.leeg a{display:inline;padding:0;color:var(--orange);text-decoration:underline}
@media(max-width:980px){
  .mkn-zoek{order:3;flex:1 1 100%;margin:8px 0 0}
  .mkn-zoek ul{max-height:60vh}
}