
/* life-search */

.gd-search-mod-bg {
    display: none;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 85%;
    top: 95px;
    justify-content: center;
	
}
.gd-search-mod {
	width:90%;
	position: absolute;
	display:flex;
	z-index: 1000;
	padding: 5px 0 5px;
	background-color:#FFF;
	box-shadow: 0 1px 4px rgb(62 57 107 / 35%);
	border-radius:3px;
    overflow: auto;
	top: 50px;
	left: 50%;
    transform: translate(-50%, 0);
	flex-direction: column;
}

.gd-search-mod-container {
	display: flex;
	width: 100%;
	flex-direction: column;
}
.gd-search-input-wrapper {
	display: flex;
	width: 100%;
}
#gd-search-lv {
	display: flex;
    width: 100%;
    height: 60px;
    font-size: 25px;
    padding: 10px 20px;
    margin: 20px 30px;
    border-radius: 9px;
    border: 1px solid #8c8c8c;

}



/* /life-search */



.gd-search-list {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 5px 40px 40px;
	width: 100%;
}

.gd-search-item {
	display: flex;
    align-items: center;
	padding: 7px 15px;
	width: 25%;
    height: 100px;
    margin: 5px 0px;
}
.gd-search-item a {
	display: flex;
	width: 100%;
    height: 100px;
}
.gd-search-item-image {
    width: 80px;
    height: 80px;
    display: flex;
	margin-right: 10px;
}
.gd-search-item-name {
	font-size: 15px;
}
.gd-search-item-price {
	font-size: 16px;
	color: rgba(0,0,0,.55);
}
.gd-search-cat-name {
	font-size: 20px;
}
.gd-search-list-catalog {
	width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
	height: auto;
	margin-bottom: 50px;
}
.gd-search-list-items {

    height: fit-content;
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	
	width: -moz-calc(100% - 300px);
	/* WebKit */
	width: -webkit-calc(100% - 300px);
	/* Opera */
	width: -o-calc(100% - 300px);
	/* Standard */
	width: calc(100% - 300px);
	
}
.gd-search-list-catalog button{
    padding: 12px 5px 12px 5px;
    font-size: 15px;
    border-bottom: 1px solid #dfdfdf;
    margin: 0px 40px 0px 0px;
	cursor: pointer;
	display: flex;
    justify-content: space-between;
	background: none;
    border-top: none;
    border-left: none;
    border-right: none;
	text-align: left;
	align-items: center;
}

.gd-search-list-catalog button:hover{
	background: #f9f9f9;
}

.gd-search-list-catalog span{
    padding: 5px;
    cursor: pointer;
    background: #5fbc47;
    color: #fff;
    border-radius: 4px;
    min-width: 30px;
    display: flex;
    justify-content: center;
	height: fit-content;
}
.gd-search-list-grid {
	margin-bottom: 50px;
	width: 25%;
}
.gd-search-list-grid .gd-search-item {
	width: 100%;
}
.gd-search-cat-count {
	cursor: pointer;
	border: none;
	background: none;
	color: #5fbc47;
	font-size: 16px;
	padding: 0px 5px;
	border-radius: 4px;
}
.gd-search-btn {
	position: absolute;
	display: none;
}
.gd-search-list-catalog.show {
    display: none;
}

@media (max-width: 1470px) {
	.gd-search-item {
		width: 33%;
	}
	.gd-search-list-grid {
		width: 33%;
	}	
}
@media (max-width: 1200px) {
	.gd-search-item {
		width: 50%;
	}
	.gd-search-list-grid {
		width: 50%;
	}	
}
@media (max-width: 990px) {
	.gd-search-item {
		width: 100%;
	}
	.gd-search-list-grid {
		width: 100%;
	}	
	.gd-search-mod-bg {
		top: 160px;
	}

}
@media (max-width: 680px) {
	.gd-search-list {
		padding: 70px 5px 40px 40px;
	}
	.gd-search-list-catalog {
		width: 100%;
		display: none;
	}
	.gd-search-list-catalog div {
		margin: 0px 0px 0px 0px;
	}

	.gd-search-list-items {
		height: fit-content;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}
	.gd-search-list-grid {
		margin-bottom: 50px;
		width: 100%;
	}
	.gd-search-btn {
		position: absolute;
		width: 100%;
		padding: 16px 5px 12px 24px;
		font-size: 16px;
		border-bottom: 1px solid #dfdfdf;
		margin: 0px 40px 0px 0px;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
	}
	
	.gd-search-catalog-count {
		padding: 5px;
		cursor: pointer;
		background: #5fbc47;
		color: #fff;
		border-radius: 4px;
		min-width: 30px;
		display: flex;
		justify-content: center;
	}
}