.ph-cty-kho-ke:not(.kg-lazy),html:not(.js) .ph-cty-kho-ke{background-image:url(../../img/cty-kho-ke.webp)}
.ph-cty-kho-thung:not(.kg-lazy),html:not(.js) .ph-cty-kho-thung{background-image:url(../../img/cty-kho-thung.webp)}
.ph-cty-lap-rap-hero:not(.kg-lazy),html:not(.js) .ph-cty-lap-rap-hero{background-image:url(../../img/cty-lap-rap-hero.webp)}
.ph-cty-may-cnc:not(.kg-lazy),html:not(.js) .ph-cty-may-cnc{background-image:url(../../img/cty-may-cnc.webp)}
.ph-cty-may-ep:not(.kg-lazy),html:not(.js) .ph-cty-may-ep{background-image:url(../../img/cty-may-ep.webp)}
.ph-cty-may-ghep:not(.kg-lazy),html:not(.js) .ph-cty-may-ghep{background-image:url(../../img/cty-may-ghep.webp)}
.ph-cty-nm-day-chuyen:not(.kg-lazy),html:not(.js) .ph-cty-nm-day-chuyen{background-image:url(../../img/cty-nm-day-chuyen.webp)}
.ph-cty-nm-hat-ang:not(.kg-lazy),html:not(.js) .ph-cty-nm-hat-ang{background-image:url(../../img/cty-nm-hat-ang.webp)}
.ph-cty-nm-lap-rap:not(.kg-lazy),html:not(.js) .ph-cty-nm-lap-rap{background-image:url(../../img/cty-nm-lap-rap.webp)}
.ph-cty-nm-xuong-rong:not(.kg-lazy),html:not(.js) .ph-cty-nm-xuong-rong{background-image:url(../../img/cty-nm-xuong-rong.webp)}
.kg-phero.ph-cty-lap-rap-hero{background-position:center 42%}

.kg-phero::after,.kg-phero--tile::after{display:none}
.kg-phero::before{background:linear-gradient(180deg,rgba(10,34,48,.68),rgba(10,34,48,.9))}
.kg-phero--short{min-height:clamp(320px,44vh,440px)}
.kg-card--static{cursor:default}
.kg-nap a{text-decoration:none;border-bottom:1px solid var(--kg-accent)}
.kg-statrow{margin-top:0}
@media (max-width:720px){.kg-phero--short{min-height:300px}}

/* Sản xuất theo yêu cầu: trình bày riêng trang (21/10/2026). Cùng UI/UX trang Về KiGin và Năng lực: dùng lại kg-ab-* và kg-nl-duo, kg-nl-list, kg-nl-chips, kg-nl-pack.
   Bản sao các luật đó từ nang-luc.css đổi tiền tố sang body[data-page="oem"] (không sửa ve-kigin.css, nang-luc.css). Trên WordPress + Flatsome: gộp chung một tệp CSS child theme. */
body[data-page="oem"]{--kg-sec:clamp(64px,7.5vw,104px)}
body[data-page="oem"] .kg-phero::before{background:linear-gradient(180deg,rgba(10,34,48,.8) 0,rgba(10,34,48,.78) 55%,rgba(10,34,48,.72) 100%)}
body[data-page="oem"] .kg-ab-qa-head{max-width:760px;margin:0 auto 48px;text-align:center}
body[data-page="oem"] .kg-ab-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 18px;border:1px solid rgb(19 111 154 / 10%);border-radius:999px;background:var(--kg-rattan);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kg-champagne-ink)}
body[data-page="oem"] .kg-ab-pill svg{width:16px;height:16px}
body[data-page="oem"] .kg-ab-qa h2{margin:0 0 18px}
body[data-page="oem"] .kg-ab-grad{background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-teak)}
body[data-page="oem"] .kg-ab-qa-lead{margin:0;color:var(--kg-stone)}
body[data-page="oem"] .kg-ab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body[data-page="oem"] .kg-ab-cards li{padding:28px 28px 32px;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07);transition:transform .3s ease,box-shadow .3s ease}
body[data-page="oem"] .kg-ab-cards li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
body[data-page="oem"] .kg-ab-card-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
body[data-page="oem"] .kg-ab-card-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:var(--kg-rattan);color:var(--kg-teak)}
body[data-page="oem"] .kg-ab-card-ico svg{width:26px;height:26px}
body[data-page="oem"] .kg-ab-cards h3{margin:0;font-size:1.25rem;line-height:1.25}
body[data-page="oem"] .kg-ab-cards p{margin:0;color:var(--kg-stone)}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-pill{background:rgba(92,192,234,.14);border-color:rgba(199,230,243,.3);color:var(--kg-champagne-lt)}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-grad{background:linear-gradient(90deg,var(--kg-champagne) 0,var(--kg-ivory) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-cards li{background:#123246;border-color:var(--kg-line);box-shadow:none}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-card-ico{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
@media (max-width:980px){
  body[data-page="oem"] .kg-ab-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="oem"] .kg-ab-cards li{transition:none}
  body[data-page="oem"] .kg-ab-cards li:hover{transform:none}
}
/* Tại sao chọn / Thành tựu / Hồ sơ / Sẵn sàng bắt đầu: kiểu Gemmy, màu KiGin (Giám Sát 21/10/2026) */
body[data-page="oem"] .kg-ab-qa-lead--tag{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
body[data-page="oem"] .kg-ab-qa-lead--tag svg{width:18px;height:18px;color:var(--kg-teak)}
body[data-page="oem"] .kg-ab-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:28px}
body[data-page="oem"] .kg-ab-more-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-weight:600;color:var(--kg-teak);text-decoration:none}
body[data-page="oem"] .kg-ab-more-link:hover,body[data-page="oem"] .kg-ab-more-link:focus-visible{color:var(--kg-ink)}
body[data-page="oem"] .kg-ab-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none}
body[data-page="oem"] .kg-ab-links li{margin:0}
body[data-page="oem"] .kg-ab-links a{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;text-decoration:none;color:var(--kg-ink);background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:12px;transition:border-color .25s ease,transform .25s ease}
body[data-page="oem"] .kg-ab-links a:hover,body[data-page="oem"] .kg-ab-links a:focus-visible{border-color:var(--kg-teak);transform:translateY(-2px)}
body[data-page="oem"] .kg-ab-links a>span{margin-left:auto;color:var(--kg-teak)}
body[data-page="oem"] .kg-ab-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c,var(--kg-teak))}
body[data-page="oem"] .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak)}
body[data-page="oem"] .kg-ab-ready .kg-ab-actions .kg-btn--line svg{color:var(--kg-teak)}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-more-link{color:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
@media (max-width:980px){
  body[data-page="oem"] .kg-ab-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  body[data-page="oem"] .kg-ab-links{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="oem"] .kg-ab-links a{transition:none}
  body[data-page="oem"] .kg-ab-links a:hover{transform:none}
}
/* nút gradient: có màu nền đặc để tương phản đo được; hover đảo chiều gradient, chữ luôn trắng */
html[data-theme="dark"] body[data-page="oem"] .kg-ab-links a>span{color:var(--kg-champagne)}
/* Tiêu đề thẻ dùng Be Vietnam Pro (Giám Sát 21/10/2026) */
body[data-page="oem"] .kg-ab-cards h3{font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0;font-size:1rem;line-height:1.4}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-links a{color:var(--kg-ivory)}
/* 21/10/2026 nút lớn hơn ở khối "Trao đổi trực tiếp" và "Gửi mẫu hoặc bản vẽ" (Giám Sát) */
body[data-page="oem"] .kg-ab-actions .kg-btn{min-height:58px;padding:0 44px;font-size:1.0625rem}
body[data-page="oem"] .kg-ab-actions .kg-btn svg{width:20px;height:20px}
body[data-page="oem"] .kg-ab-actions .kg-ab-more-link{font-size:1.0625rem}
@media (max-width:600px){
  body[data-page="oem"] .kg-ab-actions .kg-btn{min-height:54px;padding:0 32px;width:100%;max-width:340px}
}
/* Năng lực OEM / ODM: hai thẻ lớn */
body[data-page="oem"] .kg-nl-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body[data-page="oem"] .kg-nl-duo>li{margin:0;padding:36px 36px 40px;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07);transition:transform .3s ease,box-shadow .3s ease}
body[data-page="oem"] .kg-nl-duo>li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
body[data-page="oem"] .kg-nl-duo-k{display:block;margin:0 0 6px;font:600 clamp(2.5rem,4vw,3.5rem)/1.05 var(--kg-sans);letter-spacing:-.02em;background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-teak)}
body[data-page="oem"] .kg-nl-duo h3{margin:0 0 12px;font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0;font-size:1.125rem;line-height:1.4}
body[data-page="oem"] .kg-nl-duo>li>p{margin:0 0 20px;color:var(--kg-stone)}
body[data-page="oem"] .kg-nl-list{margin:0;padding:0;list-style:none}
body[data-page="oem"] .kg-nl-list li{position:relative;margin:0;padding:12px 0 12px 34px;color:var(--kg-ink)}
body[data-page="oem"] .kg-nl-list li::before{content:"";position:absolute;left:0;top:14px;width:22px;height:22px;background:var(--kg-teak);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.5 12.5l2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat}
/* Đóng gói xuất khẩu: chữ trái, ảnh phải bo 16px, dải thị trường dạng viên thuốc */
body[data-page="oem"] .kg-nl-pack .kg-slot{aspect-ratio:4/3;min-height:0;height:auto;border-radius:16px;border:1px solid var(--kg-line);box-shadow:0 10px 30px rgba(10,34,48,.1)}
body[data-page="oem"] .kg-nl-pack .kg-slot::after{display:none}
body[data-page="oem"] .kg-nl-pack .kg-split{align-items:center}
body[data-page="oem"] .kg-nl-pack h2{margin:0 0 18px}
body[data-page="oem"] .kg-nl-pack .kg-nl-list{margin:24px 0 0}
body[data-page="oem"] .kg-nl-chips-l{margin:28px 0 12px;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
body[data-page="oem"] .kg-nl-chips{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
body[data-page="oem"] .kg-nl-chips li{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 20px;border:1px solid rgb(19 111 154 / 12%);border-radius:999px;background:var(--kg-paper);font-weight:600;color:var(--kg-ink)}
body[data-page="oem"] .kg-nl-pack .kg-ab-links{margin-top:64px}
html[data-theme="dark"] body[data-page="oem"] .kg-nl-list li::before{background:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="oem"] .kg-nl-list li{color:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="oem"] .kg-nl-chips li{background:#123246;color:var(--kg-ivory);border-color:rgba(199,230,243,.3)}
@media (max-width:980px){
  body[data-page="oem"] .kg-nl-duo{grid-template-columns:1fr}
}
@media (max-width:700px){
  body[data-page="oem"] .kg-nl-duo>li{padding:28px 24px 32px}
  body[data-page="oem"] .kg-nl-pack .kg-ab-links{margin-top:48px}
}
body[data-page="oem"] .kg-faq__a a{padding-block:12px;margin-block:-12px}
html[data-theme="dark"] body[data-page="oem"] .kg-nl-duo-k{background:linear-gradient(90deg,var(--kg-champagne),var(--kg-ivory));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-champagne)}

/* thẻ có viên thị trường: viên nằm trong thẻ, cách đoạn chữ 16px */
body[data-page="oem"] .kg-ab-cards .kg-nl-chips{margin-top:16px}
body[data-page="oem"] .kg-ab-cards .kg-nl-chips li{background:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-cards .kg-nl-chips li{background:#0E2C3E}
/* 23/10/2026 (Giám Sát: "nội dung sơ sài không hấp dẫn", THỬ ở bản sao): ba thẻ Khách hàng, Thị trường, Đóng gói có con số lớn (2 nhóm khách, 6 thị trường, 3 bước) + danh sách dấu tích; chỉ dùng dữ kiện đã có trên trang; số thị trường theo danh sách chờ KiGin xác nhận */
body[data-page="oem"] .kg-xk-big{display:flex;align-items:baseline;gap:10px;margin:18px 0 6px;color:var(--kg-ink)}
body[data-page="oem"] .kg-xk-big strong{font:600 3rem/1 var(--kg-sans);letter-spacing:-.02em;background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-teak)}
body[data-page="oem"] .kg-xk-big span{font-size:.9375rem;font-weight:600;color:var(--kg-stone)}
body[data-page="oem"] .kg-ab-cards .kg-nl-list{margin:12px 0 0}
body[data-page="oem"] .kg-ab-cards .kg-nl-list li{padding:8px 0 8px 30px}
body[data-page="oem"] .kg-ab-cards .kg-nl-list li::before{top:10px;width:20px;height:20px}
body[data-page="oem"] .kg-ab-cards .kg-nl-list b{font-weight:600;color:var(--kg-ink)}
html[data-theme="dark"] body[data-page="oem"] .kg-xk-big strong{background:linear-gradient(90deg,var(--kg-champagne),var(--kg-ivory));-webkit-background-clip:text;background-clip:text}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-cards .kg-nl-list b,html[data-theme="dark"] body[data-page="oem"] .kg-xk-big{color:var(--kg-ivory)}
body[data-page="oem"] .kg-ab-cards .kg-nl-list li{background:none;border:0;border-radius:0;box-shadow:none;margin:0;padding:8px 0 8px 30px}
body[data-page="oem"] .kg-ab-cards .kg-nl-list li:hover{transform:none;box-shadow:none}
html[data-theme="dark"] body[data-page="oem"] .kg-ab-cards .kg-nl-list li{background:none;box-shadow:none}
/* 23/10/2026 (Giám Sát: "chọn option trình bày đẹp hơn", chọn: số lớn + vạch dọc mảnh + nhãn chữ hoa cách chữ rộng, canh giữa theo chiều dọc): dòng con số ở ba thẻ xuất khẩu */
body[data-page="oem"] .kg-xk-big{align-items:center;gap:16px;margin:20px 0 10px}
body[data-page="oem"] .kg-xk-big strong{font-size:3.5rem;line-height:1}
body[data-page="oem"] .kg-xk-big span{padding-left:16px;border-left:1px solid rgb(19 111 154 / 18%);font-size:.8125rem;line-height:1.35;font-weight:600;letter-spacing:.07em;text-transform:uppercase;max-width:22ch}
html[data-theme="dark"] body[data-page="oem"] .kg-xk-big span{border-left-color:rgba(199,230,243,.3)}