/* assets/css/search-page.css – сгенерировано scripts/import-donor-css.mjs, руками не править */
.searchPage__form {
  margin-bottom: 10px;
}

.searchPage__form-input-wrap {
  position: relative;
}

.searchPage__form-input-wrap > input {
  padding: 14px 20px;
  width: 100%;
  background-color: inherit;
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  color: var(--text-color-black);
  background-color: var(--background-color-white);
  border: none;
  border-radius: 15px;
  transition: var(--default-transition);
}

.searchPage__form-input-wrap > button {
  position: absolute;
  display: block;
  mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.4583 19.7917C16.0607 19.7917 19.7917 16.0607 19.7917 11.4583C19.7917 6.85596 16.0607 3.125 11.4583 3.125C6.85596 3.125 3.125 6.85596 3.125 11.4583C3.125 16.0607 6.85596 19.7917 11.4583 19.7917Z" stroke="%23E42E7B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.875 21.875L17.3438 17.3438" stroke="%23E42E7B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: var(--accent-pink-main);
  width: 25px;
  height: 25px;
  right: 20px;
  top: 15px;
  z-index: 2;
  transition: var(--default-transition);
}

.searchPage__results-sub span {
  font-size: 17px;
  font-weight: 400;
  color: #3B3C3C;
}

.searchPage__results-sub {
  margin-bottom: 40px;
}

.searchPage__results-list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 50px;
}

.searchPage__result-item {
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid var(--border-main-color);
  border-radius: 30px;
  transition: var(--default-transition);
}

.searchPage__result-item:hover {
  border-color: var(--accent-pink-main);
}

.searchPage__result-item > h3 {
  margin-top: 0;
  margin-bottom: 15px;
  font-family: 'Lora', 'Lora Fallback', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: var(--text-color-black);
}

.searchPage__result-item > p {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 140%;
  font-weight: 400;
  color: #747575;
}

.searchPage__result-item > span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-color-pink);
  border-bottom: 1px solid var(--text-color-pink);
}

@media (max-width: 992px) {
  .searchPage__form-input-wrap > input {
    font-size: 16px;
  }
  .searchPage__results-list {
    margin-bottom: 40px;
  }
  .searchPage__results-sub span {
    font-size: 15px;
	margin-bottom: 30px;
  }
  .searchPage__result-item > h3 {
    font-size: 18px;
  }
  .searchPage__result-item > p {
	font-size: 15px;
  }
}