/* Поиск*/



.d3 {background: #fff;}
/*.d3 form {
  width: 90%;
  background: #f3f5f6;
  border-radius: 25px;
}*/
.d3 {
  display: flex;
  width: 90%;
  background: #f3f5f6;
  border-radius: 25px;
  margin: 0px 0px 10px 0px;
}

@media screen and (max-width: 768px) {
  .d3  {
    width: 90%; /* Больше ширина для мобильных устройств */
  }
}

@media screen and (max-width: 480px) {
  .d3  {
    width: 100%; /* Почти на весь экран для самых маленьких устройств */
  }
}

.d3 input, .d3 button {
  border: none;
  outline: none;
  background: transparent;
}
.d3 input {
  width: 100%;
  height: 36px;
  padding-left: 25px;
}
/*.d3 button {
  height: 45px;
  width: 36px;
  position: absolute;
  top: 24%;
  right: 12%;
  cursor: pointer;
}
.d3 button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 16px;
  color: #333;
}*/

/*#searchButton {
    height: 45px;
  width: 45px;
  position: absolute;
  top: 26px;
  right: 6%;
  cursor: pointer;
}*/

#searchButton {
    cursor: pointer;
    margin-right: 10px;
}

/*#searchButton:before {
    content: "\f002";
  font-family: FontAwesome;
  font-size: 24px;
  color: #333;
}*/


/*.search_result {
	background: #FFF;
    border: 1px #ccc solid;
    width: 60%; 
    border-radius: 4px;
    max-height: 250px;
    overflow-y: scroll;
    display: none;
    position: fixed;
    padding: 0;
    margin: 60 0 0 0 auto; 
    top: 15%; 
    z-index: 99999;
}*/

.search_result {
	background: #FFF;
    border: 1px #ccc solid;
    width: 60%; 
    border-radius: 4px;
    max-height: 250px;
    overflow-y: scroll;
    position: absolute;
    padding: 0;
    top: 15%; 
	left: 20%;
    z-index: 99999;
}

/*
.search_result {
    background: #FFF;
    border: 1px #ccc solid;
    width: 150%; 
    border-radius: 4px;
    max-height: 250px;
    overflow-y: scroll;
    display: none;
    position: absolute;
    padding: 0;
    margin: 60 0 0 0 auto; 
    left: 0; 
    z-index: 99999;
}
*/
@media screen and (max-width: 768px) {
    .search_result {
        width: 100%; /* Больше ширина для планшетов */
        left: 0; /* Сдвиг для центрирования */
    }
}

@media screen and (max-width: 480px) {
    .search_result {
        width: 100%; /* Почти на всю ширину экрана для телефонов */
        left: 0; /* Центрируем относительно экрана */
    }
}



.search_result a{
	width: 100%;
	height: 100%;
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}
.search_result a:hover{
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}


.search_result span{
	margin:0 auto;
	padding:0;
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}


.search_result h3{
	margin:0 auto;
    padding: 4px 0;
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}


.search_result li {
    list-style: none;
    padding: 7px 10px;
    margin: 0;
    color: #2B1E00;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition: 0.3s;
    text-align: left; /* Выровнять текст по левому краю */
}

.search_result li:hover{
    background: #F9FF00;
	color: #2B1E00;
}


.header-like {
  font-size: 1.5em; /* или другой размер, как у заголовков */
  font-weight: bold; /* жирный шрифт */
  margin: 0; /* убираем внешние отступы, если они есть */
}



















.search-mob-results {
	background: #FFF;
    border: 1px #ccc solid;
    width: 90%; 
    border-radius: 4px;
    max-height: 250px;
    overflow-y: scroll;
    position: absolute;
    padding: 0;
    top: 12%; 
	left: 5%;
    z-index: 99999;
}




.search-mob-results a{
	width: 100%;
	height: 100%;
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}
.search-mob-results a:hover{
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}


.search-mob-results span{
	margin:0 auto;
	padding:0;
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}


.search-mob-results h3{
	margin:0 auto;
    padding: 4px 0;
	font-family: arial;
	font-size:14px;
	color: #2B1E00;
	text-decoration: none;
	display: block;
}


.search-mob-results li {
    list-style: none;
    padding: 7px 10px;
    margin: 0;
    color: #2B1E00;
    border-bottom: 1px #ccc solid;
    cursor: pointer;
    transition: 0.3s;
    text-align: left; /* Выровнять текст по левому краю */
}

.search-mob-results li:hover{
    background: #F9FF00;
	color: #2B1E00;
}