.search-results-heading {
  text-align: center;
  margin-bottom: 3rem;
}

.search-results-heading span {
  font-style: italic;
}

.custom-product-search-form {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .wp-block-navigation__responsive-container-content .custom-product-search-form {
    display: none;
  }
}

.wp-block-navigation__responsive-container-content .custom-product-search-form,
.wp-block-navigation__responsive-container-content .custom-product-search-form .select2-selection__rendered,
.wp-block-navigation__responsive-container-content .custom-product-search-form .select2-selection__placeholder {
  color: var(--wp--preset--color--contrast);
}

.custom-product-search-form .select2-container {
  max-width: 100%;
  font-size: inherit;
}

.custom-product-search-form .select2-dropdown {
  padding: 6px;
}

.custom-product-search-form .select2-container--default .select2-results > .select2-results__options {
  max-height: 400px;
}

.custom-product-search-form .select2-selection--single {
  height: auto;
  padding: 6px 12px;
  border: unset;
}

.woocommerce-page .select2-container .select2-search--dropdown,
.woocommerce-page .select2-container .select2-results__option {
  padding: 6px;
}

.custom-product-search-form .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.custom-product-search-form .select2-selection__rendered {
  line-height: normal;
}

.custom-product-search-form .select2-selection__arrow {
  display: none;
}

.custom-product-search-form .select2-results,
.custom-product-search-form .select2-search__field {
  padding: 0.5rem;
  font-size: var(--wp--preset--font-size--small);
}

.custom-product-search-form button {
  display: flex;
  border: unset;
  max-width: max-content;
  cursor: pointer;
  background: transparent;
  padding: 0;
}

.custom-product-search-form button svg {
  fill: white;
}

.product-search-result {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 2px 0;
}

.product-search-thumb img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: var(--uni-radius);
  display: block;
}

.product-search-title {
  flex: 1;
}

.product-search-title mark,
.custom-content-heading mark {
  background: #ffe066;
  font-weight: bold;
  padding: 0 2px;
}

.product-search-price {
  white-space: nowrap;
  font-weight: bold;
}

.product-search-view-all {
  text-align: center;
  font-style: italic;
}