/* Bổ sung cho WordPress (không có trong prototype): phân trang, nội dung bài cũ soạn bằng trình soạn thảo cổ điển,
   căn chỉnh ảnh, khung nhúng. Dùng chung token màu, cỡ chữ của Design System trong main.css. */

/* Phân trang: danh sách bài, sản phẩm, tài liệu */
.pak-pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:28px 0 8px}
.pak-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--pak-border-input);border-radius:999px;background:var(--pak-page);font-size:var(--pak-fs-label);font-weight:600;color:var(--pak-text);text-decoration:none;transition:border-color var(--pak-motion) var(--pak-ease),background-color var(--pak-motion) var(--pak-ease)}
.pak-pages a.page-numbers:hover{border-color:var(--pak-brand)}
.pak-pages .page-numbers.current{background:var(--pak-brand);border-color:var(--pak-brand);color:var(--pak-on-dark)}
.pak-pages .page-numbers.dots{border:0;min-width:auto;padding:0 4px;background:none}

/* Chủ đề kiến thức: máy tính xuống dòng (WordPress có 9 nút), điện thoại vẫn cuộn ngang */
@media (min-width:1024px){.kb-cats{flex-wrap:wrap;overflow:visible}}

/* Nội dung bài cũ */
.kb-lead a{color:inherit;text-decoration:none}
.kb-body img{max-width:100%;height:auto}
.kb-body .kb-figure a{display:block}
.kb-body .aligncenter{margin-inline:auto}
.kb-body .alignleft{float:none}
.kb-body .alignright{float:none}
.kb-body iframe,.kb-body video,.kb-body embed{max-width:100%}
.kb-body iframe[src*="youtube"],.kb-body iframe[src*="youtu.be"]{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:var(--pak-r-lg)}
.kb-body blockquote{margin:24px 0;padding:14px 18px;border-left:4px solid var(--pak-action);border-radius:0 var(--pak-r) var(--pak-r) 0;background:var(--pak-surface)}
.kb-body blockquote p{margin:0}
.kb-body ul:not(.kb-list),.kb-body ol:not(.kb-list){padding-left:22px;margin:0 0 20px}
.kb-body hr{border:0;border-top:1px solid var(--pak-border);margin:32px 0}

/* Form: ô bẫy chống spam (ẩn với người dùng và trình đọc màn hình) */
.pf-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}

/* Mô tả sản phẩm cũ (nội dung SEO của trang sản phẩm): thu gọn, mở bằng nút; ảnh trong mô tả không quá to */
.pk-desc{max-width:860px}
.pk-desc-body[data-collapsed="true"]{max-height:520px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.pk-desc-body img{max-width:min(100%,560px)}
.pk-desc-body h2{font-size:var(--pak-fs-panel)}
.pk-desc-more{margin-top:12px}
.pk-desc-more[aria-expanded="true"] svg{transform:rotate(180deg)}

/* Trang Dự án: bài viết trong chuyên mục "Dự án" của web cũ (4 cột trên máy tính) */
.ev-project-posts{margin-top:56px}
.ev-project-posts .kb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1023px){.ev-project-posts .kb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.ev-project-posts .kb-grid{grid-template-columns:1fr}}

/* Trang ngành hàng theo hãng: tên bài (từ khóa) nằm trong h1, hiện như dòng nhãn phía trên câu tiêu đề lớn */
.landing h1 .lp-h1-eyebrow{line-height:1.4;margin-bottom:17px}
.lp-article h2{margin-bottom:16px}


/* Câu hỏi thường gặp ngoài bài viết (sản phẩm, ngành hàng, thương hiệu, trang chủ): dùng lại kiểu .kb-faq của bài viết */
.pk-faq .kb-faq,.hp-faq .kb-faq{margin-top:8px}
.pk-faq .kb-faq{max-width:880px}
.hp-faq{background:var(--pak-page)}
.hp-faq-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.hp-faq-intro{position:sticky;top:calc(var(--pak-sticky-top) + 24px)}
.hp-faq-intro h2{margin-bottom:12px}
.hp-faq-intro p:not(.hp-kicker){color:var(--pak-muted);line-height:1.7}
.hp-faq-intro a{font-weight:700}
@media (max-width:991px){.hp-faq-grid{grid-template-columns:minmax(0,1fr);gap:16px}.hp-faq-intro{position:static}}

/* Form ngắn "Nhận báo giá dự án": ô đồng ý xử lý dữ liệu (không dùng kiểu ô nhập rộng 100% của .pr-form input) */
.pr-form .pr-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0 6px;font-weight:400;font-size:var(--pak-fs-caption);line-height:1.55;color:var(--pak-text)}
.pr-form .pr-consent input{flex:none;width:20px;height:20px;min-height:20px;margin:1px 0 0;padding:0;accent-color:var(--pak-brand)}
.pr-form .pr-consent a{color:var(--pak-link);text-decoration:underline;text-underline-offset:2px}
.pr-form .pr-consent + .pf-err{margin:4px 0 0 30px}
.pr-form .pr-consent + .pf-err + .pr-form-note,.pr-form .pr-consent + .pr-form-note{margin-top:8px}
/* Chính sách: email, đường dẫn dài (vd Phuankhangcompany.qng@gmail.com in đậm) xuống dòng thay vì đẩy cột rộng hơn màn hình 360px. */
.lg-body{min-width:0;overflow-wrap:anywhere}
/* Chân trang: thông tin đăng ký doanh nghiệp (NĐ 248/2026) và nút mở lại lựa chọn cookie. */
.pak-footer-bottom .pak-footer-reg{flex-basis:100%;font-size:var(--pak-fs-caption);line-height:1.6;color:var(--pak-on-dark-subtle)}
.pak-footer-bottom .pak-cookie-open{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.pak-footer-bottom .pak-cookie-open:hover,.pak-footer-bottom .pak-cookie-open:focus-visible{color:var(--pak-on-dark);text-decoration:underline}
.pk-status-note{display:flex;gap:10px;margin:12px 0 16px;padding:12px 14px;border-radius:var(--pak-r);border:1px solid var(--pak-border);background:var(--pak-surface);font-size:var(--pak-fs-label);line-height:1.55;color:var(--pak-text)}
.pk-status-note .icon{flex:none;width:18px;height:18px;margin-top:1px;color:var(--pak-notice-ink)}
/* Lựa chọn cookie: thẻ nhỏ ở góc trái phía trên nút gọi (máy tính) hoặc phía trên thanh liên hệ (điện thoại); không chặn trang. */
.pak-cookie{position:fixed;left:24px;bottom:96px;z-index:40;width:min(360px,calc(100vw - 48px));padding:14px 16px;border:1px solid var(--pak-border);border-radius:var(--pak-r-lg);background:var(--pak-page);box-shadow:0 12px 32px rgb(18 53 74 / 16%);font-size:var(--pak-fs-label);line-height:1.55;color:var(--pak-text)}
.pak-cookie[hidden]{display:none}
.pak-cookie p{margin:0 0 12px}
.pak-cookie a{color:var(--pak-link);text-decoration:underline;text-underline-offset:2px}
.pak-cookie-actions{display:flex;flex-wrap:wrap;gap:8px}
.pak-cookie[data-side="right"]{left:auto;right:24px}
.pak-cookie-mini{display:none;min-height:40px;padding:0 14px;border:0;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.pak-cookie.is-min{width:auto;padding:0}
.pak-cookie.is-min p,.pak-cookie.is-min .pak-cookie-actions{display:none}
.pak-cookie.is-min .pak-cookie-mini{display:inline-flex;align-items:center}
@media (max-width:767px){.pak-cookie,.pak-cookie[data-side]{left:12px;right:12px;width:auto;bottom:calc(78px + env(safe-area-inset-bottom));padding:14px 16px}.pak-cookie.is-min{left:auto;padding:0}}
/* 9 thương hiệu phân phối (chủ web xác nhận 04/10/2026): hàng logo trang Sản phẩm, Năng lực cung ứng, Đại lý — một hàng 9 trên
   desktop, 3 × 3 ở màn hình nhỏ hơn, không lẻ hàng */
.pk-brandbar-list,.ab-brand-row{grid-template-columns:repeat(9,minmax(0,1fr))}
.ab-brand-row a{padding:16px 8px;text-align:center}
.ab-brand-logo img{max-width:100%}
@media (max-width:1199px){.pk-brandbar-list,.ab-brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Trang Thương hiệu: 9 thẻ lớn (Ferroli, Philips cùng hàng với 7 hãng, chủ web yêu cầu 04/10/2026) — 3 × 3 trên desktop */
@media (min-width:1024px){.pk-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:600px) and (max-width:1023px){.pk-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-brand-grid>.pk-brand-card:last-child:nth-child(odd){grid-column:1/-1}}

/* Khung xem ảnh PhotoSwipe mà Customer Reviews (và WooCommerce) in vào chân mọi trang: CSS của plugin đã bỏ ở trang không có
   đánh giá (asset-cleanup.php) nên khung hiện thành dải trắng ~50px dưới chân trang. Ẩn như PhotoSwipe, chỉ hiện khi mở. */
.pswp:not(.pswp--open){display:none}