div.site-comments
{
	float: left;
	width: 100%;
}

	ul.comments-list
	{
		float: left;
		width: 100%;
		list-style-type: none;
		margin-top: 25px;
	}

		ul.comments-list li
		{
			position: relative;
			float: left;
			width: 100%;
			padding: 15px;
			background: #fff;
			box-sizing: border-box;
			margin-bottom: 25px;
			box-shadow: 0 5px 10px rgba(0,0,0,.05);
		}
		
		ul.comments-list li:last-child
		{
			margin: 0px;
		}

			span.user-name
			{
				position: relative;
				display: block;
				line-height: 30px;
				font-size: 14px;
				color: #000;
				background: #eee;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			
				span.user-name i
				{
					float: left;
					font-size: 20px;
					padding: 5px;
					background: var(--color-main);
					margin-right: 10px;
					color: #fff;
				}
			
			div.comment-product
			{
				display: table;
				width: 100%;
				margin: 15px 0px 5px;
			}
		
				div.comment-product-cell
				{
					display: table-cell;
					vertical-align: middle;
				}
				
				div.comment-product-cell.img
				{
					width: 40px;
					padding-right: 10px;
				}
				
					a.product-img-link
					{
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
						background-color: #fff;
						float: left;
						width: 40px;
						height: 40px;
					}
					
					a.product-name-link
					{
						color: #000;
						font-weight: 700;
						text-transform: uppercase;
					}
					
		
			div.comment-info
			{
				float: left;
				width: 100%;
				margin: 5px 0px;
			}
			
				span.comment-product-date
				{
					float: right;
					color: #000;
					line-height: 18px;
				}
				
					span.comment-product-date i
					{
						font-size: 16px;
						margin: 1px 5px;
						float: left;
					}
				
			div.user-comment
			{
				float: left;
				width: 100%;
				font-size: 14px;
				font-style: italic;
			}
			
				div.user-comment i
				{
					font-size: 16px;
				}