/* search.css: the header's live search dropdown (partials/suggest.html),
   what the theme's Amasty script laid out itself: the theme places the
   panel (80% wide under the header, the red top rule); inside it the left
   column holds "Search for" and the categories, the right the products,
   3 to a row, each photo over its title (2 lines at most) and price, the typed words
   in the theme's highlight. The /search page needs nothing of its own. */
.amsearch-result-section .amsearch-result-block {
  display: flex;
  flex-wrap: nowrap;
}
.amsearch-result-section .amsearch-items-section {
  flex: 0 0 283px;
  max-width: 283px;
}
.amsearch-result-section .amsearch-products-section {
  flex: 1 1 auto;
  min-width: 0;
  border-top: 0;
  border-left: 1px solid #ccc;
}
.amsearch-result-section .amsearch-products-section .amsearch-block-header {
  padding: 0 20px 10px;
}
.amsearch-result-section .amsearch-products-section.-grid:not(.-slider) .amsearch-item {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  flex-direction: column;
  flex-wrap: nowrap;
}
.amsearch-result-section .amsearch-image {
  width: 100%;
  padding-bottom: 10px;
}
.amsearch-result-section .amsearch-image .amsearch-product-image-container {
  display: block;
  position: relative;
  width: 100%;
  height: 140px;
}
.amsearch-result-section .amsearch-image .product-image-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.amsearch-result-section .amsearch-products-section .product-item-details {
  min-height: 0;
}
.amsearch-result-section .amsearch-products-section .product-item-link {
  max-height: none;
  padding: 0;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.amsearch-result-section .amsearch-wrapper-inner .price {
  font-size: 16px;
  font-weight: 700;
}
.amsearch-result-section b {
  color: var(--amsearch-color-highlight, #DD2728);
  font-weight: 700;
}
.amsearch-result-section .amsearch-message-block {
  padding: 25px 20px;
}
@media (max-width: 991px) {
  .amsearch-result-section .amsearch-result-block {
    flex-direction: column;
  }
  .amsearch-result-section .amsearch-items-section {
    flex: none;
    max-width: none;
    padding: 15px 0 0;
  }
  .amsearch-result-section .amsearch-products-section {
    border-left: 0;
    border-top: 1px solid #ccc;
  }
  .amsearch-result-section .amsearch-products-section.-grid:not(.-slider) .amsearch-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}