.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-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)}
.ph-sp-ban-an:not(.kg-lazy),html:not(.js) .ph-sp-ban-an{background-image:url(../../img/sp-ban-an.webp)}
.ph-sp-ban-an-tron:not(.kg-lazy),html:not(.js) .ph-sp-ban-an-tron{background-image:url(../../img/sp-ban-an-tron.webp)}
.ph-sp-ban-lam-viec:not(.kg-lazy),html:not(.js) .ph-sp-ban-lam-viec{background-image:url(../../img/sp-ban-lam-viec.webp)}
.ph-sp-ban-tra:not(.kg-lazy),html:not(.js) .ph-sp-ban-tra{background-image:url(../../img/sp-ban-tra.webp)}
.ph-sp-don-cao:not(.kg-lazy),html:not(.js) .ph-sp-don-cao{background-image:url(../../img/sp-don-cao.webp)}
.ph-sp-ghe-an:not(.kg-lazy),html:not(.js) .ph-sp-ghe-an{background-image:url(../../img/sp-ghe-an.webp)}
.ph-sp-ghe-boc-nem:not(.kg-lazy),html:not(.js) .ph-sp-ghe-boc-nem{background-image:url(../../img/sp-ghe-boc-nem.webp)}
.ph-sp-giuong:not(.kg-lazy),html:not(.js) .ph-sp-giuong{background-image:url(../../img/sp-giuong.webp)}
.ph-sp-pd-1:not(.kg-lazy),html:not(.js) .ph-sp-pd-1{background-image:url(../../img/sp-pd-1.webp)}
.ph-sp-pd-2:not(.kg-lazy),html:not(.js) .ph-sp-pd-2{background-image:url(../../img/sp-pd-2.webp)}
.ph-sp-tu-canh-vom:not(.kg-lazy),html:not(.js) .ph-sp-tu-canh-vom{background-image:url(../../img/sp-tu-canh-vom.webp)}
.ph-sp-tu-dau-giuong:not(.kg-lazy),html:not(.js) .ph-sp-tu-dau-giuong{background-image:url(../../img/sp-tu-dau-giuong.webp)}
.ph-sp-tu-giay:not(.kg-lazy),html:not(.js) .ph-sp-tu-giay{background-image:url(../../img/sp-tu-giay.webp)}
.ph-sp-tu-quan-ao:not(.kg-lazy),html:not(.js) .ph-sp-tu-quan-ao{background-image:url(../../img/sp-tu-quan-ao.webp)}
.ph-tu-go-ghe-bo:not(.kg-lazy),html:not(.js) .ph-tu-go-ghe-bo{background-image:url(../../img/tu-go-ghe-bo.webp)}
.ph-xuong-cham-nham:not(.kg-lazy),html:not(.js) .ph-xuong-cham-nham{background-image:url(../../img/xuong-cham-nham.webp)}
.ph-xuong-hoan-thien-tu:not(.kg-lazy),html:not(.js) .ph-xuong-hoan-thien-tu{background-image:url(../../img/xuong-hoan-thien-tu.webp)}
.ph-xuong-lap-rap:not(.kg-lazy),html:not(.js) .ph-xuong-lap-rap{background-image:url(../../img/xuong-lap-rap.webp)}
.kg-phero.ph-tu-go-ghe-bo{background-position:center 40%}

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

html{scroll-padding-top:calc(var(--kg-header-h,80px) + 16px)}
@media (max-height:520px){html{scroll-padding-bottom:0}}

.kg-err:empty{display:block;height:0;margin:0;overflow:hidden}
main .kg-input:focus{outline:2px solid transparent;outline-offset:2px;border-color:#136F9A;box-shadow:0 0 0 3px rgba(19,111,154,.22)}
html[data-theme="dark"] main .kg-input:focus{outline-color:#5CC0EA;box-shadow:0 0 0 3px rgba(92,192,234,.35)}
html[data-theme="dark"] .kg-input[aria-invalid="true"]{border-color:#FF9E96}
.kg-field .kg-consent{min-height:46px}
@media (max-width:760px){.kg-err{font-size:1rem}}
main .kg-steps8 h3{font:400 20px/1.3 var(--kg-serif)}
main .kg-form input.kg-input,main .kg-form select.kg-input{height:48px;min-height:48px;padding-top:0;padding-bottom:0}
main .kg-input{border-radius:8px}
@media (max-width:760px){main .kg-formbox h2{font-size:2rem!important}}
html[data-theme="dark"] main :focus-visible{outline-color:#5CC0EA}
@media (max-width:600px){
.sg-hdr .kg-lang{position:relative;padding:0;margin-left:0;gap:0;border-left:0}
.sg-hdr .kg-lang__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:52px;height:44px;padding:0 0 0 10px;justify-content:flex-end;border:0;background:none;color:#F6F9FB;font:700 16px/1 var(--kg-sans);cursor:pointer;border-radius:999px}
.sg-hdr .kg-lang .kg-lang__btn span{display:inline;opacity:1}
.sg-hdr .kg-lang__btn svg{width:12px;height:12px;transition:transform .2s ease}
.sg-hdr .kg-lang.is-open .kg-lang__btn svg{transform:rotate(180deg)}
.sg-hdr .kg-lang__btn:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.sg-hdr .kg-lang__menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:132px;padding:4px;background:#0A2230;border:1px solid rgba(246,249,251,.7);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.35);z-index:5}
.sg-hdr .kg-lang.is-open .kg-lang__menu{display:block}
.sg-hdr .kg-lang__menu a{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;width:100%;height:44px;padding:0 12px;border-radius:8px;font:500 15px/1 var(--kg-sans);color:#C7E6F3}
.sg-hdr .kg-lang__menu a.is-cur{font-weight:700;color:#7FD0F0}
.sg-hdr .kg-lang__menu a:hover,.sg-hdr .kg-lang__menu a:focus-visible{background:rgba(199,230,243,.12);color:#fff}
.sg-hdr{margin-bottom:112px}
}

/* 23/10/2026 (THỬ): nút trong cụm công cụ bo 4 px, khung ngoài .kg-tools bo 5 px (luật chung trong tao_v3.py) */
.sg-hdr .kg-tools .kg-theme,.sg-hdr .kg-tools .kg-lang a{border-radius:4px}
.sg-sec .kg-head{margin-bottom:40px}
.sg-p{max-width:68ch;color:var(--kg-stone)}
.sg-sec h3{font:400 1.5rem/1.2 var(--kg-serif);margin:56px 0 18px!important}
.sg-sec .kg-head+h3,.sg-sec .kg-head+div>h3:first-child,.kg-cards h3{margin-top:0!important}
.sg-toc{display:flex;flex-wrap:wrap;gap:8px 24px}
/* 22/10/2026: mục lục thanh bên phải (desktop >= 1100 px): main chia lưới, nội dung cột trái, mục lục dính cột phải; dưới 1100 px là dải ngang dính dưới header */
body[data-page="style_guide"] main#noi-dung{display:grid;grid-template-columns:minmax(0,1fr) 264px;align-items:start}
body[data-page="style_guide"] main#noi-dung>.sg-sec{grid-column:1;min-width:0}
body[data-page="style_guide"] main#noi-dung>:not(.sg-sec){grid-column:1/-1}
body[data-page="style_guide"] main#noi-dung>.sg-tocsec{grid-column:2;grid-row:2/span 40;align-self:stretch;padding:0;background:var(--kg-paper);border-left:1px solid var(--kg-line)}
body[data-page="style_guide"] .sg-toc{position:sticky;top:var(--kg-header-h,80px);display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;max-height:calc(100vh - var(--kg-header-h,80px));overflow-y:auto;padding:28px 16px 32px;overscroll-behavior:contain}
body[data-page="style_guide"] .sg-toc__h{font:600 12px/1 var(--kg-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--kg-stone);padding:0 12px 12px}
body[data-page="style_guide"] .sg-toc__g{font:600 12px/1.2 var(--kg-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone);padding:18px 12px 6px}
body[data-page="style_guide"] .sg-toc a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;font:500 15px/1.35 var(--kg-sans);color:var(--kg-ink);text-decoration:none;border:0;transition:background .2s,color .2s,box-shadow .2s}
body[data-page="style_guide"] .sg-toc a:hover{background:var(--kg-rattan);color:var(--kg-accent-ink,#0F587B)}
body[data-page="style_guide"] .sg-toc a:focus-visible{outline:2px solid var(--kg-accent);outline-offset:-2px}
body[data-page="style_guide"] .sg-toc a.is-active{background:var(--kg-rattan);color:var(--kg-accent-ink,#0F587B);font-weight:600;box-shadow:inset 3px 0 0 var(--kg-accent)}
/* 23/10/2026: mã mẫu trong mục Màu ở nền tối (chữ xanh logo trên nền tối 2,87 : 1; khối :root nền sáng chữ xanh nhạt 1,63 : 1) */
html[data-theme="dark"] .sg-sw code[style]{color:#7FD0F0!important}
html[data-theme="dark"] pre.sg-code{background:#0E2C3E!important;border-color:#2D4351!important}
/* 23/10/2026: mục lục ở nền tối (trước đó chữ Ink trên nền tối, tỉ lệ 1,02 : 1) */
html[data-theme="dark"] body[data-page="style_guide"] main#noi-dung>.sg-tocsec{background:var(--kg-paper)}
html[data-theme="dark"] body[data-page="style_guide"] .sg-toc a{color:#E8F1F6}
html[data-theme="dark"] body[data-page="style_guide"] .sg-toc a:hover,html[data-theme="dark"] body[data-page="style_guide"] .sg-toc a.is-active{background:rgba(127,208,240,.16);color:#7FD0F0}
@media (max-width:1099px){
html:has(body[data-page="style_guide"]){scroll-padding-top:calc(var(--kg-header-h,64px) + 76px)}
body[data-page="style_guide"] main#noi-dung{display:block}
body[data-page="style_guide"] main#noi-dung>.sg-tocsec{position:sticky;top:var(--kg-header-h,64px);z-index:30;border-left:0;border-bottom:1px solid var(--kg-line);padding:0;background:var(--kg-paper)}
body[data-page="style_guide"] .sg-toc{position:static;flex-direction:row;align-items:center;gap:4px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:8px 16px;scrollbar-width:none}
body[data-page="style_guide"] .sg-toc::-webkit-scrollbar{display:none}
body[data-page="style_guide"] .sg-toc__h,body[data-page="style_guide"] .sg-toc__g{display:none}
body[data-page="style_guide"] .sg-toc a{flex:none;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
}
.sg-frames{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.sg-frame{margin:0;max-width:100%}
.sg-frame iframe{display:block;width:var(--w);max-width:100%;border:1px solid var(--kg-line);border-radius:12px;background:var(--kg-paper)}
.sg-frame figcaption{margin-top:8px;font-size:13px;line-height:1.4;color:var(--kg-stone);max-width:var(--w)}
.sg-frame--mega,.sg-frames:not(.sg-frames--phones)>.sg-frame{width:100%}
.sg-mbar{padding:24px;background:var(--kg-ivory)}
.sg-mbar .kg-mbar{display:grid;position:static;width:390px;max-width:100%;border:1px solid var(--kg-line-dark);border-radius:12px;overflow:hidden}
.sg-social-demo .kg-social{margin:0}
.sg-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.sg-sw{display:grid;gap:4px;font-size:14px;line-height:1.4}
.sg-sw b{font-size:16px;font-weight:600}
.sg-sw code,.sg-code,code{font:500 13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--kg-champagne-ink)}
.sg-sw span:last-child{color:var(--kg-stone)}
.sg-chip{display:grid;place-items:center;height:76px;border:1px solid;border-radius:12px;font:400 28px/1 var(--kg-serif)}
.sg-pair{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--kg-line);margin-right:8px;font:400 16px/1 var(--kg-serif);vertical-align:middle}
.sg-table{width:100%;border-collapse:collapse;font-size:15px}
.sg-table td,.sg-table th{overflow-wrap:anywhere}
.sg-table th,.sg-table td{padding:12px 16px 12px 0;border-bottom:1px solid var(--kg-line);text-align:left;vertical-align:top}
.sg-table thead th{font-size:13px;color:var(--kg-stone);font-weight:500}
.sg-table tbody th{width:24%;color:var(--kg-stone);font-weight:500}
.sg-type{display:grid;gap:0}
.sg-row{display:grid;grid-template-columns:130px 1fr;gap:6px 24px;padding:20px 0;border-bottom:1px solid var(--kg-line);align-items:baseline}
.sg-row code{grid-column:2;color:var(--kg-stone)}
.sg-k{font-size:13px;color:var(--kg-stone);font-weight:500}
.sg-demo{padding:32px;border:1px solid var(--kg-line);border-radius:12px;margin-bottom:28px;background:var(--kg-paper)}
.sg-demo--dark{background:#0A2230;border-color:#0A2230;color:#F6F9FB}
.sg-btnname{display:block;margin:0 0 8px;font-size:13px;color:var(--kg-stone);font-weight:500}
.sg-demo--dark .sg-btnname{color:#C7E6F3}
.sg-btnrow{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.sg-btnitem{display:block}
.kg-btn--blue{background:#136F9A;color:#fff;border-color:#136F9A}
.kg-btn--blue:hover{color:#fff}.kg-btn--blue::before{background:#0F587B}
.sg-demo--dark .kg-btn--line{background:transparent;color:#F6F9FB}
.kg-link.kg-link--arrow{border-bottom:0!important;background-image:none!important;text-decoration:none!important}
.kg-link--arrow{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:16px;color:var(--kg-accent-ink,#0F587B);text-decoration:none;border:0;padding:0}
.kg-link--arrow::before{display:none}
.kg-link--arrow::after{content:'→';transition:transform .25s ease}
.kg-link--arrow:hover::after{transform:translateX(4px)}
.sg-demo--dark .kg-link--arrow{color:#C7E6F3}
@media (max-width:720px){.sg-row{grid-template-columns:1fr}.sg-row code{grid-column:1}.sg-table tbody th{width:34%}}

/* Về KiGin: trình bày riêng trang (21/10/2026). Token KiGin B: phẳng, bo 8px, viền mảnh, nhấn #136F9A (--kg-teak).
   Chỉ selector có tiền tố .sg-ab; không sửa component dùng chung. Khối riêng: kg-ab-*, kg-mos-*. */
.sg-ab{--kg-sec:clamp(64px,7.5vw,104px)}

/* Hero: lớp phủ nghiêng + vạch nhấn mảnh dưới H1 */
.sg-ab .kg-phero::before{background:linear-gradient(180deg,rgba(10,34,48,.8) 0,rgba(10,34,48,.76) 55%,rgba(10,34,48,.6) 100%)}
/* 23/10/2026 (Giám Sát: "bỏ line đi"): bỏ gạch Champagne 56 x 3 px dưới H1 hero trang Về KiGin */

/* Doanh nghiệp: vạch nhấn trên tiêu đề, ảnh bo 8px viền mảnh */
.sg-ab .kg-ab-intro .kg-slot{border-radius:8px;border:1px solid var(--kg-line)}

/* Một cái nhìn: năm dữ kiện một hàng, vạch nhấn ngắn trên mỗi ô */
.sg-ab .kg-ab-facts .kg-facts{grid-template-columns:repeat(5,minmax(0,1fr));border-top:0}
.sg-ab .kg-ab-facts .kg-facts>div{position:relative;padding:30px 20px 0;border-left:1px solid var(--kg-line)}
.sg-ab .kg-ab-facts .kg-facts>div:first-child{padding-left:0;border-left:0}
.sg-ab .kg-ab-facts .kg-facts>div::before{content:"";position:absolute;top:0;left:20px;width:32px;height:3px;background:var(--kg-teak)}
.sg-ab .kg-ab-facts .kg-facts>div:first-child::before{left:0}
.sg-ab .kg-ab-facts .kg-facts dt{margin-bottom:8px;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}
.sg-ab .kg-ab-facts .kg-facts dd{font-size:1.25rem;line-height:1.35}
@media (max-width:980px){
  .sg-ab .kg-ab-facts .kg-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .sg-ab .kg-ab-facts .kg-facts>div,.sg-ab .kg-ab-facts .kg-facts>div:first-child{padding:28px 0 20px;border-left:0}
  .sg-ab .kg-ab-facts .kg-facts>div::before,.sg-ab .kg-ab-facts .kg-facts>div:first-child::before{left:0}
  .sg-ab .kg-ab-facts .kg-facts>div:last-of-type{grid-column:1/-1}
}

/* Nhà máy và khu máy: một ảnh lớn dẫn mắt, ba ảnh phụ; hover nâng nhẹ */
.sg-ab .kg-ab-photos .kg-photos4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15.5vw,230px);gap:16px}
.sg-ab .kg-ab-photos .kg-slot{aspect-ratio:auto;height:100%;border-radius:8px;border:1px solid var(--kg-line);transition:transform .35s ease,box-shadow .35s ease}
.sg-ab .kg-ab-photos .kg-slot::after{display:none}
.sg-ab .kg-ab-photos .kg-mos-lg{grid-column:1/3;grid-row:1/3}
.sg-ab .kg-ab-photos .kg-mos-wide{grid-column:3/5}
.sg-ab .kg-ab-photos .kg-slot:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,34,48,.16)}
@media (max-width:820px){
  .sg-ab .kg-ab-photos .kg-photos4{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  .sg-ab .kg-ab-photos .kg-slot{height:auto;aspect-ratio:4/3}
  .sg-ab .kg-ab-photos .kg-mos-lg,.sg-ab .kg-ab-photos .kg-mos-wide{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}
}

/* Mô hình: dải tối, ba cột biên tập ngăn bằng vạch (không thẻ) */
.sg-ab .kg-ab-model h2{color:var(--kg-ivory)}
.sg-ab .kg-ab-model .kg-head p{color:var(--kg-mist)}
.sg-ab .kg-ab-model .kg-head a{color:var(--kg-champagne-lt);text-decoration:none;transition:color .25s ease}
.sg-ab .kg-ab-model .kg-head a:hover,.sg-ab .kg-ab-model .kg-head a:focus-visible{color:#fff}
.sg-ab .kg-ab-model .kg-traits{gap:0 48px}
.sg-ab .kg-ab-model .kg-traits li{display:block;padding:28px 0 0;border-top:2px solid var(--kg-champagne)}
.sg-ab .kg-ab-model .kg-traits h3{color:var(--kg-ivory)}
.sg-ab .kg-ab-model .kg-traits p{margin-top:.5em;color:var(--kg-mist)}
@media (max-width:980px){.sg-ab .kg-ab-model .kg-traits li{margin-bottom:28px}}

/* Pháp nhân: tiêu đề trái, bảng phải (cùng khung với Hỏi đáp), bảng phẳng viền mảnh */
.sg-ab .kg-ab-legal .kg-info th{width:36%;color:var(--kg-stone)}
.sg-ab .kg-ab-legal .kg-info th,.sg-ab .kg-ab-legal .kg-info td{height:auto;padding:16px 0}
@media (max-width:560px){
  .sg-ab .kg-ab-legal .kg-info th,.sg-ab .kg-ab-legal .kg-info td{display:block;width:100%}
  .sg-ab .kg-ab-legal .kg-info th{padding-bottom:0;border-bottom:0}
}

/* Tìm hiểu thêm: danh sách hai cột, vạch mảnh, mũi tên trượt nhẹ khi hover/focus */
.sg-ab .kg-ab-more .kg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin:0;padding:0;list-style:none}
.sg-ab .kg-ab-more .kg-list li{margin:0;padding:0;border-bottom:1px solid var(--kg-line)}
.sg-ab .kg-ab-more .kg-list li::before{content:none}
.sg-ab .kg-ab-more .kg-list a{display:flex;align-items:center;justify-content:space-between;min-height:56px;text-decoration:none}
.sg-ab .kg-ab-more .kg-list a::after{content:"\2192";color:var(--kg-teak);transition:transform .25s ease}
.sg-ab .kg-ab-more .kg-list a:hover::after,.sg-ab .kg-ab-more .kg-list a:focus-visible::after{transform:translateX(5px)}
@media (max-width:700px){.sg-ab .kg-ab-more .kg-list{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .sg-ab .kg-ab-photos .kg-slot,.sg-ab .kg-ab-more .kg-list a::after{transition:none}
  .sg-ab .kg-ab-photos .kg-slot:hover,.sg-ab .kg-ab-more .kg-list a:hover::after{transform:none}
}
.sg-ab .kg-ab-legal .kg-split{align-items:start}
html[data-theme="dark"] .sg-ab .kg-ab-more .kg-list a::after{color:var(--kg-champagne)}
html[data-theme="dark"] .sg-ab .kg-ab-facts .kg-facts>div::before{background:var(--kg-champagne)}
/* Pháp nhân: liên kết không gạch chân, hover đổi màu (Giám Sát 21/10/2026) */
.sg-ab .kg-ab-legal .kg-info a{text-decoration:none;color:var(--kg-ink);transition:color .2s ease}
.sg-ab .kg-ab-legal .kg-info a:hover,.sg-ab .kg-ab-legal .kg-info a:focus-visible{color:var(--kg-teak)}
html[data-theme="dark"] .sg-ab .kg-ab-legal .kg-info a{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-ab .kg-ab-legal .kg-info a:hover,html[data-theme="dark"] .sg-ab .kg-ab-legal .kg-info a:focus-visible{color:var(--kg-champagne)}
@media (prefers-reduced-motion:reduce){.sg-ab .kg-ab-legal .kg-info a{transition:none}}
/* Vùng bấm 44px cho hai liên kết trong đoạn văn (Giám Sát chốt: chỉ Về KiGin, 21/10/2026) */
.sg-ab .kg-ab-model .kg-head a{padding-block:12px;margin-block:-12px}
.sg-ab .kg-faq__a a{padding-block:12px;margin-block:-12px}
/* nhãn pháp nhân không dính cột giá trị ở 768 và 1024 */
.sg-ab .kg-ab-legal .kg-info th{padding-right:24px}

/* Dải dữ kiện: không ô lẻ ở khổ nhỏ. 561-980: 3 ô hàng trên, 2 ô hàng dưới; 560 trở xuống: một cột */
@media (min-width:561px) and (max-width:980px){
  .sg-ab .kg-ab-facts .kg-facts{grid-template-columns:repeat(6,minmax(0,1fr))}
  .sg-ab .kg-ab-facts .kg-facts>div{grid-column:span 2}
  .sg-ab .kg-ab-facts .kg-facts>div:nth-child(n+4),.sg-ab .kg-ab-facts .kg-facts>div:last-of-type{grid-column:span 3}
}
@media (max-width:560px){
  .sg-ab .kg-ab-facts .kg-facts{grid-template-columns:1fr}
  .sg-ab .kg-ab-facts .kg-facts>div,.sg-ab .kg-ab-facts .kg-facts>div:last-of-type{grid-column:auto}
}
/* Hỏi đáp: tiêu đề canh trên ở khổ 769-1100 (không thấp hơn câu hỏi đầu) */
@media (min-width:769px) and (max-width:1100px){
  .sg-ab .kg-ab-faq .kg-split--top>div:first-child{justify-content:flex-start}
}
/* Pháp nhân: tiêu đề phía trên, bảng rộng đủ khung (bỏ cột trái trống) */
.sg-ab .kg-ab-legal .kg-split{grid-template-columns:1fr;gap:28px}

/* Dải dữ kiện kiểu số lớn (Giám Sát 21/10/2026): chỉ số thật đã xác nhận; nhãn dưới số, dòng phụ nhỏ */
.sg-ab .kg-ab-facts .kg-facts--num>div{display:flex;flex-direction:column}
.sg-ab .kg-ab-facts .kg-facts--num .kg-ab-num{order:1;margin:0 0 6px;font:300 clamp(2.5rem,4.2vw,3.75rem)/1.05 var(--kg-serif);letter-spacing:-.01em;color:var(--kg-teak)}
.sg-ab .kg-ab-facts .kg-facts--num .kg-ab-num--txt{font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.3;padding-top:.55em}
.sg-ab .kg-ab-facts .kg-facts--num dt{order:2;margin:0 0 6px;font-weight:500;color:var(--kg-ink)}
.sg-ab .kg-ab-facts .kg-facts--num .kg-ab-sub{order:3;margin:0;font-size:1rem;line-height:1.4;color:var(--kg-stone)}
html[data-theme="dark"] .sg-ab .kg-ab-facts .kg-facts--num .kg-ab-num{color:var(--kg-champagne)}
html[data-theme="dark"] .sg-ab .kg-ab-facts .kg-facts--num dt{color:var(--kg-ivory)}

/* Nhà máy KiGin: bốn số lớn phía trên lưới ảnh (số demo giữ nguyên theo Giám Sát) */
.sg-ab .kg-ab-photos .kg-facts--num{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 40px;border-top:0}
.sg-ab .kg-ab-photos .kg-facts--num>div{position:relative;display:flex;flex-direction:column;padding:30px 20px 0;border-left:1px solid var(--kg-line)}
.sg-ab .kg-ab-photos .kg-facts--num>div:first-child{padding-left:0;border-left:0}
.sg-ab .kg-ab-photos .kg-facts--num>div::before{content:"";position:absolute;top:0;left:20px;width:32px;height:3px;background:var(--kg-teak)}
.sg-ab .kg-ab-photos .kg-facts--num>div:first-child::before{left:0}
.sg-ab .kg-ab-photos .kg-facts--num .kg-ab-num{order:1;margin:0 0 6px;font:300 clamp(2.25rem,3.8vw,3.5rem)/1.05 var(--kg-serif);letter-spacing:-.01em;color:var(--kg-teak)}
.sg-ab .kg-ab-photos .kg-facts--num dt{order:2;margin:0;font-size:.875rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-ink)}
html[data-theme="dark"] .sg-ab .kg-ab-photos .kg-facts--num .kg-ab-num{color:var(--kg-champagne)}
html[data-theme="dark"] .sg-ab .kg-ab-photos .kg-facts--num>div::before{background:var(--kg-champagne)}
html[data-theme="dark"] .sg-ab .kg-ab-photos .kg-facts--num dt{color:var(--kg-ivory)}
@media (max-width:700px){
  .sg-ab .kg-ab-photos .kg-facts--num{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
  .sg-ab .kg-ab-photos .kg-facts--num>div,.sg-ab .kg-ab-photos .kg-facts--num>div:first-child{padding:28px 0 20px;border-left:0}
  .sg-ab .kg-ab-photos .kg-facts--num>div::before{left:0}
}

/* Neo #id không bị header cố định (76px) che tiêu đề */
.sg-ab [id]{scroll-margin-top:96px}
/* Lớp phủ hero: đáy đậm hơn để chữ dẫn trên ảnh cao hơn 4,5:1 */
.sg-ab .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%)}

/* Nhà máy KiGin: kiểu tiêu đề có biểu tượng, địa chỉ có ghim, hàng số lớn chuyển sắc xanh logo sang navy (Giám Sát 21/10/2026) */
.sg-ab .kg-ab-plant-head{margin-bottom:12px}
.sg-ab .kg-ab-plant-head h2{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.sg-ab .kg-ab-ico{flex:none;width:40px;height:40px;color:var(--kg-champagne)}
.sg-ab .kg-ab-ico--sm{width:20px;height:20px;color:var(--kg-stone)}
.sg-ab .kg-ab-addr{display:flex;align-items:center;gap:10px;margin:0;color:var(--kg-stone)}
.sg-ab .kg-ab-photos .kg-facts--num{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;margin:36px 0 48px}
.sg-ab .kg-ab-photos .kg-facts--num>div,.sg-ab .kg-ab-photos .kg-facts--num>div:first-child{padding:0;border-left:0}
.sg-ab .kg-ab-photos .kg-facts--num>div::before,.sg-ab .kg-ab-photos .kg-facts--num>div:first-child::before{display:none}
.sg-ab .kg-ab-photos .kg-facts--num .kg-ab-num{margin:0 0 6px;font:600 clamp(2rem,3.8vw,3.25rem)/1.1 var(--kg-sans);letter-spacing:-.02em;color:var(--kg-teak);background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sg-ab .kg-ab-photos .kg-facts--num dt{font-weight:600;color:var(--kg-stone)}
html[data-theme="dark"] .sg-ab .kg-ab-photos .kg-facts--num .kg-ab-num{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"] .sg-ab .kg-ab-photos .kg-facts--num dt{color:var(--kg-mist)}
@media (max-width:700px){
  .sg-ab .kg-ab-photos .kg-facts--num{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:28px 0 36px}
  .sg-ab .kg-ab-photos .kg-facts--num>div,.sg-ab .kg-ab-photos .kg-facts--num>div:first-child{padding:0}
  .sg-ab .kg-ab-ico{width:32px;height:32px}
}

/* Đảm bảo chất lượng: nhãn viên thuốc, tiêu đề giữa có cụm chuyển sắc, ba thẻ bo 16px bóng nhẹ (kiểu Gemmy, màu KiGin) */
.sg-ab .kg-ab-qa-head{max-width:760px;margin:0 auto 48px;text-align:center}
.sg-ab .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)}
.sg-ab .kg-ab-pill svg{width:16px;height:16px}
.sg-ab .kg-ab-qa h2{margin:0 0 18px}
.sg-ab .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)}
.sg-ab .kg-ab-qa-lead{margin:0;color:var(--kg-stone)}
.sg-ab .kg-ab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sg-ab .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}
.sg-ab .kg-ab-cards li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
.sg-ab .kg-ab-card-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.sg-ab .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)}
.sg-ab .kg-ab-card-ico svg{width:26px;height:26px}
.sg-ab .kg-ab-cards h3{margin:0;font-size:1.25rem;line-height:1.25}
.sg-ab .kg-ab-cards p{margin:0;color:var(--kg-stone)}
html[data-theme="dark"] .sg-ab .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"] .sg-ab .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"] .sg-ab .kg-ab-cards li{background:#123246;border-color:var(--kg-line);box-shadow:none}
html[data-theme="dark"] .sg-ab .kg-ab-card-ico{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
@media (max-width:980px){.sg-ab .kg-ab-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sg-ab .kg-ab-cards li{transition:none}.sg-ab .kg-ab-cards li:hover{transform:none}}

/* Chứng nhận và pháp lý: hàng ô vuông trắng bo 16px, biểu tượng xanh, giá trị đậm (kiểu Gemmy, màu KiGin) */
.sg-ab .kg-ab-certs h2{margin:0 0 18px}
.sg-ab .kg-ab-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:0;padding:0;list-style:none}
.sg-ab .kg-ab-tiles li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:200px;min-height:176px;padding:20px 14px;text-align:center;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 8px 24px rgba(10,34,48,.06)}
.sg-ab .kg-ab-tiles .kg-ab-card-ico{margin-bottom:4px}
.sg-ab .kg-ab-tiles strong{font:600 1.0625rem/1.3 var(--kg-sans);color:var(--kg-ink);overflow-wrap:anywhere}
.sg-ab .kg-ab-tile-l{font-size:.8125rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--kg-stone)}
html[data-theme="dark"] .sg-ab .kg-ab-tiles li{background:#123246;box-shadow:none}
html[data-theme="dark"] .sg-ab .kg-ab-tiles strong{color:var(--kg-ivory)}
@media (max-width:700px){.sg-ab .kg-ab-tiles li{width:calc(50% - 10px);min-height:160px}}

/* 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) */
.sg-ab .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)}
.sg-ab .kg-ab-qa-lead--tag svg{width:18px;height:18px;color:var(--kg-teak)}
.sg-ab .kg-ab-wide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:1056px;margin:0 auto 28px;padding:28px 16px;list-style:none;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 8px 24px rgba(10,34,48,.05)}
.sg-ab .kg-ab-wide li{display:flex;align-items:center;justify-content:center;margin:0;padding:14px 20px;min-height:104px}
.sg-ab .kg-ab-wide img{display:block;width:auto;height:auto;max-width:100%;max-height:68px;object-fit:contain}
.sg-ab .kg-ab-stat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:960px;margin:0 auto;padding:0;list-style:none}
.sg-ab .kg-ab-stat3 li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px 28px;text-align:center;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07)}
.sg-ab .kg-ab-circ{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);color:#fff}
.sg-ab .kg-ab-circ svg{width:28px;height:28px}
.sg-ab .kg-ab-stat3 strong{font:600 clamp(2rem,3.6vw,3rem)/1.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)}
.sg-ab .kg-ab-stat3 .kg-ab-stat-txt{font-size:clamp(1.125rem,1.4vw,1.25rem);line-height:1.33}
.sg-ab .kg-ab-stat3 li>span:last-child{color:var(--kg-stone)}
.sg-ab .kg-ab-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:28px}
.sg-ab .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}
.sg-ab .kg-ab-more-link:hover,.sg-ab .kg-ab-more-link:focus-visible{color:var(--kg-ink)}
.sg-ab .kg-ab-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none}
.sg-ab .kg-ab-links li{margin:0}
.sg-ab .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}
.sg-ab .kg-ab-links a:hover,.sg-ab .kg-ab-links a:focus-visible{border-color:var(--kg-teak);transform:translateY(-2px)}
.sg-ab .kg-ab-links a>span{margin-left:auto;color:var(--kg-teak)}
.sg-ab .kg-ab-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c,var(--kg-teak))}
.sg-ab .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak)}
.sg-ab .kg-ab-ready .kg-ab-actions .kg-btn--line svg{color:var(--kg-teak)}
html[data-theme="dark"] .sg-ab .kg-ab-wide,html[data-theme="dark"] .sg-ab .kg-ab-stat3 li,html[data-theme="dark"] .sg-ab .kg-ab-links a{background:#123246;box-shadow:none}
html[data-theme="dark"] .sg-ab .kg-ab-stat3 strong{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)}
html[data-theme="dark"] .sg-ab .kg-ab-more-link{color:var(--kg-champagne)}
html[data-theme="dark"] .sg-ab .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
@media (max-width:980px){.sg-ab .kg-ab-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.sg-ab .kg-ab-stat3{grid-template-columns:1fr}.sg-ab .kg-ab-links{grid-template-columns:1fr}.sg-ab .kg-ab-wide{grid-template-columns:1fr;gap:18px;padding:20px}}
@media (prefers-reduced-motion:reduce){.sg-ab .kg-ab-links a{transition:none}.sg-ab .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"] .sg-ab .kg-ab-links a>span{color:var(--kg-champagne)}
/* Tiêu đề thẻ dùng Be Vietnam Pro (Giám Sát 21/10/2026) */
.sg-ab .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}

/* Hàng logo chứng nhận: ô vuông trắng, bóng nhẹ, logo nằm giữa (kiểu Gemmy, nền KiGin) */
.sg-ab .kg-ab-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:0;padding:0;list-style:none}
.sg-ab .kg-ab-logos li{display:grid;place-items:center;width:152px;height:152px;margin:0;padding:6px;background:#fff;border:1px solid var(--kg-line);border-radius:12px;box-shadow:0 8px 24px rgba(10,34,48,.07)}
.sg-ab .kg-ab-logos img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
@media (max-width:700px){.sg-ab .kg-ab-logos li{width:calc(33.333% - 14px);height:auto;aspect-ratio:1}}
/* hover cho ô logo: nâng nhẹ, bóng rõ hơn, viền xanh */
.sg-ab .kg-ab-logos li{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sg-ab .kg-ab-logos li:hover{transform:translateY(-5px);border-color:var(--kg-teak);box-shadow:0 16px 34px rgba(10,34,48,.16)}
@media (prefers-reduced-motion:reduce){.sg-ab .kg-ab-logos li{transition:none}.sg-ab .kg-ab-logos li:hover{transform:none}}

@media (max-width:980px){.sg-ab .kg-ab-wide{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}}

html[data-theme="dark"] .sg-ab .kg-ab-links a{color:var(--kg-ivory)}

/* 21/10/2026 hover cho 3 thẻ số và logo khách (khối Khách hàng và những con số) */
.sg-ab .kg-ab-stat3 li{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.sg-ab .kg-ab-stat3 li:hover{transform:translateY(-6px);border-color:var(--kg-teak);box-shadow:0 18px 38px rgba(10,34,48,.16)}
.sg-ab .kg-ab-clogos img{transition:transform .3s ease}
.sg-ab .kg-ab-clogos li:hover img{transform:scale(1.08)}
html[data-theme="dark"] .sg-ab .kg-ab-stat3 li:hover{border-color:var(--kg-champagne);box-shadow:0 18px 38px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){.sg-ab .kg-ab-stat3 li,.sg-ab .kg-ab-clogos img{transition:none}.sg-ab .kg-ab-stat3 li:hover,.sg-ab .kg-ab-clogos li:hover img{transform:none}}

/* 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) */
.sg-ab .kg-ab-actions .kg-btn{min-height:58px;padding:0 44px;font-size:1.0625rem}
.sg-ab .kg-ab-actions .kg-btn svg{width:20px;height:20px}
.sg-ab .kg-ab-actions .kg-ab-more-link{font-size:1.0625rem}
@media (max-width:600px){.sg-ab .kg-ab-actions .kg-btn{min-height:54px;padding:0 32px;width:100%;max-width:340px}}

/* 21/10/2026 số trong 3 thẻ (500+, 1500+) đồng bộ với số nhà máy: cùng cỡ chữ, gradient trải hết bề rộng thẻ như cột số phía trên, dấu + không bị tối hơn chữ số */
.sg-ab .kg-ab-stat3 strong:not(.kg-ab-stat-txt){align-self:stretch;width:100%;font:600 clamp(2rem,3.8vw,3.25rem)/1.1 var(--kg-sans);letter-spacing:-.02em}

/* 21/10/2026 nút "Gửi yêu cầu báo giá" khối Doanh nghiệp: chữ trắng, nền xanh logo -> navy như các nút khác trên trang (trắng trên #5CC0EA chỉ ~2:1 nên đổi cả nền) */
@media (max-width:600px){.sg-ab .kg-ab-intro .kg-btn--solid{width:100%;max-width:340px}}
/* 23/10/2026 (Giám Sát: "font-size không đều, nội dung không có điểm nhấn", THỬ ở bản sao): khối Doanh nghiệp. Đoạn dẫn 18 px chữ Ink có khe 16 px với đoạn sau (trước 0 px nên dính nhau); mọi đoạn thân cùng 16 px, cùng giãn dòng 1,7 và khe 14 px; cụm từ khoá in đậm 600 màu Ink làm điểm nhấn (chữ không đổi). */
.sg-ab .kg-ab-intro .kg-split>div>.kg-lead{margin:0 0 18px;color:var(--kg-ink)}
.sg-ab .kg-ab-intro .kg-split>div>p:not(.kg-lead){margin:0 0 14px;font-size:1rem;line-height:1.7}
.sg-ab .kg-ab-intro .kg-split>div>p:last-child{margin:22px 0 0}
.sg-ab .kg-ab-intro strong{font-weight:600;color:var(--kg-ink)}
html[data-theme="dark"] .sg-ab .kg-ab-intro .kg-split>div>.kg-lead,html[data-theme="dark"] .sg-ab .kg-ab-intro strong{color:var(--kg-ivory)}
/* 23/10/2026: H2 khối giới thiệu rút ngắn (Xưởng sản xuất đồ gỗ OEM/ODM, 28 ký tự) nên vừa một dòng ở cột 50/50; bỏ luật cột 1,12fr và nowrap; ảnh cùng cột rộng bằng cột chữ */
/* 23/10/2026 (Giám Sát: "cho image cao same same với col bên kia"): khối giới thiệu Về KiGin, từ 981 px ảnh cao bằng cột chữ (lưới stretch, bỏ tỉ lệ cố định); dưới 981 px xếp dọc giữ tỉ lệ ảnh */
@media (min-width:981px){.sg-ab .kg-ab-intro .kg-split{align-items:stretch}.sg-ab .kg-ab-intro .kg-split>.kg-slot{aspect-ratio:auto;height:auto;min-height:320px}}

.sg-ab-block{border:1px solid var(--kg-line);border-radius:12px;overflow:hidden;margin-bottom:8px}
.sg-ab-block .kg-sec{margin:0}

/* ---------- Thành phần mới của trang Năng lực (kg-nl-*) ---------- */

/* Nhà xưởng: dòng chú thích dưới nhãn số */
.sg-nl .kg-nl-plant .kg-ab-sub{order:3;margin:6px 0 0;font-size:1rem;line-height:1.4;color:var(--kg-stone)}
.sg-nl .kg-nl-plant .kg-ab-plant-head{margin-bottom:36px}

/* Công đoạn tại xưởng (ảnh thật của KiGin): thẻ ảnh trên, chữ dưới */
.sg-nl .kg-nl-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sg-nl .kg-nl-shots li{display:flex;flex-direction:column;margin:0;overflow:hidden;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}
.sg-nl .kg-nl-shots li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
.sg-nl .kg-nl-shots .kg-slot{aspect-ratio:4/3;min-height:0;height:auto;border:0;border-radius:0}
.sg-nl .kg-nl-shots .kg-slot::after{display:none}
.sg-nl .kg-nl-shot-body{padding:24px 28px 30px}
.sg-nl .kg-nl-shot-n{display:inline-block;margin:0 0 8px;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kg-champagne-ink)}
.sg-nl .kg-nl-shots h3{margin:0 0 8px;font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0;font-size:1.125rem;line-height:1.35}
.sg-nl .kg-nl-shots p{margin:0;color:var(--kg-stone)}


/* Năng lực OEM / ODM: hai thẻ lớn */
.sg-nl .kg-nl-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sg-nl .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}
.sg-nl .kg-nl-duo>li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
.sg-nl .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)}
.sg-nl .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}
.sg-nl .kg-nl-duo>li>p{margin:0 0 20px;color:var(--kg-stone)}
.sg-nl .kg-nl-list{margin:0;padding:0;list-style:none}
.sg-nl .kg-nl-list li{position:relative;margin:0;padding:12px 0 12px 34px;color:var(--kg-ink)}
.sg-nl .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 */
.sg-nl .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)}
.sg-nl .kg-nl-pack .kg-slot::after{display:none}
.sg-nl .kg-nl-pack .kg-split{align-items:center}
.sg-nl .kg-nl-pack h2{margin:0 0 18px}
.sg-nl .kg-nl-pack .kg-nl-list{margin:24px 0 0}
.sg-nl .kg-nl-chips-l{margin:28px 0 12px;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
.sg-nl .kg-nl-chips{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}
.sg-nl .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)}
.sg-nl .kg-nl-pack .kg-ab-links{margin-top:64px}

/* chế độ tối */
html[data-theme="dark"] .sg-nl .kg-nl-shots li,html[data-theme="dark"] .sg-nl .kg-nl-duo>li{background:#123246;box-shadow:none}
html[data-theme="dark"] .sg-nl .kg-nl-list li::before{background:var(--kg-champagne)}
html[data-theme="dark"] .sg-nl .kg-nl-list li{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-nl .kg-nl-chips li{background:#123246;color:var(--kg-ivory);border-color:rgba(199,230,243,.3)}
html[data-theme="dark"] .sg-nl .kg-nl-plant .kg-ab-sub{color:var(--kg-mist)}

@media (max-width:1100px){
}
@media (max-width:980px){
  .sg-nl .kg-nl-shots{grid-template-columns:1fr}
  .sg-nl .kg-nl-duo{grid-template-columns:1fr}
}
@media (max-width:700px){
  .sg-nl .kg-nl-duo>li{padding:28px 24px 32px}
  .sg-nl .kg-nl-pack .kg-ab-links{margin-top:48px}
}
@media (prefers-reduced-motion:reduce){
  .sg-nl .kg-nl-shots li,.sg-nl .kg-nl-duo>li{transition:none}
  .sg-nl .kg-nl-shots li:hover,.sg-nl .kg-nl-duo>li:hover{transform:none}
}
.sg-nl .kg-faq__a a{padding-block:12px;margin-block:-12px}
html[data-theme="dark"] .sg-nl .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)}

.sg-sec .sg-nl .sg-ab-block .kg-nl-shots h3{margin:0 0 8px!important}.sg-sec .sg-nl .sg-ab-block .kg-nl-duo h3{margin:0 0 12px!important}

/* ---------- Thành phần mới của trang Sản phẩm (kg-sp-*) ---------- */
.sg-sp .kg-sp-cat h2,.sg-sp .kg-sp-lines-sec h2,.sg-sp .kg-sp-mat h2,.sg-sp .kg-sp-send h2,.sg-sp .kg-ab-ready h2{margin:0 0 18px}

/* Bộ lọc nhóm: căn giữa dưới đầu khối */
.sg-sp .kg-sp-cat .kg-filter{justify-content:center;margin:0 0 40px}

/* Lưới thẻ sản phẩm: ảnh trên, nhãn nhóm, tên, liên kết; bo 16px bóng nhẹ như thẻ Về KiGin */
.sg-sp .kg-sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.sg-sp .kg-sp-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--kg-ink);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,border-color .3s ease}
.sg-sp .kg-sp-card[hidden]{display:none}
.sg-sp .kg-sp-card:hover,.sg-sp .kg-sp-card:focus-visible{transform:translateY(-4px);border-color:transparent;background:linear-gradient(var(--kg-paper),var(--kg-paper)) padding-box,linear-gradient(180deg,#e1e6e9,var(--kg-accent)) border-box;box-shadow:0 16px 38px rgba(10,34,48,.14)}   /* 21/10/2026 hover: viền chuyển sắc, trên #e1e6e9, dưới --kg-accent (Giám Sát chỉnh trong DevTools) */
.sg-sp .kg-sp-card .kg-slot{aspect-ratio:4/3;min-height:0;height:auto;border:0;border-radius:0}
.sg-sp .kg-sp-card .kg-slot::after{display:none}
.sg-sp .kg-sp-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 22px 22px}
.sg-sp .kg-sp-tag{display:block;padding:0;border-radius:0;background:none;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kg-champagne-ink)}
.sg-sp .kg-sp-card h3{margin:2px 0 0;font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0;font-size:16px;line-height:1.35}

/* Hai dòng Luxury và Indochine: hai thẻ lớn, tên dòng chữ chuyển sắc, danh sách dấu tích */
.sg-sp .kg-sp-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sg-sp .kg-sp-lines>li{display:flex;flex-direction:column;align-items:flex-start;margin:0;padding:36px 36px 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}
.sg-sp .kg-sp-lines>li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
.sg-sp .kg-sp-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)}
.sg-sp .kg-sp-lines 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}
.sg-sp .kg-sp-lines>li>p{margin:0 0 20px;color:var(--kg-stone)}
.sg-sp .kg-sp-lines .kg-sp-list{align-self:stretch;margin-bottom:12px}
.sg-sp .kg-sp-list{margin:24px 0 0;padding:0;list-style:none}
.sg-sp .kg-sp-lines .kg-sp-list{margin-top:0}
.sg-sp .kg-sp-list li{position:relative;margin:0;padding:12px 0 12px 34px;border-top:1px solid var(--kg-line);color:var(--kg-ink)}
.sg-sp .kg-sp-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}

/* Gửi gì để được báo giá: chữ trái, ảnh phải bo 16px, ô liên kết đứng dưới */
.sg-sp .kg-sp-send .kg-split{align-items:center}
.sg-sp .kg-sp-send .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)}
.sg-sp .kg-sp-send .kg-slot::after{display:none}
.sg-sp .kg-sp-send .kg-ab-links{margin-top:64px}

/* chế độ tối */
html[data-theme="dark"] .sg-sp .kg-sp-card,html[data-theme="dark"] .sg-sp .kg-sp-lines>li{background:#123246;box-shadow:none}
html[data-theme="dark"] .sg-sp .kg-sp-card:hover,html[data-theme="dark"] .sg-sp .kg-sp-card:focus-visible{border-color:transparent;background:linear-gradient(#123246,#123246) padding-box,linear-gradient(180deg,var(--kg-champagne-lt),var(--kg-accent)) border-box;box-shadow:0 16px 38px rgba(0,0,0,.45)}
html[data-theme="dark"] .sg-sp .kg-sp-card{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-sp .kg-sp-tag{background:none;color:var(--kg-champagne-lt)}
html[data-theme="dark"] .sg-sp .kg-sp-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)}
html[data-theme="dark"] .sg-sp .kg-sp-list li::before{background:var(--kg-champagne)}
html[data-theme="dark"] .sg-sp .kg-sp-list li{color:var(--kg-ivory)}

@media (max-width:1100px){
  .sg-sp .kg-sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  .sg-sp .kg-sp-lines{grid-template-columns:1fr}
}
@media (max-width:820px){
  .sg-sp .kg-sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .sg-sp .kg-sp-body{padding:14px 16px 18px}
}
@media (max-width:700px){
  .sg-sp .kg-sp-lines>li{padding:28px 24px 24px}
  .sg-sp .kg-sp-send .kg-ab-links{margin-top:48px}
}
@media (prefers-reduced-motion:reduce){
  .sg-sp .kg-sp-card,.sg-sp .kg-sp-lines>li{transition:none}
  .sg-sp .kg-sp-card:hover,.sg-sp .kg-sp-lines>li:hover{transform:none}
}

/* 22/10/2026 (Giám Sát): H1 hero một dòng ở desktop; dưới 1000px cho xuống dòng */
@media (min-width:1000px){
  .sg-sp .kg-phero h1{max-width:none;white-space:nowrap}
}


/* 23/10/2026: bỏ luật main h2 Be Vietnam Pro 600 của trang Sản phẩm (22/10/2026); H2 section dùng chung .kg-sec h2, Noto Serif Display 400 */

/* 22/10/2026 (Giám Sát): hover cho nút lọc nhóm (nút chưa chọn): viền xanh logo, nền xanh nhạt, chữ xanh logo; nút đang chọn không đổi */
.sg-sp .kg-filter button{transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.sg-sp .kg-filter button[aria-pressed="false"]:hover,.sg-sp .kg-filter button[aria-pressed="false"]:focus-visible{border-color:var(--kg-teak);background:var(--kg-rattan);color:var(--kg-teak)}
html[data-theme="dark"] .sg-sp .kg-filter button[aria-pressed="false"]:hover,html[data-theme="dark"] .sg-sp .kg-filter button[aria-pressed="false"]:focus-visible{border-color:var(--kg-champagne);background:rgba(92,192,234,.16);color:var(--kg-champagne-lt)}
@media (prefers-reduced-motion:reduce){.sg-sp .kg-filter button{transition:none}}

/* 22/10/2026 (Giám Sát): nút Xem thêm sản phẩm (tải thêm 4 mẫu, tổng 12), dùng chung mọi trang danh mục */
@keyframes kg-spin{to{transform:rotate(360deg)}}
.sg-sp .kg-sp-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}
.sg-sp .kg-sp-more[hidden]{display:none}
.sg-sp .kg-sp-more__n{margin:0;color:var(--kg-stone)}
.sg-sp .kg-sp-more__btn{min-height:52px;padding:0 32px;gap:0;font-size:16px}
.sg-sp .kg-sp-more__btn[hidden]{display:none}
.sg-sp .kg-sp-more__ring{display:none;width:18px;height:18px;margin-right:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:kg-spin .8s linear infinite}
.sg-sp .kg-sp-more__btn.is-loading .kg-sp-more__ring{display:inline-block}
.sg-sp .kg-sp-more__btn[aria-disabled="true"]{pointer-events:none;cursor:progress}
@media (prefers-reduced-motion:reduce){.sg-sp .kg-sp-more__ring{animation:none}}

/* thông báo khi đã hiện hết sản phẩm */
.sg-sp .kg-sp-more.is-done .kg-sp-more__n{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--kg-ink)}
.sg-sp .kg-sp-more.is-done .kg-sp-more__n::before{content:"";width:20px;height:20px;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"] .sg-sp .kg-sp-more.is-done .kg-sp-more__n{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-sp .kg-sp-more.is-done .kg-sp-more__n::before{background:var(--kg-champagne)}

/* 22/10/2026: khối "Bạn cần báo giá theo số lượng?" (kg-sp-quote), đặt trên bộ lọc / lưới; theo mẫu gemmywood.vn nhưng dùng màu và nút KiGin */
.sg-sp .kg-sp-quote{display:flex;align-items:center;gap:20px;margin:0 0 40px;padding:22px 28px;background:linear-gradient(90deg,#EAF5FB 0,var(--kg-paper) 70%);border:1px solid var(--kg-line);border-left:4px solid var(--kg-accent);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07)}
.sg-sp .kg-sp-quote__ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--kg-rattan);color:var(--kg-teak)}
.sg-sp .kg-sp-quote__ic svg{width:26px;height:26px}
.sg-sp .kg-sp-quote__t{flex:1;min-width:0}
.sg-sp .kg-sp-quote__t p{margin:0;font-size:1rem;line-height:1.55;color:var(--kg-stone)}
.sg-sp .kg-sp-quote__t .kg-sp-quote__h{margin:0 0 4px;font:600 1.25rem/1.3 var(--kg-sans);color:var(--kg-ink)}
.sg-sp .kg-sp-quote .kg-btn{flex:none;gap:10px}
html[data-theme="dark"] .sg-sp .kg-sp-quote{background:linear-gradient(90deg,rgba(92,192,234,.12) 0,transparent 70%)}
html[data-theme="dark"] .sg-sp .kg-sp-quote__t .kg-sp-quote__h{color:var(--kg-ivory)}
@media (max-width:760px){
  .sg-sp .kg-sp-quote{flex-wrap:wrap;padding:18px 18px 20px;gap:14px 16px}
  .sg-sp .kg-sp-quote__ic{align-self:flex-start;width:46px;height:46px}
  .sg-sp .kg-sp-quote__t{flex:1 1 calc(100% - 70px)}
  .sg-sp .kg-sp-quote .kg-btn{flex:1 1 100%}
}

/* 23/10/2026 (THỬ): Xem thêm sản phẩm là nút đi một mình nên dùng kg-btn--solid (màu hover, nền tối theo kg-btn--solid); không còn ghi đè màu viền/nền/hover riêng. Đang tải: giữ nền đặc (không giảm opacity, để chữ trắng đạt tương phản), vòng xoay dùng currentColor (trắng), con trỏ progress. */
.sg-sec .sg-sp .sg-ab-block .kg-sp-card h3{margin:2px 0 0!important}.sg-sec .sg-sp .sg-ab-block .kg-sp-lines h3{margin:0 0 12px!important}.sg-sec .sg-sp .sg-ab-block .kg-filter{margin-bottom:32px}

/* ---------- 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 */
.sg-bg .kg-qb-top .kg-qleft{padding:0}
.sg-bg .kg-qb-top .kg-qleft .kg-ab-pill{align-self:flex-start}
.sg-bg .kg-qb-top h2{margin:0 0 18px}
.sg-bg .kg-qb-top .kg-lead{margin:0 0 8px}
.sg-bg .kg-qb-top .kg-formbox{border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 20px 50px rgba(10,34,48,.12)}
.sg-bg .kg-qb-top .kg-formbox>h2{margin:0 0 8px}
html[data-theme="dark"] .sg-bg .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 */
.sg-bg .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 */
.sg-bg .kg-qb-contact{display:grid;grid-template-columns:1fr;gap:10px;margin:28px 0 0;padding:0;list-style:none}
.sg-bg .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}
.sg-bg .kg-qb-contact li.kg-qb-wide{grid-column:1/-1}
.sg-bg .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)}
.sg-bg .kg-qb-ci svg{width:22px;height:22px}
.sg-bg .kg-qb-contact dl{margin:0;min-width:0}
.sg-bg .kg-qb-contact dt{margin:0 0 2px;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
.sg-bg .kg-qb-contact dd{margin:0;color:#526875;overflow-wrap:anywhere}   /* 23/10/2026 (Giám Sát): chữ địa chỉ #526875, 5,8 : 1 */
.sg-bg .kg-qb-contact a{color:var(--kg-ink);text-decoration:none;font-weight:600}
.sg-bg .kg-qb-contact a:hover,.sg-bg .kg-qb-contact a:focus-visible{color:var(--kg-teak)}
.sg-bg .kg-qb-map{margin-top:16px}
html[data-theme="dark"] .sg-bg .kg-qb-contact li{background:#123246;border-color:var(--kg-line)}
html[data-theme="dark"] .sg-bg .kg-qb-ci{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
html[data-theme="dark"] .sg-bg .kg-qb-contact dd,html[data-theme="dark"] .sg-bg .kg-qb-contact a{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-bg .kg-qb-contact a:hover,html[data-theme="dark"] .sg-bg .kg-qb-contact a:focus-visible{color:var(--kg-champagne)}

/* Vì sao gửi yêu cầu: 4 thẻ điều đã xác nhận; dưới là các ô số tạm (data-pending) */
.sg-bg .kg-qb-why{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg-bg .kg-qb-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:0}
.sg-bg .kg-qb-nums>div{margin:0;padding:20px 22px;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:12px}
.sg-bg .kg-qb-nums dt{margin:0 0 6px;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
.sg-bg .kg-qb-nums dd{margin:0;font:600 1.375rem/1.25 var(--kg-sans);letter-spacing:-.01em;color:var(--kg-ink)}
.sg-bg .kg-qb-nums .kg-qb-n{font-size:clamp(1.5rem,2.2vw,1.875rem);background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-teak)}
html[data-theme="dark"] .sg-bg .kg-qb-nums>div{background:#123246}
html[data-theme="dark"] .sg-bg .kg-qb-nums dd{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-bg .kg-qb-nums .kg-qb-n{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)}
@media (max-width:1100px){.sg-bg .kg-qb-why{grid-template-columns:repeat(2,minmax(0,1fr))}.sg-bg .kg-qb-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.sg-bg .kg-qb-why{grid-template-columns:1fr}.sg-bg .kg-qb-nums{grid-template-columns:1fr 1fr;gap:12px}.sg-bg .kg-qb-nums>div{padding:16px}}

.sg-sec .sg-bg .sg-ab-block .kg-ab-cards h3{margin:0!important}

/* landing dòng sản phẩm: ba ảnh mẫu tham khảo, khối vật liệu căn giữa */
.sg-lp .kg-lp-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sg-lp .kg-lp-gal .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,.07)}
.sg-lp .kg-lp-gal .kg-slot::after{display:none}
.sg-lp .kg-lp-mat{max-width:840px;margin:0 auto}
.sg-lp .kg-lp-mat .kg-nl-list{margin:0}
.sg-lp .kg-lp-btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.sg-lp .kg-lp-note{margin:24px 0 0;text-align:center;color:var(--kg-stone)}
.sg-lp .kg-hero-formbtn{display:none;margin-top:24px}
@media (max-width:900px){.sg-lp .kg-hero-formbtn{display:block}}
.sg-lp .kg-hero-formbtn .kg-btn{white-space:nowrap}
@media (max-width:600px){.sg-lp .kg-lp-btns .kg-btn{flex:1 1 100%}.sg-lp .kg-lp-note{text-align:left}}
@media (max-width:900px){.sg-lp .kg-lp-gal{grid-template-columns:1fr;gap:16px}}

/* 23/10/2026 dựng lại: giới thiệu (cột chữ + bộ ảnh cao bằng cột chữ), bốn thẻ mẫu theo nhóm */
.sg-lp .kg-lp-intro .kg-split{align-items:stretch}
.sg-lp .kg-lp-intro .kg-split>div>.kg-lead{margin:0 0 18px;color:var(--kg-ink)}
.sg-lp .kg-lp-intro .kg-split>div>p:not(.kg-lead){margin:0 0 14px;font-size:1rem;line-height:1.7}
.sg-lp .kg-lp-intro .kg-split>div>p:last-child{margin:22px 0 0}
.sg-lp .kg-lp-intro strong{font-weight:600;color:var(--kg-ink)}
.sg-lp .kg-lp-intro .kg-split>.kg-slot{aspect-ratio:auto;height:auto;min-height:320px;border-radius:8px;border:1px solid var(--kg-line)}
html[data-theme="dark"] .sg-lp .kg-lp-intro .kg-split>div>.kg-lead,html[data-theme="dark"] .sg-lp .kg-lp-intro strong{color:var(--kg-ivory)}
.sg-lp .kg-lp-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sg-lp .kg-lp-prod a{display:block;height:100%;overflow:hidden;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07);text-decoration:none;color:var(--kg-ink);transition:transform .35s ease,box-shadow .35s ease}
.sg-lp .kg-lp-prod a:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
.sg-lp .kg-lp-prod .kg-slot{aspect-ratio:4/3;min-height:0;height:auto;border:0;border-radius:0;box-shadow:none}
.sg-lp .kg-lp-prod .kg-slot::after,.sg-lp .kg-lp-prod .kg-slot figcaption{display:none}
.sg-lp .kg-lp-prod__b{padding:18px 20px 22px}
.sg-lp .kg-lp-prod__b h3{margin:0 0 6px;font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0;font-size:1.125rem;line-height:1.3}
.sg-lp .kg-lp-prod__l{font-weight:600;color:var(--kg-teak)}
html[data-theme="dark"] .sg-lp .kg-lp-prod a{background:#123246;box-shadow:none}
html[data-theme="dark"] .sg-lp .kg-lp-prod a{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-lp .kg-lp-prod__l{color:var(--kg-champagne)}
@media (max-width:1000px){.sg-lp .kg-lp-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (max-width:900px){.sg-lp .kg-lp-intro .kg-split>.kg-slot{min-height:0;aspect-ratio:4/3}}
@media (max-width:480px){.sg-lp .kg-lp-prods{grid-template-columns:1fr}}
.sg-lp .kg-lp-mat2{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:840px;margin:0 auto 40px}
.sg-lp .kg-lp-mat{max-width:840px;margin:0 auto}
.sg-lp .kg-lp-mat__cta{margin:40px 0 0;text-align:center}
.sg-lp .kg-lp-mat__h{margin:0 0 8px;font-weight:600;color:var(--kg-ink)}
html[data-theme="dark"] .sg-lp .kg-lp-mat__h{color:var(--kg-ivory)}
@media (max-width:700px){.sg-lp .kg-lp-mat2{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){.sg-lp .kg-lp-prod a{transition:none}.sg-lp .kg-lp-prod a:hover{transform:none}}

.sg-sec .sg-lp .sg-ab-block .kg-qleft h2,.sg-sec .sg-lp .sg-ab-block .kg-formbox h2{margin-top:0!important}

/* ---------- Thành phần mới của trang Liên hệ (kg-ct-*) ---------- */
.sg-ct .kg-ct-btns{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:24px}
.sg-ct .kg-ct-btns .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak);background:transparent}
.sg-ct .kg-ct-btns .kg-btn svg{width:20px;height:20px}
html[data-theme="dark"] .sg-ct .kg-ct-btns .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
.sg-ct .kg-ct-channels .kg-ab-cards a{color:var(--kg-teak);font-weight:600;text-decoration:none}
.sg-ct .kg-ct-channels .kg-ab-cards a:hover,.sg-ct .kg-ct-channels .kg-ab-cards a:focus-visible{color:var(--kg-ink)}
html[data-theme="dark"] .sg-ct .kg-ct-channels .kg-ab-cards a{color:var(--kg-champagne)}
.sg-ct .kg-ct-meet .kg-split{align-items:center}
.sg-ct .kg-ct-meet h2{margin:0 0 18px}
.sg-ct .kg-ct-meet .kg-nl-list{margin:24px 0 0}
.sg-ct .kg-ct-addr .kg-qb-contact{margin-top:0}
.sg-ct .kg-ct-map{margin:16px 0 0}
@media (max-width:600px){
  .sg-ct .kg-ct-btns{flex-direction:column;align-items:stretch}
  .sg-ct .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 */
.sg-ct .kg-ct-addr .kg-qb-contact dd{color:#526875}

.sg-sec .sg-ct .sg-ab-block .kg-ct-meet h2{margin:0 0 18px!important}

/* ---------- Thành phần mới của trang nhóm và chi tiết mẫu (kg-pd-*, kg-sp-grid--c) ---------- */
/* Lưới thẻ ít mẫu: thẻ cùng cỡ với lưới 4 cột, canh giữa hàng */
.sg-pg .kg-sp-grid--c{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.sg-pg .kg-sp-grid--c .kg-sp-card{flex:0 1 calc((100% - 72px)/4);min-width:240px}
@media (max-width:820px){
  .sg-pg .kg-sp-grid--c{gap:16px}
  .sg-pg .kg-sp-grid--c .kg-sp-card{flex:0 1 calc((100% - 16px)/2);min-width:0}
}
.sg-pg .kg-sp-lines-sec h2,.sg-pg .kg-pg-list h2,.sg-pg .kg-pg-more h2,.sg-pg .kg-pd-oem h2,.sg-pg .kg-pd-rel h2,.sg-pg .kg-ab-ready h2{margin:0 0 18px}
.sg-pg .kg-pg-more .kg-ab-links{margin-top:0}

/* Chi tiết mẫu: ảnh trái bo 16px, thông tin phải */
.sg-pg .kg-pd-info .kg-split{align-items:center}
.sg-pg .kg-pd-info .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)}
.sg-pg .kg-pd-info .kg-slot::after{display:none}
.sg-pg .kg-pd-info p.kg-sp-tag{margin:0 0 10px}
.sg-pg .kg-pd-info h2{margin:0 0 20px}
.sg-pg .kg-pd-rows{margin:0;padding:0}
.sg-pg .kg-pd-rows>div{display:grid;grid-template-columns:minmax(120px,36%) minmax(0,1fr);gap:12px;margin:0;padding:14px 0;border-top:1px solid var(--kg-line)}
.sg-pg .kg-pd-rows>div:last-child{border-bottom:1px solid var(--kg-line)}
.sg-pg .kg-pd-rows dt{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
.sg-pg .kg-pd-rows dd{margin:0;color:var(--kg-ink)}
.sg-pg .kg-pd-rows a{color:var(--kg-teak);font-weight:600;text-decoration:none}
.sg-pg .kg-pd-rows a:hover,.sg-pg .kg-pd-rows a:focus-visible{color:var(--kg-ink)}
.sg-pg .kg-pd-btns{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:28px}
.sg-pg .kg-pd-btns .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak);background:transparent}
.sg-pg .kg-pd-back{margin:16px 0 0}
html[data-theme="dark"] .sg-pg .kg-pd-rows dd{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-pg .kg-pd-rows a{color:var(--kg-champagne)}
html[data-theme="dark"] .sg-pg .kg-pd-btns .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
@media (max-width:600px){
  .sg-pg .kg-pd-rows>div{grid-template-columns:1fr;gap:4px}
  .sg-pg .kg-pd-btns{flex-direction:column;align-items:stretch}
  .sg-pg .kg-pd-btns .kg-btn{width:100%}
}
.sg-pg .kg-pd-rows>div.kg-pending{display:none}
.sg-pg .kg-pd-back a{text-decoration:none}
.sg-pg .kg-pd-back a:hover,.sg-pg .kg-pd-back a:focus-visible{color:var(--kg-ink)}
html[data-theme="dark"] .sg-pg .kg-pd-back a:hover,html[data-theme="dark"] .sg-pg .kg-pd-back a:focus-visible{color:var(--kg-ivory)}

/* 22/10/2026 (Giám Sát): đoạn dẫn hero trang nhóm rộng tối đa 70ch để không xuống dòng lẻ */
body[data-page="product_group"] .kg-phero .kg-lead{max-width:70ch}

/* 22/10/2026 (Giám Sát): nút Xem thêm sản phẩm (tải thêm 4 mẫu, tổng 12), dùng chung mọi trang danh mục */
@keyframes kg-spin{to{transform:rotate(360deg)}}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more[hidden]{display:none}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__n{margin:0;color:var(--kg-stone)}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__btn{min-height:52px;padding:0 32px;gap:0;font-size:16px}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__btn[hidden]{display:none}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__ring{display:none;width:18px;height:18px;margin-right:10px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:kg-spin .8s linear infinite}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__btn.is-loading .kg-sp-more__ring{display:inline-block}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__btn[aria-disabled="true"]{pointer-events:none;cursor:progress}
@media (prefers-reduced-motion:reduce){body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more__ring{animation:none}}

/* thông báo khi đã hiện hết sản phẩm */
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more.is-done .kg-sp-more__n{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--kg-ink)}
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more.is-done .kg-sp-more__n::before{content:"";width:20px;height:20px;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:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more.is-done .kg-sp-more__n{color:var(--kg-ivory)}
html[data-theme="dark"] body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-more.is-done .kg-sp-more__n::before{background:var(--kg-champagne)}

/* 22/10/2026: thẻ nhóm sản phẩm khác (ảnh trên, nhãn số mẫu, tên nhóm); ô cuối là ảnh ghép 2x2 */
.sg-pg .kg-sp-grid--cat{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg-pg .kg-sp-mos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;aspect-ratio:4/3;background:var(--kg-paper)}
.sg-pg .kg-sp-mos .kg-slot{aspect-ratio:auto;height:100%;min-height:0;border:0;border-radius:0}
.sg-pg .kg-sp-mos .kg-slot::after{display:none}
@media (max-width:1100px){.sg-pg .kg-sp-grid--cat{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 23/10/2026: tiêu đề "Thông tin sản phẩm" dùng chung luật H2 section (Noto Serif Display 400), bỏ luật Be Vietnam Pro 600 của 22/10/2026 */

/* 22/10/2026: khối "Bạn cần báo giá theo số lượng?" (kg-sp-quote), đặt trên bộ lọc / lưới; theo mẫu gemmywood.vn nhưng dùng màu và nút KiGin */
body[data-page="product_group"] .kg-sp-quote{display:flex;align-items:center;gap:20px;margin:0 0 40px;padding:22px 28px;background:linear-gradient(90deg,#EAF5FB 0,var(--kg-paper) 70%);border:1px solid var(--kg-line);border-left:4px solid var(--kg-accent);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07)}
body[data-page="product_group"] .kg-sp-quote__ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--kg-rattan);color:var(--kg-teak)}
body[data-page="product_group"] .kg-sp-quote__ic svg{width:26px;height:26px}
body[data-page="product_group"] .kg-sp-quote__t{flex:1;min-width:0}
body[data-page="product_group"] .kg-sp-quote__t p{margin:0;font-size:1rem;line-height:1.55;color:var(--kg-stone)}
body[data-page="product_group"] .kg-sp-quote__t .kg-sp-quote__h{margin:0 0 4px;font:600 1.25rem/1.3 var(--kg-sans);color:var(--kg-ink)}
body[data-page="product_group"] .kg-sp-quote .kg-btn{flex:none;gap:10px}
html[data-theme="dark"] body[data-page="product_group"] .kg-sp-quote{background:linear-gradient(90deg,rgba(92,192,234,.12) 0,transparent 70%)}
html[data-theme="dark"] body[data-page="product_group"] .kg-sp-quote__t .kg-sp-quote__h{color:var(--kg-ivory)}
@media (max-width:760px){
  body[data-page="product_group"] .kg-sp-quote{flex-wrap:wrap;padding:18px 18px 20px;gap:14px 16px}
  body[data-page="product_group"] .kg-sp-quote__ic{align-self:flex-start;width:46px;height:46px}
  body[data-page="product_group"] .kg-sp-quote__t{flex:1 1 calc(100% - 70px)}
  body[data-page="product_group"] .kg-sp-quote .kg-btn{flex:1 1 100%}
}

/* 22/10/2026 (Giám Sát): chip danh mục trên trang nhóm canh giữa như trang Sản phẩm */
body[data-page="product_group"] .kg-filter{justify-content:center;margin:0 0 40px}

/* 22/10/2026 (Giám Sát): hộp thông số trang chi tiết theo mẫu gemmywood.vn: nhãn "Kích thước:" + chip, thẻ trắng bo 16 px, mỗi hàng nhãn xám bên trái, giá trị đậm bên phải */
.sg-pg .kg-pd-opt{margin:0 0 20px}
.sg-pg .kg-pd-opt__l{margin:0 0 10px;font:600 1rem var(--kg-sans);color:var(--kg-ink)}
.sg-pg .kg-pd-opt__chips{display:flex;flex-wrap:wrap;gap:8px}
.sg-pg .kg-pd-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 22px;border:1px solid var(--kg-line);border-radius:8px;background:transparent;font:600 .9375rem var(--kg-sans);color:var(--kg-ink)}
.sg-pg .kg-pd-chip.is-on{background:#E6F3FA;border-color:#136F9A;color:#136F9A}
.sg-pg .kg-pd-spec{margin:0 0 28px;padding:0;background:var(--kg-paper);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07);overflow:hidden}
.sg-pg .kg-pd-spec>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid rgba(0,0,0,.06)}
.sg-pg .kg-pd-spec>div:first-child{border-top:0}
.sg-pg .kg-pd-spec dt{margin:0;font-size:.9375rem;color:var(--kg-stone)}
.sg-pg .kg-pd-spec dd{margin:0;text-align:right;font-weight:600;color:var(--kg-ink)}
html[data-theme="dark"] .sg-pg .kg-pd-chip.is-on{background:rgba(92,192,234,.16);border-color:#5CC0EA;color:#5CC0EA}
html[data-theme="dark"] .sg-pg .kg-pd-spec,html[data-theme="dark"] .sg-pg .kg-pd-spec>div{border-color:rgba(255,255,255,.12)}
@media (max-width:560px){.sg-pg .kg-pd-spec>div{padding:12px 16px}}
.sg-pg .kg-pd-spec>div.kg-pending{display:none}

/* 22/10/2026 (Giám Sát): bố cục khối chi tiết theo trang sản phẩm gemmywood.vn: trái khung ảnh lớn + ảnh nhỏ, phải chip, hộp thông số, một nút báo giá rộng hết cột */
.sg-pg .kg-pd-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}
.sg-pg .kg-pd-gal .kg-slot.kg-pd-main{width:100%;aspect-ratio:1/1;min-height:0;height:auto;border-radius:24px;border:1px solid var(--kg-line);box-shadow:none;background-color:var(--kg-ivory)}
.sg-pg .kg-pd-gal .kg-slot.kg-pd-main::after{display:none}
.sg-pg .kg-pd-thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.sg-pg .kg-pd-th{width:72px;height:72px;padding:0;border:2px solid transparent;border-radius:12px;background-color:var(--kg-ivory);background-size:cover;background-position:center;cursor:pointer}
.sg-pg .kg-pd-th.is-on{border-color:#136F9A}
.sg-pg .kg-pd-th:focus-visible,.sg-pg .kg-pd-chip:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px}
.sg-pg button.kg-pd-chip{cursor:pointer;font-family:var(--kg-sans)}
.sg-pg .kg-pd-cta{display:flex;width:100%;justify-content:center;box-shadow:0 12px 28px rgba(19,111,154,.28)}
@media (max-width:900px){.sg-pg .kg-pd-layout{grid-template-columns:1fr;gap:28px}}

/* 22/10/2026 (Giám Sát, hình mẫu): ảnh lớn nằm trong khung nền nhạt dày 24 px bo 24 px, ảnh bên trong bo nhỏ 8 px */
.sg-pg .kg-pd-frame{padding:24px;border-radius:24px;background:#EDF3F7;border:1px solid rgba(0,0,0,.06)}
.sg-pg .kg-pd-gal .kg-slot.kg-pd-main{border:0;border-radius:8px}
html[data-theme="dark"] .sg-pg .kg-pd-frame{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
@media (max-width:560px){.sg-pg .kg-pd-frame{padding:14px;border-radius:18px}}

/* 22/10/2026: ảnh lớn là bộ ảnh (bấm mở lightbox, con trỏ phóng to); ảnh nhỏ rê chuột đổi ảnh lớn */
.sg-pg .kg-pd-gal .kg-slot.kg-pd-main{cursor:zoom-in}
.sg-pg .kg-pd-th{transition:border-color .2s ease,transform .2s ease}
.sg-pg .kg-pd-th:hover{transform:translateY(-2px)}

/* 22/10/2026 (Giám Sát): hàng ảnh nhỏ dưới ảnh lớn canh giữa (theo hình mẫu Gemmy) */
.sg-pg .kg-pd-thumbs{justify-content:center}

/* 22/10/2026 (Giám Sát): ảnh lớn trang chi tiết không hiện lớp gradient tối khi rê chuột (bỏ .kg-gal::before) */
.sg-pg .kg-pd-main.kg-gal::before{display:none}

/* 22/10/2026 (Giám Sát): accordion Đặc điểm / Vận chuyển / Chứng nhận / FAQ theo mẫu gemmywood.vn: thanh xanh bên trái tiêu đề, mũi tên phải xoay khi mở, đường kẻ mảnh giữa các mục; mở một mục một lúc */
.sg-pg .kg-pd-acc__i{border-bottom:1px solid var(--kg-line)}
.sg-pg .kg-pd-acc__i h3{margin:0;font:inherit}
.sg-pg .kg-pd-acc__i button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;padding:14px 4px;background:none;border:0;text-align:left;cursor:pointer;color:var(--kg-ink);font-family:var(--kg-sans)}
.sg-pg .kg-pd-acc__t{position:relative;padding-left:20px;font-size:1.375rem;font-weight:600;line-height:1.3;transition:color .2s ease}
.sg-pg .kg-pd-acc__t::before{content:"";position:absolute;left:0;top:50%;width:4px;height:22px;transform:translateY(-50%);border-radius:2px;background:var(--kg-line);transition:background-color .2s ease,height .2s ease}
.sg-pg .kg-pd-acc__i button svg{flex:none;width:22px;height:22px;color:var(--kg-stone);transition:transform .3s ease,color .2s ease}
.sg-pg .kg-pd-acc__i button:hover .kg-pd-acc__t,.sg-pg .kg-pd-acc__i button:focus-visible .kg-pd-acc__t,.sg-pg .kg-pd-acc__i.is-open .kg-pd-acc__t{color:#136F9A}
.sg-pg .kg-pd-acc__i button:hover .kg-pd-acc__t::before,.sg-pg .kg-pd-acc__i.is-open .kg-pd-acc__t::before{background:#136F9A}
.sg-pg .kg-pd-acc__i.is-open .kg-pd-acc__t::before{height:30px}
.sg-pg .kg-pd-acc__i.is-open button svg{transform:rotate(180deg);color:#136F9A}
.sg-pg .kg-pd-acc__i button:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px;border-radius:6px}
.sg-pg .kg-pd-acc__p{padding:0 4px 24px 24px}
.sg-pg .kg-pd-acc__p[hidden]{display:none}
.sg-pg .kg-pd-acc__in{color:var(--kg-ink);font-size:1rem;line-height:1.7}
.sg-pg .kg-pd-acc__in ul{margin:0;padding-left:20px}
.sg-pg .kg-pd-acc__in li{margin:0 0 8px}
.sg-pg .kg-pd-acc__in li::marker{color:#136F9A}
.sg-pg .kg-pd-acc__in a{color:#136F9A;text-decoration:none;font-weight:600}
.sg-pg .kg-pd-acc__in a:hover{text-decoration:none;color:#0F587B}
.sg-pg .kg-pd-faq dt{margin:16px 0 4px;font-weight:600}
.sg-pg .kg-pd-faq dt:first-child{margin-top:0}
.sg-pg .kg-pd-faq dd{margin:0;color:var(--kg-stone)}
html[data-theme="dark"] .sg-pg .kg-pd-acc__i button:hover .kg-pd-acc__t,html[data-theme="dark"] .sg-pg .kg-pd-acc__i.is-open .kg-pd-acc__t,html[data-theme="dark"] .sg-pg .kg-pd-acc__i.is-open button svg{color:#5CC0EA}
html[data-theme="dark"] .sg-pg .kg-pd-acc__i button:hover .kg-pd-acc__t::before,html[data-theme="dark"] .sg-pg .kg-pd-acc__i.is-open .kg-pd-acc__t::before{background:#5CC0EA}
html[data-theme="dark"] .sg-pg .kg-pd-acc__in a{color:#5CC0EA}
@media (max-width:640px){.sg-pg .kg-pd-acc__t{font-size:1.125rem;padding-left:16px}.sg-pg .kg-pd-acc__p{padding:0 0 20px 16px}.sg-pg .kg-pd-acc__i button{min-height:60px}}
@media (prefers-reduced-motion:reduce){.sg-pg .kg-pd-acc__i button svg,.sg-pg .kg-pd-acc__t,.sg-pg .kg-pd-acc__t::before{transition:none}}

/* 22/10/2026 (Giám Sát): section accordion bỏ nền xanh nhạt, nền trắng như section trên, ngăn bằng một đường kẻ mảnh chạy hết bề ngang trang */
.sg-pg .kg-pd-accsec{background:var(--kg-ivory);border-top:1px solid rgba(0,0,0,.08)}   /* 23/10/2026 (thử): xen kẽ nền, trước đó paper liền paper */
html[data-theme="dark"] .sg-pg .kg-pd-accsec{border-top-color:rgba(255,255,255,.12)}

/* 22/10/2026 (Giám Sát): khoảng cách trên và dưới của khối thông tin và khối accordion = 80 px (chuẩn chung); mobile 56 px */
.sg-pg .kg-pd-info,.sg-pg .kg-pd-accsec{padding-block:var(--kg-sec)}
/* 23/10/2026 (thử): bỏ nhịp 56 px riêng ở mobile, dùng nhịp chuẩn var(--kg-sec) */

/* 22/10/2026 (Giám Sát): mục Đặc điểm có nội dung dài lấy từ gemmywood.vn (đã đổi tên thương hiệu sang KiGin): tiêu đề con h4, đoạn, danh sách */
.sg-pg .kg-pd-acc__in h4{margin:28px 0 10px;font:600 1.125rem/1.4 var(--kg-sans);color:var(--kg-ink)}
.sg-pg .kg-pd-acc__in h4:first-child{margin-top:0}
.sg-pg .kg-pd-acc__in p{margin:0 0 14px;max-width:none}
.sg-pg .kg-pd-acc__in strong{font-weight:600}
.sg-pg .kg-pd-acc__in ul+h4,.sg-pg .kg-pd-acc__in p+h4{margin-top:28px}

/* 22/10/2026 (Giám Sát): "Sản phẩm liên quan" là slider cuộn ngang: 4 thẻ trên desktop, 3 (dưới 1101 px), 2 (dưới 821 px), 1,2 thẻ lộ thẻ kế (dưới 561 px); scroll-snap, vuốt được, nút trước / sau */
.sg-pg .kg-pd-slider{position:relative}
.sg-pg .kg-pd-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:12px 0 36px;margin:-12px 0 -36px;scrollbar-width:none}
.sg-pg .kg-pd-track::-webkit-scrollbar{display:none}
.sg-pg .kg-pd-track:focus-visible{outline:2px solid var(--kg-accent);outline-offset:4px;border-radius:12px}
.sg-pg .kg-pd-track .kg-sp-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
.sg-pg .kg-pd-sl__b{position:absolute;top:calc(50% - 56px);z-index:3;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:var(--kg-paper);color:var(--kg-ink);box-shadow:0 8px 22px rgba(10,34,48,.16);cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease}
.sg-pg .kg-pd-sl__b svg{width:22px;height:22px}
.sg-pg .kg-pd-sl__prev{left:-24px}
.sg-pg .kg-pd-sl__next{right:-24px}
.sg-pg .kg-pd-sl__b:hover:not(:disabled),.sg-pg .kg-pd-sl__b:focus-visible{background:#136F9A;color:#fff}
.sg-pg .kg-pd-sl__b:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px}
.sg-pg .kg-pd-sl__b:disabled{opacity:.35;cursor:default}
html[data-theme="dark"] .sg-pg .kg-pd-sl__b{background:#123246;color:var(--kg-ivory);border-color:rgba(255,255,255,.14)}
@media (max-width:1280px){.sg-pg .kg-pd-sl__prev{left:-12px}.sg-pg .kg-pd-sl__next{right:-12px}}
@media (max-width:1100px){.sg-pg .kg-pd-track .kg-sp-card{flex-basis:calc((100% - 48px)/3)}}
@media (max-width:820px){.sg-pg .kg-pd-track{gap:16px}.sg-pg .kg-pd-track .kg-sp-card{flex-basis:calc((100% - 16px)/2)}}
@media (max-width:560px){.sg-pg .kg-pd-track .kg-sp-card{flex-basis:78%}.sg-pg .kg-pd-sl__b{display:none}}
@media (prefers-reduced-motion:reduce){.sg-pg .kg-pd-track{scroll-behavior:auto}}

/* 22/10/2026 (Giám Sát): slider liên quan kéo được bằng chuột trên desktop (con trỏ bàn tay, nhả chuột thì căn về thẻ gần nhất) và vuốt tay trên mobile (touch-action cho phép cuộn ngang) */
.sg-pg .kg-pd-track{cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
.sg-pg .kg-pd-track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none}
.sg-pg .kg-pd-track .kg-sp-card,.sg-pg .kg-pd-track img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}

/* 22/10/2026 (Giám Sát): section Sản phẩm liên quan: padding trên và dưới 80 px (mobile 56 px), có đường kẻ ngăn cách full ngang ở đầu section, cùng kiểu với section accordion */
.sg-pg .kg-pd-rel{padding-block:var(--kg-sec);border-top:1px solid rgba(0,0,0,.08)}
html[data-theme="dark"] .sg-pg .kg-pd-rel{border-top-color:rgba(255,255,255,.12)}
/* 23/10/2026 (thử): bỏ nhịp 56 px riêng ở mobile */

/* 22/10/2026 (Giám Sát: "ảnh hiển thị hình vuông mới đẹp" và "form này dữ nguyên kích thước không thay đổi"): khung ảnh vuông; hộp thông số, chip và nút báo giá giữ kích thước tự nhiên, không kéo giãn; cột phải căn giữa theo chiều dọc so với cột ảnh. Dưới 901 px một cột. */
.sg-pg .kg-pd-layout{align-items:center}
.sg-pg .kg-pd-gal .kg-slot.kg-pd-main{aspect-ratio:1/1;height:auto}
@media (max-width:900px){.sg-pg .kg-pd-layout{align-items:start}}

/* 22/10/2026 (Giám Sát): thêm nút gọi điện cạnh nút Yêu cầu báo giá trong khối thông tin; hai nút cùng hàng, hẹp thì xuống dòng và rộng hết khung */
.sg-pg .kg-pd-actions{display:flex;flex-wrap:wrap;gap:16px}
.sg-pg .kg-pd-actions .kg-pd-cta{flex:1 1 200px;width:auto}
.sg-pg .kg-pd-actions .kg-btn--line{flex:0 1 auto;justify-content:center;white-space:nowrap}
@media (max-width:480px){.sg-pg .kg-pd-actions .kg-btn{flex:1 1 100%}}

/* 23/10/2026 (THỬ): Xem thêm sản phẩm là nút đi một mình nên dùng kg-btn--solid (màu hover, nền tối theo kg-btn--solid); không còn ghi đè màu viền/nền/hover riêng. Đang tải: giữ nền đặc (không giảm opacity, để chữ trắng đạt tương phản), vòng xoay dùng currentColor (trắng), con trỏ progress. */

/* 24/10/2026 (Giám Sát chọn Y, lỗi B1 và B2 trong DESIGN.md mục 10): chế độ tối của trang chi tiết sản phẩm.
   B1: nhãn tuỳ chọn, ô chọn chưa chọn và giá trị bảng thông số đang Ink trên nền tối (1,02 : 1) -> Ivory.
   B2: nền mục thu gọn đang var(--kg-ivory) (vẫn sáng khi tối) với chữ sáng (1,57 : 1) -> nền Ivory của chế độ tối #0E2C3E, chữ Ivory. */
html[data-theme="dark"] .sg-pg :is(.kg-pd-spec dd,.kg-pd-opt__l,.kg-pd-chip:not(.is-on)){color:var(--kg-ivory)}
html[data-theme="dark"] .sg-pg .kg-pd-accsec{background:#0E2C3E}
html[data-theme="dark"] .sg-pg .kg-pd-acc__in,html[data-theme="dark"] .sg-pg .kg-pd-acc__in strong{color:var(--kg-ivory)}
html[data-theme="dark"] .sg-pg .kg-pd-acc__t,html[data-theme="dark"] .sg-pg .kg-pd-acc__in :is(h3,h4){color:var(--kg-ivory)}

.sg-sec .sg-pg .sg-ab-block .kg-sp-card h3{margin:2px 0 0!important}

.sg-hf-block{border:1px solid var(--kg-line);border-radius:12px;margin-bottom:8px;background:var(--kg-paper)}
.sg-hf-block .kg-header{position:relative!important;top:auto;left:auto;right:auto}
.sg-hf-block--hero{background:linear-gradient(180deg,#0A2230,#164359)}
.sg-hf-block--hero .kg-header{background:transparent}
.sg-hf-block--foot,.sg-hf-block--home{overflow:hidden}
.sg-hf-block--home .kg-sec{margin:0}
.sg-hf-block--home .kg-seam{min-height:560px}
.kg-seam__copy .sg-h1as{max-width:19ch;margin-bottom:.35em;font-size:clamp(2.6rem,1.4rem + 4.4vw,5.4rem);line-height:1.04;text-wrap:balance}
.kg-seam__copy .sg-h1as{animation:kg-rise 1s var(--kg-ease) both}
chỉ làm .sg-h1as nhỏ lại (gốc tới 86px ở 1440) */
.kg-seam__copy .sg-h1as{font-size:clamp(2.2rem,1rem + 2.6vw,3rem);line-height:1.2}
.kg-seam__copy .sg-h1as{font-family:var(--kg-serif);font-weight:400;line-height:1.12;letter-spacing:-.01em;font-variant-numeric:lining-nums}
/* khớp quy tắc gốc (ảnh prnt.sc/Xv3Jca2LuOYW): .kg-seam__copy .sg-h1as line-height 1.04; cỡ giữ nhỏ như người dùng đã duyệt */
.kg-seam__copy .sg-h1as{line-height:1.2}
.kg-seam__copy .sg-h1as{margin-top:0}
trang đúng nhờ ghi đè cục bộ).
   --kg-fs-h1 = H1 hero trang con (.kg-phero .sg-h1as; hero trang chủ .kg-seam__copy .sg-h1as giữ luật riêng 35 đến 54 px vì lớn hơn); --kg-fs-h2 = H2 section (.kg-sec h2); --kg-fs-h3 = tiêu đề hộp form; --kg-fs-h4 = H3 thẻ lớn. */
:root{--kg-fs-h1:clamp(2.2rem,1rem + 2vw,2.8rem);--kg-fs-lg:clamp(1.1875rem,1.05rem + .5vw,1.3125rem);--kg-fs-h2:2rem;--kg-fs-h3:clamp(1.625rem,1.3rem + 1.3vw,2rem);--kg-fs-h4:clamp(1.125rem,1rem + .35vw,1.375rem)}
.kg-seam__copy .sg-h1as{font-weight:600}
THỬ ở bản sao): H1 hero màu Mist #C7E6F3 (trước #F6F9FB); hero trang chủ kg-seam__copy giữ nguyên */
.kg-phero .sg-h1as{color:#C7E6F3}
.ph-tu-ruou-ban-an:not(.kg-lazy),html:not(.js) .ph-tu-ruou-ban-an{background-image:url(../../img/tu-ruou-ban-an.webp)}
.ph-phong-khach-tv:not(.kg-lazy),html:not(.js) .ph-phong-khach-tv{background-image:url(../../img/phong-khach-tv.webp)}
.ph-phong-khach-go-1:not(.kg-lazy),html:not(.js) .ph-phong-khach-go-1{background-image:url(../../img/phong-khach-go-1.webp)}
.ph-xuong-cham-nham:not(.kg-lazy),html:not(.js) .ph-xuong-cham-nham{background-image:url(../../img/xuong-cham-nham.webp)}
.ph-xuong-lap-rap:not(.kg-lazy),html:not(.js) .ph-xuong-lap-rap{background-image:url(../../img/xuong-lap-rap.webp)}
.ph-bep-ghe-bar:not(.kg-lazy),html:not(.js) .ph-bep-ghe-bar{background-image:url(../../img/bep-ghe-bar.webp)}
.ph-bep-dao-ghe-bar:not(.kg-lazy),html:not(.js) .ph-bep-dao-ghe-bar{background-image:url(../../img/bep-dao-ghe-bar.webp)}
.ph-phong-khach-go-3:not(.kg-lazy),html:not(.js) .ph-phong-khach-go-3{background-image:url(../../img/phong-khach-go-3.webp)}
.ph-xuong-hoan-thien-tu:not(.kg-lazy),html:not(.js) .ph-xuong-hoan-thien-tu{background-image:url(../../img/xuong-hoan-thien-tu.webp)}
.ph-sp-ban-an:not(.kg-lazy),html:not(.js) .ph-sp-ban-an{background-image:url(../../img/sp-ban-an.webp)}
.ph-sp-ban-lam-viec:not(.kg-lazy),html:not(.js) .ph-sp-ban-lam-viec{background-image:url(../../img/sp-ban-lam-viec.webp)}
.ph-sp-ghe-an:not(.kg-lazy),html:not(.js) .ph-sp-ghe-an{background-image:url(../../img/sp-ghe-an.webp)}
.ph-sp-tu-giay:not(.kg-lazy),html:not(.js) .ph-sp-tu-giay{background-image:url(../../img/sp-tu-giay.webp)}
.ph-sp-tu-quan-ao:not(.kg-lazy),html:not(.js) .ph-sp-tu-quan-ao{background-image:url(../../img/sp-tu-quan-ao.webp)}
.ph-sp-giuong:not(.kg-lazy),html:not(.js) .ph-sp-giuong{background-image:url(../../img/sp-giuong.webp)}
.ph-cty-nha-may:not(.kg-lazy),html:not(.js) .ph-cty-nha-may{background-image:url(../../img/cty-nha-may.webp)}
.ph-cty-hoan-thien:not(.kg-lazy),html:not(.js) .ph-cty-hoan-thien{background-image:url(../../img/cty-hoan-thien.webp)}
.ph-cty-son:not(.kg-lazy),html:not(.js) .ph-cty-son{background-image:url(../../img/cty-son.webp)}
.ph-tu-go-ghe-bo:not(.kg-lazy),html:not(.js) .ph-tu-go-ghe-bo{background-image:url(../../img/tu-go-ghe-bo.webp)}
.ph-phong-khach-go-2:not(.kg-lazy),html:not(.js) .ph-phong-khach-go-2{background-image:url(../../img/phong-khach-go-2.webp)}
.ph-sp-ban-an-tron:not(.kg-lazy),html:not(.js) .ph-sp-ban-an-tron{background-image:url(../../img/sp-ban-an-tron.webp)}
.ph-sp-ghe-boc-nem:not(.kg-lazy),html:not(.js) .ph-sp-ghe-boc-nem{background-image:url(../../img/sp-ghe-boc-nem.webp)}
.ph-sp-tu-canh-vom:not(.kg-lazy),html:not(.js) .ph-sp-tu-canh-vom{background-image:url(../../img/sp-tu-canh-vom.webp)}
.ph-sp-tu-dau-giuong:not(.kg-lazy),html:not(.js) .ph-sp-tu-dau-giuong{background-image:url(../../img/sp-tu-dau-giuong.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)}
.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-may-cnc:not(.kg-lazy),html:not(.js) .ph-cty-may-cnc{background-image:url(../../img/cty-may-cnc.webp)}
.ph-cty-kho-ke:not(.kg-lazy),html:not(.js) .ph-cty-kho-ke{background-image:url(../../img/cty-kho-ke.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-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-kho-thung:not(.kg-lazy),html:not(.js) .ph-cty-kho-thung{background-image:url(../../img/cty-kho-thung.webp)}
.kg-seam__side--lux{background-image:linear-gradient(180deg,rgba(10,34,48,.82) 0%,rgba(10,34,48,.72) 45%,rgba(10,34,48,.9) 100%),url(../../img/tu-go-ghe-bo.webp)}
.kg-seam__side--indo{background-image:linear-gradient(180deg,rgba(10,34,48,.86) 0%,rgba(10,34,48,.74) 45%,rgba(10,34,48,.92) 100%),url(../../img/phong-khach-go-2.webp)}

/* 24/10/2026 (Giám Sát chọn phương án D, thu-home3-d): khối "Một công ty, một đầu mối" của trang chủ: ảnh xưởng thay câu lớn, hàng 4 ô có biểu tượng thành tấm nổi đè lên đáy ảnh, nút nền tối */
#ve-kigin h2{margin:0 0 16px}
#ve-kigin .kg-lead strong{color:var(--kg-ink,#0A2230);font-weight:600}
#ve-kigin .kgx-points{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
#ve-kigin .kgx-points li{display:flex;gap:12px;align-items:flex-start;margin:0;font-size:1rem;line-height:1.55;color:var(--kg-ink,#0A2230)}
#ve-kigin .kgx-points strong{font-weight:600}
#ve-kigin .kgx-tick{flex:none;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:#136F9A;color:#fff}
#ve-kigin .kgx-tick svg{width:14px;height:14px}
html[data-theme="dark"] #ve-kigin .kg-lead strong,html[data-theme="dark"] #ve-kigin .kgx-points li{color:#F6F9FB}
html[data-theme="dark"] #ve-kigin .kgx-tick{background:#5CC0EA;color:#0A2230}
/* 24/10/2026 (Giám Sát chọn phương án B): chữ khối Luxury / Indochine: nhãn dòng, một câu, bảng thông số 3 dòng */
.kg-style .kx-no{margin:0 0 6px;font:600 .8125rem/1 var(--kg-sans);letter-spacing:.14em;text-transform:uppercase;color:#136F9A}
.kg-style .kx-p{margin:0 0 24px;font-size:16px;line-height:1.6}
.kg-style .kx-spec{margin:0;border-top:1px solid var(--kg-line)}
.kg-style .kx-spec>div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--kg-line)}
.kg-style .kx-spec dt{font:600 .875rem/1.5 var(--kg-sans);color:var(--kg-stone,#3A4D5A)}
.kg-style .kx-spec dd{margin:0;font-weight:600;line-height:1.5;color:var(--kg-ink)}
html[data-theme="dark"] .kg-style .kx-spec dd{color:#F6F9FB}
html[data-theme="dark"] .kg-style .kx-no{color:#5CC0EA}
@media (max-width:520px){.kg-style .kx-spec>div{grid-template-columns:1fr;gap:2px}}
/* 24/10/2026 (Giám Sát): trang chủ chỉ 4 sản phẩm, một hàng 4 cột, chữ thẻ cùng cỡ thẻ sản phẩm của san-pham.html (nhóm 12px, tên 15px) */
#home-projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#home-projects .kg-card__meta{font-size:12px;letter-spacing:.04em}
@media (max-width:700px){#home-projects .kg-card__meta{font-size:13px}}
#home-projects .kg-card h3{font-size:15px;line-height:1.35}
#home-projects .kg-card__body{padding-top:16px}
@media (max-width:900px){#home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
#ve-kigin .kgx-media{position:relative}
#ve-kigin .kgx-media .kg-slot{aspect-ratio:3/2;min-height:0;height:auto;border-radius:12px;border:1px solid var(--kg-line)}
@media (min-width:901px){#ve-kigin .kg-split--top{align-items:stretch}#ve-kigin .kgx-media{display:flex}#ve-kigin .kgx-media .kg-slot{flex:1;aspect-ratio:auto;height:auto;min-height:360px}}
#ve-kigin .kgx-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:clamp(40px,5vw,64px) 0 0;padding:28px 0 0;border-top:1px solid var(--kg-line)}
#ve-kigin .kgx-facts>div{margin:0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
#ve-kigin .kgx-facts dt{margin:0;font-size:.9375rem;color:var(--kg-stone);grid-column:2}
#ve-kigin .kgx-facts dd{margin:2px 0 0;font:600 1rem/1.4 var(--kg-sans);color:var(--kg-ink);grid-column:2}
#ve-kigin .kgx-ico{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#E3F4FA;color:#136F9A}
#ve-kigin .kgx-ico svg{width:24px;height:24px}
#ve-kigin .kgx-float{margin-top:30px;position:relative;z-index:2;padding:28px;border:1px solid var(--kg-line);border-radius:12px;background:var(--kg-paper,#fff);box-shadow:0 18px 50px rgba(10,34,48,.14)}
html[data-theme="dark"] #ve-kigin .kgx-ico{background:rgba(92,192,234,.16);color:#5CC0EA}
html[data-theme="dark"] #ve-kigin .kgx-facts dd{color:var(--kg-ivory)}
html[data-theme="dark"] #ve-kigin .kgx-float{box-shadow:none}
@media (max-width:900px){#ve-kigin .kgx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}#ve-kigin .kgx-float{margin-top:30px}}
@media (max-width:520px){#ve-kigin .kgx-facts{grid-template-columns:1fr}}
.sg-mbar .kg-mbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:grid;grid-template-columns:1fr 1fr 1.4fr;background:var(--kg-ink);border-top:1px solid var(--kg-line-dark);padding-bottom:env(safe-area-inset-bottom)}
.sg-mbar .kg-mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;color:var(--kg-ivory);font-size:var(--kg-fs-sm);font-weight:500;text-decoration:none}
.sg-mbar .kg-mbar a + a{border-left:1px solid var(--kg-line-dark)}
.sg-mbar .kg-mbar .kg-mbar__quote{background:var(--kg-champagne);color:var(--kg-ink)}
.sg-mbar .kg-mbar svg{width:18px;height:18px}
.sg-mbar .kg-mbar :focus-visible{outline:2px solid #fff;outline-offset:-4px}
.sg-mbar .kg-mbar .kg-mbar__quote:focus-visible{outline-color:var(--kg-ink)}
.sg-social-demo .kg-social{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none}
.sg-social-demo .kg-social a{display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;border:1.5px solid rgb(199 230 243 / 11%);border-radius:50%;color:#E8F1F6;background:transparent;transition:color .25s ease,border-color .25s ease,background-color .25s ease}
.sg-social-demo .kg-social a:hover,.sg-social-demo .kg-social a:focus-visible{color:#FFFFFF;border-color:#FFFFFF;background-image:none}
/* 23/10/2026 (Giám Sát: viền 1,5 px rgb(199 230 243 / 11%), hover thành màu mặc định của logo, THỬ ở bản sao): hover và focus tô nền tròn theo màu thương hiệu, biểu tượng trắng. Facebook #1877F2, TikTok #FE2C55 (đỏ nhấn thương hiệu, vì logo gốc màu đen không thấy trên nền chân trang tối), YouTube #FF0000, LinkedIn #0A66C2. */
.sg-social-demo .kg-social a[aria-label="Facebook"]:is(:hover,:focus-visible){background-color:#1877F2;border-color:#1877F2}
.sg-social-demo .kg-social a[aria-label="TikTok"]:is(:hover,:focus-visible){background-color:#FE2C55;border-color:#FE2C55}
.sg-social-demo .kg-social a[aria-label="YouTube"]:is(:hover,:focus-visible){background-color:#FF0000;border-color:#FF0000}
.sg-social-demo .kg-social a[aria-label="LinkedIn"]:is(:hover,:focus-visible){background-color:#0A66C2;border-color:#0A66C2}
.sg-social-demo .kg-social svg{width:28px;height:28px}
.sg-social-demo .kg-social li{margin:0}
.sg-mbar .kg-mbar{position:static}

.ph-xuong-hoan-thien-tu:not(.kg-lazy),html:not(.js) .ph-xuong-hoan-thien-tu{background-image:url(../../img/xuong-hoan-thien-tu.webp)}
.kg-phero.ph-xuong-hoan-thien-tu{background-position:center 30%}

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

.sg-legal{--kg-sec:clamp(64px,7.5vw,104px)}   /* 23/10/2026 (thử): trang pháp lý cùng nhịp chuẩn của trang con, trước đó dùng nhịp rộng của trang chủ */
.sg-legal .kg-doc{max-width:780px;margin:0 auto}
.sg-legal .kg-doc h2{margin:48px 0 14px;font-size:clamp(1.5rem,2.4vw,1.875rem)}
.sg-legal .kg-doc h2:first-of-type{margin-top:0}
.sg-legal .kg-doc p{margin:0 0 14px;color:var(--kg-stone)}
.sg-legal .kg-doc ul{margin:0 0 14px;padding-left:20px;color:var(--kg-stone)}
.sg-legal .kg-doc li{margin:0 0 6px}
.sg-legal .kg-legal-note{margin:0 0 32px;padding:16px 20px;border:1px solid rgba(19,111,154,.28);border-radius:12px;background:var(--kg-rattan);color:var(--kg-ink)}
.sg-legal .kg-legal-meta{margin:0 0 28px;font-size:.9375rem;color:var(--kg-stone)}
.sg-legal .kg-doc ul.kg-legal-toc{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 40px;padding:0;list-style:none}
.sg-legal .kg-legal-toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--kg-line);border-radius:999px;background:var(--kg-paper);text-decoration:none;font-size:.9375rem}
.sg-legal .kg-legal-toc a:hover,.sg-legal .kg-legal-toc a:focus-visible{border-color:var(--kg-teak);color:var(--kg-teak)}
.sg-legal .kg-legal-pend{display:inline;padding:.1em .6em;border-radius:999px;background:var(--kg-rattan);color:var(--kg-champagne-ink);font-size:.875em;font-weight:500;white-space:normal}
.sg-legal .kg-doc [id]{scroll-margin-top:96px}
html[data-theme="dark"] .sg-legal .kg-legal-note{background:rgba(92,192,234,.12);color:var(--kg-ivory)}
html[data-theme="dark"] .sg-legal .kg-legal-toc a{background:#123246}
html[data-theme="dark"] .sg-legal .kg-legal-toc a:hover,html[data-theme="dark"] .sg-legal .kg-legal-toc a.__h,html[data-theme="dark"] .sg-legal .kg-legal-toc a:focus-visible{color:var(--kg-champagne);border-color:var(--kg-champagne)}
html[data-theme="dark"] .sg-legal .kg-legal-pend{background:rgba(92,192,234,.16);color:var(--kg-champagne-lt)}


.sg-prop{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px 14px;border:1px solid #A8261D;border-radius:999px;font:600 13px/1.2 var(--kg-sans);letter-spacing:.06em;text-transform:uppercase;color:#A8261D}
html[data-theme="dark"] .sg-prop{color:#FF9E96;border-color:#FF9E96}
.sg-radii{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.sg-radii>div{display:grid;gap:10px;align-content:start;padding:20px;border:1px solid var(--kg-line);border-radius:12px;background:var(--kg-paper)}
.sg-radii b{font:600 15px/1.3 var(--kg-sans)}
.sg-radii small{color:var(--kg-stone);font-size:14px;line-height:1.45}
.sg-radii .sg-fakeinput{height:48px;border:1px solid #C1CFDB;border-radius:8px;padding:0 14px;display:flex;align-items:center;color:var(--kg-stone);font-size:15px}
.sg-radii .sg-fakecard{height:64px;border-radius:12px;background:var(--kg-cream-in)}
html[data-theme="dark"] .sg-radii .sg-fakeinput{border-color:#8FA9B8}
.sg-ladder{display:grid;gap:0}
.sg-ladder .sg-row{grid-template-columns:150px 1fr}