.ph-cty-nha-may:not(.kg-lazy),html:not(.js) .ph-cty-nha-may{background-image:url(../../img/cty-nha-may.webp)}
.kg-phero.ph-cty-nha-may{background-position:center 55%}

.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}}

/* Liên hệ: 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-*, kg-nl-list, kg-qb-contact (bản sao từ bao-gia.css đổi tiền tố sang body[data-page="contact"]; không sửa các tệp CSS trang khác). Phần cuối là thành phần mới kg-ct-*. Trên WordPress + Flatsome: gộp chung một tệp CSS child theme. */
body[data-page="contact"]{--kg-sec:clamp(64px,7.5vw,104px)}
body[data-page="contact"] .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="contact"] .kg-ab-qa-head{max-width:760px;margin:0 auto 48px;text-align:center}
body[data-page="contact"] .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="contact"] .kg-ab-pill svg{width:16px;height:16px}
body[data-page="contact"] .kg-ab-qa h2{margin:0 0 18px}
body[data-page="contact"] .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="contact"] .kg-ab-qa-lead{margin:0;color:var(--kg-stone)}
body[data-page="contact"] .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="contact"] .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="contact"] .kg-ab-cards li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
body[data-page="contact"] .kg-ab-card-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
body[data-page="contact"] .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="contact"] .kg-ab-card-ico svg{width:26px;height:26px}
body[data-page="contact"] .kg-ab-cards h3{margin:0;font-size:1.25rem;line-height:1.25}
body[data-page="contact"] .kg-ab-cards p{margin:0;color:var(--kg-stone)}
html[data-theme="dark"] body[data-page="contact"] .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="contact"] .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="contact"] .kg-ab-cards li{background:#123246;border-color:var(--kg-line);box-shadow:none}
html[data-theme="dark"] body[data-page="contact"] .kg-ab-card-ico{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
@media (max-width:980px){
  body[data-page="contact"] .kg-ab-cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="contact"] .kg-ab-cards li{transition:none}
  body[data-page="contact"] .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="contact"] .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="contact"] .kg-ab-qa-lead--tag svg{width:18px;height:18px;color:var(--kg-teak)}
body[data-page="contact"] .kg-ab-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:28px}
body[data-page="contact"] .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak)}
body[data-page="contact"] .kg-ab-ready .kg-ab-actions .kg-btn--line svg{color:var(--kg-teak)}
html[data-theme="dark"] body[data-page="contact"] .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
/* Tiêu đề thẻ dùng Be Vietnam Pro (Giám Sát 21/10/2026) */
body[data-page="contact"] .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}
/* 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="contact"] .kg-ab-actions .kg-btn{min-height:58px;padding:0 44px;font-size:1.0625rem}
body[data-page="contact"] .kg-ab-actions .kg-btn svg{width:20px;height:20px}
@media (max-width:600px){
  body[data-page="contact"] .kg-ab-actions .kg-btn{min-height:54px;padding:0 32px;width:100%;max-width:340px}
}
body[data-page="contact"] .kg-nl-list{margin:0;padding:0;list-style:none}
body[data-page="contact"] .kg-nl-list li{position:relative;margin:0;padding:12px 0 12px 34px;color:var(--kg-ink)}
body[data-page="contact"] .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}
html[data-theme="dark"] body[data-page="contact"] .kg-nl-list li::before{background:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="contact"] .kg-nl-list li{color:var(--kg-ivory)}
body[data-page="contact"] .kg-faq__a a{padding-block:12px;margin-block:-12px}
/* ---------- Thành phần mới của trang Yêu cầu báo giá (kg-qb-*) ---------- */
/* Khối form: nền xanh nhạt, hộp form trắng bo 16px bóng nhẹ; giữ nguyên móc kg-workshop__grid, kg-qleft, #bao-gia cho script đổi chỗ trên mobile */
body[data-page="contact"] .kg-qb-top .kg-qleft{padding:0}
body[data-page="contact"] .kg-qb-top .kg-qleft .kg-ab-pill{align-self:flex-start}
body[data-page="contact"] .kg-qb-top h2{margin:0 0 18px}
body[data-page="contact"] .kg-qb-top .kg-lead{margin:0 0 8px}
body[data-page="contact"] .kg-qb-top .kg-formbox{border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 20px 50px rgba(10,34,48,.12)}
body[data-page="contact"] .kg-qb-top .kg-formbox>h2{margin:0 0 8px}
html[data-theme="dark"] body[data-page="contact"] .kg-qb-top .kg-formbox{background:#123246;box-shadow:none}
/* Danh sách dấu tích (cùng kg-nl-list) trong cột trái */
body[data-page="contact"] .kg-qleft .kg-nl-list{margin:20px 0 0}
/* Thông tin liên hệ: mỗi dòng một ô trắng bo 12px, biểu tượng nền xanh nhạt */
body[data-page="contact"] .kg-qb-contact{display:grid;grid-template-columns:1fr;gap:10px;margin:28px 0 0;padding:0;list-style:none}
body[data-page="contact"] .kg-qb-contact li{display:flex;align-items:center;gap:14px;margin:0;padding:12px 16px;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:12px}
body[data-page="contact"] .kg-qb-contact li.kg-qb-wide{grid-column:1/-1}
body[data-page="contact"] .kg-qb-ci{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--kg-rattan);color:var(--kg-teak)}
body[data-page="contact"] .kg-qb-ci svg{width:22px;height:22px}
body[data-page="contact"] .kg-qb-contact dl{margin:0;min-width:0}
body[data-page="contact"] .kg-qb-contact dt{margin:0 0 2px;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
body[data-page="contact"] .kg-qb-contact dd{margin:0;color:var(--kg-ink);overflow-wrap:anywhere}
body[data-page="contact"] .kg-qb-contact a{color:var(--kg-ink);text-decoration:none;font-weight:600}
body[data-page="contact"] .kg-qb-contact a:hover,body[data-page="contact"] .kg-qb-contact a:focus-visible{color:var(--kg-teak)}
body[data-page="contact"] .kg-qb-map{margin-top:16px}
html[data-theme="dark"] body[data-page="contact"] .kg-qb-contact li{background:#123246}
html[data-theme="dark"] body[data-page="contact"] .kg-qb-ci{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="contact"] .kg-qb-contact dd,html[data-theme="dark"] body[data-page="contact"] .kg-qb-contact a{color:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="contact"] .kg-qb-contact a:hover,html[data-theme="dark"] body[data-page="contact"] .kg-qb-contact a:focus-visible{color:var(--kg-champagne)}
/* ---------- Thành phần mới của trang Liên hệ (kg-ct-*) ---------- */
body[data-page="contact"] .kg-ct-btns{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:24px}
body[data-page="contact"] .kg-ct-btns .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak);background:transparent}
body[data-page="contact"] .kg-ct-btns .kg-btn svg{width:20px;height:20px}
html[data-theme="dark"] body[data-page="contact"] .kg-ct-btns .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
body[data-page="contact"] .kg-ct-channels .kg-ab-cards a{color:var(--kg-teak);font-weight:600;text-decoration:none}
body[data-page="contact"] .kg-ct-channels .kg-ab-cards a:hover,body[data-page="contact"] .kg-ct-channels .kg-ab-cards a:focus-visible{color:var(--kg-ink)}
html[data-theme="dark"] body[data-page="contact"] .kg-ct-channels .kg-ab-cards a{color:var(--kg-champagne)}
body[data-page="contact"] .kg-ct-meet .kg-split{align-items:center}
body[data-page="contact"] .kg-ct-meet h2{margin:0 0 18px}
body[data-page="contact"] .kg-ct-meet .kg-nl-list{margin:24px 0 0}
body[data-page="contact"] .kg-ct-addr .kg-qb-contact{margin-top:0}
body[data-page="contact"] .kg-ct-map{margin:16px 0 0}
@media (max-width:600px){
  body[data-page="contact"] .kg-ct-btns{flex-direction:column;align-items:stretch}
  body[data-page="contact"] .kg-ct-btns .kg-btn{width:100%}
}

/* 23/10/2026 (Giám Sát: color #526875 cho địa chỉ ở trang Liên hệ, THỬ ở bản sao): chữ địa chỉ đăng ký nền sáng #526875 (khoảng 5,9 : 1 trên trắng, đạt AA); nền tối giữ ivory */
body[data-page="contact"] .kg-ct-addr .kg-qb-contact dd{color:#526875}