/* list */
.product-block .card {
	background-color: transparent !important;
	border: 0;
	margin-bottom: 3rem;
}

.product-block .product-desc:before {
	content: "";
	background-color: #eeb211;
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 90%;
	height: 90%;
	-webkit-transition: .6s;
	transition: .6s;
}

.product-block .card:hover .product-desc:before {
	right: -6px;
	bottom: -6px
}

.product-block .itemTitle {
	background-color: #eeb211;
	color: #ffffff;
	border-radius: 4px;
	padding: 2px 10px;
	margin: 4px 0;
}

.product-block .itemDetail {
	max-height: 90px;
	line-height: 2;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-block .product-desc {
	background-color: #ffffff;
	position: relative;
}

.product-block h4 {
	font-size: 19px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.product-block .product-category {
	position: absolute;
	top: -20px;
	left: -10px;
	font-size: 14px;
	background-color: #009925;
	color: #ffffff;
	padding: 4px 8px;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
}

.product-block .card:hover h4 {
	color: #dc3545;
}

.product-block .bg-white {
	position: inherit;
	border: 1px solid rgb(238, 178, 17);
	border-left: 4px solid rgb(238, 178, 17);
	border-radius: 4px;
	box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
}

/* detail */
.product-detail .product-header {
	margin-bottom: 20px;
}

.product-detail .product-header h1 {
	margin-top: 10px;
	font-size: 28px;
}

.product-detail .product-header p {
	margin-bottom: 10px;
}

.product-detail strong {
	display: inline-block;
	margin-bottom: 14px;
}

.product-detail strong i {
	margin-right: 6px;
}

.product-content {
	margin-bottom: 30px;
}

.product-content .product-item-list .product-item-detail {
	border: 1px solid #eeb211;
	border-top: 4px solid #eeb211;
	padding: 10px 14px;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.product-content .product-item-list:not(:last-child) {
	margin-bottom: 24px;
}

@media (max-width: 576px) {
	.product-block h4 {
		font-size: 16px;
	}

	.product-detail .product-header h1 {
		font-size: 24px;
	}
}