/* css section product */
.home-title {
    margin-bottom: 20px;
}

.home-title p, .home-title h2 {
    margin-bottom: 0;
}

.home-title h2 {
    font-weight: 400;
	text-align: center
}

.home-title-product h2:after {
    content: "\f061";
    font-family: fontawesome;
    font-size: 20px;
    padding-left: 10px;
}

/* css danh muc */
.stack-danhmuc img {
    height: 120px;
    object-fit: scale-down;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
}

.stack-danhmuc {
    justify-content: space-between !important;
    width: max-content;
    overflow: auto;
    max-width: 100%;
    display: flex !important;
    flex-wrap: wrap;
}

.stack-danhmuc .img.has-hover {
	display: flex;
	flex-direction: column;
	-webkit-box-align: center;
	flex-basis: 9%;
	margin-right: 2px !important;
	flex-shrink: 0;
	margin-bottom: 12px !important;
}

.bg-att {
	background-image: url(/wp-content/uploads/2024/03/Cua-hang-Ha-Noi-scaled-f135b0a3.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    object-fit: cover;
}

.bg-att .section-bg {
    background-attachment: fixed;
}

/* css san pham vertical */
.home-product .box-text.text-left {
    padding-left: 0;
    padding-right: 0;
    width: 54%;
    float: left;
}

.home-product .box-vertical .box-image {
    width: 45% !important;
    float: left;
}

.home-product .product-small.box span.price bdi {
    font-size: 13px;
}

@media (max-width: 768px) {
	.stack-danhmuc {
		width: unset !important
	}

	.stack-danhmuc .img.has-hover {
		flex-basis: 23.5%;
	}

	.stack-danhmuc img {
		height: 100px;
	}
}

@media (max-width: 548px) {
	.home-product .box-text.text-left {
		width: 70%;
		float: left;
	}

	.home-product .box-vertical .box-image {
		width: 30% !important;
	}
}