.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-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)}
.kg-phero.ph-sp-ghe-an{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}}

/* Trang nhóm sản phẩm và chi tiết mẫu: trình bày riêng (21/10/2026). Cùng UI/UX trang Về KiGin, Năng lực, Sản phẩm: dùng lại kg-ab-* và kg-sp-*; thêm kg-pd-*. Bản sao các luật từ san-pham.css đổi tiền tố sang body:is([data-page="product_group"],[data-page="product_detail"]) (không sửa các CSS trang khác). Trên WordPress + Flatsome: gộp chung một tệp CSS child theme. */
body:is([data-page="product_group"],[data-page="product_detail"]){--kg-sec:clamp(64px,7.5vw,104px)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-phero::before{background:linear-gradient(180deg,rgba(10,34,48,.8) 0,rgba(10,34,48,.78) 55%,rgba(10,34,48,.72) 100%)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-qa-head{max-width:760px;margin:0 auto 48px;text-align:center}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 18px;border:1px solid rgb(19 111 154 / 10%);border-radius:999px;background:var(--kg-rattan);font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--kg-champagne-ink)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-pill svg{width:16px;height:16px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-qa h2{margin:0 0 18px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-grad{background:linear-gradient(90deg,#3792BA 0,#1a729b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-teak)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-qa-lead{margin:0;color:var(--kg-stone)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards li{padding:28px 28px 32px;background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:16px;box-shadow:0 10px 30px rgba(10,34,48,.07);transition:transform .3s ease,box-shadow .3s ease}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-card-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-card-ico{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:var(--kg-rattan);color:var(--kg-teak)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-card-ico svg{width:26px;height:26px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards h3{margin:0;font-size:1.25rem;line-height:1.25}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards p{margin:0;color:var(--kg-stone)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-pill{background:rgba(92,192,234,.14);border-color:rgba(199,230,243,.3);color:var(--kg-champagne-lt)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-grad{background:linear-gradient(90deg,var(--kg-champagne) 0,var(--kg-ivory) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--kg-champagne)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards li{background:#123246;border-color:var(--kg-line);box-shadow:none}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-card-ico{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
@media (max-width:980px){body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards li{transition:none}body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards li:hover{transform:none}}
/* Tại sao chọn / Thành tựu / Hồ sơ / Sẵn sàng bắt đầu: kiểu Gemmy, màu KiGin (Giám Sát 21/10/2026) */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-qa-lead--tag{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-qa-lead--tag svg{width:18px;height:18px;color:var(--kg-teak)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-top:28px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-more-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-weight:600;color:var(--kg-teak);text-decoration:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-more-link:hover,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-more-link:focus-visible{color:var(--kg-ink)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links li{margin:0}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;text-decoration:none;color:var(--kg-ink);background:var(--kg-paper);border:1px solid var(--kg-line);border-radius:12px;transition:border-color .25s ease,transform .25s ease}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a:hover,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a:focus-visible{border-color:var(--kg-teak);transform:translateY(-2px)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a>span{margin-left:auto;color:var(--kg-teak)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--c,var(--kg-teak))}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-ready .kg-ab-actions .kg-btn--line svg{color:var(--kg-teak)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-more-link{color:var(--kg-champagne)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-ready .kg-ab-actions .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
@media (max-width:980px){body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-stat3{grid-template-columns:1fr}body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links{grid-template-columns:1fr}body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-wide{grid-template-columns:1fr;gap:18px;padding:20px}}
@media (prefers-reduced-motion:reduce){body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a{transition:none}body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a:hover{transform:none}}
/* nút gradient: có màu nền đặc để tương phản đo được; hover đảo chiều gradient, chữ luôn trắng */
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a>span{color:var(--kg-champagne)}
/* Tiêu đề thẻ dùng Be Vietnam Pro (Giám Sát 21/10/2026) */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-cards h3{font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0;font-size:1rem;line-height:1.4}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-links a{color:var(--kg-ivory)}
/* 21/10/2026 nút lớn hơn ở khối "Trao đổi trực tiếp" và "Gửi mẫu hoặc bản vẽ" (Giám Sát) */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-actions .kg-btn{min-height:58px;padding:0 44px;font-size:1.0625rem}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-actions .kg-btn svg{width:20px;height:20px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-actions .kg-ab-more-link{font-size:1.0625rem}
@media (max-width:600px){body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-actions .kg-btn{min-height:54px;padding:0 32px;width:100%;max-width:340px}}


/* Thành phần kg-sp-* dùng lại từ trang Sản phẩm */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
body:is([data-page="product_group"],[data-page="product_detail"]) .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}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card[hidden]{display:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card:hover,body:is([data-page="product_group"],[data-page="product_detail"]) .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)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card .kg-slot{aspect-ratio:4/3;min-height:0;height:auto;border:0;border-radius:0}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card .kg-slot::after{display:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 22px 22px}
body:is([data-page="product_group"],[data-page="product_detail"]) .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)}
body:is([data-page="product_group"],[data-page="product_detail"]) .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}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .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}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines>li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
body:is([data-page="product_group"],[data-page="product_detail"]) .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)}
body:is([data-page="product_group"],[data-page="product_detail"]) .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}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines>li>p{margin:0 0 20px;color:var(--kg-stone)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines .kg-sp-list{align-self:stretch;margin-bottom:12px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-list{margin:24px 0 0;padding:0;list-style:none}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines .kg-sp-list{margin-top:0}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-list li{position:relative;margin:0;padding:12px 0 12px 34px;border-top:1px solid var(--kg-line);color:var(--kg-ink)}
body:is([data-page="product_group"],[data-page="product_detail"]) .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}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card,html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines>li{background:#123246;box-shadow:none}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card:hover,html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .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"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card{color:var(--kg-ivory)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-tag{background:none;color:var(--kg-champagne-lt)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .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"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-list li::before{background:var(--kg-champagne)}
html[data-theme="dark"] body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-list li{color:var(--kg-ivory)}
@media (max-width:1100px){
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines{grid-template-columns:1fr}
}
@media (max-width:820px){
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-body{padding:14px 16px 18px}
}
@media (max-width:700px){
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines>li{padding:28px 24px 24px}
}
@media (prefers-reduced-motion:reduce){
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines>li{transition:none}
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-card:hover,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines>li:hover{transform:none}
}
/* ---------- 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 */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid--c{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid--c .kg-sp-card{flex:0 1 calc((100% - 72px)/4);min-width:240px}
@media (max-width:820px){
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid--c{gap:16px}
  body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid--c .kg-sp-card{flex:0 1 calc((100% - 16px)/2);min-width:0}
}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-lines-sec h2,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-pg-list h2,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-pg-more h2,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-pd-oem h2,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-pd-rel h2,body:is([data-page="product_group"],[data-page="product_detail"]) .kg-ab-ready h2{margin:0 0 18px}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-pg-more .kg-ab-links{margin-top:0}

/* Chi tiết mẫu: ảnh trái bo 16px, thông tin phải */
body[data-page="product_detail"] .kg-pd-info .kg-split{align-items:center}
body[data-page="product_detail"] .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)}
body[data-page="product_detail"] .kg-pd-info .kg-slot::after{display:none}
body[data-page="product_detail"] .kg-pd-info p.kg-sp-tag{margin:0 0 10px}
body[data-page="product_detail"] .kg-pd-info h2{margin:0 0 20px}
body[data-page="product_detail"] .kg-pd-rows{margin:0;padding:0}
body[data-page="product_detail"] .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)}
body[data-page="product_detail"] .kg-pd-rows>div:last-child{border-bottom:1px solid var(--kg-line)}
body[data-page="product_detail"] .kg-pd-rows dt{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--kg-stone)}
body[data-page="product_detail"] .kg-pd-rows dd{margin:0;color:var(--kg-ink)}
body[data-page="product_detail"] .kg-pd-rows a{color:var(--kg-teak);font-weight:600;text-decoration:none}
body[data-page="product_detail"] .kg-pd-rows a:hover,body[data-page="product_detail"] .kg-pd-rows a:focus-visible{color:var(--kg-ink)}
body[data-page="product_detail"] .kg-pd-btns{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:28px}
body[data-page="product_detail"] .kg-pd-btns .kg-btn--line{color:var(--kg-ink);border-color:var(--kg-teak);background:transparent}
body[data-page="product_detail"] .kg-pd-back{margin:16px 0 0}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-rows dd{color:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-rows a{color:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-btns .kg-btn--line{color:var(--kg-ivory);border-color:var(--kg-champagne-lt)}
@media (max-width:600px){
  body[data-page="product_detail"] .kg-pd-rows>div{grid-template-columns:1fr;gap:4px}
  body[data-page="product_detail"] .kg-pd-btns{flex-direction:column;align-items:stretch}
  body[data-page="product_detail"] .kg-pd-btns .kg-btn{width:100%}
}
body.hide-todo[data-page="product_detail"] .kg-pd-rows>div.kg-pending{display:none}
body[data-page="product_detail"] .kg-pd-back a{text-decoration:none}
body[data-page="product_detail"] .kg-pd-back a:hover,body[data-page="product_detail"] .kg-pd-back a:focus-visible{color:var(--kg-ink)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-back a:hover,html[data-theme="dark"] body[data-page="product_detail"] .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 */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-grid--cat{grid-template-columns:repeat(4,minmax(0,1fr))}
body:is([data-page="product_group"],[data-page="product_detail"]) .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)}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-mos .kg-slot{aspect-ratio:auto;height:100%;min-height:0;border:0;border-radius:0}
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-sp-mos .kg-slot::after{display:none}
@media (max-width:1100px){body:is([data-page="product_group"],[data-page="product_detail"]) .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 */
body[data-page="product_detail"] .kg-pd-opt{margin:0 0 20px}
body[data-page="product_detail"] .kg-pd-opt__l{margin:0 0 10px;font:600 1rem var(--kg-sans);color:var(--kg-ink)}
body[data-page="product_detail"] .kg-pd-opt__chips{display:flex;flex-wrap:wrap;gap:8px}
body[data-page="product_detail"] .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)}
body[data-page="product_detail"] .kg-pd-chip.is-on{background:#E6F3FA;border-color:#136F9A;color:#136F9A}
body[data-page="product_detail"] .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}
body[data-page="product_detail"] .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)}
body[data-page="product_detail"] .kg-pd-spec>div:first-child{border-top:0}
body[data-page="product_detail"] .kg-pd-spec dt{margin:0;font-size:.9375rem;color:var(--kg-stone)}
body[data-page="product_detail"] .kg-pd-spec dd{margin:0;text-align:right;font-weight:600;color:var(--kg-ink)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-chip.is-on{background:rgba(92,192,234,.16);border-color:#5CC0EA;color:#5CC0EA}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-spec,html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-spec>div{border-color:rgba(255,255,255,.12)}
@media (max-width:560px){body[data-page="product_detail"] .kg-pd-spec>div{padding:12px 16px}}
body.hide-todo[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}
body[data-page="product_detail"] .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)}
body[data-page="product_detail"] .kg-pd-gal .kg-slot.kg-pd-main::after{display:none}
body[data-page="product_detail"] .kg-pd-thumbs{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
body[data-page="product_detail"] .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}
body[data-page="product_detail"] .kg-pd-th.is-on{border-color:#136F9A}
body[data-page="product_detail"] .kg-pd-th:focus-visible,body[data-page="product_detail"] .kg-pd-chip:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px}
body[data-page="product_detail"] button.kg-pd-chip{cursor:pointer;font-family:var(--kg-sans)}
body[data-page="product_detail"] .kg-pd-cta{display:flex;width:100%;justify-content:center;box-shadow:0 12px 28px rgba(19,111,154,.28)}
@media (max-width:900px){body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-frame{padding:24px;border-radius:24px;background:#EDF3F7;border:1px solid rgba(0,0,0,.06)}
body[data-page="product_detail"] .kg-pd-gal .kg-slot.kg-pd-main{border:0;border-radius:8px}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-frame{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
@media (max-width:560px){body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-gal .kg-slot.kg-pd-main{cursor:zoom-in}
body[data-page="product_detail"] .kg-pd-th{transition:border-color .2s ease,transform .2s ease}
body[data-page="product_detail"] .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) */
body[data-page="product_detail"] .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) */
body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-acc__i{border-bottom:1px solid var(--kg-line)}
body[data-page="product_detail"] .kg-pd-acc__i h3{margin:0;font:inherit}
body[data-page="product_detail"] .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)}
body[data-page="product_detail"] .kg-pd-acc__t{position:relative;padding-left:20px;font-size:1.375rem;font-weight:600;line-height:1.3;transition:color .2s ease}
body[data-page="product_detail"] .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}
body[data-page="product_detail"] .kg-pd-acc__i button svg{flex:none;width:22px;height:22px;color:var(--kg-stone);transition:transform .3s ease,color .2s ease}
body[data-page="product_detail"] .kg-pd-acc__i button:hover .kg-pd-acc__t,body[data-page="product_detail"] .kg-pd-acc__i button:focus-visible .kg-pd-acc__t,body[data-page="product_detail"] .kg-pd-acc__i.is-open .kg-pd-acc__t{color:#136F9A}
body[data-page="product_detail"] .kg-pd-acc__i button:hover .kg-pd-acc__t::before,body[data-page="product_detail"] .kg-pd-acc__i.is-open .kg-pd-acc__t::before{background:#136F9A}
body[data-page="product_detail"] .kg-pd-acc__i.is-open .kg-pd-acc__t::before{height:30px}
body[data-page="product_detail"] .kg-pd-acc__i.is-open button svg{transform:rotate(180deg);color:#136F9A}
body[data-page="product_detail"] .kg-pd-acc__i button:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px;border-radius:6px}
body[data-page="product_detail"] .kg-pd-acc__p{padding:0 4px 24px 24px}
body[data-page="product_detail"] .kg-pd-acc__p[hidden]{display:none}
body[data-page="product_detail"] .kg-pd-acc__in{color:var(--kg-ink);font-size:1rem;line-height:1.7}
body[data-page="product_detail"] .kg-pd-acc__in ul{margin:0;padding-left:20px}
body[data-page="product_detail"] .kg-pd-acc__in li{margin:0 0 8px}
body[data-page="product_detail"] .kg-pd-acc__in li::marker{color:#136F9A}
body[data-page="product_detail"] .kg-pd-acc__in a{color:#136F9A;text-decoration:none;font-weight:600}
body[data-page="product_detail"] .kg-pd-acc__in a:hover{text-decoration:none;color:#0F587B}
body[data-page="product_detail"] .kg-pd-faq dt{margin:16px 0 4px;font-weight:600}
body[data-page="product_detail"] .kg-pd-faq dt:first-child{margin-top:0}
body[data-page="product_detail"] .kg-pd-faq dd{margin:0;color:var(--kg-stone)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__i button:hover .kg-pd-acc__t,html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__i.is-open .kg-pd-acc__t,html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__i.is-open button svg{color:#5CC0EA}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__i button:hover .kg-pd-acc__t::before,html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__i.is-open .kg-pd-acc__t::before{background:#5CC0EA}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__in a{color:#5CC0EA}
@media (max-width:640px){body[data-page="product_detail"] .kg-pd-acc__t{font-size:1.125rem;padding-left:16px}body[data-page="product_detail"] .kg-pd-acc__p{padding:0 0 20px 16px}body[data-page="product_detail"] .kg-pd-acc__i button{min-height:60px}}
@media (prefers-reduced-motion:reduce){body[data-page="product_detail"] .kg-pd-acc__i button svg,body[data-page="product_detail"] .kg-pd-acc__t,body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .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"] body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-info,body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-acc__in h4{margin:28px 0 10px;font:600 1.125rem/1.4 var(--kg-sans);color:var(--kg-ink)}
body[data-page="product_detail"] .kg-pd-acc__in h4:first-child{margin-top:0}
body[data-page="product_detail"] .kg-pd-acc__in p{margin:0 0 14px;max-width:none}
body[data-page="product_detail"] .kg-pd-acc__in strong{font-weight:600}
body[data-page="product_detail"] .kg-pd-acc__in ul+h4,body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-slider{position:relative}
body[data-page="product_detail"] .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}
body[data-page="product_detail"] .kg-pd-track::-webkit-scrollbar{display:none}
body[data-page="product_detail"] .kg-pd-track:focus-visible{outline:2px solid var(--kg-accent);outline-offset:4px;border-radius:12px}
body[data-page="product_detail"] .kg-pd-track .kg-sp-card{flex:0 0 calc((100% - 72px)/4);min-width:0;scroll-snap-align:start}
body[data-page="product_detail"] .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}
body[data-page="product_detail"] .kg-pd-sl__b svg{width:22px;height:22px}
body[data-page="product_detail"] .kg-pd-sl__prev{left:-24px}
body[data-page="product_detail"] .kg-pd-sl__next{right:-24px}
body[data-page="product_detail"] .kg-pd-sl__b:hover:not(:disabled),body[data-page="product_detail"] .kg-pd-sl__b:focus-visible{background:#136F9A;color:#fff}
body[data-page="product_detail"] .kg-pd-sl__b:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px}
body[data-page="product_detail"] .kg-pd-sl__b:disabled{opacity:.35;cursor:default}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-sl__b{background:#123246;color:var(--kg-ivory);border-color:rgba(255,255,255,.14)}
@media (max-width:1280px){body[data-page="product_detail"] .kg-pd-sl__prev{left:-12px}body[data-page="product_detail"] .kg-pd-sl__next{right:-12px}}
@media (max-width:1100px){body[data-page="product_detail"] .kg-pd-track .kg-sp-card{flex-basis:calc((100% - 48px)/3)}}
@media (max-width:820px){body[data-page="product_detail"] .kg-pd-track{gap:16px}body[data-page="product_detail"] .kg-pd-track .kg-sp-card{flex-basis:calc((100% - 16px)/2)}}
@media (max-width:560px){body[data-page="product_detail"] .kg-pd-track .kg-sp-card{flex-basis:78%}body[data-page="product_detail"] .kg-pd-sl__b{display:none}}
@media (prefers-reduced-motion:reduce){body[data-page="product_detail"] .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) */
body[data-page="product_detail"] .kg-pd-track{cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
body[data-page="product_detail"] .kg-pd-track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none}
body[data-page="product_detail"] .kg-pd-track .kg-sp-card,body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-rel{padding-block:var(--kg-sec);border-top:1px solid rgba(0,0,0,.08)}
html[data-theme="dark"] body[data-page="product_detail"] .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. */
body[data-page="product_detail"] .kg-pd-layout{align-items:center}
body[data-page="product_detail"] .kg-pd-gal .kg-slot.kg-pd-main{aspect-ratio:1/1;height:auto}
@media (max-width:900px){body[data-page="product_detail"] .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 */
body[data-page="product_detail"] .kg-pd-actions{display:flex;flex-wrap:wrap;gap:16px}
body[data-page="product_detail"] .kg-pd-actions .kg-pd-cta{flex:1 1 200px;width:auto}
body[data-page="product_detail"] .kg-pd-actions .kg-btn--line{flex:0 1 auto;justify-content:center;white-space:nowrap}
@media (max-width:480px){body[data-page="product_detail"] .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"] body[data-page="product_detail"] :is(.kg-pd-spec dd,.kg-pd-opt__l,.kg-pd-chip:not(.is-on)){color:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-accsec{background:#0E2C3E}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__in,html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__in strong{color:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__t,html[data-theme="dark"] body[data-page="product_detail"] .kg-pd-acc__in :is(h3,h4){color:var(--kg-ivory)}