header .header-search {
	flex-grow: 1;
	background-color: white;
	border-radius: 15px;
	padding: 7px 5px;
	margin: 10px auto 10px 20px;
	position: relative;
	z-index:501;
	max-width: 550px;
	height: 39px;
}

.title-search-result {
	z-index: 500;
}

header .header-search--form {
	display:flex;
	margin-top: 3px;
}

header .header-search--input {
	flex-grow: 100;
	margin: 0 10px;
	border:none;
	width:0;
}

header .header-search--input:focus-visible {
	outline: white;
}

.search-title {
	margin-top: -30px;
	padding-top: 30px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 0 10px lightgrey;
}

.search-title--name {
	font-size: 22px;
}

.search-title--sub {
	color: #ff6100;
	font-size: 15px;
}

.search-title .search-title-result--item {
	padding-left: 30px;
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.search-title .search-title-result--item:hover{
	background-color: #f8f8f8;
}

.search-title .search-title-result--category{
	display: flex;
	padding-left: 30px;
}

.search-title .search-title-result--category:hover{
	background-color: #f8f8f8;
}

.search-title-result--item .search-title-result--image-container {
	height: 50px;
	width: 80px;
	margin: 10px;
}

.search-title-result--category .search-title-result--image-container {
	height: 70px;
	width: 70px;
}

.search-title .search-title-result--category > *{
	margin-right: auto;
}

.search-title .search-title-result--info {
	padding-top: 15px;
}

.search-title-result--item-old-price {
	text-decoration: line-through;
	color: red;
}

.search-title .search-title-result--all {
	padding: 10px 0 30px 50px;
}

.search-title .search-title-result--all:hover{
	background-color: #f8f8f8;
}

@media (max-width: 980px) {
	.search-title .search-title-result--item,
	.search-title .search-title-result--category,
	.search-title .search-title-result--all{
		left: -5px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: #ffffff;
		width: 100vw;
	}

	.search-title .search-title-result--all {
		width: 100vw;
		box-shadow: 0 6px 6px -6px lightgrey;
		padding-left: 0;
		position: relative;
		left: -5px;
	}

	.search-title {
		box-shadow: none;
	}

	header .header-search {
		position: absolute;
		width:calc(100% - 60px);
		transform: scaleX(0);
		transform-origin:right center;
		height: 35px;
		margin-top: 5px;
		margin-left: 5px;
	}

	header .header-search .header-search--form {
		height: 30px;
		margin-top: 0;
	}

	header .searching .header-search {
		transition: 0.3s;
		transform: scaleX(1);

	}

	header .searching .header-logo,
	header .searching .header-center--mobile-menu{
		visibility: hidden;
	}
}