/* Scholten slim zoeken — uitklaplijst (assets/search.js). */
.scsi-sx { position: fixed; z-index: 99999; display: none; overflow: auto; background: #fff; color: #1d1d1b; border: 1px solid #e3e5e0; border-radius: 14px; box-shadow: 0 18px 48px rgba( 0, 0, 0, .16 ); font-size: 14px; line-height: 1.4; text-align: left; -webkit-overflow-scrolling: touch; }
.scsi-sx * { box-sizing: border-box; }
.scsi-sx a { color: inherit; text-decoration: none; }
.scsi-sx__cols { display: grid; grid-template-columns: 230px 1fr; }
.scsi-sx__side { padding: 16px; background: #f6f7f4; border-right: 1px solid #eceee9; }
.scsi-sx__main { padding: 16px; min-width: 0; }
.scsi-sx__h { margin: 0 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7067; }
.scsi-sx__side .scsi-sx__h + * { margin-bottom: 16px; }
.scsi-sx__list { list-style: none; margin: 0; padding: 0; }
.scsi-sx__list li a, .scsi-sx__list li button { display: flex; justify-content: space-between; gap: 8px; width: 100%; padding: 7px 8px; border: 0; border-radius: 8px; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.scsi-sx__list li span { color: #8a8f86; font-size: 12px; }
.scsi-sx__list li a:hover, .scsi-sx__list li button:hover, .scsi-sx .is-active { background: #e8f1dc; }
.scsi-sx__go { display: block; margin: 0 0 14px; padding: 9px 10px; border-radius: 8px; background: #85b640; color: #fff !important; font-weight: 700; }
.scsi-sx__chips, .scsi-sx__facets { display: flex; flex-wrap: wrap; gap: 6px; }
.scsi-sx__facets { margin-bottom: 12px; }
.scsi-sx__chip { padding: 6px 11px; border: 1px solid #d9ddd4; border-radius: 999px; background: #fff; font: inherit; font-size: 13px; color: inherit; cursor: pointer; white-space: nowrap; }
.scsi-sx__chip span { color: #8a8f86; font-size: 12px; }
.scsi-sx__chip:hover { border-color: #85b640; }
.scsi-sx__chip.is-on { border-color: #85b640; background: #85b640; color: #fff; }
.scsi-sx__chip.is-on span { color: #eaf3dd; }
.scsi-sx__grid { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 6px; }
.scsi-sx__p { display: flex; gap: 12px; align-items: center; padding: 8px; border-radius: 10px; }
.scsi-sx__p:hover { background: #f3f6ef; }
.scsi-sx__p img, .scsi-sx__noimg { flex: 0 0 64px; width: 64px; height: 64px; object-fit: contain; border-radius: 8px; background: #f6f7f4; }
.scsi-sx__pt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.scsi-sx__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 600; }
.scsi-sx__meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.scsi-sx__price { font-weight: 700; }
.scsi-sx__price s { color: #8a8f86; font-weight: 400; }
.scsi-sx__av { font-size: 12px; }
.scsi-sx__av--0 { color: #4f8a10; }
.scsi-sx__av--1 { color: #6b7d2a; }
.scsi-sx__av--2, .scsi-sx__av--3 { color: #8a8f86; }
.scsi-sx__av--0::before, .scsi-sx__av--1::before { content: '● '; font-size: 9px; vertical-align: 1px; }
.scsi-sx__all { display: block; margin-top: 12px; padding: 11px; border-radius: 10px; background: #85b640; color: #fff !important; font-weight: 700; text-align: center; }
.scsi-sx__all:hover, .scsi-sx__all.is-active { background: #74a034; color: #fff; }
.scsi-sx__msg { padding: 18px 4px; color: #6b7067; }
.scsi-sx__note { margin-bottom: 10px; color: #6b7067; font-size: 13px; }
.scsi-sx--mob { border-radius: 12px; }
.scsi-sx--mob .scsi-sx__cols { grid-template-columns: 1fr; }
.scsi-sx--mob .scsi-sx__side { order: 2; border-right: 0; border-top: 1px solid #eceee9; }
.scsi-sx--mob .scsi-sx__grid { grid-template-columns: 1fr; }
.scsi-sx--mob .scsi-sx__facets { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }