.search-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer)}.search-drawer[hidden]{display:none}.search-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0b0da6;opacity:0;transition:opacity var(--dur-component) var(--ease-state)}.search-drawer[data-open=true] .search-drawer__backdrop{opacity:1}.search-drawer__panel{position:absolute;top:0;left:0;right:0;max-height:80vh;background:var(--surface-1);border-bottom:1px solid var(--border);display:flex;flex-direction:column;transform:translateY(-100%);transition:transform var(--dur-component) var(--ease-entrance);box-shadow:0 16px 48px #00000080}.search-drawer[data-open=true] .search-drawer__panel{transform:translateY(0)}@media(max-width:767px){.search-drawer__panel{max-height:100vh;height:100vh}}.search-drawer__header{display:flex;align-items:center;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.search-drawer__form{display:flex;align-items:center;width:100%;gap:var(--sp-3);position:relative}.search-drawer__input-icon{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-drawer__input{flex:1;height:48px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-size:var(--fs-body);padding:0 var(--sp-5) 0 calc(var(--sp-3) + 28px);transition:border-color var(--dur-state) var(--ease-state),box-shadow var(--dur-state) var(--ease-state)}.search-drawer__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px var(--accent-glow)}.search-drawer__close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);border-radius:var(--radius-input)}.search-drawer__body{flex:1;overflow-y:auto;padding:var(--sp-5)}.search-drawer__state[hidden]{display:none}.search-drawer__state h3{margin-bottom:var(--sp-3)}.search-drawer__results-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}@media(min-width:768px){.search-drawer__results-grid{grid-template-columns:2fr 1fr 1fr;gap:var(--sp-6)}}.search-drawer__suggestions{list-style:none;display:flex;flex-direction:column;gap:var(--sp-3)}.ps-card{display:grid;grid-template-columns:56px 1fr auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2);border-radius:var(--radius-input);transition:background-color var(--dur-state) var(--ease-state)}.ps-card:hover,.ps-card[aria-selected=true]{background:var(--surface-2)}.ps-card img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-input);background:var(--surface-2)}.ps-card__title{color:var(--text-primary);font-size:var(--fs-small);line-height:1.3}.ps-card__price{color:var(--text-secondary);font-size:var(--fs-xs)}.search-drawer__categories,.search-drawer__chips{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.search-drawer__chips{flex-flow:row wrap}.search-drawer__categories a{color:var(--text-secondary);font-size:var(--fs-small);transition:color var(--dur-state) var(--ease-state)}.search-drawer__categories a:hover{color:var(--accent)}.search-drawer__no-results-msg{color:var(--text-secondary);margin-bottom:var(--sp-3)}.search-drawer__footer{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase}.search-drawer__footer kbd{font-family:var(--font-mono);font-size:var(--fs-xs);padding:2px 6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border);color:var(--accent)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/predictive-search.css.map */