
/*форма поиска для шапки №1 и для шапки №3 и для плавающей шапки №1*/
.catalog_find__pages_1, .catalog_find__pages_3 {
	display: none;
	z-index: 100;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: #fff;

    .block__inner {
    	padding-right: 46px;
    	position: relative;
    }
    
    .block__close {
    	position: absolute;
    	top: 50%;
    	right: 0;
    	width: 16px;
    	height: 16px;
    	cursor: pointer;
    	margin-top: -8px;
    }
    
    .block__close:hover:before,
    .block__close:hover:after {
    	background-color: var(--color1);
    }
    
    .block__close:before,
    .block__close:after {
    	content: '';
    	position: absolute;
    	display: block;
    	top: 50%;
    	left: 50%;
    	height: 2px;
    	width: 20px;
    	margin-top: -1px;
    	margin-left: -10px;
    	transform: rotate(-45deg);
    	background-color: #b8b8b8;
    }
    
    .block__close:after {
    	transform: rotate(45deg);
    }
    
    .block__input-text {
    	padding: 0 200px 0 0;
    	font-size: 28px;
    	height: 134px;
    	background: 0 0;
    	border: none;
    	border-radius: 0;
    	line-height: 36px;
    	color: #444;
    	display: block;
    	width: 100%;
    }
    
    .block__button {
    	position: absolute;
    	right: 46px;
    	top: 50%;
    	-webkit-transform: translate(0, -50%);
    	-ms-transform: translate(0, -50%);
    	transform: translate(0, -50%);
    }
    
    .block__button-without-text {
    	display: none;
    }
    
    .block__window {
    	display: none;
    	position: absolute;
    	background: #fff;
    	top: 100%!important;
    	z-index: 93;
    	left: 0!important;
    	right: 0!important;
    }
    
    .block__content {
    	outline: none;
    	width: 100%!important;
    	max-height: 300px;
    	border-top: 1px solid #ececec;
    }
    
    .block__all {
    	background: #fafafa!important;
    	border: 0!important;
    	border-top: 1px solid #ececec!important;
    	width: 100%;
    	display: block;
    	color: #000!important;
    	height: 60px;
    }
    
    .block__all:hover {
    	background-color: var(--color2)!important;
    	border-color: var(--color2)!important;
    	color: #fff!important;
    }
    
    .block__item {
    	position: relative;
    	text-decoration: none;
    	color: #2f383d;
    	border-top: 1px solid #ececec;
    	min-height: 100px;
    	display: block;
    }
    
    .block__item:first-child {
    	border-top: 0;
    }
    
    .block__item:hover {
    	background: #fafafa;
    }
    
    .block__item__inner {
    	display: flex;
    	flex-wrap: wrap;
    }
    
    .block__item__image-block {
    	width: 105px;
    	height: 80px;
    	margin: 10px 0;
    	position: relative;
    	display: flex;
    	align-items: center;
    	flex-wrap: wrap;
    }
    
    .block__item__image-block img {
    	position: absolute;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	max-width: 100%;
    	max-height: 100%;
    	margin: auto;
    }
    
    .block__item__content {
    	padding-left: 40px;
    	display: flex;
    	flex-wrap: wrap;
    	width: calc(100% - 105px);
    	align-items: center;
    }
    
    .block__item__title {
    	color: #333;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	overflow: hidden;
    }
    
    .block__item__title a:hover {
    	color: var(--color1);
    }
    
    .block__item__title span {
    	font-weight: 700;
    }
    
    .block__item__price {
    	font-weight: 700;
    	margin-top: 2px;
    	color: #333;
    	margin-right: 4px;
    	display: inline-block;
    	vertical-align: top;
    }
    
    .block__item__price-old {
    	margin-top: 2px;
    	color: #999;
    	text-decoration: line-through;
    	display: inline-block;
    	vertical-align: top;
    }
    
    @media (max-width:767px) {
    	.block__inner {
    		padding-right: 16px;
    	}
    
    	.block__input-text {
    		padding: 0 133px 0 0;
    		font-size: 13px;
    		height: 64px;
    		line-height: 1;
    	}
    
    	.block__button {
    		right: 32px;
    	}
    
    	.block__content {
    		max-height: calc(100vh - 64px - 40px);
    	}
    	
    	.block__all {
    		height: 40px;
    	}
    
    	.block__item {
    		min-height: auto;
    	}
    
    	.block__item__image-block {
    		width: 60px;
    		height: 60px;
    	}
    
    	.block__item__content {
    		padding-left: 16px;
    		width: calc(100% - 60px);
    		align-items: center;
    	}
    
    	.block__item__title {
    		font-size: 13px;
    		line-height: 1.3;
    		white-space: normal;
    	}
    
    	.block__item__price-block {
    		font-size: 12px;
    		margin-top: 4px;
    	}
	}

}
