@charset "utf-8";

.predictive-search { margin: auto; position: relative; width: 100%; }

.predictive-search__heading { font-size: 1rem; font-weight: 700; line-height: 1.1; margin-bottom: 0.5rem; }

.predictive-search__results { background-color: var(--surface-primary); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-radius: 0px 0px 1.5rem 1.5rem; border-top: 0px; display: grid; gap: 1.5rem; left: 0px; margin-top: -1.5rem; max-height: calc(100dvh - var(--header-height) - var(--promo-bar-height)); overflow-y: auto; padding: 2.75rem 1.25rem 1.25rem; position: absolute; right: 0px; top: 100%; z-index: -1; }

.predictive-search__results-inner { display: grid; gap: 1.5rem; }

.predictive-search__results-inner .btn--primary { color: var(--text-on-cta); padding-inline: 1rem; }

.predictive-search__list-items { display: grid; gap: 0.5rem; }

.predictive-search__list-item { border-bottom: .0625rem solid var(--border-subtle); padding-bottom: 0.5rem; }

.predictive-search__link { font-size: 0.875rem; }

.predictive-search__link:hover { text-decoration: underline; }

.predictive-search-result { align-items: center; display: flex; flex-direction: row; gap: 0.75rem; justify-content: flex-start; position: relative; }

.predictive-search-result a:first-of-type::before { inset: 0px; content: ""; display: block; height: 100%; position: absolute; width: 100%; }

.predictive-search-result a:first-of-type.focus-visible { box-shadow: none; }

.predictive-search-result a:first-of-type.focus-visible::before { border-color: var(--text-reverse); border-radius: var(--border-radius,.125rem); box-shadow: rgb(24, 102, 255) 0px 0px 0px 0.125rem; outline: none; }

.predictive-search-result .shopify-placeholder { height: 3.75rem; width: 3.75rem; }

.predictive-search-result__image { flex-shrink: 0; height: 3rem; width: 3rem; }

.predictive-search-result__title { font-size: 1rem; font-weight: 600; margin: 0px; z-index: 2; }

@media only screen and (min-width: 48em) {
  .predictive-search__heading { font-size: 1.125rem; }
}

@media only screen and (min-width: 80em) {
  .predictive-search__heading { font-size: 1.125rem; }
}

@media (hover: hover) {
  .predictive-search-result__title:hover { text-decoration: underline; }
}