/** Shopify CDN: Minification failed

Line 6:9 Unexpected "\".quick-search.is-active\""

**/
body:has(".quick-search.is-active") {
  overflow: hidden;
}

.search__overlay {
  top: calc(var(--header-height) + var(--announcement-height));
}

.search {
  background-color: white;
  top: calc(var(--header-height) - 2px);
  flex-direction: column;
  justify-content: start;
  max-height: calc(100vh - var(--header-height));
  margin-top: 0;
}

.is-active .search {
  display: flex;
}

.search__container {
  max-width: 1440px;
  max-width: var(--max-width);
  padding: 0 72px;
  margin: 0 auto;
}

.search__input-container {
  border-top: .5px solid #202020;
  padding: 16px 0;
}

.search__input-actions {
  position: relative;
  top: 0; 
  right: 0;
  height: fit-content;
}

.search__input-actions .search__input {
  border-bottom: none;
}

.search__input:focus {
  box-shadow: none;
  outline: none;
}

.search__submit-button {
  background-color: transparent;
  border: none;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .search__overlay {
    top: calc(var(--header-height) + var(--announcement-height));
  }
  
  .search {
    top: calc(var(--header-height) - 2px);
    max-height: calc(100vh - var(--header-height));
  }
  
  .search__container {
    padding: 0 16px;
  }

  .search__input-container {
    padding: 4px 0;
  }
}

/* Results */
.search__results {
  padding: 0;
  border-top: 1px solid #202020;
  box-shadow: none;
}

.predictive-search-results__container {
  max-height: 100%;
  overflow-y: auto;
}

.predictive-search-results-group {
  border-top: .5px solid #202020;
  margin-bottom: 30px;
  padding-inline: 40px;
}

.predictive-search-results-group h3::after {
  content: "";
  width: 36px;
  height: 2px;
  background-color: #9a958d;
  display: block;
  margin-top: 10px;
}

.predictive-search-results__collections {
  padding: 0;
}

.predictive-search-results__collections li {
  display: block !important;
  font-size: 14px;
}

.predictive-search-results__products {
  display: grid;
  padding: 0;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.predictive-search-results__products .product-tile {
  width: 100%;
}

.predictive-search-results-footer a {
  background-color: #202020;
  color: white;
  border: 1px solid #202020;
  height: 31px;
  margin: 40px auto;
  width: fit-content;
}

.predictive-search-results-footer a:hover {
  background-color: transparent;
  color: #202020;
}

@media screen and (max-width: 768px) {
  .predictive-search-results-group {
    padding-inline: 0;
  }

  .predictive-search-results__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}