/* VIETTA 2026-09-19: style thẻ bài viết của snippets/section_blog.bwt khi KHÔNG ở trang chủ.
   Bản sao chọn lọc từ index.css (file đó chỉ được layouts/theme.bwt nạp ở template có chữ 'index'),
   nên trang sản phẩm / trang nội dung dùng section_blog sẽ bị mất style thẻ nếu thiếu file này.
   Mọi selector đều scope trong .section_blog để không ảnh hưởng chỗ khác. section_blog tự nạp file này. */
.section__blogs { padding-top: 15px; }
.section_blog .title_module_main { padding: 10px 10px 10px 0; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.section_blog .heading-bar__title { display: flex; align-items: center; font-weight: 600; margin: 0; gap: 10px; }
.section_blog .heading-bar__title a:not(:hover).link { color: inherit; }
.section_blog .title_module_main h2 { font-weight: 600; }

.section_blog .blogwp h3,
.section_blog .blogwp h3 a.link { font-size: 18px; line-height: 1.5; font-weight: 600; }
.section_blog .blogwp .media .media-body { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 5px; }
.section_blog .blogwp .content_blog a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.section_blog .blogwp .button_custome_35.link { display: block; margin-top: 10px; }

.section_blog .blogwp.media .image-blog { width: 190px; flex: 0 0 190px; border-radius: 8px; overflow: hidden; }
.section_blog .blog-list-custom .blogwp { flex-wrap: wrap; flex-direction: column; }
.section_blog .blog-list-custom .blogwp .image-blog {
	display: block;
	margin: auto;
	padding-top: calc(100% * 300 / 480);
	position: relative;
	width: 100%;
	flex: auto;
}
.section_blog .blog-list-custom .blogwp .image-blog img {
	object-fit: contain;
	width: 100%;
	aspect-ratio: 480 / 300;
	position: absolute;
	left: 0;
	top: 0;
}
.section_blog .blogwp.only-title { position: relative; }
.section_blog .blogwp.only-title .content_blog {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 15px 0;
	transition: all 0.3s;
}
.section_blog .blogwp.only-title h3 a.link { color: var(--text-color); font-size: 1.125rem; line-height: 1.3; }

@media (max-width: 767px) {
	.section_blog .blog-list-custom { overflow-x: auto; flex-wrap: nowrap; justify-content: initial !important; }
	.section_blog .blog-list-custom .col-12 { flex: 0 0 85%; max-width: 85%; }
	.section_blog .blogwp.only-title .image-blog { width: 100%; flex: unset; }
}