/* ---------------------------------------------------------------------------
 * TUỲ CHỈNH SO VỚI BỘ HTML GỐC
 *
 * File này nạp SAU design.css nên luôn ghi đè được. Mọi thay đổi về cỡ chữ và
 * cách hiển thị ảnh thẻ đều gom ở đây, không sửa design.css để còn đối chiếu
 * với bộ HTML mẫu ban đầu.
 * ------------------------------------------------------------------------- */


/* ===========================================================================
 * A. ẢNH TRONG THẺ KHÔNG BỊ CẮT
 *
 * Bộ HTML gốc đặt .photo chiều cao cố định + object-fit:cover, nên ảnh luôn bị
 * cắt cho vừa khung. Với ảnh banner sản phẩm (có logo và chữ mô tả ở hai bên)
 * thì phần chữ bị mất.
 *
 * Đổi sang aspect-ratio + object-fit:contain: khung vẫn đều nhau giữa các thẻ,
 * nhưng ảnh hiện trọn vẹn, phần thừa là nền trắng.
 *
 * Giữ nguyên cover cho thẻ tin tức, vì ảnh bài viết là ảnh chụp - cắt cho đầy
 * khung nhìn hợp lý hơn là để viền trắng.
 * ======================================================================== */

body.ducphat-site .product-card .photo,
body.ducphat-site .category-card .photo,
body.ducphat-site .project-card .photo {
	height: auto !important;
	/* 3/2 khớp với ảnh banner sản phẩm (1200x800) nên gần như không thừa viền.
	   Ảnh tỉ lệ khác vẫn hiện trọn, phần thừa là nền trắng. */
	aspect-ratio: 3 / 2;
	background: #fff;
	padding: 0;
}

body.ducphat-site .product-card .photo img,
body.ducphat-site .category-card .photo img,
body.ducphat-site .project-card .photo img {
	object-fit: contain;
	object-position: center;
}

/* Muốn một khối nào đó quay lại kiểu lấp đầy khung (cắt bớt cho đẹp khung),
   thêm class .is-cover vào .photo của khối đó. */
body.ducphat-site .photo.is-cover {
	padding: 0;
	background: #e5edf0;
}

body.ducphat-site .photo.is-cover img {
	object-fit: cover;
}


/* ===========================================================================
 * B. CỠ CHỮ — tăng so với bộ HTML gốc cho dễ đọc
 *
 * Ghi chú dạng (gốc -> mới) để sau này dễ chỉnh lại.
 * ======================================================================== */

/* Nền chung 14 -> 15 */
body.ducphat-site {
	font-size: 15px;
	line-height: 1.7;
}

/* --- Thanh trên & điều hướng --- */
body.ducphat-site .topbar       { font-size: 12px; }   /* 11 -> 12 */
body.ducphat-site .nav-inner    { font-size: 13px; }   /* 12 -> 13 */
body.ducphat-site .actions      { font-size: 13px; }   /* 12 -> 13 */
body.ducphat-site .search input { font-size: 15px; }   /* thừa kế 14 -> 15 */

/* --- Tiêu đề khối --- */
body.ducphat-site .kicker       { font-size: 12px; }   /* 11 -> 12 */
body.ducphat-site .section h2   { font-size: 32px; }   /* 30 -> 32 */
body.ducphat-site .more         { font-size: 13px; }   /* 12 -> 13 */

/* --- Dải dịch vụ --- */
body.ducphat-site .service b     { font-size: 14px; }  /* 12 -> 14 */
body.ducphat-site .service small { font-size: 12px; }  /* 11 -> 12 */

/* --- Thẻ danh mục / dự án / tin tức --- */
body.ducphat-site .card-text b     { font-size: 17px; }  /* 15 -> 17 */
body.ducphat-site .card-text small { font-size: 13px; }  /* 11 -> 13 */
body.ducphat-site .project-card .card-text p { font-size: 13px; }  /* 11 -> 13 */

/* --- Thẻ sản phẩm --- */
body.ducphat-site .product-body .type { font-size: 11px; }  /* 10 -> 11 */
body.ducphat-site .product-body h3    { font-size: 15px; min-height: 48px; }  /* 13 -> 15 */
body.ducphat-site .price              { font-size: 17px; }  /* 14 -> 17 */
body.ducphat-site .buy                { font-size: 13px; padding: 12px; }  /* 11 -> 13 */

/* --- Khối giới thiệu --- */
body.ducphat-site .about-text p { font-size: 15px; }   /* 13 -> 15 */
body.ducphat-site .checks span  { font-size: 13px; }   /* 12 -> 13 */

/* --- Nút --- */
body.ducphat-site .btn { font-size: 13px; }            /* 12 -> 13 */

/* --- CTA & footer --- */
body.ducphat-site .cta h2      { font-size: 29px; }    /* 27 -> 29 */
body.ducphat-site .cta p       { font-size: 14px; }    /* 12 -> 14 */
body.ducphat-site .footer h3   { font-size: 14px; }    /* 13 -> 14 */
body.ducphat-site .footer p,
body.ducphat-site .footer a    { font-size: 13px; line-height: 2; }  /* 11 -> 13 */
body.ducphat-site .copyright   { font-size: 12px; }    /* 10 -> 12 */

/* --- Trang con --- */
body.ducphat-site .breadcrumbs { font-size: 13px; }
body.ducphat-site .dp-eyebrow  { font-size: 12px; }

/* --- Màn hình nhỏ: giữ chữ đủ lớn, không quay lại cỡ 9-10px --- */
@media (max-width: 520px) {
	body.ducphat-site .service b     { font-size: 12px; }
	body.ducphat-site .service small { font-size: 11px; }
	body.ducphat-site .card-text b   { font-size: 14px; }
	body.ducphat-site .card-text small { font-size: 12px; }
	body.ducphat-site .product-body h3 { font-size: 13px; min-height: 52px; }
	body.ducphat-site .section h2    { font-size: 26px; }
	body.ducphat-site .brand small   { font-size: 8px; }
}