/* CSS dùng chung toàn site (nạp sau brand.css). Chỉ bố cục; màu lấy từ token trong brand.css. */

/* ============================================================
 * Ảnh trong thân bài: ảnh sản phẩm Amazon (%product:N:image%), ảnh AI, ảnh chèn tay.
 * Luôn căn giữa, có khoảng cách trên/dưới, không tràn khung, chú thích căn giữa.
 * ============================================================ */
.pf-product-image,
.pf-ai-image,
.entry-content figure.wp-block-image,
.post-content figure.wp-block-image {
  display: block;
  margin: 1.75rem auto;
  text-align: center;
  max-width: 100%;
}
.pf-product-image a { display: inline-block; }
.pf-product-image img,
.pf-ai-image img,
.entry-content figure.wp-block-image img,
.post-content figure.wp-block-image img,
.post-content p > img:only-child {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
/* Ảnh Amazon nhỏ hơn khung: giữ tỉ lệ, không kéo giãn, không quá cao. */
.post-content figure.pf-product-image img {
  width: auto;
  max-height: 26rem;
  object-fit: contain;
}
.pf-product-image figcaption,
.pf-ai-image figcaption,
.entry-content figure.wp-block-image figcaption,
.post-content figure.wp-block-image figcaption {
  margin: .6rem auto 0;
  max-width: 36rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1.4;
  color: var(--muted, #6b7280);
}
.pf-product-image__src {
  display: block;
  margin-top: .15rem;
  font-size: .78rem;
  font-style: italic;
  opacity: .85;
}
/* Ảnh có class căn lề của WordPress vẫn đứng giữa trên màn hình hẹp. */
@media (max-width: 639px) {
  .post-content .alignleft,
  .post-content .alignright {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}