/* Trang chi tiết sản phẩm – bố cục anh duyệt 28/09/2026:
   Tên SP → Quy cách → Giá liên hệ + Gọi hotline → Hình SP | Công dụng → Thông tin sản phẩm */
.hnag-spv { text-align: left; padding: 12px 14px 4px; color: #222; font-size: 14px; line-height: 1.6; }
.hnag-sp-name { font-size: 22px; color: #1b5e20; margin: 0 0 8px; line-height: 1.3; }
.hnag-sp-line { margin: 0 0 6px; font-size: 15px; }
.hnag-sp-label { color: #555; font-weight: bold; }
.hnag-sp-price { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 4px 0 16px;
  padding: 10px 0; border-top: 1px solid #e3eee3; border-bottom: 1px solid #e3eee3; font-size: 15px; }
.hnag-sp-price #gia { color: #c62828; font-weight: bold; }
.hnag-sp-call { display: inline-block; padding: 8px 16px; background: #2e7d32; color: #fff !important;
  border-radius: 6px; font-weight: bold; text-decoration: none; white-space: nowrap; }
.hnag-sp-call:hover { background: #1b5e20; }

.hnag-sp-main { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-start; }
.hnag-sp-photo { flex: 0 0 230px; max-width: 100%; text-align: center; }
.hnag-sp-img { max-width: 100%; height: auto; max-height: 420px; }
.hnag-sp-uses { flex: 1 1 190px; min-width: 0; background: #f7fbf7; border: 1px solid #c8e6c9; border-radius: 8px; padding: 6px 16px 12px; }
.hnag-sp-uses h2, .hnag-sp-infohead { font-size: 17px; color: #1b5e20; margin: 10px 0 8px; }
.hnag-sp-uses ul { margin: 0 0 0 18px; padding: 0; list-style: disc outside; }
.hnag-sp-uses li { margin: 6px 0; list-style: disc outside; background: none; padding-left: 0; }
.hnag-sp-infohead { margin-top: 22px; padding-bottom: 4px; border-bottom: 2px solid #c8e6c9; }

/* Nội dung cột `full` (do scripts/import_products.py sinh ra) */
.hnag-sp { text-align: left; font-size: 14px; line-height: 1.6; color: #222; }
.hnag-sp h3 { font-size: 16px; color: #1b5e20; margin: 18px 0 8px; }
.hnag-sp-intro { font-size: 15px; margin: 6px 0 10px; }
.hnag-sp-table { border-collapse: collapse; width: 100%; max-width: 560px; }
.hnag-sp-table th, .hnag-sp-table td { border: 1px solid #dfe7df; padding: 6px 10px; text-align: left; font-size: 14px; }
.hnag-sp-table th { background: #f1f8f1; width: 38%; font-weight: bold; color: #2e5e30; }
.hnag-sp-contact { margin-top: 16px; background: #f7fbf7; border: 1px solid #c8e6c9; border-radius: 6px; padding: 4px 14px 10px; }
.hnag-sp-contact a { color: #1b5e20; font-weight: bold; white-space: nowrap; }

/* Lưới sản phẩm ở trang danh mục: 3 cột đều nhau, tên dài tự xuống dòng (không đẩy vỡ khung) */
.hnag-grid { table-layout: fixed; }
.hnag-grid #sp { width: 95%; }
.hnag-grid #sp a#title { display: block; overflow-wrap: anywhere; word-break: break-word; line-height: 1.3; }
.hnag-grid #sp img.img1 { display: block; width: 100%; height: 140px; margin: 0 auto; object-fit: contain; object-position: center; }
.hnag-grid #sp tr:first-child td > a { display: block; text-align: center; }

/* Popup phóng to khi rê chuột vào sản phẩm: ảnh căn giữa, tên rõ ràng trong khung */
.hnag-pop { width: 100%; text-align: center; font-family: Arial, sans-serif; }
.hnag-pop-img { display: block; width: 100%; height: 290px; margin: 0 auto; object-fit: contain; }
.hnag-pop-name { margin-top: 8px; padding: 6px 4px; background: #2e7d32; color: #fff; font-size: 14px;
  font-weight: bold; line-height: 1.3; border-radius: 4px; }
/* icon "mới" tĩnh ở trang chủ: nằm góc trái, không đẩy lệch ảnh */
.hnag-grid #sp tr:first-child td > img[src*="icon_new"] { position: absolute; top: 6px; left: 6px; }