.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-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-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-phong-khach-go-1{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}}

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

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

/* Bộ lọc nhóm: căn giữa dưới đầu khối */
body[data-page="products"] .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 */
body[data-page="products"] .kg-sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
body[data-page="products"] .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[data-page="products"] .kg-sp-card[hidden]{display:none}
body[data-page="products"] .kg-sp-card:hover,body[data-page="products"] .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) */
body[data-page="products"] .kg-sp-card .kg-slot{aspect-ratio:4/3;min-height:0;height:auto;border:0;border-radius:0}
body[data-page="products"] .kg-sp-card .kg-slot::after{display:none}
body[data-page="products"] .kg-sp-body{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 22px 22px}
body[data-page="products"] .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[data-page="products"] .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 */
body[data-page="products"] .kg-sp-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
body[data-page="products"] .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[data-page="products"] .kg-sp-lines>li:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(10,34,48,.12)}
body[data-page="products"] .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[data-page="products"] .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[data-page="products"] .kg-sp-lines>li>p{margin:0 0 20px;color:var(--kg-stone)}
body[data-page="products"] .kg-sp-lines .kg-sp-list{align-self:stretch;margin-bottom:12px}
body[data-page="products"] .kg-sp-list{margin:24px 0 0;padding:0;list-style:none}
body[data-page="products"] .kg-sp-lines .kg-sp-list{margin-top:0}
body[data-page="products"] .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[data-page="products"] .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 */
body[data-page="products"] .kg-sp-send .kg-split{align-items:center}
body[data-page="products"] .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)}
body[data-page="products"] .kg-sp-send .kg-slot::after{display:none}
body[data-page="products"] .kg-sp-send .kg-ab-links{margin-top:64px}

/* chế độ tối */
html[data-theme="dark"] body[data-page="products"] .kg-sp-card,html[data-theme="dark"] body[data-page="products"] .kg-sp-lines>li{background:#123246;box-shadow:none}
html[data-theme="dark"] body[data-page="products"] .kg-sp-card:hover,html[data-theme="dark"] body[data-page="products"] .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[data-page="products"] .kg-sp-card{color:var(--kg-ivory)}
html[data-theme="dark"] body[data-page="products"] .kg-sp-tag{background:none;color:var(--kg-champagne-lt)}
html[data-theme="dark"] body[data-page="products"] .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[data-page="products"] .kg-sp-list li::before{background:var(--kg-champagne)}
html[data-theme="dark"] body[data-page="products"] .kg-sp-list li{color:var(--kg-ivory)}

@media (max-width:1100px){
  body[data-page="products"] .kg-sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:980px){
  body[data-page="products"] .kg-sp-lines{grid-template-columns:1fr}
}
@media (max-width:820px){
  body[data-page="products"] .kg-sp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  body[data-page="products"] .kg-sp-body{padding:14px 16px 18px}
}
@media (max-width:700px){
  body[data-page="products"] .kg-sp-lines>li{padding:28px 24px 24px}
  body[data-page="products"] .kg-sp-send .kg-ab-links{margin-top:48px}
}
@media (prefers-reduced-motion:reduce){
  body[data-page="products"] .kg-sp-card,body[data-page="products"] .kg-sp-lines>li{transition:none}
  body[data-page="products"] .kg-sp-card:hover,body[data-page="products"] .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){
  body[data-page="products"] .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 */
body[data-page="products"] .kg-filter button{transition:border-color .2s ease,background-color .2s ease,color .2s ease}
body[data-page="products"] .kg-filter button[aria-pressed="false"]:hover,body[data-page="products"] .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"] body[data-page="products"] .kg-filter button[aria-pressed="false"]:hover,html[data-theme="dark"] body[data-page="products"] .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){body[data-page="products"] .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)}}
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: 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="products"] .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="products"] .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="products"] .kg-sp-quote__ic svg{width:26px;height:26px}
body[data-page="products"] .kg-sp-quote__t{flex:1;min-width:0}
body[data-page="products"] .kg-sp-quote__t p{margin:0;font-size:1rem;line-height:1.55;color:var(--kg-stone)}
body[data-page="products"] .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="products"] .kg-sp-quote .kg-btn{flex:none;gap:10px}
html[data-theme="dark"] body[data-page="products"] .kg-sp-quote{background:linear-gradient(90deg,rgba(92,192,234,.12) 0,transparent 70%)}
html[data-theme="dark"] body[data-page="products"] .kg-sp-quote__t .kg-sp-quote__h{color:var(--kg-ivory)}
@media (max-width:760px){
  body[data-page="products"] .kg-sp-quote{flex-wrap:wrap;padding:18px 18px 20px;gap:14px 16px}
  body[data-page="products"] .kg-sp-quote__ic{align-self:flex-start;width:46px;height:46px}
  body[data-page="products"] .kg-sp-quote__t{flex:1 1 calc(100% - 70px)}
  body[data-page="products"] .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. */