#shls-popup{
	position:fixed;
	right:20px;
	bottom:20px;
	width:320px;

	display:none;

	align-items:center;
	gap:12px;
	padding:12px;

	background:#fff;
	border-radius:12px;
	box-shadow:0 10px 30px rgba(0,0,0,.15);
	z-index:999999;
	font-family:inherit;
}

.shls-image{
	flex:0 0 60px;
	display:flex;
	align-items:center;
	justify-content:center;
}

#shls-image{
	width:70px;
	height:70px;
	object-fit:contain;
	display:block;
}

.shls-content{
	flex:1;
	min-width:0;
}

.shls-title{
	font-size:16px;
    font-weight:400;
	line-height:1.25;
	color:#222;
	margin-bottom:4px;
}

.shls-product{
	font-size:15px;
	color:#666;
	line-height:1.35;
	word-break:break-word;
}

.shls-close{
	position:absolute;
	top:8px;
	right:10px;
	font-size:20px;
	line-height:20px;
	cursor:pointer;
	color:#777;
	transition:.2s;
}

.shls-close:hover{
	color:#000;
}

@media (max-width:768px){

	#shls-popup{
		left:10px;
		right:10px;
		bottom:10px;
		width:auto;
		max-width:none;
	}

}

#shls-popup{
	cursor:pointer;
}

.shls-close{
	cursor:pointer;
}

#shls-popup{
	transition:.2s;
}

#shls-popup:hover{
	transform:translateY(-3px);
	box-shadow:0 14px 35px rgba(0,0,0,.22);
}