.bs-veld{flex:1;min-width:0;min-height:52px;display:flex;align-items:center;gap:10px;padding:4px 6px 4px 18px;border:2px solid rgba(8,20,18,.14);border-radius:var(--r-pill);background:var(--paper);color:var(--tekst-70);transition:border-color .18s ease}.bs-veld:focus-within{border-color:var(--cta)}.bs-veld>svg{flex:none}.bob-search .bs-invoer,.bob-search-page .bs-invoer{flex:1;min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;outline:none;font-family:var(--font-body);font-size:1rem;color:var(--kleur-inkt);text-overflow:ellipsis}.bs-invoer::placeholder{color:var(--tekst-70);opacity:1}.bs-invoer::-webkit-search-cancel-button{display:none}.bs-wissen{flex:none;padding:8px 12px;border:0;border-radius:var(--r-pill);background:none;font-family:var(--font-body);font-size:.8125rem;font-weight:700;color:var(--tekst-70);white-space:nowrap;cursor:pointer;transition:background-color .18s ease,color .18s ease}.bs-wissen[hidden]{display:none}.bs-wissen:hover{background:var(--kleur-zand);color:var(--kleur-inkt)}.bob-search-modal .search-modal__content{--modal-top-margin: clamp(24px, 9vh, 88px);--modal-width: min(680px, calc(100vw - 2 * var(--gutter)));width:var(--modal-width);max-width:none;max-height:calc(100dvh - 2 * var(--modal-top-margin));margin-block-start:var(--modal-top-margin);padding:0;overflow:hidden;border:0;background:var(--paper)}.bob-search-modal .search-modal__content[open]{display:flex}.bob-search-modal .dialog-modal[open].search-modal__content{border-radius:var(--r-lg);box-shadow:0 24px 60px -24px #08141273;animation:search-element-slide-in-bottom .3s var(--ease-out-quad) forwards}.bob-search-modal .dialog-modal.search-modal__content.dialog-closing{animation:search-element-slide-out-bottom .2s var(--ease-out-quad) forwards}.bob-search-modal predictive-search-component{width:100%;min-height:0;display:flex;align-items:stretch;background:var(--paper)}.bs-form{width:100%;min-height:0;display:flex;flex-direction:column}.bs-kopbalk{flex:none;display:flex;align-items:center;gap:8px;padding:16px 16px 12px 20px}.bob-search .bs-inhoud{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 20px;background:none}.bs-voet{display:none;flex:none;justify-content:center;padding:14px 20px 18px;border-top:1px solid var(--kleur-zand)}.bob-search:has([data-search-results]) .bs-voet{display:flex}@media(max-width:749px){.bob-search-modal .search-modal__content{width:100%;height:100dvh;max-height:100%;margin-block-start:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.bob-search-modal .dialog-modal[open].search-modal__content{border-radius:0;box-shadow:none}.bs-form{height:100%}.bs-kopbalk{padding:10px 10px 10px 16px}.bob-search .bs-inhoud{padding:4px 16px 16px}}.bs-groep+.bs-groep,#predictive-search-products .recently-viewed-wrapper+.bs-groep{margin-top:18px}#predictive-search-products+.bs-groep{margin-top:18px}.bs-kop{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;margin:0 0 4px 10px;font-family:var(--font-body);font-size:.8125rem;font-weight:700;letter-spacing:0;line-height:1.3;color:var(--tekst-70)}.bs-vlak{display:grid;gap:6px;margin:0;padding:8px;list-style:none;border-radius:1.5rem;background:var(--kleur-zand-licht)}.bs-rij{min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:1.125rem;background:var(--paper);color:var(--kleur-inkt);transition:background-color .18s ease}.bs-rij:hover{background:var(--kleur-zand)}[aria-selected=true].keyboard-focus>.bs-rij{outline:2px solid var(--cta);outline-offset:-2px}.bs-rij-beeld{flex:none;width:56px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:.875rem;background:var(--kleur-zand-licht);color:#08141247}.bs-rij-beeld img{width:100%;height:100%;padding:5px;display:block;object-fit:contain;mix-blend-mode:multiply}.bs-rij-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bs-rij-naam{font-size:.9375rem;font-weight:700;line-height:1.25}.bs-rij-noot{font-size:.75rem;line-height:1.35;color:var(--tekst-70)}.bs-rij-prijs{flex:none;font-size:.9375rem;font-weight:700;white-space:nowrap}.bs-rij-pijl{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--kleur-zand);color:var(--kleur-inkt);transition:background-color .18s ease,color .18s ease}.bs-rij:hover .bs-rij-pijl{background:var(--cta);color:var(--tekst-op-donker)}@media(max-width:420px){.bs-rij{gap:10px;padding-right:10px}.bs-rij-pijl{display:none}}.bs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}.bs-chip{display:block;padding:7px 14px;border-radius:var(--r-pill);background:var(--kleur-zand-licht);font-size:.875rem;color:var(--kleur-inkt);transition:background-color .18s ease}.bs-chip:hover,[aria-selected=true]>.bs-chip{background:var(--kleur-zand)}.bs-chip mark{background:none;color:inherit;font-weight:700}.bs-leeg{margin:0;padding:20px 10px 8px;text-align:center;color:var(--tekst-70)}@media(prefers-reduced-motion:reduce){.bs-veld,.bs-wissen,.bs-rij,.bs-rij-pijl,.bs-chip{transition:none}}.bob-search-page{padding-top:clamp(168px,19vh,212px);background:var(--paper)}.bob-search-page--pad-bottom{padding-bottom:var(--section)}.bs-paginakop{max-width:var(--w-prose);margin:0 auto clamp(40px,5vw,64px);text-align:center}.bs-paginakop .eyebrow{justify-content:center}.bs-paginakop h1{font-size:clamp(1.9rem,3.4vw,2.625rem);line-height:1.2;letter-spacing:-1px;overflow-wrap:anywhere}.bs-paginakop p{margin:12px 0 0;color:var(--tekst-70)}.bs-paginaform{margin-top:28px;text-align:left}.bs-paginaform .bs-veld{min-height:60px}@media(max-width:480px){.bs-paginaform .btn{display:none}.bs-paginaform .bs-veld{padding-right:8px}}.bs-blok+.bs-blok{margin-top:clamp(40px,5vw,64px)}.bs-blok h2{margin:0 0 18px;font-family:var(--font-kop);font-weight:700;font-size:clamp(1.25rem,2.2vw,1.625rem);letter-spacing:-.5px;line-height:1.2}.bob-search-page .prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}@media(max-width:1200px){.bob-search-page .prod-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bob-search-page .prod-grid{grid-template-columns:1fr}}.bs-paginering{margin-top:32px;text-align:center;font-weight:700}.bs-paginering .page,.bs-paginering .next,.bs-paginering .prev{display:inline-block;padding:8px 12px}.bs-paginering .current{color:var(--cta)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bob-search.css.map */