.main__searchForm {
   width: 100%;
   display: flex;
   margin-bottom: 80px;
 }
 
 .main__searchForm-input {
   width: 100%;
   height: 54px;
   margin-right: 8px;
   padding: 17px 12px;
   border-radius: 12px;
   flex-grow: 1;
   box-sizing: border-box;
   border: none;
   background-color: #f1f3f8;
   padding-left: 45px; /* Отступ для текста */
   position: relative;
 
   color: #0a0a0a;
   font-size: 16px;
   line-height: 19.2px;
 
   &:focus-visible {
     outline: none;
   }
 }
 
 .main__searchForm-button {
   width: 143px;
   height: 54px;
   padding: 18px 40px;
   font-size: 18px;
   line-height: 18px;
 
   font-family: "Onest", serif;
   font-style: normal;
   font-weight: 400;
 }
 
 .icon-container {
   position: absolute;
   width: 20px; /* Ширина иконки */
   height: 20px; /* Высота иконки */
   margin-right: 8px; /* Отступ между иконкой и полем ввода */
 }
 
 .search-icon {
   width: 100%; /* Масштабируем иконку */
   height: auto; /* Сохраняем пропорции */
   position: absolute;
   top: 17px;
   left: 15px;
   z-index: 1;
 }

 .search-suggestions {
  display: none; /* скрыт изначально */
  position: absolute;
  max-height: 196px;
  overflow-y: auto;
  background: #FFFFFF;
  /* border: 1px solid #ccc; */
  border-radius: 16px;
  list-style: none;
  margin: 0;
  padding: 12px 24px;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  left: 0;
  top: 290px;
}

/* Подсветка совпадений */
.search-suggestions .highlight {
  color: #004BCA;
  font-weight: 500;
}


.search-suggestions li {
  padding: 12px 0;
  border-bottom: 1px solid #E9E9E9;

  &:last-child {
    border-bottom: none;
  }
}
.search-suggestions li a {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #212B36;
  text-decoration: none;

  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}
.search-suggestions .category {
  font-size: 12px;
  color: #919EAB;
  margin-left: 12px;

  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.search-suggestions .post-title {
  max-width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

/* Кастомный скролл */
.search-suggestions::-webkit-scrollbar {
  width: 14px;
  height: 64px;
}

.search-suggestions::-webkit-scrollbar-track {
  background: transparent;
  margin-top: 16px;
  margin-bottom: 16px;
}

.search-suggestions::-webkit-scrollbar-thumb {
  background-color: #9fafbd75;
  border-radius: 12px;
  border: 4px solid #FFFFFF;
}


@media screen and (max-width: 1200px) {
  .search-suggestions {
    margin: 0 32px;
    top: 280px;
    width: 90%;

  }
}

@media screen and (max-width: 900px) {
  .search-suggestions {
    
    top: 300px;
  }
}

@media screen and (max-width: 660px) {
  .search-suggestions {
    
    top: 330px;
  }
}

@media screen and (max-width: 560px) {
  .search-suggestions {
    
    top: 390px;
  }
}