.searchBlock {
  background: #eee;
  padding   : 24px 0;
}

.searchBlock button {
  background : var(--color-1);
  padding    : 0 24px;
  font-size  : 32px;
  border     : none;
  display    : flex;
  align-items: center;
  flex       : 0 0 auto;
  color      : #fff;
  height     : 50px;
}

.searchBlock .--search {
  display    : flex;
  align-items: center;
}

.searchBlock input {
  height    : 50px;
  background: #fff;
  flex-grow : 1;
  border    : none;
  font-size : 24px;
  padding   : 0 16px;
}

.searchBlock input:focus,
.searchBlock input:focus-visible {
  outline   : none;
  box-shadow: none;
}

.searchBlock span {
  color       : var(--color-1);
  font-size   : 18px;
  margin-right: 16px;
}

@media (max-width: 769px) {
  .searchBlock .--search {
    width: 100%;
  }

  .searchBlock span {
    font-size: 14px;
    flex     : 0 0 auto;
  }

  .searchBlock input {
    flex-grow: 1;
    width    : auto;
    font-size: 14px;
  }

  .searchBlock button {
    font-size: 20px;
    flex     : 0 0 auto;
    padding  : 0 12px;
  }
}

.searchListing {
  padding: 16px 0;
}

.searchListing .--result {
  font-size: 18px;
}

.searchListing .--listResult {
  margin-top: 16px;
}

.searchListing .--listResult img {
  width       : 75px;
  aspect-ratio: 1;
}

.searchListing .--listResult .--txt {
  flex-grow: 1;
}

.searchListing .--listResult .--item {
  background: #eee;
  padding   : 20px 20px 15px;
  display   : flex;
  gap       : 24px;
  transition: var(--transition-all);
}

.searchListing .--listResult .--item:hover {
  background: #f5f5f5;
}

.searchListing .--listResult .--cate {
  color: var(--color-1);
}

.searchListing .--listResult .--name {
  font-size  : 20px;
  font-weight: bold;
  margin-top : 4px;
  color      : #000;
}

.searchListing .--listResult article {
  margin-top: 4px;
  color     : var(--color-2);
}

@media (max-width: 769px) {
  .searchListing .--listResult .--name {
    font-size         : 16px;
    overflow          : hidden;
    text-overflow     : ellipsis;
    line-height       : normal;
    -webkit-line-clamp: 3;
    margin-top        : 0;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
  }

  .searchListing .--listResult .--item {
    align-items: center;
    gap        : 12px;
  }

  .searchListing .--listResult article {
    display: none;
  }
}

/*# sourceMappingURL=search.css.map */