/*
 * Kiểu dùng chung cho nội dung soạn trong CMS (bài viết, danh mục, sản phẩm).
 * Nạp tự động ở mọi trang công khai qua includes/seo-runtime.php.
 */

/* Căn ảnh (thanh công cụ ảnh trong trình soạn thảo): trái/phải = chữ bao quanh ảnh */
.article-content,
.category-content-body,
.specifications-content,
.details .content { display: flow-root; }
img.alignleft { float: left; max-width: 50%; height: auto; margin: 6px 28px 16px 0; }
img.alignright { float: right; max-width: 50%; height: auto; margin: 6px 0 16px 28px; }
img.aligncenter { display: block; margin: 16px auto; }
/* Tiêu đề / bảng / danh sách không bị chen vào khe hẹp cạnh ảnh */
.article-content table, .category-content-body table, .specifications-content table { clear: both; }

@media (max-width: 640px) {
  img.alignleft, img.alignright { float: none; display: block; max-width: 100%; margin: 14px auto; }
}