predictive-search[open] .overlay{z-index:30}predictive-search[open] .search__form{z-index:32}predictive-search .overlay{background-color:transparent}predictive-search[open] .search__input{background:var(--db-surface);border:1.5px solid var(--db-accent);box-shadow:none;color:var(--db-ink);caret-color:var(--db-ink)}predictive-search[open] .search__input::placeholder{color:var(--db-muted)}.header predictive-search[open] .search__input{background:var(--db-surface);border:1.5px solid var(--db-accent);box-shadow:none;color:var(--db-ink);caret-color:var(--db-ink)}.header predictive-search[open] .search__input::placeholder{color:var(--db-muted)}.search__reset{right:12px;padding:10px}[dir=rtl] .search__reset{right:auto;left:63px}[dir=rtl] .search__reset:after{right:auto;left:-8px}.predictive-search,.predictive-search-empty{display:none;position:absolute;top:calc(100% + 8px);width:100%;min-width:min(592px,calc(100vw - 2 * var(--gutter)));background:var(--db-surface);color:var(--db-ink);border:1px solid var(--db-line);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow-hover);padding:10px;font-family:var(--db-font);max-height:min(66vh,620px);overflow-y:auto;z-index:31}predictive-search[open] .predictive-search{display:block}predictive-search[open] .predictive-search-empty:not([hidden]){display:block}predictive-search[open] .predictive-search--loading{display:flex;align-items:center;gap:10px;min-height:64px;padding:14px 18px;font-size:13.5px;font-weight:600;color:var(--db-muted)}.predictive-search__spinner{width:16px;height:16px;flex:none;border:2px solid var(--db-line);border-top-color:var(--db-accent-text);border-radius:50%;animation:predictive-search-spin .7s linear infinite}@keyframes predictive-search-spin{to{transform:rotate(360deg)}}.tap-sec{padding:8px 8px 10px}.tap-sec+.tap-sec,.tap-sec+.predictive-search__listbox{border-top:1px solid var(--db-line)}.tap-h{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--db-muted);padding:6px 12px 8px}.tap-h .see{letter-spacing:.02em;text-transform:none;font-weight:700;font-size:12px;color:var(--db-accent-text)}.pchips{display:flex;flex-wrap:wrap;gap:8px;padding:0 4px}.pchip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--db-ink);background:var(--db-surface);border:1.5px solid var(--db-chipline);border-radius:999px;padding:7px 14px;min-height:24px;transition:border-color .15s,color .15s}.pchip:hover{border-color:var(--db-ink)}.pchip svg{width:13px;height:13px;stroke:#63605a;fill:none;flex:none}.presult{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:12px;position:relative;min-height:64px}.presult+.presult:before{content:"";position:absolute;top:-1px;inset-inline-start:86px;inset-inline-end:12px;border-top:1px solid var(--db-line)}.presult:hover{background:var(--db-surface-2)}.presult[aria-selected=true]{background:var(--db-surface-2);box-shadow:inset 0 0 0 1.5px var(--db-accent-text)}.presult:hover:before,.presult[aria-selected=true]:before,.presult:hover+.presult:before,.presult[aria-selected=true]+.presult:before{display:none}.pthumb{width:60px;height:60px;box-sizing:border-box;padding:4px;background:var(--db-well);border:1px solid var(--db-line);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pthumb img,.pthumb svg{width:100%;height:100%;object-fit:contain}.pmain{min-width:0;display:flex;flex-direction:column;gap:2px}.pvendor{font-size:12px;font-weight:500;color:var(--db-muted);line-height:1.3}.ptitle{font-family:var(--db-display);font-size:16.5px;font-weight:600;letter-spacing:-.005em;color:var(--db-ink);line-height:1.22;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pmeta{display:flex;align-items:center;gap:9px;margin-top:2px}.chip--bgg{display:inline-flex;font-size:10px;font-weight:700;color:var(--db-accent-text);background:var(--db-bgg-chip-bg);border:1px solid var(--db-bgg-chip-border);border-radius:5px;padding:1px 6px}.stock{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600}.stock i{width:7px;height:7px;border-radius:50%;flex:none}.stock--ok{color:var(--db-stock-ok)}.stock--ok i{background:var(--db-stock-ok)}.stock--low{color:var(--db-stock-low-text)}.stock--low i{background:var(--db-stock-low-dot)}.stock--out{color:var(--db-accent)}.stock--out i{background:var(--db-accent)}.pprice{font-size:14.5px;font-weight:800;color:var(--price-color);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}.pprice--sale{color:var(--price-color)}.pkbd{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:6px}.presult[aria-selected=true] .pprice{opacity:0}.presult[aria-selected=true] .pkbd{display:inline-flex}kbd{font-family:var(--db-font);font-size:10.5px;font-weight:700;background:var(--db-surface);border:1px solid var(--db-line);border-radius:4px;padding:1px 6px;color:var(--db-muted)}.pkbd .lbl{font-size:11.5px;font-weight:700;color:var(--db-accent-text)}.crow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--db-ink);min-height:44px}.crow:hover{background:var(--db-surface-2)}.crow[aria-selected=true]{background:var(--db-surface-2);box-shadow:inset 0 0 0 1.5px var(--db-accent-text)}.crow svg{width:15px;height:15px;stroke:var(--db-muted);fill:none;flex:none}.crow .ct{flex:1;min-width:0}.crow .cn{font-size:12px;font-weight:600;color:var(--db-muted)}.crow .ar{color:var(--db-muted);font-size:14px}.tap-all{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--db-surface-2);border:none;border-radius:12px;padding:13px 14px;font-size:13.5px;font-weight:700;color:var(--db-ink);margin-top:6px;min-height:44px}.tap-all:hover{background:var(--db-line)}.tap-all[aria-selected=true]{background:var(--db-line);box-shadow:inset 0 0 0 1.5px var(--db-accent-text)}.tap-all svg{width:16px;height:16px;stroke:var(--db-accent-text);fill:none;flex:none}.tap-all .ar{margin-left:auto;color:var(--db-accent-text);font-size:15px}.tap-foot{display:flex;gap:14px;align-items:center;padding:9px 10px 5px;border-top:1px solid var(--db-line);margin-top:4px;font-size:11.5px;color:var(--db-muted)}.tap-foot span{display:inline-flex;align-items:center;gap:6px}@media(hover:none){.tap-foot{display:none}}.tap-empty{padding:22px 14px 10px;text-align:left}.tap-empty .tap-empty__title{font-family:var(--db-display);font-weight:600;font-size:18px;color:var(--db-ink);margin-bottom:6px;letter-spacing:-.01em}.tap-empty p{font-size:13.5px;color:var(--db-muted);line-height:1.55;max-width:46ch}.tap-empty .ask{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:700;color:var(--db-accent-text);min-height:24px}.tap-empty .ask svg{width:15px;height:15px;stroke:currentColor;fill:none}.tap-empty__hint{font-size:12px;color:var(--db-muted);font-style:italic}.predictive-search :focus-visible,.predictive-search-empty :focus-visible{outline:2px solid var(--db-accent-text);outline-offset:2px}.presult,.crow,.pchip,.tap-all{transition:background-color .2s,border-color .2s}@media(prefers-reduced-motion:reduce){.predictive-search__spinner{animation:none}.presult,.crow,.pchip,.tap-all{transition:none}}.search--speech .search__reset,.search--product-types .search__reset{right:56px}.search--speech .search__reset:after,.search--product-types .search__reset:after{content:"";position:absolute;top:10px;right:-1px;width:1px;height:24px;background-color:rgba(var(--text-color)/.3)}[dir=rtl] .search--speech .search__reset,[dir=rtl] .search--product-types .search__reset{right:auto}[dir=rtl] .search--speech .search__reset:after,[dir=rtl] .search--product-types .search__reset:after{right:auto;left:-8px}predictive-search .search__input{padding-inline-end:95px}.header__grid--centered-logo .search__input:not(.search__input--dirty){padding-inline-end:54px}@media(max-width:768.98px){.header__search .overlay{z-index:900}predictive-search .search__input:not(.search__input--dirty){padding-inline-end:54px}.predictive-search,.predictive-search-empty{left:calc(var(--gutter) * -1);width:100vw;min-width:0;max-height:calc(100dvh - 180px);border-radius:0 0 var(--db-radius-lg) var(--db-radius-lg)}}@media(max-width:430px){.presult{grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:10px}.presult+.presult:before{inset-inline-start:78px;inset-inline-end:10px}.pthumb{width:56px;height:56px}.ptitle{font-size:16px}.pchip{padding:9px 15px;font-size:13.5px}.crow{padding:12px 10px}}.cc-main-search .search__input{background-color:#fff;border:1px solid #dcd9d2}.cc-main-search .search__input::placeholder{color:#63605a}
/*# sourceMappingURL=/cdn/shop/t/109/assets/predictive-search.css.map */