/*------------------------
   SEARCH
------------------------*/

#LSS_Result ul,
#LSS_Result li {
	list-style: none;
}


#LSS_Result::-webkit-scrollbar,
ul.LSS_Artiklar::-webkit-scrollbar,
ul.LSS_Artikelgrupper::-webkit-scrollbar {
	display: none;
}

.LSSordPris {
	text-decoration: line-through;
}

#LSS_Result .close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10;
	text-align: center;
	right: 1rem;
	cursor: pointer;
	color: var(--theme-background1);
}

#LSS_Result .close:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	font-size: 24px;
	font-weight: 200;
}

#LSS_Result i{
	color: var(--base-color1);
}

.LSS_products .PT_Faktaruta{
	color: var(--base-color1);
}

.LSS_Artiklar{
	flex-basis: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#LSS_Result .SokMer, #LSS_Result .btn{
	padding:  .1em!important;
}

.LSS_Artikel .box{
	width: 100%;
}

.LSS_Artikel .PT_Bildruta img{
	width: 100%;
}

.LSS_Artikel .mask:after{
	background: none;
}

@media only screen and (min-width: 48em) {

	.sokrutan{
		position: unset!important;
	}

	#LSS_Result {
		background: var(--base-background1);
		position: absolute;
		right: 0;
		left:  0px;
		top: 140px;
		width: 100%;
		/*top: calc(100% + 1em);*/ /* fallback */
		/*top: calc(100% + var(--gutter));*/
		/*width: calc(100% - 2rem + 2px);*/
		border: 1px solid var(--border-color1);
		max-height: 600px;
		overflow-y: auto;
		/*left: calc(1rem - 1px);*/
		padding: 1rem;
		box-shadow: var(--box-shadow1);
		border-top: 0px;
	}

	.LSS_Varumarken  li, .LSS_Artikelgrupper li, .LSS_Innehall li{
		padding: .5em var(--gutter);
	}
}


@media screen and (max-width: 960px) {

	input[type='text'].Sokfalt{
		background: var(--base-background1);
		border-bottom: 1px solid var(--border-color1);
		border-radius: 0px;
		font-size: 14px;
	}

	#LSS_Result .close {
		display: none;
	}

	#LSS_Result {
		position: relative;
		top: 0;
	}

	.LSS_products span{
		padding:  0px;
	}

	.LSS_Varumarken  li, .LSS_Artikelgrupper li, .LSS_Innehall li{
		padding: var(--gutter);
	}

	.close-header{
		height: calc(30px + var(--gutter)*2);
		z-index: 3;
		align-items: center;
	}

	.close-header:after{
		width: calc(var(--gutter)*2.8);
	}

	.LSS_Artikel .PT_Bildruta img{
		position: unset;
	}

	.LSS_Artikel .box{
		height:  200px;
	}

	.LSS_Artikel .PT_Bildruta img{
		height:  120px;
	}

	.LSS_Artikel .PT_Faktaruta{
		height:  90px;
	}
}