@font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/f-d2da567de6.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/f-85e7532985.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/f-56372cc19f.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Noto Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/f-360947961d.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Noto Serif Display';font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/f-660515c969.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Noto Serif Display';font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/f-757507d32b.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/f-fe6a292550.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/f-79141d22ee.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/f-ee80d72b32.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/f-4ca4b0de93.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/f-f08f144d6e.woff2") format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/f-a4759a77d2.woff2") format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--kg-ink:#0A2230;--kg-ink-2:#0F3248;--kg-ink-3:#164359;--kg-ivory:#F6F9FB;--kg-paper:#FFFFFF;--kg-stone:#3A4D5A;--kg-mist:#C7E6F3;--kg-line:#D5E1E8;--kg-line-dark:rgba(199,230,243,.18);--kg-champagne:#5CC0EA;--kg-champagne-lt:#C7E6F3;--kg-champagne-ink:#0D4F6D;--kg-walnut:#0F3248;--kg-teak:#136F9A;--kg-rattan:#E3F4FA;--kg-jade:#136F9A;--kg-cream-in:#E3F4FA;--kg-accent:var(--kg-champagne);--kg-accent-ink:var(--kg-champagne-ink);--kg-accent-on:var(--kg-ink);--kg-serif:"Noto Serif Display","Times New Roman",serif;--kg-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--kg-fs-xs:.8125rem;--kg-fs-sm:.9375rem;--kg-fs-md:1.0625rem;--kg-fs-lg:clamp(1.1875rem,1.05rem + .5vw,1.375rem);--kg-fs-h4:clamp(1.375rem,1.2rem + .7vw,1.75rem);--kg-fs-h3:clamp(1.625rem,1.3rem + 1.3vw,2.375rem);--kg-fs-h2:clamp(2.125rem,1.5rem + 2.6vw,3.5rem);--kg-fs-h1:clamp(2.5rem,1.6rem + 3.9vw,4.75rem);--kg-fs-display:clamp(3.25rem,1.8rem + 6.4vw,7.5rem);--kg-wrap:1240px;--kg-wrap-narrow:760px;--kg-gut:clamp(16px,4vw,40px);--kg-sec:clamp(72px,9vw,136px);--kg-header-h:76px;--kg-radius:2px;--kg-ease:cubic-bezier(.22,.61,.36,1)}.t-indochine{--kg-accent:var(--kg-rattan);--kg-accent-ink:var(--kg-teak);--kg-accent-on:var(--kg-walnut)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kg-header-h) + 16px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--kg-paper);color:var(--kg-ink);font:400 var(--kg-fs-md)/1.7 var(--kg-sans);font-feature-settings:"kern";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--kg-serif);font-weight:300;line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em;font-variant-numeric:lining-nums}h1{font-size:var(--kg-fs-h1)}h2{font-size:var(--kg-fs-h2)}h3{font-size:var(--kg-fs-h3)}h4{font-size:var(--kg-fs-h4);font-weight:400}p{margin:0 0 1em}ul,ol{margin:0 0 1em;padding-left:1.2em}:focus-visible{outline:2px solid var(--kg-accent);outline-offset:3px}::selection{background:var(--kg-champagne-lt);color:var(--kg-ink)}.kg-skip{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 16px;background:var(--kg-champagne);color:var(--kg-ink);text-decoration:none}.kg-skip:focus{top:12px}.kg-vh{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kg-todo{display:inline-block;margin:0 .2em;padding:.05em .55em;border:1px dashed currentColor;border-radius:3px;font:500 .75rem/1.5 var(--kg-sans);letter-spacing:0;opacity:.78;vertical-align:.08em;white-space:normal}.hide-todo .kg-todo,.hide-todo .kg-todo-block{display:none !important}.kg-todo-block{margin:18px 0 0;padding:12px 16px;border:1px dashed currentColor;border-radius:3px;font-size:var(--kg-fs-sm);opacity:.8}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.kg-wrap{width:100%;max-width:calc(var(--kg-wrap) + 2 * var(--kg-gut));margin:0 auto;padding:0 var(--kg-gut)}.kg-wrap--narrow{max-width:calc(var(--kg-wrap-narrow) + 2 * var(--kg-gut))}.kg-sec{position:relative;padding:var(--kg-sec) 0}.kg-sec--tight{padding:calc(var(--kg-sec) * .6) 0}.kg-sec--paper{background:var(--kg-paper)}.kg-sec--ivory{background:var(--kg-ivory)}.kg-sec--cream{background:var(--kg-cream-in)}.kg-sec--ink{background:var(--kg-ink);color:var(--kg-ivory)}.kg-sec--marble{background:var(--kg-ink) center / cover;color:var(--kg-ivory)}.kg-sec--marble::before,.kg-sec--wood::before{content:"";position:absolute;inset:0;pointer-events:none}.kg-sec--marble::before{background:linear-gradient(180deg,rgba(10,34,48,.55),rgba(10,34,48,.82))}.kg-sec--wood{background:var(--kg-walnut) center / cover;color:var(--kg-ivory)}.kg-sec--wood::before{background:linear-gradient(180deg,rgba(10,34,48,.86),rgba(10,34,48,.93))}.kg-sec--marble>*,.kg-sec--wood>*{position:relative}.kg-sec--ink a,.kg-sec--marble a,.kg-sec--wood a{color:inherit}.kg-head{display:grid;gap:12px 64px;margin-bottom:clamp(36px,5vw,64px)}.kg-head h2{margin:0;max-width:16ch}.kg-head p{margin:0;max-width:56ch;color:var(--kg-stone);font-size:var(--kg-fs-lg);line-height:1.6}.kg-sec--ink .kg-head p,.kg-sec--marble .kg-head p,.kg-sec--wood .kg-head p{color:var(--kg-mist)}@media (min-width:900px){.kg-head--split{grid-template-columns:1.1fr 1fr;align-items:end}}.kg-lead{font-size:var(--kg-fs-lg);line-height:1.6;color:var(--kg-stone);max-width:58ch}.kg-sec--ink .kg-lead,.kg-sec--marble .kg-lead,.kg-sec--wood .kg-lead{color:var(--kg-mist)}.kg-prose{max-width:68ch}.kg-prose h2{font-size:var(--kg-fs-h3);margin-top:1.6em}.kg-prose h3{font-size:var(--kg-fs-h4);margin-top:1.4em}.kg-demobar{position:fixed;left:16px;bottom:16px;z-index:96;display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 110px));padding:8px 10px 8px 14px;border:1px solid rgba(199,230,243,.4);border-radius:4px;background:rgba(10,34,48,.94);color:var(--kg-champagne-lt);font-size:var(--kg-fs-xs);line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.25)}.kg-demobar button{flex:none;min-height:32px;padding:4px 10px;border:1px solid rgba(199,230,243,.5);border-radius:3px;background:none;cursor:pointer;font-size:inherit;color:inherit}.kg-demobar.is-min span{display:none}@media (max-width:600px){.kg-demobar{bottom:70px;left:10px;padding:4px}.kg-demobar span{display:none}}.kg-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--kg-header-h);color:var(--kg-ivory);background:rgba(10,34,48,.0);transition:background-color .35s var(--kg-ease),box-shadow .35s var(--kg-ease)}.kg-header.is-solid,.kg-header.is-open{background:rgba(10,34,48,.96);box-shadow:0 1px 0 var(--kg-line-dark)}@supports (backdrop-filter:blur(8px)){.kg-header.is-solid{background:rgba(10,34,48,.86);backdrop-filter:blur(10px)}}.kg-header__in{display:flex;align-items:center;gap:28px;height:100%}.kg-logo{display:flex;align-items:center;flex:none}.kg-logo img{width:auto;height:40px}.kg-nav{margin-left:auto}.kg-nav>ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}.kg-nav li{position:relative}.kg-nav a,.kg-nav button{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;background:none;font-size:var(--kg-fs-sm);text-decoration:none;cursor:pointer;color:inherit;white-space:nowrap}.kg-nav a:hover,.kg-nav button:hover,.kg-nav [aria-current="page"]{color:var(--kg-champagne-lt)}.kg-nav [aria-current="page"]{text-decoration:underline;text-decoration-color:var(--kg-champagne)}.kg-nav button::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-2px) rotate(45deg)}.kg-sub{position:absolute;left:0;top:100%;min-width:248px;margin:0;padding:10px 0;list-style:none;background:var(--kg-ink-2);border:1px solid var(--kg-line-dark);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s var(--kg-ease)}.kg-sub a{padding:10px 20px;min-height:0}.kg-sub small{display:block;color:var(--kg-mist);font-size:var(--kg-fs-xs)}.kg-nav li:hover>.kg-sub,.kg-nav li:focus-within>.kg-sub,.kg-nav .is-open>.kg-sub{opacity:1;visibility:visible;transform:none}.kg-header__cta{display:flex;align-items:center;gap:10px}.kg-header__phone{font-size:var(--kg-fs-sm);text-decoration:none;white-space:nowrap}.kg-burger{display:none;width:44px;height:44px;margin-left:auto;border:1px solid var(--kg-line-dark);background:none;cursor:pointer}.kg-burger span,.kg-burger span::before,.kg-burger span::after{display:block;width:18px;height:1px;margin:0 auto;background:currentColor;position:relative;transition:.25s}.kg-burger span::before,.kg-burger span::after{content:"";position:absolute;left:0}.kg-burger span::before{top:-6px}.kg-burger span::after{top:6px}.is-open .kg-burger span{background:transparent}.is-open .kg-burger span::before{top:0;transform:rotate(45deg)}.is-open .kg-burger span::after{top:0;transform:rotate(-45deg)}@media (max-width:1120px){.kg-header__phone{display:none}.kg-nav a,.kg-nav button{padding:0 9px}}@media (max-width:980px){.kg-burger{display:block}.kg-header__cta .kg-btn{display:none}.kg-nav{position:fixed;inset:var(--kg-header-h) 0 0 0;margin:0;padding:12px var(--kg-gut) 120px;overflow-y:auto;background:var(--kg-ink);opacity:0;visibility:hidden;transition:.25s var(--kg-ease)}.is-open .kg-nav{opacity:1;visibility:visible}.kg-nav>ul{flex-direction:column;gap:0}.kg-nav>ul>li{border-bottom:1px solid var(--kg-line-dark)}.kg-nav a,.kg-nav button{width:100%;min-height:56px;padding:0;font:300 1.5rem/1.2 var(--kg-serif)}.kg-nav button{justify-content:space-between}.kg-sub{position:static;display:none;min-width:0;padding:0 0 12px 14px;border:0;background:none;opacity:1;visibility:visible;transform:none}.kg-nav .is-open>.kg-sub{display:block}.kg-sub a{font:400 1rem/1.3 var(--kg-sans);min-height:44px;padding:8px 0}.kg-nav__mobile-cta{display:grid !important;gap:10px;margin-top:28px}}.kg-nav__mobile-cta{display:none !important}.kg-footer{background:var(--kg-ink);color:var(--kg-mist);font-size:var(--kg-fs-sm)}.kg-footer__top{display:grid;gap:40px;padding:clamp(56px,7vw,96px) 0 48px;grid-template-columns:1.4fr 1fr 1fr 1.2fr}.kg-footer h2{margin:0 0 18px;color:var(--kg-ivory);font:500 var(--kg-fs-sm)/1.4 var(--kg-sans);letter-spacing:.02em}.kg-footer ul{margin:0;padding:0;list-style:none}.kg-footer li{margin:0 0 8px}.kg-footer a{text-decoration:none}.kg-footer a:hover{color:var(--kg-champagne-lt);text-decoration:underline}.kg-footer__brand img{height:46px;width:auto;margin-bottom:18px}.kg-footer__brand p{max-width:36ch}.kg-footer dl{margin:0;display:grid;gap:10px}.kg-footer dt{color:var(--kg-ivory);font-weight:500}.kg-footer dd{margin:0}.kg-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:22px 0 28px;border-top:1px solid var(--kg-line-dark);font-size:var(--kg-fs-xs)}@media (max-width:980px){.kg-footer__top{grid-template-columns:1fr 1fr}}@media (max-width:600px){.kg-footer__top{grid-template-columns:1fr}.kg-footer{padding-bottom:64px}}.kg-float{position:fixed;right:20px;bottom:24px;z-index:90;display:grid;gap:10px}.kg-float a{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--kg-ink);color:var(--kg-champagne-lt);border:1px solid rgba(199,230,243,.45);text-decoration:none;font:600 12px/1 var(--kg-sans);box-shadow:0 8px 24px rgba(10,34,48,.28);transition:transform .2s var(--kg-ease)}.kg-float a:hover{transform:translateY(-2px)}.kg-float svg{width:22px;height:22px}.kg-float .kg-float__zalo{background:#136F9A;color:#fff;border-color:#136F9A}.kg-mbar{display:none}@media (max-width:600px){.kg-float{display:none}.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)}.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}.kg-mbar a + a{border-left:1px solid var(--kg-line-dark)}.kg-mbar .kg-mbar__quote{background:var(--kg-champagne);color:var(--kg-ink)}.kg-mbar svg{width:18px;height:18px}body{padding-bottom:58px}html{scroll-padding-bottom:130px}}.kg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border:1px solid transparent;border-radius:var(--kg-radius);font:500 var(--kg-fs-sm)/1.2 var(--kg-sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.kg-btn svg{width:18px;height:18px;flex:none}.kg-btn--solid{background:var(--kg-accent);color:var(--kg-accent-on)}.kg-btn--solid:hover{background:var(--kg-champagne-lt)}.t-indochine .kg-btn--solid:hover{background:#8FD0EC}.kg-btn--line{border-color:currentColor;background:transparent}.kg-btn--line:hover{background:rgba(199,230,243,.12)}.kg-btn--ink{background:var(--kg-ink);color:var(--kg-ivory)}.kg-btn--ink:hover{background:var(--kg-ink-3)}.kg-btn--teak{background:var(--kg-teak);color:var(--kg-ivory)}.kg-btn--teak:hover{background:#0F587B}.kg-btn--zalo{background:#136F9A;color:#fff}.kg-btn--zalo:hover{background:#0F587B}.kg-btn--sm{min-height:44px;padding:10px 18px}.kg-btn--block{width:100%}.kg-btn.is-pending{opacity:.9}.kg-btns{display:flex;flex-wrap:wrap;gap:12px}.kg-link{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:var(--kg-fs-sm);text-decoration:none;border-bottom:1px solid var(--kg-accent);padding-bottom:4px}.kg-link:hover{color:var(--kg-accent-ink)}.kg-sec--ink .kg-link:hover,.kg-sec--marble .kg-link:hover,.kg-sec--wood .kg-link:hover{color:var(--kg-champagne-lt)}.kg-slot{position:relative;overflow:hidden;margin:0;aspect-ratio:4 / 3;background:var(--kg-ink-2) center / cover;color:var(--kg-champagne-lt)}.kg-slot::after{content:"";position:absolute;inset:12px;border:1px solid rgba(199,230,243,.35);pointer-events:none}.kg-slot--ivory{background-image:none;color:var(--kg-champagne-ink)}.kg-slot--ivory::after{border-color:rgba(13,79,109,.3)}.kg-slot--wood{background-image:none}.kg-slot--woodlt{background-image:none}.kg-slot--tile{background:var(--kg-cream-in) 0 0 / 96px;color:var(--kg-walnut)}.kg-slot--tile::after{border-color:rgba(15,50,72,.35)}.kg-slot--rattan{background:var(--kg-rattan) 0 0 / 40px;color:var(--kg-walnut)}.kg-slot--wide{aspect-ratio:16 / 9}.kg-slot--tall{aspect-ratio:3 / 4}.kg-slot--sq{aspect-ratio:1}.kg-slot>img{width:100%;height:100%;object-fit:cover}.kg-slot figcaption{position:absolute;left:24px;bottom:22px;right:24px;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--kg-fs-xs);line-height:1.4}.kg-slot figcaption::before{content:"";width:18px;height:1px;background:currentColor}.kg-slot--tile figcaption,.kg-slot--rattan figcaption{background:rgba(227,244,250,.9);padding:6px 10px;left:20px;right:auto;bottom:20px}.hide-todo .kg-slot figcaption{display:none}.kg-style--rev .kg-style__media>.kg-slot:first-child figcaption{left:auto;right:24px;justify-content:flex-end}.kg-cards{display:grid;gap:clamp(20px,3vw,36px);grid-template-columns:repeat(3,1fr)}.kg-cards--2{grid-template-columns:repeat(2,1fr)}@media (max-width:980px){.kg-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.kg-cards,.kg-cards--2{grid-template-columns:1fr}}.kg-card{position:relative;display:block;text-decoration:none}.kg-card .kg-slot{transition:filter .4s var(--kg-ease)}.kg-card:hover .kg-slot{filter:brightness(1.08)}.kg-card__body{padding:18px 0 0}.kg-card__meta{display:block;margin:0 0 6px;color:var(--kg-accent-ink);font-size:var(--kg-fs-xs);font-weight:500}.kg-sec--ink .kg-card__meta,.kg-sec--marble .kg-card__meta,.kg-sec--wood .kg-card__meta{color:var(--kg-champagne)}.kg-card h3{margin:0;font-size:var(--kg-fs-h4);font-weight:400}.kg-card[hidden]{display:none}.kg-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none}.kg-filter button{min-height:44px;padding:8px 20px;border:1px solid var(--kg-line);border-radius:999px;background:transparent;cursor:pointer;font-size:var(--kg-fs-sm)}.kg-filter button[aria-pressed="true"]{background:var(--kg-ink);border-color:var(--kg-ink);color:var(--kg-ivory)}.kg-sec--ink .kg-filter button{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-filter button[aria-pressed="true"]{background:var(--kg-champagne);border-color:var(--kg-champagne);color:var(--kg-ink)}.kg-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-top:1px solid var(--kg-line)}.kg-facts>div{padding:22px 24px 0 0}.kg-facts dt{margin:0 0 6px;color:var(--kg-stone);font-size:var(--kg-fs-xs)}.kg-facts dd{margin:0;font:300 var(--kg-fs-h4)/1.25 var(--kg-serif)}.kg-sec--ink .kg-facts,.kg-sec--marble .kg-facts{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-facts dt,.kg-sec--marble .kg-facts dt{color:var(--kg-mist)}@media (max-width:860px){.kg-facts{grid-template-columns:1fr 1fr;gap:0 20px}.kg-facts dd{font-size:1.25rem}}.kg-list{margin:0;padding:0;list-style:none}.kg-list li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--kg-line)}.kg-list li::before{content:"";position:absolute;left:0;top:1.45em;width:16px;height:1px;background:var(--kg-accent-ink)}.kg-sec--ink .kg-list li,.kg-sec--marble .kg-list li,.kg-sec--wood .kg-list li{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-list li::before,.kg-sec--marble .kg-list li::before,.kg-sec--wood .kg-list li::before{background:var(--kg-champagne)}.kg-list strong{font-weight:500}.kg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;counter-reset:step}.kg-steps li{position:relative;padding:28px 32px 36px 0;border-top:1px solid var(--kg-line);counter-increment:step}.kg-steps li::before{content:counter(step);display:block;margin-bottom:18px;font:300 var(--kg-fs-h2)/1 var(--kg-serif);color:var(--kg-accent-ink)}.kg-steps h3{font-size:var(--kg-fs-h4);font-weight:400;margin-bottom:.4em}.kg-steps p{margin:0;color:var(--kg-stone);font-size:var(--kg-fs-sm)}.kg-sec--ink .kg-steps li,.kg-sec--marble .kg-steps li,.kg-sec--wood .kg-steps li{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-steps li::before,.kg-sec--marble .kg-steps li::before,.kg-sec--wood .kg-steps li::before{color:var(--kg-champagne)}.kg-sec--ink .kg-steps p,.kg-sec--marble .kg-steps p,.kg-sec--wood .kg-steps p{color:var(--kg-mist)}@media (max-width:860px){.kg-steps{grid-template-columns:1fr 1fr}}@media (max-width:540px){.kg-steps{grid-template-columns:1fr}.kg-steps li{padding-right:0}}.kg-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:0;padding:0;list-style:none}.kg-swatch__chip{aspect-ratio:1;margin-bottom:12px;background-color:var(--c,#D5E1E8);background-position:center;background-size:cover;border:1px solid rgba(0,0,0,.06)}.kg-swatch strong{display:block;font-weight:500;font-size:var(--kg-fs-sm)}.kg-swatch span{color:var(--kg-stone);font-size:var(--kg-fs-xs)}.kg-sec--ink .kg-swatch span,.kg-sec--marble .kg-swatch span,.kg-sec--wood .kg-swatch span{color:var(--kg-mist)}.kg-faq{border-top:1px solid var(--kg-line)}.kg-faq__item{border-bottom:1px solid var(--kg-line)}.kg-faq summary{position:relative;display:block;padding:24px 56px 24px 0;cursor:pointer;list-style:none;font:300 var(--kg-fs-h4)/1.3 var(--kg-serif)}.kg-faq summary::-webkit-details-marker{display:none}.kg-faq summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-7px;background:linear-gradient(currentColor,currentColor) center / 14px 1px no-repeat,linear-gradient(currentColor,currentColor) center / 1px 14px no-repeat;transition:transform .25s var(--kg-ease)}.kg-faq details[open] summary::after{transform:rotate(45deg)}.kg-faq__a{padding:0 0 24px;max-width:68ch;color:var(--kg-stone)}.kg-faq__a p:last-child{margin:0}.kg-sec--ink .kg-faq,.kg-sec--ink .kg-faq__item,.kg-sec--marble .kg-faq,.kg-sec--marble .kg-faq__item{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-faq__a,.kg-sec--marble .kg-faq__a{color:var(--kg-mist)}.kg-crumbs{margin:0 0 28px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--kg-fs-xs);color:var(--kg-mist)}.kg-crumbs li + li::before{content:"/";margin-right:6px;opacity:.6}.kg-crumbs a{text-decoration:none}.kg-crumbs a:hover{text-decoration:underline}.kg-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.kg-form .kg-field--full{grid-column:1 / -1}.kg-field label,.kg-field legend{display:block;margin:0 0 7px;font-size:var(--kg-fs-sm);font-weight:500}.kg-field .req{color:var(--kg-accent-ink)}.kg-input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #6F8597;border-radius:var(--kg-radius);background:#fff;color:var(--kg-ink);font-size:16px;transition:border-color .2s,box-shadow .2s}textarea.kg-input{min-height:104px;resize:vertical}select.kg-input{appearance:none;padding-right:40px;background:#fff right 16px center no-repeat}.kg-input:focus{outline:none;border-color:var(--kg-ink);box-shadow:0 0 0 3px rgba(92,192,234,.45)}.kg-input[aria-invalid="true"]{border-color:#A8261D}.kg-err{display:block;min-height:0;margin-top:6px;color:#A8261D;font-size:var(--kg-fs-xs)}.kg-err:empty{display:none}.kg-choice{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}.kg-choice label{position:relative;margin:0;font-weight:400}.kg-choice input{position:absolute;opacity:0}.kg-choice span{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;border:1px solid #6F8597;border-radius:999px;background:#fff;cursor:pointer;font-size:var(--kg-fs-sm)}.kg-choice input:checked + span{background:var(--kg-ink);border-color:var(--kg-ink);color:var(--kg-ivory)}.kg-choice input:focus-visible + span{outline:2px solid var(--kg-champagne);outline-offset:2px}.kg-consent,.kg-field .kg-consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--kg-fs-xs);color:var(--kg-stone);line-height:1.55}.kg-consent input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--kg-ink)}.kg-form__note{margin:0;color:var(--kg-stone);font-size:var(--kg-fs-xs)}.kg-form__status{grid-column:1 / -1;margin:0;padding:14px 16px;border-left:2px solid var(--kg-champagne);background:rgba(92,192,234,.14);font-size:var(--kg-fs-sm)}.kg-form__status:empty{display:none}.kg-hp{position:absolute;left:-9999px}@media (max-width:600px){.kg-form{grid-template-columns:1fr}}.kg-formbox{padding:clamp(24px,4vw,48px);background:var(--kg-paper);color:var(--kg-ink)}.kg-formbox h2,.kg-formbox h3{margin-bottom:.3em}.kg-formbox>p{color:var(--kg-stone)}@media (prefers-reduced-motion:no-preference){.js .kg-reveal{opacity:0;transform:translateY(18px);transition:opacity .9s var(--kg-ease),transform .9s var(--kg-ease)}.js .kg-reveal.is-in{opacity:1;transform:none}}.kg-lightbox{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:5vw;background:rgba(10,34,48,.94)}.kg-lightbox[hidden]{display:none}.kg-lightbox__stage{width:min(1100px,100%)}.kg-lightbox__stage .kg-slot{aspect-ratio:16 / 10}.kg-lightbox button{position:absolute;min-width:48px;min-height:48px;border:1px solid var(--kg-line-dark);background:rgba(10,34,48,.6);color:var(--kg-ivory);cursor:pointer;font-size:20px}.kg-lightbox__close{top:18px;right:18px}.kg-lightbox__prev{left:18px;top:50%}.kg-lightbox__next{right:18px;top:50%}.kg-lightbox__cap{margin-top:14px;color:var(--kg-mist);font-size:var(--kg-fs-sm);text-align:center}.kg-more{border-top:1px solid var(--kg-line);border-bottom:1px solid var(--kg-line)}.kg-more summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;min-height:48px;padding:12px 28px 12px 0;position:relative;cursor:pointer;list-style:none;font-size:var(--kg-fs-sm);font-weight:500}.kg-more summary::-webkit-details-marker{display:none}.kg-more summary span{color:var(--kg-stone);font-weight:400;font-size:var(--kg-fs-xs)}.kg-more summary::after{content:"";position:absolute;right:6px;top:20px;width:8px;height:8px;border:solid currentColor;border-width:0 1px 1px 0;transform:rotate(45deg);transition:transform .2s}.kg-more[open] summary::after{transform:rotate(-135deg);top:24px}.kg-more__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;padding:8px 0 20px}.kg-more__grid .kg-field--full{grid-column:1 / -1}.kg-lphero .kg-more__grid,.kg-more__grid--1{grid-template-columns:1fr}@media (max-width:600px){.kg-more__grid{grid-template-columns:1fr}}.kg-seam{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:max(640px,min(100svh,940px));color:var(--kg-ivory);background:var(--kg-ink);overflow:hidden;isolation:isolate}.kg-seam__sides{position:absolute;inset:0;z-index:-1;display:flex}.kg-seam__side{position:relative;flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--kg-gut) clamp(32px,5vw,64px);text-decoration:none;color:inherit;transition:flex-grow .9s var(--kg-ease);background:center / cover}.kg-seam__side--lux{background-image:linear-gradient(180deg,rgba(10,34,48,.7) 0%,rgba(10,34,48,.25) 45%,rgba(10,34,48,.85) 100%);align-items:flex-start}.kg-seam__side--indo{background-image:linear-gradient(180deg,rgba(10,34,48,.82) 0%,rgba(10,34,48,.45) 45%,rgba(10,34,48,.9) 100%);align-items:flex-end;text-align:right;padding-right:max(var(--kg-gut),96px)}.kg-seam__side--indo::before{content:"";position:absolute;top:62%;bottom:0;left:0;width:34px;background:var(--kg-cream-in) 0 0 / 34px;opacity:.92}.kg-seam__side--lux::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--kg-champagne);opacity:.7}@media (hover:hover) and (min-width:761px){.kg-seam__sides:hover .kg-seam__side{flex-grow:.78}.kg-seam__sides .kg-seam__side:hover,.kg-seam__sides .kg-seam__side:focus-visible{flex-grow:1.22}}.kg-seam__name{font:300 clamp(2.5rem,1.6rem + 3vw,4.5rem)/1 var(--kg-serif)}.kg-seam__side--indo .kg-seam__name{font-style:italic}.kg-seam__desc{max-width:30ch;margin:10px 0 18px;color:var(--kg-mist);font-size:var(--kg-fs-sm)}.kg-seam__side--indo .kg-seam__desc{color:#C7E6F3}.kg-seam__go{display:inline-block;padding-bottom:4px;border-bottom:1px solid var(--kg-champagne);font-size:var(--kg-fs-sm);font-weight:500}.kg-seam__side--indo .kg-seam__go{border-color:var(--kg-rattan)}.kg-seam__copy{position:relative;padding-top:calc(var(--kg-header-h) + clamp(40px,9vh,110px));pointer-events:none}.kg-seam__copy h1{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 p{max-width:46ch;margin:0 0 28px;color:#C7E6F3;font-size:var(--kg-fs-lg);line-height:1.55}.kg-seam__copy .kg-btns{pointer-events:auto}.kg-seam__sides-spacer{height:clamp(200px,30vh,300px)}@media (prefers-reduced-motion:no-preference){.kg-seam__side--indo{animation:kg-seam-open 1.5s .25s var(--kg-ease) both}.kg-seam__copy h1,.kg-seam__copy p,.kg-seam__copy .kg-btns{animation:kg-rise 1s var(--kg-ease) both}.kg-seam__copy p{animation-delay:.5s}.kg-seam__copy .kg-btns{animation-delay:.65s}}@keyframes kg-seam-open{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes kg-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:760px){.kg-seam{min-height:0;background:var(--kg-ink) center / cover}.kg-seam::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,34,48,.55)}.kg-seam__sides{position:relative;inset:auto;z-index:0;order:2;height:300px}.kg-seam__side{padding:0 18px 22px}.kg-seam__side--indo{padding-right:18px}.kg-seam__side--indo::before{top:0;width:14px;background-size:14px}.kg-seam__name{font-size:2.2rem}.kg-seam__desc{display:none}.kg-seam__copy{order:1;padding-bottom:40px}.kg-seam__sides-spacer{display:none}}.kg-phero{position:relative;display:flex;align-items:flex-end;min-height:clamp(440px,64vh,640px);padding:calc(var(--kg-header-h) + 72px) 0 clamp(48px,6vw,88px);background:var(--kg-ink) center / cover;color:var(--kg-ivory);isolation:isolate}.kg-phero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,34,48,.55),rgba(10,34,48,.86))}.kg-phero--wood{background-image:none}.kg-phero--wood::before{background:linear-gradient(180deg,rgba(10,34,48,.74),rgba(10,34,48,.92))}.kg-phero--tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:var(--kg-cream-in) 0 0 / 22px}.kg-phero--short{min-height:clamp(340px,46vh,460px)}.kg-phero h1{max-width:18ch;text-wrap:balance}.kg-phero .kg-lead{color:#C7E6F3}.kg-phero .kg-btns{margin-top:28px}.kg-split{display:grid;gap:clamp(32px,6vw,96px);grid-template-columns:1fr 1fr;align-items:center}.kg-split--7-5{grid-template-columns:7fr 5fr}.kg-split--5-7{grid-template-columns:5fr 7fr}.kg-split--top{align-items:start}@media (max-width:900px){.kg-split,.kg-split--7-5,.kg-split--5-7{grid-template-columns:1fr}.kg-split .kg-order-first-m{order:-1}}.kg-style + .kg-style{margin-top:clamp(64px,9vw,128px)}.kg-style__media{position:relative}.kg-style__media .kg-slot{aspect-ratio:5 / 4}.kg-style__media .kg-slot--small{position:absolute;width:38%;aspect-ratio:3 / 4;right:-6%;bottom:-10%;box-shadow:0 24px 48px rgba(10,34,48,.3)}.kg-style--rev .kg-style__media .kg-slot--small{right:auto;left:-6%}@media (max-width:900px){.kg-style__media .kg-slot--small{display:none}}.kg-style__name{margin:0 0 18px;font-size:var(--kg-fs-display);line-height:.95}.kg-style--indo .kg-style__name{font-style:italic;color:var(--kg-teak)}.kg-style__chips{display:flex;gap:10px;margin:26px 0 30px;padding:0;list-style:none}.kg-style__chips li{width:56px;height:56px;border-radius:50%;background-color:var(--c);background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.kg-ledger{margin:0;padding:0;list-style:none;border-top:1px solid var(--kg-line)}.kg-ledger>li{display:grid;grid-template-columns:minmax(220px,1.1fr) 1.6fr 220px;gap:24px 48px;align-items:start;padding:clamp(28px,4vw,48px) 0;border-bottom:1px solid var(--kg-line)}.kg-ledger h3{margin:0;font-size:var(--kg-fs-h3)}.kg-ledger p{margin:0 0 16px;color:var(--kg-stone)}.kg-ledger .kg-slot{aspect-ratio:4 / 3}.kg-ledger ul{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 18px;padding:0;list-style:none;font-size:var(--kg-fs-sm)}.kg-ledger ul li::before{content:"– ";color:var(--kg-accent-ink)}@media (max-width:900px){.kg-ledger>li{grid-template-columns:1fr}.kg-ledger .kg-slot{order:-1}}.kg-workshop__grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,96px);align-items:start}.kg-workshop__media{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kg-workshop__media .kg-slot:first-child{grid-column:1 / -1;aspect-ratio:16 / 10}@media (max-width:900px){.kg-workshop__grid{grid-template-columns:1fr}}.kg-cta__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,88px);align-items:start}.kg-cta__aside h2{max-width:13ch}.kg-cta__contact{display:grid;gap:14px;margin-top:32px}.kg-cta__contact dl{margin:0;display:grid;gap:14px}.kg-cta__contact dt{font-size:var(--kg-fs-xs);color:var(--kg-mist)}.kg-cta__contact dd{margin:0}@media (max-width:980px){.kg-cta__grid{grid-template-columns:1fr}}.kg-statement{max-width:22ch;margin:0;font:300 var(--kg-fs-h2)/1.18 var(--kg-serif);text-wrap:balance}.kg-info{width:100%;margin:0;border-collapse:collapse;font-size:var(--kg-fs-sm)}.kg-info th,.kg-info td{padding:14px 0;border-bottom:1px solid var(--kg-line);text-align:left;vertical-align:top}.kg-info th{width:38%;padding-right:20px;color:var(--kg-stone);font-weight:400}.kg-sec--ink .kg-info th,.kg-sec--ink .kg-info td{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-info th{color:var(--kg-mist)}.kg-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.kg-gallery>button{padding:0;border:0;background:none;cursor:zoom-in;grid-column:span 2}.kg-gallery>button:nth-child(1){grid-column:span 4;grid-row:span 2}.kg-gallery>button:nth-child(1) .kg-slot{aspect-ratio:auto;height:100%;min-height:100%}@media (max-width:760px){.kg-gallery{grid-template-columns:1fr 1fr}.kg-gallery>button,.kg-gallery>button:nth-child(1){grid-column:span 1;grid-row:auto}.kg-gallery>button:nth-child(1){grid-column:1 / -1}.kg-gallery>button:nth-child(1) .kg-slot{aspect-ratio:4 / 3}}.kg-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none}.kg-rooms h3{margin:16px 0 6px;font-size:var(--kg-fs-h4);font-weight:400}.kg-rooms p{margin:0;color:var(--kg-stone);font-size:var(--kg-fs-sm)}.kg-rooms .kg-slot{aspect-ratio:3 / 4}@media (max-width:980px){.kg-rooms{grid-template-columns:1fr 1fr}}@media (max-width:480px){.kg-rooms{grid-template-columns:1fr}.kg-rooms .kg-slot{aspect-ratio:4 / 3}}.kg-traits{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin:0;padding:0;list-style:none}.kg-traits li{padding:24px 0;border-top:1px solid var(--kg-line)}.kg-traits h3{font-size:var(--kg-fs-h4);font-weight:400;margin-bottom:.35em}.kg-traits p{margin:0;color:var(--kg-stone)}.kg-sec--ink .kg-traits li,.kg-sec--marble .kg-traits li,.kg-sec--wood .kg-traits li{border-color:var(--kg-line-dark)}.kg-sec--ink .kg-traits p,.kg-sec--marble .kg-traits p,.kg-sec--wood .kg-traits p{color:var(--kg-mist)}@media (max-width:860px){.kg-traits{grid-template-columns:1fr}}.kg-map{position:relative;aspect-ratio:16 / 10;background:var(--kg-ivory);border:1px solid var(--kg-line)}.kg-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) sepia(.12)}.kg-nap{display:grid;gap:22px;margin:0}.kg-nap dt{color:var(--kg-stone);font-size:var(--kg-fs-xs);margin-bottom:4px}.kg-nap dd{margin:0;font:300 var(--kg-fs-h4)/1.35 var(--kg-serif)}.kg-doc h2{font-size:var(--kg-fs-h4);font-weight:400;margin-top:2em}.kg-doc li{margin-bottom:.4em}.kg-center{min-height:80vh;display:flex;align-items:center;padding:calc(var(--kg-header-h) + 60px) 0 80px}.kg-center h1{max-width:16ch}.kg-lp .kg-lp__header .kg-header__cta{margin-left:auto}.kg-lp__phone{display:inline-flex;align-items:center;gap:8px;font-size:var(--kg-fs-sm);font-weight:500;text-decoration:none;white-space:nowrap}.kg-lp__phone svg{width:18px;height:18px}@media (max-width:600px){.kg-lp .kg-lp__cta .kg-btn{display:none}}.kg-lphero{position:relative;padding:calc(var(--kg-header-h) + clamp(32px,6vw,72px)) 0 clamp(48px,7vw,96px);background:var(--kg-ink) center / cover;color:var(--kg-ivory);isolation:isolate}.kg-lphero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(10,34,48,.92) 0%,rgba(10,34,48,.7) 55%,rgba(10,34,48,.5) 100%)}.t-indochine .kg-lphero{background-image:none}.t-indochine .kg-lphero::before{background:linear-gradient(100deg,rgba(10,34,48,.94) 0%,rgba(10,34,48,.8) 55%,rgba(10,34,48,.62) 100%)}.t-indochine .kg-lphero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:var(--kg-cream-in) 0 0 / 22px}.kg-lphero__grid{display:grid;grid-template-columns:1fr minmax(360px,480px);gap:clamp(32px,5vw,72px);align-items:start}.kg-lphero h1{font-size:clamp(2.3rem,1.4rem + 3.4vw,4.2rem);max-width:14ch;text-wrap:balance}.kg-lphero .kg-lead{color:#C7E6F3}.kg-lphero__points{margin:28px 0 32px;padding:0;list-style:none;display:grid;gap:12px}.kg-lphero__points li{position:relative;padding-left:30px}.kg-lphero__points li::before{content:"";position:absolute;left:0;top:.72em;width:16px;height:1px;background:var(--kg-accent)}.kg-lphero .kg-formbox{box-shadow:0 30px 60px rgba(0,0,0,.35)}.kg-lphero .kg-formbox .kg-form{grid-template-columns:1fr;gap:14px}.kg-lphero .kg-formbox .kg-input{min-height:48px}@media (max-width:980px){.kg-lphero__grid{grid-template-columns:1fr}.kg-lphero .kg-formbox{max-width:620px}}.kg-lpfacts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none}.kg-lpfacts li{padding:26px 24px 26px 0;border-right:1px solid var(--kg-line);margin-right:24px}.kg-lpfacts li:last-child{border:0;margin:0}.kg-lpfacts strong{display:block;font:300 var(--kg-fs-h4)/1.2 var(--kg-serif);margin-bottom:4px}.kg-lpfacts span{color:var(--kg-stone);font-size:var(--kg-fs-sm)}@media (max-width:860px){.kg-lpfacts{grid-template-columns:1fr 1fr}.kg-lpfacts li{border:0;border-top:1px solid var(--kg-line);margin:0;padding-right:16px}}.kg-lp__footer{padding-bottom:0}.kg-lp__footer .kg-footer__bottom{border:0}@media (max-width:600px){.kg-lp__footer{padding-bottom:64px}}
/* ===== xem-nhanh-v3: theme KiGin A + ảnh KiGin (ghi đè, 17/10/2026) ===== */
.t-indochine{--kg-accent:var(--kg-champagne);--kg-accent-ink:var(--kg-champagne-ink);--kg-accent-on:var(--kg-ink)}
.t-indochine .kg-btn--solid:hover{background:var(--kg-champagne-lt)}
:focus-visible{outline-color:var(--kg-teak)}
.kg-header :focus-visible,.kg-sec--ink :focus-visible,.kg-sec--marble :focus-visible,.kg-sec--wood :focus-visible,.kg-footer :focus-visible,.kg-seam :focus-visible,.kg-lphero :focus-visible{outline-color:var(--kg-champagne)}
.kg-logo{display:inline-flex;align-items:center;min-height:44px}
.kg-logo img{height:40px;width:auto;display:block}
.kg-footer__brand img{height:56px;width:auto;display:block}
.kg-input{border-color:#6F8597;background:#fff}
.kg-slot{background-color:var(--kg-ink-2);background-size:cover;background-position:center}
.kg-slot figcaption{left:18px;right:auto;bottom:18px;padding:6px 10px;border-radius:4px;background:rgba(10,34,48,.84);color:#fff}
.kg-slot figcaption::before{display:none}
.kg-style--rev .kg-style__media>.kg-slot:first-child figcaption{left:18px;right:auto;justify-content:flex-start}
.kg-seam__side--indo::before,.t-indochine .kg-lphero::after{display:none}
.kg-sec--marble,.kg-sec--wood{background-image:none}
.kg-card__body h3 .kg-todo{font-size:.75rem}
@media (min-width:1000px){.kg-steps{grid-template-columns:repeat(4,1fr)}}
.kg-reveal,.js .kg-reveal{opacity:1!important;transform:none!important;transition:none!important}
.kg-demobar{background:rgba(10,34,48,.94);color:#fff;border-color:rgba(199,230,243,.5)}
/* v3: nút nhấn trong mảng tối giữ chữ navy (kg-sec--*  a{color:inherit} làm chữ nút thành trắng, tương phản ~2:1) */
.kg-sec--ink .kg-btn--solid,.kg-sec--marble .kg-btn--solid,.kg-sec--wood .kg-btn--solid{color:var(--kg-accent-on)}
/* ===== font (17/10/2026): chữ thân KG Inter; h1, h2 Inter đậm; dòng nhấn serif nghiêng Cambria (như v2) ===== */
h1,h2,.kg-statement,.kg-prose h2,.kg-doc h2{font-family:var(--kg-sans);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.kg-footer .kg-footer__h{font-weight:600;letter-spacing:.02em;line-height:1.4}
h3,h4,.kg-card h3,.kg-steps h3,.kg-rooms h3,.kg-traits h3{font-family:var(--kg-sans);font-weight:600;letter-spacing:-.01em}
.kg-faq summary,.kg-nap dd,.kg-nav button{font-family:var(--kg-sans);font-weight:500}
.kg-seam__name,.kg-style__name,.kg-steps li::before,.kg-facts dd,.kg-lpfacts strong{font-family:var(--kg-serif);font-style:italic;font-weight:400;letter-spacing:0}
/* ===== v3 sửa theo QC v2 (17/10/2026) ===== */
html{scroll-padding-bottom:140px}
main:focus{outline:none}
.kg-formbox :focus-visible{outline-color:var(--kg-teak)}
.kg-mbar :focus-visible{outline:2px solid #fff;outline-offset:-4px}
.kg-mbar .kg-mbar__quote:focus-visible{outline-color:var(--kg-ink)}
.kg-float :focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--kg-ink)}
.kg-demobar :focus-visible{outline:2px solid #fff;outline-offset:-3px}
.kg-seam__side:focus-visible{outline:3px solid #fff;outline-offset:-10px}
.kg-seam__side--lux::after{top:var(--kg-header-h)}
.kg-skip:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--kg-ink)}
.kg-choice input:focus-visible + span{outline-color:var(--kg-teak)}
/* vùng bấm: tối thiểu 24 px mọi khổ (WCAG 2.5.8), 44 px ở khổ máy tính bảng và điện thoại */
.kg-footer li a,.kg-footer dd a,.kg-footer__brand a,.kg-footer__bottom a,.kg-cta__contact a,.kg-crumbs a,.kg-info a,.kg-nap a{display:inline-flex;align-items:center;min-height:24px;min-width:24px}
.kg-footer{padding-bottom:96px}/* chừa chỗ cho thanh demo và nút nổi, không che chữ cuối trang */
.kg-consent,.kg-field .kg-consent{min-height:24px}
.kg-phero :focus-visible,.kg-crumbs :focus-visible{outline-color:var(--kg-champagne)}
@media (max-width:760px){:root{--kg-fs-sm:1rem;--kg-fs-xs:.875rem}.kg-todo{font-size:.8125rem}}/* mobile: chữ thân tối thiểu 16 px */
body{padding-bottom:0}/* chân trang đã có đệm 96 px, bỏ đệm thân trang 58 px để không lộ dải trắng dưới chân trang */
@media (max-width:1024px){
.kg-crumbs li{display:flex;align-items:center}
.kg-lp__phone{display:inline-flex;align-items:center;min-height:44px}
.kg-footer li a,.kg-footer dd a,.kg-footer__brand a,.kg-footer__bottom a,.kg-cta__contact a,.kg-nap a,.kg-info a,.kg-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.kg-footer li{margin:0}
.kg-nap a,.kg-info a,.kg-link{border-bottom:0;text-decoration:underline;text-decoration-color:var(--kg-accent);text-decoration-thickness:1px;text-underline-offset:6px}
.kg-link{min-height:44px;align-items:center}
.kg-consent,.kg-field .kg-consent{min-height:44px;align-items:center}
.kg-consent input{width:24px;height:24px;margin:0}
.kg-demobar button{min-height:44px}
.kg-logo{min-height:44px}
.kg-lp__footer .kg-footer__bottom a{min-height:44px}
}


/* Sửa trang chủ v3 · CSS người dùng đã pass từng chặng trên browser pane 17/10/2026 (nguồn: work/T2/8/sua-home-v3/chang.css, đã bỏ phương án không chọn)
   Chặng 0 · Hệ chung (17/10/2026) */

/* 0.1 Một kiểu nút: bo góc 4px (đồng bộ 23/10/2026, Giám Sát duyệt; trước đó 3px rồi 4px riêng từng trang), cao 48px, chữ 600 */
/* 23/10/2026 (Giám Sát chọn thang ba cỡ): M = 52 px, chữ 16 px, đệm 32 px (mặc định mọi kg-btn); S = kg-btn--sm 44 px, chữ 15 px, đệm 22 px (chỉ nút Yêu cầu báo giá ở header); L = kg-ab-actions .kg-btn 58 px, chữ 17 px, đệm 44 px (mobile 54 px) */
.kg-btn{border-radius:4px;min-height:52px;padding:0 32px;font-weight:600;letter-spacing:0}
.kg-btn.kg-btn--sm{min-height:44px;padding:0 22px;font-size:15px}
.kg-btn--line{border-width:1.5px}

/* 0.2 Chú thích quyền ảnh không đè lên ảnh: ẩn khỏi mắt (máy đọc màn hình vẫn đọc);
   thông báo chung "ảnh phối cảnh 3D là minh họa" đã có ở thanh ghi chú cuối trang */
.kg-slot figcaption{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;padding:0!important;margin:-1px;border:0}

/* ô chưa có ảnh (Giường): giữ nhãn "Ảnh chờ KiGin", đặt giữa ô */
.kg-slot:not([class*="ph-"]) figcaption{width:auto;height:auto;clip:auto;white-space:normal;margin:0;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.85}
.kg-slot:not([class*="ph-"]) figcaption::before{display:none}

/* 0.3 Nhãn "chờ KiGin": viên nhỏ nền nhạt, không viền nét đứt (không giống ô nhập) */
.kg-todo{border:0;border-radius:999px;padding:.12em .7em;background:rgba(92,192,234,.16);opacity:1;font-weight:500}
.kg-todo-block{border:0;border-left:3px solid var(--kg-accent);border-radius:0 8px 8px 0;background:rgba(92,192,234,.09);opacity:1;padding:12px 16px}

/* 0.4 Serif nghiêng chỉ dùng cho dòng nhấn; tên dòng, số bước, dữ liệu dùng chữ thường */
.kg-style__name,.kg-steps li::before,.kg-facts dd,.kg-lpfacts strong{font-family:var(--kg-sans);font-style:normal;font-weight:400;letter-spacing:-.01em}
.kg-facts dd{font-size:18px;line-height:1.35}
.kg-style--indo .kg-style__name{font-style:normal}
/* (người dùng chọn giữ hero chia đôi gốc của v3, ảnh prnt.sc/fkHvOgumS_oy: tên Luxury/Indochine trong hero giữ serif nghiêng) */

/* Chặng 1 · hero: giữ kiểu chia đôi gốc, chỉ làm h1 nhỏ lại (gốc tới 86px ở 1440) */
.kg-seam__copy h1{font-size:clamp(2.2rem,1rem + 2.6vw,3rem);line-height:1.2}   /* 24/10/2026 (Giám Sát): H1 hero trang chủ tối đa 48 px, giãn dòng 1,2 (trước 54 px, 1,04) */
/* nền tối mềm sau khối chữ hero để đoạn mô tả đạt tương phản (lỗi QC-2), không đổi kiểu */
.kg-seam__copy{position:relative;isolation:isolate}
.kg-seam__copy::before{z-index:-1;content:"";position:absolute;z-index:-1;left:-12%;right:-6%;top:-14%;bottom:-14%;background:radial-gradient(farthest-side at 35% 50%,rgba(10,34,48,.78),rgba(10,34,48,.5) 70%,rgba(10,34,48,0));pointer-events:none}

/* Chặng 2 · Về KiGin + hai dòng (17/10/2026). Xem thử: ?c2=a (giữ bố cục) | ?c2=b (2 thẻ cân nhau) */
/* tên dòng dùng serif nghiêng như hero (người dùng thích hero kiểu đó), cỡ vừa */
.kg-style__name,.kg-style--indo .kg-style__name{font-family:var(--kg-serif);font-style:italic;font-weight:300;letter-spacing:0;font-size:clamp(40px,3.4vw,54px);line-height:1.05}
/* A: giữ zigzag ảnh lớn + ảnh nhỏ, chỉ gọn lại */
.kg-style{margin-top:56px}
/* B: hai thẻ cạnh nhau, cùng chiều cao, một ảnh mỗi thẻ */


/* Chặng 3 · Ba cách đặt hàng + sản phẩm (17/10/2026). Xem thử: ?c3=a | ?c3=b. Hai dòng đã chốt A (người dùng chọn). */
/* sản phẩm (chung): nhãn "tên mẫu, kích thước" xuống dưới tên, không dính tiêu đề */
.kg-card h3 .kg-todo{display:block;width:max-content;margin:8px 0 0;font-size:12px}
.kg-card h3{font-weight:400}
/* ba cách đặt hàng (chung): gạch đầu dòng thành nhãn nhỏ */
.kg-ledger ul li::before{content:none}
.kg-ledger ul{gap:8px}
.kg-ledger ul li{padding:5px 12px;border-radius:999px;background:var(--kg-cream-in,#E3F4FA);font-size:13px;line-height:1.3}
/* A: giữ hàng ngang, ảnh to hơn (220 → 340px) */
@media (min-width:981px){.kg-ledger>li{grid-template-columns:minmax(200px,.9fr) 1.5fr 340px;align-items:center}}
.kg-ledger .kg-slot{border-radius:12px;overflow:hidden}
/* B: 3 cột ngang, ảnh trên, chữ dưới */

/* Chặng 4 · Xưởng, quy trình, hỏi đáp, form, footer (17/10/2026). Ba cách đặt hàng đã chốt A. */
/* quy trình: số bước trong vòng tròn, đường nối giữa các bước */
.kg-steps li{border-top:0;padding-top:0}
.kg-steps li::before{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:50%;background:#E3F4FA;color:#0D4F6D;font:700 20px/1 var(--kg-sans);position:relative;z-index:1}
.kg-steps li::after{content:"";position:absolute;top:26px;left:52px;right:0;height:2px;background:var(--kg-line)}
.kg-steps li:last-child::after{display:none}
.kg-sec--ink .kg-steps li::before,.kg-sec--marble .kg-steps li::before,.kg-sec--wood .kg-steps li::before{background:rgba(92,192,234,.16);color:#5CC0EA}
/* ảnh xưởng và các khung ảnh: bo góc như khối ba cách đặt hàng */
.kg-sec--wood .kg-slot,.kg-style__media .kg-slot{border-radius:12px;overflow:hidden}
/* hỏi đáp: dòng câu hỏi đủ cao để bấm, đậm vừa */
.kg-faq__item summary{min-height:56px;font-weight:600}
/* form: ô nhập bo góc như nút nhưng vừa phải */
.kg-input{border-radius:10px}

/* Chặng 4b · theo nhận xét người dùng (17/10/2026) */
/* 1) font: trở về font gốc của v3 (người dùng: "sử dụng font chữ ban đầu Noto Serif Display, Be Vietnam Pro").
   Be Vietnam Pro có 400/500/600 (không có 700), Noto Serif Display có 300/400, nghiêng 300. */
:root,html{--kg-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--kg-serif:"Noto Serif Display","Times New Roman",serif}
body{font-family:var(--kg-sans)}
/* tiêu đề như bản gốc ban đầu: Noto Serif Display mảnh 300 (người dùng chọn 11:55); chữ thân Be Vietnam Pro */
h1,h2,h3,h4,.kg-seam__copy h1,.kg-card h3,.kg-steps h3,.kg-ledger h3{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 h1 line-height 1.04; cỡ giữ nhỏ như người dùng đã duyệt */
.kg-seam__copy h1{line-height:1.2}   /* 24/10/2026: giãn dòng 1,2, thay 1,04 */
.kg-seam__name{font-family:var(--kg-serif);font-style:italic;font-weight:300}
/* 2) hero: mô tả mỗi nửa nằm 1 hàng; rê chuột vào một nửa thì nền sáng lên */
@media (min-width:981px){.kg-seam__desc{white-space:nowrap}}
/* hover hai nửa hero mượt (ảnh prnt.sc/OzpqmyTZ4ix9 "hover trái và phải slider bị giựt không mượt mà"):
   lỗi do quy tắc transition:filter ghi đè transition:flex-grow gốc nên hai nửa nhảy bước, và filter trên ảnh nền lớn rất nặng.
   Sửa: giữ transition flex-grow gốc, bỏ filter, làm sáng bằng lớp phủ trắng đổi opacity (nhẹ, chạy trên GPU) */
.kg-seam__side{transition:flex-grow .9s var(--kg-ease);will-change:flex-grow}
.kg-seam__side--lux::before,.kg-seam__side--indo::after{content:"";position:absolute;inset:0;z-index:0;background:rgba(255,255,255,.16);opacity:0;transition:opacity .7s ease;pointer-events:none}
.kg-seam__side>*{position:relative;z-index:1}
.kg-seam__side:hover::before,.kg-seam__side:focus-visible::before,.kg-seam__side:hover::after,.kg-seam__side:focus-visible::after{opacity:1}
.kg-seam__side--lux:hover::after{opacity:.7}
/* 3) một hiệu ứng hover chung cho mọi nút và link hành động: nhấc lên 2px + đổi màu */
.kg-btn,.kg-link,.kg-seam__go{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease}
.kg-btn:hover,.kg-link:hover,.kg-seam__side:hover .kg-seam__go{transform:translateY(-2px)}
.kg-btn:hover{box-shadow:0 8px 20px rgba(10,34,48,.22)}
.kg-link:hover{color:#136F9A}
.kg-sec--ink .kg-link:hover,.kg-sec--wood .kg-link:hover,.kg-seam__side:hover .kg-seam__go{color:#5CC0EA}
@media (prefers-reduced-motion:reduce){.kg-btn:hover,.kg-link:hover,.kg-seam__side:hover .kg-seam__go{transform:none}}
h2,.kg-sec h2,.kg-head h2{font-weight:400}

/* Trang con · Sản phẩm (desktop, 17/10/2026) — áp chung cho các trang có cùng khối */
/* ô chưa có ảnh trên nền sáng: nền xanh nhạt, chữ xanh đậm (không thành khối tối nặng) */
.kg-sec--paper .kg-slot:not([class*="ph-"]),.kg-sec--ivory .kg-slot:not([class*="ph-"]),.kg-sec:not(.kg-sec--ink):not(.kg-sec--wood):not(.kg-sec--marble) .kg-slot:not([class*="ph-"]){background:#E3F4FA;color:#0D4F6D}
.kg-sec:not(.kg-sec--ink):not(.kg-sec--wood):not(.kg-sec--marble) .kg-slot:not([class*="ph-"])::after,.kg-sec:not(.kg-sec--ink):not(.kg-sec--wood):not(.kg-sec--marble) .kg-slot:not([class*="ph-"])::before{border-color:rgba(13,79,109,.25)}
/* tên dòng Luxury / Indochine ở mọi khối hai dòng: serif nghiêng như trang chủ */
.kg-split--top>div>h3{font-family:var(--kg-serif);font-style:italic;font-weight:300;font-size:clamp(34px,2.6vw,44px);line-height:1.1}
/* tiêu đề dải kêu gọi: chia dòng cân, không để 1 chữ rơi xuống dòng */
.kg-sec h2,.kg-head h2{text-wrap:balance}
.kg-sec:not(.kg-sec--ink):not(.kg-sec--wood):not(.kg-sec--marble) .kg-slot:not([class*="ph-"]) figcaption{background:transparent;color:#0D4F6D;font-weight:600}

/* Trang con · Sản xuất theo yêu cầu (desktop): h1 ở hero trang con nhỏ lại cho cùng tỷ lệ trang chủ (76 → khoảng 52px) */
.kg-phero h1{font-size:var(--kg-fs-h1);line-height:1.06;max-width:none}   /* 23/10/2026 (Giám Sát, bản sao uiux): bỏ max-width 18ch cho H1 hero mọi trang con; luật 18ch gốc nằm trong CSS nhập từ ../xem-nhanh nên ghi đè ở đây */

/* Hero trang chủ: khối chữ luôn nằm giữa, cân trên dưới, trong vùng giữa header và hàng Luxury/Indochine (ảnh prnt.sc/e5R55BvMzPBY) */
@media (min-width:761px){
.kg-seam__copy{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding-top:var(--kg-header-h)!important;padding-bottom:28px!important}
.kg-seam__copy h1{margin-top:0}
.kg-seam__copy .kg-btns{margin-bottom:0}
}

/* Hover chung (người dùng chốt 17/10): nền trượt từ trái qua phải, thay cho nhấc 2px. Áp cho mọi nút .kg-btn và link hành động .kg-link, .kg-seam__go */
.kg-btn,.kg-link,.kg-seam__go{position:relative;isolation:isolate;overflow:hidden}
.kg-btn::before,.kg-link::before,.kg-seam__go::before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.kg-btn:hover::before,.kg-btn:focus-visible::before,.kg-link:hover::before,.kg-link:focus-visible::before,.kg-seam__side:hover .kg-seam__go::before{transform:scaleX(1)}
.kg-btn--solid::before{background:#C7E6F3}
.kg-btn--solid:hover{background:var(--kg-accent)}
.kg-btn--line::before,.kg-link::before,.kg-seam__go::before{background:currentColor;opacity:.16}
.kg-btn--ink::before{background:#164359}
.kg-btn--teak::before{background:#0F587B}
.kg-btn:not(.kg-btn--solid):not(.kg-btn--line):not(.kg-btn--ink):not(.kg-btn--teak)::before{background:rgba(255,255,255,.18)}
/* bỏ hiệu ứng nhấc lên cũ */
.kg-btn:hover,.kg-link:hover,.kg-seam__side:hover .kg-seam__go{transform:none;box-shadow:none}
@media (prefers-reduced-motion:reduce){.kg-btn::before,.kg-link::before,.kg-seam__go::before{transition:none}}

/* người dùng chốt lại khoảng 12:15: tiêu đề (heading) Noto Serif Display; chữ p và nội dung Be Vietnam Pro */

/* Đồng bộ mọi nút dạng chữ (ảnh prnt.sc/aTUTA6IQeLdv: "các btn giống nhau thì đồng bộ tất cả button"):
   Xem dòng Luxury / Indochine, Về KiGin, Báo giá sản phẩm…, Gửi mẫu… cùng một kiểu: cỡ, đậm, lề, gạch chân, hover */
.kg-link,.kg-seam__go{display:inline-flex!important;align-items:center;width:max-content;max-width:100%;min-height:44px;padding:0 10px!important;margin:0!important;border:0!important;border-bottom:1px solid #5CC0EA!important;font-size:15px;font-weight:500;letter-spacing:0;text-decoration:none;line-height:1.3}
.kg-seam__side--indo .kg-seam__go{align-self:flex-end}
.kg-btns .kg-link{align-self:center;min-height:44px;height:44px}
/* mọi heading kể cả câu lớn "Một xưởng, một đầu mối" và tiêu đề cột chân trang: Noto Serif Display */
.kg-statement,h2.kg-statement,.kg-footer .kg-footer__h,.kg-footer h3{font-family:var(--kg-serif)!important;font-weight:400}
.kg-footer .kg-footer__h,.kg-footer h3{font-weight:400}

/* Khối hai dòng (ảnh prnt.sc/Nh6v4Z33ojLu): tiêu đề 3 hàng → 2 hàng; đoạn mô tả thẳng cột chữ "Luxury" bên dưới (cùng lưới 7/5) */
@media (min-width:901px){
.kg-sec[aria-labelledby="phong-cach"] .kg-head--split{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,6vw,96px)}
.kg-sec[aria-labelledby="phong-cach"] .kg-head h2{max-width:none}
}

/* người dùng 17/10 12:30: heading đậm hơn (300 → 400); tên dòng nghiêng giữ 300 vì Noto Serif Display chỉ có nghiêng 300 */
h1,h2,h3,h4{font-weight:400}
.kg-seam__name,.kg-style__name{font-weight:300}

/* Khối Indochine đồng nhất style với khối Luxury (ảnh prnt.sc/VFeDt6DkFJQ9): cùng màu tên dòng, cùng nút, cùng nhãn chờ KiGin */
.kg-style--indo .kg-style__name{color:var(--kg-ink)}
.t-indochine.kg-style .kg-todo-block{background:rgba(92,192,234,.09);border-left-color:#5CC0EA}
.t-indochine.kg-style .kg-btn--ink{background:var(--kg-ink);color:var(--kg-ivory)}
.t-indochine.kg-style .kg-link{color:inherit}

/* Khoảng cách giữa hai khối Luxury và Indochine (ảnh prnt.sc/MGweKfGxkIdm): tăng 100px, đều trên dưới; co theo iPad và mobile */
.kg-style + .kg-style{margin-top:100px}
@media (max-width:1024px){.kg-style + .kg-style{margin-top:72px}}
@media (max-width:600px){.kg-style + .kg-style{margin-top:48px}}

/* Danh mục mẫu tham khảo Luxury / Indochine (chữ của PM, không chép site khác; nhãn rõ chưa phải mẫu KiGin) */
.kg-sample{margin:18px 0 0;padding:14px 16px;border-left:3px solid #5CC0EA;border-radius:0 8px 8px 0;background:rgba(92,192,234,.09)}
.kg-sample__lab{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#0D4F6D}
.kg-sample ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.kg-sample li{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #D5E1E8;font-size:14px;line-height:1.3}

/* Hai nút cạnh nhau cao bằng nhau (ảnh prnt.sc/CLbn38T6cGEl): link trong hàng nút cao 48px như nút */
.kg-btns .kg-link{align-self:stretch;height:auto;min-height:48px;box-sizing:border-box}
.kg-btns{align-items:stretch}

/* Khoảng cách THỊ GIÁC giữa khối Luxury và Indochine = 100px (ảnh prnt.sc/Mg9wTUSFg5G0): khung ảnh nhỏ thò ra ngoài khối 54px
   nên đo từ đáy ảnh nhỏ chỉ còn 46px. Đưa phần thò ra vào trong khối bằng padding-bottom; iPad và mobile co lại */
.kg-style .kg-style__media .kg-slot--small{bottom:-54px}
.kg-style{padding-bottom:54px}
@media (max-width:1024px){.kg-style .kg-style__media .kg-slot--small{bottom:-40px}.kg-style{padding-bottom:40px}}
@media (max-width:600px){.kg-style .kg-style__media .kg-slot--small{bottom:-28px}.kg-style{padding-bottom:28px}}

/* 20/10/2026 (người dùng): khối CTA 2 nút thẳng hàng, nút báo giá xanh đậm, không Zalo (cta_band duo=True) */
.kg-btns--duo .kg-btn--solid,.kg-sec--marble .kg-btns--duo .kg-btn--solid{background:#136F9A;color:#fff}
.kg-btns--duo .kg-btn--solid:hover{background:#0F587B}
.kg-btns--duo .kg-btn--solid::before{background:#0F587B}

/* 20/10/2026 (crawl đồng nhất style): H3 của .kg-traits dùng serif 400 như .kg-card h3 và .kg-steps h3 (trước là sans 600, lệch) */
.kg-traits h3{font-family:var(--kg-serif);font-weight:400;line-height:1.12;letter-spacing:-.01em;font-variant-numeric:lining-nums}

/* 20/10/2026 (Giám Sát: đồng nhất style, crawl KIEM-DONG-NHAT-STYLE.md) */
/* Liên kết trong thân bài trên nền sáng: xanh Teak, gạch chân mảnh, hover Ink (khớp liên kết hỏi đáp và style guide) */
.kg-sec--paper p a:not(.kg-btn):not(.kg-link),.kg-sec--ivory p a:not(.kg-btn):not(.kg-link),.kg-sec--cream p a:not(.kg-btn):not(.kg-link){color:#136F9A;text-decoration:none;transition:color .25s ease}
.kg-sec--paper p a:not(.kg-btn):not(.kg-link):hover,.kg-sec--ivory p a:not(.kg-btn):not(.kg-link):hover,.kg-sec--cream p a:not(.kg-btn):not(.kg-link):hover{color:#0A2230}
html[data-theme="dark"] .kg-sec--paper p a:not(.kg-btn):not(.kg-link),html[data-theme="dark"] .kg-sec--ivory p a:not(.kg-btn):not(.kg-link),html[data-theme="dark"] .kg-sec--cream p a:not(.kg-btn):not(.kg-link){color:#7FD0F0}
html[data-theme="dark"] .kg-sec--paper p a:not(.kg-btn):not(.kg-link):hover,html[data-theme="dark"] .kg-sec--ivory p a:not(.kg-btn):not(.kg-link):hover,html[data-theme="dark"] .kg-sec--cream p a:not(.kg-btn):not(.kg-link):hover{color:#FFFFFF}
/* H3 trong thẻ: 21 px ở mọi trang (trang Năng lực từng 28 px) */
.kg-card h3{font-size:1.315rem}
@media (max-width:700px){.kg-card h3{font-size:1.2rem}}
/* 23/10/2026 (Giám Sát duyệt đồng bộ UI/UX, luật Hybrid): H3 tên thẻ sản phẩm ở trang chủ dùng Be Vietnam Pro 600 như thẻ ở trang Sản phẩm (trước: Noto Serif Display 400); cỡ giữ theo .kg-card[data-tags] h3 (18 đến 22 px). Heading cỡ hiển thị (kg-ledger h3, tiêu đề hộp form, tên dòng Luxury/Indochine) giữ serif vì là tiêu đề lớn, không phải H3 thẻ. */
.kg-card h3{font-family:var(--kg-sans);font-style:normal;font-weight:600;letter-spacing:0}
/* Màu chữ thân bài trên nền sáng: xám xanh Stone cho mọi đoạn thường; đoạn dẫn .kg-lead và đoạn có class giữ kiểu riêng */
.kg-sec--paper p:not([class*="kg-"]),.kg-sec--ivory p:not([class*="kg-"]),.kg-sec--cream p:not([class*="kg-"]){color:var(--kg-stone)}

/* 20/10/2026: đoạn thường trong khối chia cột cũng dùng Stone; H3 traits và steps 24 px khớp style guide */
.kg-sec--paper .kg-split p:not(.kg-lead):not([class*="kg-"]),.kg-sec--ivory .kg-split p:not(.kg-lead):not([class*="kg-"]),.kg-sec--cream .kg-split p:not(.kg-lead):not([class*="kg-"]),.kg-sec--paper .kg-wrap p:not(.kg-lead):not([class*="kg-"]),.kg-sec--ivory .kg-wrap p:not(.kg-lead):not([class*="kg-"]){color:var(--kg-stone)}
.kg-traits h3,.kg-steps h3{font-size:1.5rem}

/* 20/10/2026 (vòng 9, theo bên thứ 3 vòng 7 và 8): trang Về KiGin */
/* hero ảnh xưởng KiGin: lớp phủ nhẹ hơn để thấy ảnh, chữ vẫn đủ tương phản */
body[data-page="about"] .kg-phero::before{background:linear-gradient(180deg,rgba(10,34,48,.78) 0,rgba(10,34,48,.76) 55%,rgba(10,34,48,.62) 100%)}
/* ảnh khối Doanh nghiệp: cắt bỏ phần sàn, hiện chú thích ở mép dưới ảnh */
body[data-page="about"] .kg-slot.ph-cty-nm-xuong-rong{aspect-ratio:16/9;height:auto;background-position:center 8%}
body[data-page="about"] .kg-slot.ph-cty-nm-xuong-rong figcaption{position:absolute!important;left:0;right:0;bottom:0;top:auto;width:auto;height:auto;clip:auto;margin:0;padding:10px 14px!important;white-space:normal;display:block;background:rgba(10,34,48,.72);color:#F6F9FB;font-size:14px;opacity:1}
/* H3 khối mô hình và quy trình: khớp style guide (dòng 1,2 và lề dưới) */
.kg-traits h3,.kg-steps h3{line-height:1.2;margin-bottom:.5em}
@media (min-width:981px){.kg-steps:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Về KiGin 21/10/2026: sửa lệch nhỏ (chỉ trang about) */
body[data-page="about"] .kg-facts--solo>div{grid-column:1/-1}
body[data-page="about"] .kg-traits li{display:flex;flex-direction:column}
body[data-page="about"] .kg-traits li p{margin-top:auto}
body[data-page="about"] .kg-traits h3{text-wrap:balance}
@media (max-width:560px){body[data-page="about"] .kg-traits h3{font-size:1.25rem}}
body[data-page="about"] .kg-slot.ph-cty-nm-xuong-rong::after{display:none}

/* Về KiGin: lưới 4 ảnh xưởng thật */
.kg-photos4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kg-photos4 .kg-slot{aspect-ratio:4/3;min-height:0;height:auto}
@media (max-width:820px){.kg-photos4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kg-photo{margin:0}
.kg-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.kg-photo figcaption{font-size:14px;margin-top:8px;color:var(--kg-stone)}
.kg-photos3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.kg-photos3 .kg-slot{aspect-ratio:3/2;min-height:0;height:auto}
@media (max-width:820px){.kg-photos3{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Bản demo cho khách (21/10/2026, Giám Sát): class hide-todo trên body ẩn thêm ô trống và dòng minh họa; bỏ class là hiện lại */
.hide-todo .kg-pending{display:none}
body.hide-todo[data-page="product_detail"] .kg-phero .kg-lead{display:none}

/* 21/10/2026 (Giám Sát): cụm Zalo/Gọi nổi sang bên trái; bên phải là nút lên đầu trang. Mobile: cụm Zalo/Gọi đã ẩn (có thanh dưới), nút lên đầu trang nằm trên thanh đó. */
.kg-float{right:auto;left:20px}
.kg-totop{position:fixed;right:20px;bottom:24px;z-index:90;display:grid;place-items:center;width:54px;height:54px;padding:0;border-radius:50%;background:var(--kg-ink);color:var(--kg-champagne-lt);border:1px solid rgba(199,230,243,.45);box-shadow:0 8px 24px rgba(10,34,48,.28);cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
.kg-totop[hidden]{display:none}
.kg-totop.is-on{opacity:1;transform:none;pointer-events:auto}
.kg-totop.is-on:hover{transform:translateY(-2px)}
.kg-totop svg{width:22px;height:22px}
.kg-totop:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px var(--kg-ink)}
html[data-theme="dark"] .kg-totop{background:#123246;border-color:rgba(199,230,243,.35)}
@media (max-width:600px){.kg-totop{width:48px;height:48px;right:14px;bottom:calc(56px + 14px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.kg-totop{transition:none}.kg-totop.is-on:hover{transform:none}}

/* 21/10/2026 (Giám Sát, chọn "chữ trắng + nền xanh logo"): nút kg-btn--solid toàn site chữ trắng trên nền xanh logo #136F9A (trắng/#136F9A 5,5:1, đạt AA; trước: chữ navy trên #5CC0EA). Hover nền #0F587B. Không đụng nút có luật riêng theo trang (gradient Về KiGin, .kg-btns--duo). */
.kg-btn--solid,.kg-sec--ink .kg-btn--solid,.kg-sec--marble .kg-btn--solid,.kg-sec--wood .kg-btn--solid{background:#136F9A;color:#fff}
.kg-btn--solid:hover,.kg-btn--solid:focus-visible,.t-indochine .kg-btn--solid:hover,.kg-sec--ink .kg-btn--solid:hover,.kg-sec--marble .kg-btn--solid:hover,.kg-sec--wood .kg-btn--solid:hover{background:#0F587B;color:#fff}
.kg-btn--solid::before{background:#0F587B}

/* 22/10/2026 (Giám Sát): nút nổi desktop giống hệt mẫu: hai viên cao 46px cách nhau 10px, "Nhận báo giá qua Zalo" nền #0068FF và "Gọi 097 779 43 33" nền #D9262C, chữ trắng đậm, biểu tượng trắng; cùng bề rộng; mobile không đổi (thanh dưới) */
.kg-float{width:max-content;justify-items:stretch;gap:10px;bottom:24px}
.kg-float a{grid-auto-flow:column;justify-content:start;align-items:center;gap:8px;width:auto;height:46px;padding:0 16px 0 12px;border:0;border-radius:999px;white-space:nowrap;color:#fff;box-shadow:0 6px 18px rgba(10,34,48,.28)}
.kg-float .kg-float__zalo{background:#0068FF}
.kg-float a:not(.kg-float__zalo){background:#D9262C}
.kg-float .kg-float__zalo:hover{background:#0057D9}
.kg-float a:not(.kg-float__zalo):hover{background:#B91F25}
.kg-float svg{width:22px;height:22px;fill:none;stroke:none}
.kg-float .kg-float__zalo svg{width:28px;height:28px;min-width:28px;margin:-2px 0 -2px -2px}
.kg-float__txt{font:700 14px/1 var(--kg-sans);letter-spacing:0}

/* 23/10/2026 (Giám Sát duyệt đồng bộ UI/UX): mọi H2 section, kể cả đầu section canh giữa (nhãn viên thuốc + tiêu đề + đoạn dẫn, kg-ab-qa-head) và trang chủ (kg-head), dùng một luật: Noto Serif Display 400, 32 đến 44 px (.kg-sec h2). Thay luật 22/10/2026 (Be Vietnam Pro 600 riêng cho kg-ab-qa-head). Biến thể canh trái: thêm class is-left. */
main .kg-ab-qa-head h2{letter-spacing:0}
main .kg-sec .kg-ab-qa-head.is-left{margin-inline:0;text-align:left;max-width:760px}
main .kg-sec .kg-ab-qa-head.is-left .kg-ab-qa-lead{max-width:56ch}

/* 22/10/2026 (Giám Sát): tiêu đề cột chân trang (Sản phẩm, KiGin, Liên hệ) dùng Be Vietnam Pro, thay quy tắc 17/10 (Noto Serif Display) ở dòng .kg-footer .kg-footer__h phía trên */
.kg-footer .kg-footer__h{font-family:var(--kg-sans)!important;font-style:normal;font-weight:600;font-size:1rem;letter-spacing:.01em}

/* 22/10/2026 (Giám Sát): chân trang desktop, cột Sản phẩm mỗi tên nhóm một dòng (tên nhóm dài kiểu Gemmy): cột 2 rộng vừa tên dài nhất */
@media (min-width:1101px){
.kg-footer__top{grid-template-columns:minmax(220px,1.2fr) max-content minmax(150px,.7fr) minmax(220px,1.2fr)}
.kg-footer__top>div:nth-child(2) a{white-space:nowrap}
}

/* 22/10/2026 (Giám Sát): nút lọc đang chọn dùng màu nút "Yêu cầu báo giá" (#136F9A, chữ trắng); nút "Tất cả" đổi chữ thành "Bộ sưu tập". Nền tối giữ màu #5CC0EA như nút chính ở nền tối */
.kg-filter button[aria-pressed="true"]{background:#136F9A;border-color:#136F9A;color:#fff}
html[data-theme="dark"] .kg-filter button[aria-pressed="true"]{background:#5CC0EA;border-color:#5CC0EA;color:#0A2230}

/* 22/10/2026 (Giám Sát): nút Bộ sưu tập có biểu tượng lưới 4 ô bên trái chữ */
.kg-filter button[data-value="all"]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.kg-filter button[data-value="all"] svg{flex:none;width:16px;height:16px}

/* 22/10/2026 (Giám Sát): trên trang Sản phẩm, chip nhóm là liên kết tới trang nhóm (ban-go.html, ghe-don-go.html, tu-go.html, giuong-go.html); dáng như nút lọc, nút Bộ sưu tập vẫn là nút */
.kg-filter a.kg-filter__link{display:inline-flex;align-items:center;min-height:44px;padding:8px 20px;border:1px solid var(--kg-line);border-radius:999px;background:transparent;color:var(--kg-ink);font-size:var(--kg-fs-sm);text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.kg-filter a.kg-filter__link:hover,.kg-filter a.kg-filter__link:focus-visible{border-color:var(--kg-teak);background:var(--kg-rattan);color:var(--kg-teak)}
html[data-theme="dark"] .kg-filter a.kg-filter__link{color:var(--kg-ivory)}
html[data-theme="dark"] .kg-filter a.kg-filter__link:hover,html[data-theme="dark"] .kg-filter a.kg-filter__link:focus-visible{border-color:var(--kg-champagne);background:rgba(92,192,234,.16);color:var(--kg-champagne-lt)}
@media (prefers-reduced-motion:reduce){.kg-filter a.kg-filter__link{transition:none}}

/* 22/10/2026 (Giám Sát): chip danh mục trên 4 trang nhóm: Bộ sưu tập (liên kết về trang Sản phẩm, có biểu tượng lưới) và chip nhóm đang xem dùng màu đang chọn, như nút Yêu cầu báo giá */
.kg-filter a.kg-filter__all{gap:8px}
.kg-filter a.kg-filter__all svg{flex:none;width:16px;height:16px}
.kg-filter a.kg-filter__link.is-current{background:#136F9A;border-color:#136F9A;color:#fff}
.kg-filter a.kg-filter__link.is-current:hover,.kg-filter a.kg-filter__link.is-current:focus-visible{background:#0F587B;border-color:#0F587B;color:#fff}
html[data-theme="dark"] .kg-filter a.kg-filter__link.is-current{background:#5CC0EA;border-color:#5CC0EA;color:#0A2230}


/* 22/10/2026 (Giám Sát, mẫu gemmywood.vn/vi/san-pham): hộp tìm kiếm + sắp xếp (kg-sp-tools) trên lưới sản phẩm, màu và nút KiGin */
.kg-sp-tools{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin:0 0 32px;padding:10px 18px;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)}
.kg-sp-search{position:relative;display:flex;flex:0 1 440px;max-width:440px}   /* 22/10/2026: thu hẹp ô tìm kiếm (trước 620 px) */
.kg-sp-search__ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--kg-stone);pointer-events:none}
.kg-sp-search__ic svg{width:18px;height:18px}
.kg-sp-search input{flex:1;min-width:0;min-height:44px;padding:0 16px 0 44px;border:1px solid var(--kg-line);border-right:0;border-radius:8px 0 0 8px;background:var(--kg-ivory);color:var(--kg-ink);font:400 .9375rem var(--kg-sans)}
.kg-sp-search input::placeholder{color:var(--kg-stone);opacity:1}
.kg-sp-search button{flex:none;min-height:44px;padding:0 28px;border:1px solid #136F9A;border-radius:0 8px 8px 0;background:#136F9A;color:#fff;font:600 .9375rem var(--kg-sans);cursor:pointer;transition:background-color .2s ease}
.kg-sp-search button:hover,.kg-sp-search button:focus-visible{background:#0F587B;border-color:#0F587B}
.kg-sp-sort{display:flex;align-items:center;gap:10px;color:var(--kg-stone);font-size:.9375rem}
.kg-sp-sort svg{flex:none;width:18px;height:18px}
.kg-sp-sort select{min-height:44px;padding:0 40px 0 16px;border:1px solid var(--kg-line);border-radius:8px;background:var(--kg-ivory) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5A66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;color:var(--kg-ink);font:400 .9375rem var(--kg-sans);cursor:pointer;-webkit-appearance:none;appearance:none}
.kg-sp-tools input:focus-visible,.kg-sp-tools select:focus-visible,.kg-sp-tools button:focus-visible{outline:2px solid var(--kg-accent);outline-offset:2px}
.kg-sp-empty{margin:-8px 0 32px;padding:20px;text-align:center;color:var(--kg-stone);border:1px dashed var(--kg-line);border-radius:12px}
.kg-sp-empty[hidden]{display:none}
.kg-sp-empty a{color:var(--kg-accent-ink,#0F587B);text-decoration:none;transition:color .25s ease}
.kg-sp-empty a:hover,.kg-sp-empty a:focus-visible{color:var(--kg-ink)}
html[data-theme="dark"] .kg-sp-tools{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .kg-sp-search button{background:#5CC0EA;border-color:#5CC0EA;color:#0A2230}
@media (max-width:760px){
  .kg-sp-tools input,.kg-sp-tools select,.kg-sp-search button,.kg-sp-sort{font-size:1rem}   /* mobile giữ 16 px: chữ thân >= 16 px và iOS không tự phóng to khi nhập */
  .kg-sp-tools input,.kg-sp-tools select,.kg-sp-search button{min-height:48px}   /* mobile giữ vùng bấm 48 px */
  .kg-sp-tools{flex-direction:column;align-items:stretch;padding:14px}
  .kg-sp-search{flex:none;max-width:none;width:100%}
  .kg-sp-sort{justify-content:space-between}
  .kg-sp-sort select{flex:1;min-width:0}
}

/* 22/10/2026 (Giám Sát): nhãn tên danh mục trên thẻ sản phẩm chỉ một hàng, dài quá thì cắt bằng dấu ... (tên đầy đủ có ở thuộc tính title) */
.kg-sp-card .kg-sp-tag{display:block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kg-card .kg-card__meta{display:block;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 22/10/2026 (Giám Sát, hình mẫu): thẻ sản phẩm: nhãn danh mục xám (Stone), 13 px, đậm vừa, chữ hoa giãn nhẹ; tên mẫu xuống dòng cân đối (text-wrap: balance) để không còn chữ mồ côi ở dòng cuối */
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-card .kg-sp-tag{font-size:12px;font-weight:400;letter-spacing:.06em;color:#6b767c}   /* 22/10/2026: theo style người dùng chỉnh trong DevTools: 12 px, 400 (normal), .06em, #6b767c */
html[data-theme="dark"] body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-card .kg-sp-tag{color:var(--kg-champagne-lt)}
.kg-sp-card .kg-sp-body h3{text-wrap:balance}

/* 22/10/2026 (Giám Sát): tên mẫu trên thẻ sản phẩm cỡ chữ 15 px (trước 16 px) */
body:is([data-page="products"],[data-page="product_group"],[data-page="product_detail"]) .kg-sp-card .kg-sp-body h3{font-size:15px}

/* 22/10/2026 (Giám Sát): H1 hero của trang nhóm và trang chi tiết bỏ max-width (18ch) để tên danh mục / tên mẫu dài nằm trên một dòng khi đủ chỗ */
body:is([data-page="product_group"],[data-page="product_detail"]) .kg-phero h1{max-width:none}

/* 22/10/2026 (Giám Sát): liên kết breadcrumb khi rê chuột không gạch chân, đổi màu sang xanh nhạt #5CC0EA (nền hero tối) */
.kg-crumbs a{transition:color .2s ease}
.kg-crumbs a:hover,.kg-crumbs a:focus-visible{text-decoration:none;color:#5CC0EA}
@media (prefers-reduced-motion:reduce){.kg-crumbs a{transition:none}}

/* 22/10/2026 (Giám Sát): menu cấp 1 (desktop) rê chuột đổi màu #5CC0EA giống liên kết breadcrumb; giữ màu khi đang mở menu con của mục đó */
@media (min-width:981px){
.kg-nav>ul>li>a{transition:color .2s ease}
.kg-nav>ul>li:hover>a:not(.kg-btn),.kg-nav>ul>li>a:not(.kg-btn):focus-visible,.kg-nav>ul>li:focus-within>a:not(.kg-btn),.kg-nav>ul>li.is-open>a:not(.kg-btn){color:#5CC0EA}
.kg-nav>ul>li:hover>.kg-subtoggle,.kg-nav>ul>li:focus-within>.kg-subtoggle,.kg-nav>ul>li.is-open>.kg-subtoggle{color:#5CC0EA}
}
@media (prefers-reduced-motion:reduce){.kg-nav>ul>li>a{transition:none}}

/* 22/10/2026 (Giám Sát): rê chuột vào thẻ sản phẩm thì tên mẫu đổi màu sang xanh KiGin #136F9A (nền tối #5CC0EA); trước đó tên không đổi màu */
.kg-sp-card .kg-sp-body h3{transition:color .2s ease}
.kg-sp-card:hover .kg-sp-body h3,.kg-sp-card:focus-visible .kg-sp-body h3{color:#136F9A}
html[data-theme="dark"] .kg-sp-card:hover .kg-sp-body h3,html[data-theme="dark"] .kg-sp-card:focus-visible .kg-sp-body h3{color:#5CC0EA}
@media (prefers-reduced-motion:reduce){.kg-sp-card .kg-sp-body h3{transition:none}}

/* 23/10/2026 (THỬ, bản sao xem-nhanh-v3-uiux): đầu section chung kg-sechead. Một khoảng cách H2 đến đoạn dẫn (18 px), một cỡ đoạn dẫn (16 đến 18 px), một độ rộng dòng (56 ký tự); hai biến thể canh giữa (kg-ab-qa-head) và canh trái (còn lại).
   Trang chủ bỏ kiểu hai cột kg-head--split để cùng biến thể canh trái. Chỉ dùng toán tử con trực tiếp (>) để không đụng phần tử khác trong cột. */
main .kg-sechead>h2{margin-top:0;margin-bottom:18px}
main .kg-sechead>.kg-lead,main .kg-sechead>.kg-ab-qa-lead:not(.kg-ab-qa-lead--tag),main .kg-head.kg-sechead>p{margin:0;font-size:clamp(1rem,.92rem + .25vw,1.125rem);line-height:1.65;max-width:56ch}
main .kg-ab-qa-head.kg-sechead>.kg-ab-qa-lead:not(.kg-ab-qa-lead--tag){margin-inline:auto}
main .kg-head.kg-sechead{display:block}
main .kg-head.kg-sechead>h2{max-width:22ch}

/* 23/10/2026 (Giám Sát chọn, THỬ ở bản sao): cặp hai nút liền nhau = kg-btn--solid + kg-btn--line (nền tối: kg-btn--blue + kg-btn--accent), cùng chiều cao, khe 16 px. */
.kg-btns{gap:16px}

/* 23/10/2026 (Giám Sát tự thiết kế ảnh mẫu, THỬ ở bản sao): cặp hai nút liền nhau = nút chính kg-btn--solid xanh logo + nút phụ nền Champagne (--kg-champagne, #5CC0EA).
   Chữ nút phụ là trắng theo mẫu của Giám Sát (đổi 23/10/2026 từ Ink): 2,06 : 1 trên Champagne, KHÔNG đạt AA, đã báo. Đặt bằng liền kề để chưa phải sửa markup 19 chỗ; khi dựng thật nên đặt class riêng (đề xuất kg-btn--sky).
   !important vì luật riêng từng trang (kg-ab-ready, nền tối) đặt màu và viền cho kg-btn--line với độ ưu tiên cao hơn. */
.kg-btn--solid + .kg-btn--line{background:var(--kg-champagne)!important;border-color:var(--kg-champagne)!important;color:#FFFFFF!important}
.kg-btn--solid + .kg-btn--line svg{color:#FFFFFF!important}
/* 23/10/2026 (Giám Sát chọn chữ TRẮNG cho nút phụ, tương phản 2,06 : 1 KHÔNG đạt AA, đã báo): chữ trắng nên hover làm nền ĐẬM hơn: lớp ::before (trượt từ trái, như mọi kg-btn) đổi từ currentColor sang Ink #0A2230 độ mờ .14, nền giữ Champagne. Luật !important ở trên chặn hover gốc của kg-btn--line nên cần luật riêng. */
.kg-btn--solid + .kg-btn--line{transition:background-color .2s ease,border-color .2s ease}
.kg-btn--solid + .kg-btn--line::before{background:#0A2230;opacity:.14}
.kg-btn--solid + .kg-btn--line:hover,.kg-btn--solid + .kg-btn--line:focus-visible{background:var(--kg-champagne)!important}
@media (prefers-reduced-motion:reduce){.kg-btn--solid + .kg-btn--line{transition:none}}

/* 23/10/2026 (Giám Sát chốt, THỬ ở bản sao): liên kết mặc định (trong câu trả lời, dòng chữ, tài liệu) không gạch chân; rê chuột đổi màu.
   Nền sáng: #136F9A (5,6 : 1) -> hover Ink #0A2230. Nền tối: #7FD0F0 -> hover #FFFFFF. Có vòng focus. Không đụng nút kg-btn, menu, chân trang, kg-link, thẻ (đã có kiểu riêng). */
.kg-sec--paper p a:not(.kg-btn):not(.kg-link):focus-visible,.kg-sec--ivory p a:not(.kg-btn):not(.kg-link):focus-visible,.kg-sec--cream p a:not(.kg-btn):not(.kg-link):focus-visible,.kg-faq__a a:focus-visible,.kg-doc a:not(.kg-btn):focus-visible{outline:2px solid #136F9A;outline-offset:3px;border-radius:2px}
html[data-theme="dark"] .kg-sec--paper p a:not(.kg-btn):not(.kg-link):focus-visible,html[data-theme="dark"] .kg-sec--ivory p a:not(.kg-btn):not(.kg-link):focus-visible,html[data-theme="dark"] .kg-sec--cream p a:not(.kg-btn):not(.kg-link):focus-visible,html[data-theme="dark"] .kg-faq__a a:focus-visible,html[data-theme="dark"] .kg-doc a:not(.kg-btn):focus-visible{outline-color:#7FD0F0}
.kg-doc a:not(.kg-btn){color:#136F9A;text-decoration:none;transition:color .25s ease}
.kg-doc a:not(.kg-btn):hover{color:#0A2230}
html[data-theme="dark"] .kg-doc a:not(.kg-btn){color:#7FD0F0}
html[data-theme="dark"] .kg-doc a:not(.kg-btn):hover{color:#fff}
/* 23/10/2026 (THỬ): liên kết điện thoại và email ở khối nền tối trang chủ (kg-cta__contact trong kg-sec--marble): không gạch chân, màu #7FD0F0, hover #FFFFFF */
.kg-sec--marble .kg-cta__contact dd a{text-decoration:none;color:#7FD0F0;transition:color .25s ease}
.kg-sec--marble .kg-cta__contact dd a:hover,.kg-sec--marble .kg-cta__contact dd a:focus-visible{color:#fff;text-decoration:none}
.kg-sec--marble .kg-cta__contact dd a:focus-visible{outline:2px solid #7FD0F0;outline-offset:3px;border-radius:2px}
/* 23/10/2026 (Giám Sát: "tăng size cho btn", THỬ ở bản sao): nút Mở Google Maps (Liên hệ, Yêu cầu báo giá) cao 52 px, chữ 16 px, đệm ngang 32 px, khớp cặp nút kg-ct-btns cạnh nó (52 px). Bo 4 px, vòng focus giữ nguyên. */
/* 23/10/2026: cỡ nút đơn nay do thang S/M/L ở đầu tệp (M mặc định); các luật riêng từng nút (Google Maps, form, Xem thêm...) đã bỏ. */
/* 23/10/2026 (Giám Sát: "update lại font-size", THỬ ở bản sao): token cỡ chữ ghi lại đúng cỡ thật đang dùng trên trang (trước đó token trong site.css lớn hơn cỡ thật, trang đúng nhờ ghi đè cục bộ).
   --kg-fs-h1 = H1 hero trang con (.kg-phero h1; hero trang chủ .kg-seam__copy h1 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)}
main h2.kg-fb-title{font-size:var(--kg-fs-h3);font-weight:600}   /* tiêu đề hộp form (trước là style nội tuyến); độ ưu tiên cao hơn .kg-sec h2 */
/* giữ nguyên cỡ cũ của tiêu đề dải "Theo mẫu" (.kg-ledger h3): trước dùng token h3 cũ (26 đến 38 px), token mới nhỏ hơn */
.kg-ledger h3{font-size:clamp(1.625rem,1.3rem + 1.3vw,2.375rem)}
/* 23/10/2026 (Giám Sát: "đặt font-weight = 600; giảm font-size = 2em", THỬ ở bản sao): H2 section Noto Serif Display 600, cỡ cố định 32 px (token --kg-fs-h2 = 2rem, bằng 2em khi chữ cha 16 px; dùng rem để không phụ thuộc cỡ chữ cha), không còn co giãn 32 đến 44 px. Giữ letter-spacing và text-wrap:balance. Không đổi H1, H3, tiêu đề hộp form (kg-fb-title), kg-doc h2, tên dòng. Thay luật "H1 và H2 serif 400" của sáng 23/10. */
.kg-sec h2:not(.kg-fb-title),.kg-head h2,main .kg-ab-qa-head h2{font-weight:600}
.kg-sec .kg-doc h2{font-weight:400}
/* 23/10/2026 (Giám Sát chọn H1 cũng 600 để khớp độ đậm với H2, THỬ ở bản sao): mọi H1 (hero trang con, hero trang chủ, landing) Noto Serif Display 600; cỡ không đổi. */
h1,.kg-phero h1,.kg-seam__copy h1{font-weight:600}
/* 23/10/2026 (Giám Sát: "đặt lại --kg-line: #e3ecf1", THỬ ở bản sao): đường kẻ và viền thẻ nền sáng nhạt hơn (token cũ #D5E1E8 trong site.css); nền tối giữ rgba(199,230,243,.2). Thẻ liên hệ trang Yêu cầu báo giá dùng lại var(--kg-line) thay #e0e8ed. */
:root{--kg-line:#e3ecf1}
/* 23/10/2026 (Giám Sát: "2 btn cách nhau 30px", THỬ ở bản sao): khoảng giữa nút "Yêu cầu báo giá" và khung công cụ sáng/tối + ngôn ngữ ở header là 30 px (trước 40 px ở 1160 px trở lên, 18 px ở 981 đến 1160 px). Khe cũ = khe lưới header + margin-left của .kg-tools. */
@media (min-width:981px){.kg-header .kg-tools{margin-left:-8px}}   /* 23/10/2026: Giám Sát đổi khe từ 30 px xuống 20 px (khe lưới 28 px - 8 px) */
@media (min-width:981px) and (max-width:1160px){.kg-header .kg-tools{margin-left:6px}}   /* khe lưới 14 px + 6 px = 20 px */
/* 23/10/2026 (Giám Sát: "thiếu icon"): nút Mở Google Maps có biểu tượng ghim bản đồ 20 px như nút Gọi, Nhắn Zalo (khe 8 px theo gap của kg-btn) */
p.kg-ct-map .kg-btn svg,p.kg-qb-map .kg-btn svg{width:20px;height:20px;flex:none}
/* 23/10/2026 (Giám Sát: "thêm icon bắt mắt cho thẻ số liệu", THỬ ở bản sao): mỗi thẻ số liệu trang Yêu cầu báo giá có ô biểu tượng 36 px cạnh nhãn, cùng kiểu ô biểu tượng thẻ liên hệ (nền rattan, nét Teak; nền tối nét Champagne). */
body[data-page="quote"] .kg-qb-nums dt{display:flex;align-items:center;gap:10px;margin:0 0 10px}
body[data-page="quote"] .kg-qb-ni{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--kg-rattan);color:var(--kg-teak)}
body[data-page="quote"] .kg-qb-ni svg{width:20px;height:20px}
html[data-theme="dark"] body[data-page="quote"] .kg-qb-ni{background:rgba(92,192,234,.16);color:var(--kg-champagne)}
/* biểu tượng tài liệu trong nút Điền form báo giá (khối kêu gọi và hero) */
.kg-hero-formbtn .kg-btn svg{width:20px;height:20px;flex:none}
/* 23/10/2026 (Giám Sát chọn phương án D, THỬ ở bản sao): nền nhẹ cho khối kêu gọi kg-ab-ready (nền sáng, cả paper và ivory): #F1F7FA + hai vầng sáng xanh nhạt ở góc dưới trái và góc trên phải. Nền tối giữ như cũ. */
html:not([data-theme="dark"]) .kg-sec.kg-ab-ready{background:radial-gradient(45% 80% at 10% 100%,rgba(19,111,154,.10),transparent 70%),radial-gradient(45% 80% at 90% 0%,rgba(92,192,234,.18),transparent 70%),#F1F7FA}
/* 23/10/2026 (Giám Sát: "thiếu icon"): biểu tượng 20 px trong các cặp nút khối kêu gọi (kg-btns, kg-btns--duo) */
.kg-btns .kg-btn svg,.kg-btns--duo .kg-btn svg{width:20px;height:20px;flex:none}
/* 23/10/2026 (Giám Sát: "color #C7E6F3" cho H1 hero trang Năng lực, áp mọi hero trang con kg-phero, THỬ ở bản sao): H1 hero màu Mist #C7E6F3 (trước #F6F9FB); hero trang chủ kg-seam__copy giữ nguyên */
.kg-phero h1{color:#C7E6F3}
/* 23/10/2026 (Giám Sát chọn effect ảnh chạy theo chuột như nhìn xuyên cửa sổ, CHỈ cho nền header hero kg-phero; không chấm tròn theo chuột, không đổi con trỏ): lớp ảnh ::after copy nền hero (background:inherit), to hơn 12%, dịch ngược chuột theo --px, --py do parallax-anh.js đặt; nằm dưới lớp phủ tối ::before. */
.kg-phero.kg-px{overflow:hidden;isolation:isolate}
.kg-phero.kg-px::after{content:"";display:block;position:absolute;inset:-6%;z-index:-2;background:inherit;transform:translate3d(var(--px,0px),var(--py,0px),0);will-change:transform;pointer-events:none}
@media (prefers-reduced-motion:reduce){.kg-phero.kg-px::after{transform:none}}
/* 23/10/2026 (Giám Sát: "sử đúng màu của brand Zalo", chọn qua thẻ): mọi nút Zalo kg-btn (Nhắn Zalo) dùng xanh Zalo #0068FF, chữ trắng 5,1 : 1, hover #0057D9, như nút nổi Zalo. !important vì luật nút phụ Champagne và kg-btn--line đặt nền với độ ưu tiên cao. */
.kg-btn--zalo,.kg-btn[data-track="click_zalo"]{background:#0068FF!important;border-color:#0068FF!important;color:#FFFFFF!important}
.kg-btn--zalo:hover,.kg-btn--zalo:focus-visible,.kg-btn[data-track="click_zalo"]:hover,.kg-btn[data-track="click_zalo"]:focus-visible{background:#0057D9!important;border-color:#0057D9!important}
.kg-btn--zalo svg,.kg-btn[data-track="click_zalo"] svg{color:#FFFFFF!important}
.kg-btn--zalo::before,.kg-btn[data-track="click_zalo"]::before{background:#003F99!important;opacity:.35}
/* 23/10/2026 (Giám Sát: "nội dung nào muốn nhấn mạnh dùng class kg-ab-grad"): trong H1 hero (nền ảnh tối) cụm nhấn kg-ab-grad dùng gradient Champagne #5CC0EA sang Mist #C7E6F3 (tương phản trên lớp phủ tối trên 7 : 1) */
main .kg-phero h1 .kg-ab-grad{background:linear-gradient(90deg,#5CC0EA 0,#C7E6F3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#5CC0EA}
/* 23/10/2026 (Giám Sát: "bỏ box này" sau khi thử dải chèn trong lưới): chỉ giữ hộp báo giá kg-sp-quote ở CUỐI danh sách, cách hộp đếm 40 px; bỏ dải chèn trong lưới (sp-quote-inline.js đã xoá) */
/* 23/10/2026 (Giám Sát: "hiển thị cân đối top và bottom"): hộp báo giá cuối danh sách cách hộp đếm phía trên và dòng ghi chú phía dưới đều 40 px */
.kg-sp-more + .kg-sp-quote,.kg-sp-grid + .kg-sp-quote{margin:56px 0 0!important}
.kg-sec:has(> .kg-wrap > .kg-sp-quote){padding-bottom:56px}   /* cân đối: khe trên (từ hộp đếm) và khe dưới (tới hết section) đều 56 px */
/* 23/10/2026 (Giám Sát: "thay đổi color #136F9A, áp dụng cho tất cả page"): từ khoá nhấn kg-ab-grad dùng một màu xanh logo #136F9A (bỏ gradient chữ) ở MỌI trang, nền sáng, kể cả H1 hero. Nền tối (data-theme dark) giữ gradient Champagne để đọc được. CẢNH BÁO: trong hero (ảnh tối) #136F9A chỉ khoảng 2,4 đến 2,9 : 1, dưới 3 : 1 của chữ lớn. */
html:not([data-theme="dark"]) .kg-ab-grad{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#136F9A!important;color:#136F9A!important}
/* 23/10/2026 (Giám Sát thấy chữ nhấn #136F9A khó đọc trong hero ảnh tối): cụm nhấn kg-ab-grad trong H1 hero dùng Champagne #5CC0EA đặc (trên lớp phủ tối trên 7 : 1), các chỗ nền sáng giữ #136F9A */
html:not([data-theme="dark"]) main .kg-phero h1 .kg-ab-grad,main .kg-phero h1 .kg-ab-grad{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#5CC0EA!important;color:#5CC0EA!important}

/* 24/10/2026 (Giám Sát chọn Y, lỗi C1 trong DESIGN.md mục 11): luật chung :focus-visible{outline-color:var(--kg-teak)} làm vòng focus xanh logo #136F9A (2,87 : 1) trên nền tối ở mọi phần tử không có luật riêng (hỏi đáp, thẻ sản phẩm, ô ảnh, nút lên đầu trang). Chế độ tối dùng Champagne #5CC0EA; :where giữ độ ưu tiên thấp để không đè các luật có màu riêng (nút trắng, ô nhập). */
html[data-theme="dark"] :where(:focus-visible){outline-color:var(--kg-champagne)}
html[data-theme="dark"] .kg-formbox :focus-visible{outline-color:var(--kg-champagne)}

/* 24/10/2026 (lỗi C2, DESIGN.md mục 11; đo bằng Tab thật): ở chế độ sáng --kg-accent là Champagne #5CC0EA nên vòng focus 2 px của ô tìm kiếm, ô sắp xếp, nút tìm, ảnh nhỏ, ô chọn, nút mục thu gọn, băng chuyền chỉ đạt 2,06 : 1 trên nền sáng. Chế độ sáng dùng xanh logo #136F9A (5,57 : 1). Chế độ tối giữ Champagne (7,75 : 1). */
html:not([data-theme="dark"]) .kg-sp-tools :is(input,select,button):focus-visible{outline-color:#136F9A}
html:not([data-theme="dark"]) body[data-page="product_detail"] :is(.kg-pd-th,.kg-pd-chip,.kg-pd-acc__i button,.kg-pd-track,.kg-pd-sl__b):focus-visible{outline-color:#136F9A}

/* 24/10/2026 (Giám Sát chọn Y, lỗi H1, H4 trong DESIGN.md mục 14): liên kết điện thoại, email ở khối liên hệ cuối trang chủ cao 44 px ở mọi cỡ màn hình (trước 27 px ở desktop); vòng focus ô ảnh hai dòng ở chế độ tối dùng Champagne (trước #136F9A 2,6 : 1) */
.kg-cta__contact dd a{display:inline-flex;align-items:center;min-height:44px}
html[data-theme="dark"] .kg-style__media:focus-visible{outline-color:#5CC0EA}

/* 24/10/2026 (Giám Sát: "không click được button" ở hero chia đôi trang chủ): (1) khối đệm kg-seam__sides-spacer phủ 270 px dưới cùng và nuốt lượt bấm của "Xem dòng Indochine" -> không nhận chuột; (2) nút nổi Zalo, Gọi (trái, rộng 219 px từ mép trái 20 px) đè lên "Xem dòng Luxury" -> đẩy chữ Luxury sang phải khỏi cột nút nổi từ 901 px (dưới đó là thanh đáy mobile) */
.kg-seam__sides-spacer{pointer-events:none}
@media (min-width:901px){.kg-seam__side--lux{padding-left:calc((100% - min(1240px,100% - 2*var(--kg-gut)))/2)}}   /* 24/10/2026: chữ Luxury thẳng hàng với chữ hero (nút nổi nay chỉ còn biểu tượng nên không cần chừa 264 px) */

/* 24/10/2026 (Giám Sát): đoạn dưới tiêu đề "Luxury và Indochine, hai dòng KiGin đang làm" bỏ max-width để nằm một dòng */
.kg-sec[aria-labelledby="phong-cach"] .kg-head p{max-width:none}
/* 24/10/2026 (Giám Sát): tiêu đề "Luxury và Indochine, hai dòng KiGin đang làm" tăng một chút cỡ chữ (32px lên 36px ở desktop) */
.kg-sec[aria-labelledby="phong-cach"] .kg-head h2{font-size:clamp(1.75rem,1.3rem + 1.1vw,2.25rem)}

/* 24/10/2026 (Giám Sát): nút nổi Zalo / Gọi chỉ hiện biểu tượng, rê chuột (hoặc Tab vào) mới mở chữ. Nhãn đọc màn hình vẫn là aria-label. */
.kg-float{justify-items:start}
.kg-float a{box-sizing:border-box;min-width:48px;height:48px;padding:0 13px;gap:0;transition:background .2s}
.kg-float .kg-float__zalo{padding:0 10px}
.kg-float .kg-float__zalo svg{margin:0}
.kg-float__txt{display:block;max-width:0;overflow:hidden;opacity:0;padding-left:0;transition:max-width .28s ease,opacity .2s ease,padding-left .28s ease}
.kg-float a:hover .kg-float__txt,.kg-float a:focus-visible .kg-float__txt{max-width:240px;opacity:1;padding-left:10px;padding-right:4px}
@media (prefers-reduced-motion:reduce){.kg-float__txt{transition:none}}
@media (min-width:901px) and (max-width:1383px){.kg-seam__side--lux{padding-left:84px}}   /* màn hẹp: chừa chỗ cho nút nổi Zalo/Gọi (20 đến 68 px) để không che link Luxury */
.kg-style .kg-btns{flex-wrap:nowrap}   /* 24/10/2026 (Giám Sát): hai nút dòng Luxury / Indochine luôn trên một hàng */
.kg-style .kg-btns .kg-btn{white-space:nowrap}
@media (max-width:520px){.kg-style .kg-btns{gap:8px}.kg-style .kg-btns .kg-btn{padding:0 clamp(10px,3.6vw,16px);font-size:clamp(.8125rem,3.8vw,1rem)}}   /* mobile: hai nút một hàng, chữ co theo bề ngang (390: 15 px, 360: 14 px) */
/* 24/10/2026 (Giám Sát): tiêu đề "Ba cách đặt hàng với KiGin" và đoạn dưới nằm một hàng, không bó cột hẹp */
#san-xuat .kg-head{display:block}
#san-xuat .kg-head h2,#san-xuat .kg-head p{max-width:none}
/* 24/10/2026 (Giám Sát): hàng lọc sản phẩm trang chủ luôn một hàng; nhãn rút gọn (Bàn, Ghế và đôn, Tủ, Giường), tên đầy đủ nằm trong aria-label; màn hẹp thì cuộn ngang */
#san-pham .kg-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#san-pham .kg-filter::-webkit-scrollbar{display:none}
#san-pham .kg-filter button{flex:none;white-space:nowrap}
/* 24/10/2026 (Giám Sát): giảm bóng đổ khi rê chuột thẻ sản phẩm trang chủ (nền sáng): 0 18px 38px .35 -> 0 6px 16px .12 */
@media (hover:hover){#home-projects .kg-card[data-tags]:hover .kg-slot,#home-projects .kg-card[data-tags]:focus-visible .kg-slot{box-shadow:0 6px 16px rgba(10,34,48,.12)}}
/* 24/10/2026 (Giám Sát): tiêu đề "Các bước từ báo giá đến giao hàng" và đoạn dưới nằm một hàng, không bó cột hẹp */
#quy-trinh .kg-head{display:block}
#quy-trinh .kg-head h2,#quy-trinh .kg-head p{max-width:none}
#nang-luc h2#xuong{white-space:nowrap}
@media (max-width:420px){#nang-luc h2#xuong{white-space:normal}}
/* 24/10/2026 (Giám Sát): đoạn dẫn "Công ty KiGin sản xuất bàn, ghế, tủ, giường…" khối Làm tại công ty KiGin cách danh sách dưới 30px */
#nang-luc .kg-lead{margin-bottom:30px}
/* 24/10/2026 (Giám Sát: hai nền liền kề không làm nổi nhau): khối sản phẩm nền xanh mist nhạt (#E3F4FA) để tách khỏi khối trắng phía trên và khối tối phía dưới; chế độ tối giữ nền cũ */
html:not([data-theme="dark"]) #san-pham{background:#E3F4FA}
html:not([data-theme="dark"]) #san-pham .kg-filter button:not([aria-pressed="true"]){background:transparent;border-color:#b7c5cd}   /* 24/10/2026 (Giám Sát: setting theo value CSS): chip chưa chọn nền trong, viền #b7c5cd như .kg-filter button gốc */

/* 24/10/2026 (Giám Sát): khối CTA cuối trang chủ: tiêu đề max-width 100% (hai dòng); nền CTA xanh đậm hơn và chân trang tối hơn để hai nền làm nổi nhau (chế độ tối giữ nguyên) */
#bao-gia #cta-title{max-width:100%}
/* 24/10/2026 (Giám Sát: "style nút như ảnh đầu tiên"): khối CTA trang chủ giữ "Gọi" nền đặc teal + "Nhắn Zalo" màu thương hiệu Zalo (không ghi đè kiểu champagne) */
/* 24/10/2026 (Giám Sát): tiêu đề CTA "Gửi mẫu hoặc bản vẽ để KiGin báo giá" một hàng từ 1280px: cột chữ rộng 580px (tiêu đề 561px), cột form lấy phần còn lại */
@media (min-width:1280px){#bao-gia .kg-cta__grid{grid-template-columns:minmax(0,580px) minmax(0,1fr);column-gap:64px}#bao-gia #cta-title{white-space:nowrap}}

/* 24/10/2026 (Giám Sát: "không đặt 2 background gần nhau"): khối CTA nền teak #136F9A (xanh logo): cách khối trắng phía trên 5,5:1 và chân trang tối #051019 phía dưới 3,5:1; chữ trắng/ivory, nút Gọi nền ink, nút Zalo viền trắng; chế độ tối giữ nguyên */
html:not([data-theme="dark"]) #bao-gia.kg-sec--marble{background:#136F9A}
html:not([data-theme="dark"]) #bao-gia .kg-lead,html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dt{color:#F6F9FB}
html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dd,html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dd a{color:#FFFFFF}
html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dd a{text-decoration:none;transition:color .2s ease}
html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dd a:hover,html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dd a:focus-visible{color:#E3F4FA;text-decoration:none}   /* 24/10/2026: bỏ gạch chân, rê chuột đổi màu (4,6:1 trên teak) */
html:not([data-theme="dark"]) #bao-gia .kg-cta__contact dd a:focus-visible{outline-color:#FFFFFF}
html:not([data-theme="dark"]) #bao-gia.kg-sec--marble::before{display:none}
/* 24/10/2026 (Giám Sát): nút lọc sản phẩm rê chuột / Tab đổi màu: nền xanh nhạt #BFE0EF, viền teak, chữ ink (nút đang chọn giữ teak đặc) */
html:not([data-theme="dark"]) #san-pham .kg-filter button:not([aria-pressed="true"]){transition:background-color .2s ease,border-color .2s ease,color .2s ease}
html:not([data-theme="dark"]) #san-pham .kg-filter button:not([aria-pressed="true"]):hover,html:not([data-theme="dark"]) #san-pham .kg-filter button:not([aria-pressed="true"]):focus-visible{background:#C7E6F3;border-color:#C7E6F3;color:#0A2230}

/* 24/10/2026 (Giám Sát chọn A: "viền trắng, nền trong như ảnh"): kg-btn--accent = nút phụ viền 1,5 px nền trong. Nền sáng: viền và chữ Ink #0A2230; nền tối (hero, khối Ink, Wood, Marble, chế độ tối, mẫu nền tối): viền và chữ trắng. Thay kiểu nền Champagne trước đó. */
.kg-btn--accent:not(.kg-btn--line){background:transparent;border:1.5px solid #0A2230;color:#0A2230}
.kg-btn--accent:not(.kg-btn--line):hover,.kg-btn--accent:not(.kg-btn--line):focus-visible{background:rgba(10,34,48,.08);border-color:#0A2230;color:#0A2230}
.kg-btn--accent:not(.kg-btn--line) svg{color:currentColor}
.kg-seam .kg-btn--accent:not(.kg-btn--line),.kg-sec--ink .kg-btn--accent:not(.kg-btn--line),.kg-sec--wood .kg-btn--accent:not(.kg-btn--line),.kg-sec--marble .kg-btn--accent:not(.kg-btn--line),.kg-phero .kg-btn--accent:not(.kg-btn--line),.sg-demo--dark .kg-btn--accent:not(.kg-btn--line),html[data-theme="dark"] .kg-btn--accent:not(.kg-btn--line){border-color:#FFFFFF;color:#FFFFFF}
.kg-seam .kg-btn--accent:not(.kg-btn--line):hover,.kg-sec--ink .kg-btn--accent:not(.kg-btn--line):hover,.kg-sec--wood .kg-btn--accent:not(.kg-btn--line):hover,.kg-sec--marble .kg-btn--accent:not(.kg-btn--line):hover,.kg-phero .kg-btn--accent:not(.kg-btn--line):hover,.sg-demo--dark .kg-btn--accent:not(.kg-btn--line):hover,html[data-theme="dark"] .kg-btn--accent:not(.kg-btn--line):hover,.kg-seam .kg-btn--accent:not(.kg-btn--line):focus-visible,.kg-sec--ink .kg-btn--accent:not(.kg-btn--line):focus-visible,.kg-sec--wood .kg-btn--accent:not(.kg-btn--line):focus-visible,.kg-sec--marble .kg-btn--accent:not(.kg-btn--line):focus-visible,.kg-phero .kg-btn--accent:not(.kg-btn--line):focus-visible,.sg-demo--dark .kg-btn--accent:not(.kg-btn--line):focus-visible,html[data-theme="dark"] .kg-btn--accent:not(.kg-btn--line):focus-visible{background:rgba(255,255,255,.14);border-color:#FFFFFF;color:#FFFFFF}
/* cặp Gọi + Nhắn Zalo: luật Zalo xanh theo data-track không áp cho nút accent */
.kg-btn.kg-btn--accent[data-track="click_zalo"]{background:transparent!important;border-color:#0A2230!important;color:#0A2230!important}
.kg-seam .kg-btn.kg-btn--accent[data-track="click_zalo"],.kg-sec--ink .kg-btn.kg-btn--accent[data-track="click_zalo"],.kg-sec--wood .kg-btn.kg-btn--accent[data-track="click_zalo"],.kg-sec--marble .kg-btn.kg-btn--accent[data-track="click_zalo"],.kg-phero .kg-btn.kg-btn--accent[data-track="click_zalo"],.sg-demo--dark .kg-btn.kg-btn--accent[data-track="click_zalo"],html[data-theme="dark"] .kg-btn.kg-btn--accent[data-track="click_zalo"]{border-color:#FFFFFF!important;color:#FFFFFF!important}
.kg-btn.kg-btn--accent[data-track="click_zalo"] svg{color:currentColor!important}
.kg-btn.kg-btn--accent[data-track="click_zalo"]::before{background:currentColor!important;opacity:.14}
/* 24/10/2026 (Giám Sát duyệt điểm 2): nút lên đầu trang trên mobile nâng cao hơn thanh Gọi/Zalo/Báo giá (58 px + 20 px) và nhỏ lại 44 px */
@media (max-width:900px){.kg-totop{width:44px;height:44px;right:12px;bottom:calc(58px + 20px + env(safe-area-inset-bottom))}}
/* 24/10/2026 (Giám Sát duyệt điểm 5): tách khối trắng và ivory liền nhau: khối dòng sản phẩm và khối hỏi đáp nền xanh nhạt #E3F4FA (chỉ trang chủ, chế độ sáng) */
html:not([data-theme="dark"]) body[data-page="home"] main > section[aria-labelledby="phong-cach"],html:not([data-theme="dark"]) body[data-page="home"] main > section[aria-labelledby="hoi-dap"]{background:#E3F4FA}

/* 24/10/2026 (Giám Sát: sửa theo đánh giá DESIGN.md): màu dùng token (rattan #E3F4FA, mist #C7E6F3, ink); nhóm sản phẩm trong thẻ 13 px trên mobile; màn cảm ứng không có hover nên nút nổi hiện luôn chữ */
@media (hover:none){.kg-float__txt{max-width:240px;opacity:1;padding-left:10px;padding-right:4px}}

/* 24/10/2026 (Giám Sát duyệt): khung form báo giá trang chủ bo 12 px như các hộp khác */
body[data-page="home"] .kg-formbox{border-radius:12px}

/* 24/10/2026 (Giám Sát: "đặt lại border-color"): đường kẻ bảng thông số Luxury/Indochine nhìn rõ trên nền xanh nhạt: #B9CCD6 (token chữ phụ chế độ tối) thay --kg-line #E3ECF1 (gần như trùng nền); chế độ tối giữ --kg-line */
html:not([data-theme="dark"]) .kg-style .kx-spec{border-top-color:#B9CCD6}
html:not([data-theme="dark"]) .kg-style .kx-spec>div{border-bottom-color:#B9CCD6}

/* 24/10/2026 (Giám Sát: "setting value css border-color"): đường kẻ dưới mỗi câu hỏi đáp trang chủ #cbd5db (nền xanh nhạt khiến --kg-line #E3ECF1 gần vô hình); chế độ tối giữ nguyên */
html:not([data-theme="dark"]) body[data-page="home"] .kg-faq__item{border-bottom-color:#cbd5db}

/* 24/10/2026 (Giám Sát chọn phương án E): cặp Gọi + Nhắn Zalo ở khối kêu gọi cuối trang chủ: hai nút kính mờ cùng kiểu (nền trắng 8%, viền trắng 55%, chữ trắng; hover nền 16% viền trắng). Chữ trắng trên nền này khoảng 5,0 : 1 trên teak. */
html #bao-gia .kg-cta__aside .kg-btn[data-track]{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.55)!important;color:#FFFFFF!important}
html #bao-gia .kg-cta__aside .kg-btn[data-track]:hover,html #bao-gia .kg-cta__aside .kg-btn[data-track]:focus-visible{background:rgba(255,255,255,.16)!important;border-color:#FFFFFF!important}
html #bao-gia .kg-cta__aside .kg-btn[data-track] svg{color:#FFFFFF!important}
html #bao-gia .kg-cta__aside .kg-btn[data-track]::before{background:#FFFFFF!important;opacity:.1}

/* 24/10/2026 (Giám Sát: "vạch kẻ không cân đối giữa màn"): hai nửa hero bằng nhau, vạch phân cách nằm đúng giữa màn: nửa Indochine có cùng padding-left với nửa Luxury (padding tính vào kích thước flex nên lệch thì vạch lệch) */

/* hai nửa hero bằng nhau (tổng padding ngang bằng nhau) nên vạch giữa đúng tâm màn ở mọi cỡ: Luxury trái P (lề khung, 84 px khi màn hẹp), Indochine phải R (lề khung), phần còn lại bù ở phía trong; chữ Luxury căn mép trái khung, chữ Indochine căn mép phải khung */
@media (min-width:901px){.kg-seam__side--lux{padding-right:var(--kg-gut)}.kg-seam__side--indo{padding-left:var(--kg-gut);padding-right:calc((100% - min(1240px,100% - 2*var(--kg-gut)))/2)}}
@media (min-width:901px) and (max-width:1383px){.kg-seam__side--indo{padding-left:calc(var(--kg-gut) + 84px - ((100% - min(1240px,100% - 2*var(--kg-gut)))/2))}}

/* Hiệu ứng khi cuộn từng section (17/10/2026). Chỉ transform, opacity, clip-path. Chỉ áp khi html.fx (script đã chạy và không bật giảm chuyển động). */
.fx .fx-t{opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--d,0s),transform .9s cubic-bezier(.22,.61,.36,1) var(--d,0s)}
.fx .fx-t.fx-in{opacity:1;transform:none}
/* ảnh: mở từ trái qua phải, kèm zoom nhẹ thu về */
.fx .fx-img{clip-path:inset(0 100% 0 0);transition:clip-path 1.05s cubic-bezier(.77,0,.18,1) var(--d,0s)}
.fx .fx-img.fx-in{clip-path:inset(0 0 0 0)}
.fx .fx-img.kg-slot{background-size:112%;background-position:center;transition:clip-path 1.05s cubic-bezier(.77,0,.18,1) var(--d,0s),background-size 1.6s cubic-bezier(.22,.61,.36,1) var(--d,0s)}
.fx .fx-img.kg-slot.fx-in{background-size:cover}
/* đường nối quy trình vẽ dần */
.fx .kg-steps li::after{transform:scaleX(0);transform-origin:left center;transition:transform .9s cubic-bezier(.22,.61,.36,1) calc(var(--d,0s) + .35s)}
.fx .kg-steps li.fx-in::after{transform:scaleX(1)}
/* thẻ sản phẩm: ảnh trong thẻ phóng nhẹ khi rê chuột */
.kg-card .kg-slot{overflow:hidden;border-radius:12px}   /* bo góc 12px giống ảnh Ba cách đặt hàng (17/10) */
/* hover ảnh thẻ sản phẩm: lớp ảnh phóng nhẹ trong khung, kèm bóng đổ nhấc thẻ (17/10, người dùng: hover ảnh chưa có hiệu ứng) */
.kg-card[data-tags] .kg-slot::before{content:"";position:absolute;inset:0;background:inherit;transform:scale(1);transition:transform .9s cubic-bezier(.22,.61,.36,1)}
.kg-card[data-tags] .kg-slot{transition:filter .5s ease,box-shadow .5s ease}
@media (hover:hover){.kg-card[data-tags]:hover .kg-slot::before,.kg-card[data-tags]:focus-visible .kg-slot::before{transform:scale(1.09)}
.kg-card[data-tags]:hover .kg-slot,.kg-card[data-tags]:focus-visible .kg-slot{box-shadow:0 18px 38px rgba(0,0,0,.35)}}
/* tên sản phẩm nhỏ lại cho vừa thẻ (17/10, người dùng: giảm font-size) */
.kg-card[data-tags] h3{font-size:var(--kg-fs-h4);line-height:1.2}
@media (prefers-reduced-motion:reduce){.fx .fx-t,.fx .fx-img{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}}

/* Ảnh tự chạy trong khung (khối hai dòng): các lớp ảnh chồng nhau, chuyển mờ dần kèm zoom thu về */
.kg-slider{position:relative;overflow:hidden}
.kg-slider .kg-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.07);transition:opacity 1.1s ease,transform 5.5s cubic-bezier(.22,.61,.36,1)}
.kg-slider .kg-slide.is-on{opacity:1;transform:scale(1)}
.kg-slider figcaption{z-index:2}
.kg-slider-toggle{position:absolute;right:12px;top:12px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(10,34,48,.78);color:#fff;font:600 12px/1 var(--kg-sans);cursor:pointer;opacity:.85;transition:opacity .25s,background-color .25s}
.kg-slider-toggle:hover,.kg-slider-toggle:focus-visible{opacity:1;background:#0A2230}
.kg-style__media{position:relative}
@media (prefers-reduced-motion:reduce){.kg-slider .kg-slide{transition:none;transform:none}}

/* Vuốt/kéo ngang đổi ảnh (hai khung cùng lúc): cho phép cuộn dọc, chặn kéo ảnh mặc định, con trỏ bàn tay */
.kg-style__media{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.kg-style__media:active{cursor:grabbing}
.kg-style__media:focus-visible{outline:3px solid #136F9A;outline-offset:6px;border-radius:12px}

/* Ảnh ba cách đặt hàng: hover có hiệu ứng, bấm mở bộ ảnh (gallery); nhãn tag hover trượt nền như nút */
.kg-gal{cursor:zoom-in;transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}
.kg-gal:hover,.kg-gal:focus-visible{transform:translateY(-6px);box-shadow:0 18px 38px rgba(10,34,48,.22)}
.kg-gal::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,34,48,0) 40%,rgba(10,34,48,.55) 100%);opacity:0;transition:opacity .45s ease}
.kg-gal:hover::before,.kg-gal:focus-visible::before{opacity:1}
.kg-gal__zoom{position:absolute;left:50%;bottom:18px;z-index:2;transform:translate(-50%,12px);padding:8px 16px;border-radius:8px;background:#5CC0EA;color:#0A2230;font:600 14px/1 var(--kg-sans);opacity:0;transition:opacity .4s ease,transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.kg-gal:hover .kg-gal__zoom,.kg-gal:focus-visible .kg-gal__zoom{opacity:1;transform:translate(-50%,0)}
.kg-ledger ul li{position:relative;overflow:hidden;isolation:isolate;transition:color .3s ease,border-color .3s ease}
.kg-ledger ul li::before{content:"";position:absolute;inset:0;z-index:-1;background:#5CC0EA;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.kg-ledger ul li:hover{color:#0A2230;border-color:#5CC0EA}
.kg-ledger ul li:hover::before{transform:scaleX(1)}
/* hộp xem ảnh */
.kg-lb[hidden]{display:none}
.kg-lb{position:fixed;inset:0;z-index:1000;display:grid;place-items:center}
.kg-lb__bg{position:absolute;inset:0;background:rgba(10,34,48,.92)}
.kg-lb__stage{position:relative;width:min(1100px,92vw);height:min(72vh,720px)}
.kg-lb__img{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:10px}
.kg-lb__x,.kg-lb__nav{position:absolute;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font:400 30px/1 var(--kg-sans);cursor:pointer;transition:background-color .25s}
.kg-lb__x:hover,.kg-lb__nav:hover,.kg-lb__x:focus-visible,.kg-lb__nav:focus-visible{background:#5CC0EA;color:#0A2230}
.kg-lb__x{top:20px;right:20px}
.kg-lb__nav{top:50%;transform:translateY(-50%)}
.kg-lb__prev{left:20px}.kg-lb__next{right:20px}
.kg-lb__cap{position:absolute;left:0;right:0;bottom:24px;margin:0;text-align:center;color:#C7E6F3;font-size:14px}
.kg-lb-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.kg-gal,.kg-gal__zoom,.kg-gal::before{transition:none}.kg-gal:hover{transform:none}}

/* Hover cả hàng "Ba cách đặt hàng" (ảnh prnt.sc/LNMV9-Y5gB23): tiêu đề (Theo mẫu...) và nút "Gửi..." cùng chạy hiệu ứng nền trượt từ trái qua phải */
.kg-ledger>li h3{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding:2px 10px;margin-left:-10px;overflow:hidden}
.kg-ledger>li h3::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:.16;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.kg-ledger>li:hover h3::before,.kg-ledger>li:focus-within h3::before{transform:scaleX(1)}
/* người dùng 17/10: hover cả hàng chỉ chạy hiệu ứng tiêu đề; nút "Gửi…" chỉ chạy hiệu ứng khi hover chính nút */
@media (prefers-reduced-motion:reduce){.kg-ledger>li h3::before{transition:none}}

/* Bảng thông tin trang Năng lực: các hàng cùng nhịp (nhãn trái cùng cột, giá trị và nhãn chờ KiGin xếp cùng một kiểu, xuống dòng đều) */
/* 20/10/2026: bảng thông tin (pháp nhân): td không dùng flex (làm lệch hàng so với th); cùng padding và canh giữa dọc để chữ và đường kẻ thẳng hàng */
.kg-info th,.kg-info td{padding:14px 0;vertical-align:middle;height:56px}
.kg-info th{width:38%;text-align:left;padding-right:20px}
.kg-info td{display:table-cell}
.kg-info td>*{margin-right:10px}
.kg-info td .kg-todo{margin:0}

/* Hộp xem ảnh: cho phép vuốt ngang (cuộn dọc vẫn giữ), chặn chọn chữ khi kéo, con trỏ bàn tay */
.kg-lb{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.kg-lb__stage{cursor:grab}
.kg-lb__img{will-change:transform}

/* Nút bật/tắt ảnh tự chạy: tròn nhỏ gọn, vòng tiến độ #5CC0EA, biểu tượng tạm dừng / chạy bằng CSS (người dùng 17/10) */
.kg-slider-toggle{width:44px;height:44px;padding:0;display:grid;place-items:center;background:rgba(10,34,48,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1;font-size:0}
.kg-slider-toggle svg{position:absolute;inset:4px;width:36px;height:36px;transform:rotate(-90deg)}
.kg-slider-toggle .kg-ring-bg{fill:none;stroke:rgba(255,255,255,.25);stroke-width:2}
.kg-slider-toggle .kg-ring{fill:none;stroke:#5CC0EA;stroke-width:2.5;stroke-linecap:round}
.kg-slider-toggle .kg-ico{position:relative;width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff;box-sizing:border-box}
.kg-slider-toggle.is-paused .kg-ico{width:0;height:0;border:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff;margin-left:3px}
.kg-slider-toggle:hover,.kg-slider-toggle:focus-visible{background:#0A2230}
.kg-slider-toggle:focus-visible{outline:3px solid #5CC0EA;outline-offset:3px}

/* Dải thông tin: nền trượt theo mục đang hover (ảnh prnt.sc/wlHqc1EphKFG) */
.kg-facts.has-hl,.kg-lpfacts.has-hl{position:relative}
.kg-facts.has-hl>div,.kg-lpfacts.has-hl>div{position:relative;z-index:1}
.kg-hl{position:absolute;left:0;top:0;z-index:0;pointer-events:none;border-radius:3px;background:currentColor;opacity:0;transition:transform .45s cubic-bezier(.22,.61,.36,1),width .45s cubic-bezier(.22,.61,.36,1),height .45s cubic-bezier(.22,.61,.36,1),opacity .3s ease}
.kg-hl.is-on{opacity:.12}
@media (prefers-reduced-motion:reduce){.kg-hl{transition:opacity .2s}}

/* Khối "Làm tại công ty" (trang chủ, 17/10): bỏ đường kẻ dưới mỗi dòng, dấu tích thay gạch đầu dòng, dải thông tin 2 cột */
.kg-sec .kg-workshop__grid .kg-list li{border-bottom:0;padding:8px 0 8px 34px}
.kg-sec .kg-workshop__grid .kg-list li::before{width:20px;height:20px;top:50%;margin-top:-10px;background:var(--kg-champagne);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.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='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.kg-workshop__grid .kg-facts{grid-template-columns:1fr;margin-top:24px}
.kg-workshop__grid .kg-facts>div{padding:16px 16px 0 0}

/* Nền vân gỗ đã bỏ theo yêu cầu người dùng 17/10 (khối Sản phẩm, Mẫu tham khảo, Làm tại công ty). Bản có nền: backup/v3-loc-sp-17-10/cuon-fx-truoc-bo-nen-go.css */

/* Landing (17/10): danh sách trong khối vật liệu cùng kiểu khối Làm tại công ty (dấu tích, không đường kẻ); vòng số bước trên nền kem Indochine không bị chìm */
[data-page^="lp_"] .kg-sec .kg-list li{border-bottom:0;padding:8px 0 8px 34px}
[data-page^="lp_"] .kg-sec .kg-list li::before{width:20px;height:20px;top:50%;margin-top:-10px;background:var(--kg-champagne);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.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='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.kg-sec--cream .kg-steps li::before{background:#fff;box-shadow:0 0 0 1px rgba(13,79,109,.18)}

/* Làm tại công ty (desktop): cột chữ và cột ảnh cao bằng nhau; ba ảnh chia đều chiều cao cột chữ (17/10, người dùng: sắp xếp nội dung và hình ảnh bằng nhau, cân đối) */
@media (min-width:981px){
.kg-workshop__grid{align-items:stretch}
.kg-workshop__media{grid-template-rows:minmax(0,1.55fr) minmax(0,1fr)}
.kg-workshop__media .kg-slot{aspect-ratio:auto!important;height:100%;min-height:0}
}

/* Tiêu đề và phụ đề mọi section đồng bộ, cân đối (17/10, người dùng: giảm font-size title và subtitle cho cân đối, đồng bộ tất cả section).
   Title 32 đến 44 px, phụ đề 16 đến 18 px; khối đầu section căn giữa theo chiều dọc. Hero h1 không đổi. */
.kg-sec h2,.kg-sec h2.kg-statement{font-size:var(--kg-fs-h2);line-height:1.14}
.kg-sec .kg-head>p,.kg-sec .kg-lead{font-size:clamp(1rem,.92rem + .25vw,1.125rem);line-height:1.65}
@media (min-width:981px){.kg-sec .kg-head--split{align-items:center}}

/* Mobile (17/10, chặng 5): chữ phụ nhỏ nhất 14 px, liên kết và nhãn nút 16 px */
@media (max-width:640px){
.kg-link,.kg-seam__go{font-size:16px}
.kg-todo,.kg-sec .kg-ledger ul li,.kg-card__meta{font-size:14px}
}

/* Quy trình sản xuất 8 bước (17/10, người dùng: tham khảo bố cục greenwood): hàng 1 đi sang phải 1 đến 4, mũi tên xuống, hàng 2 đi sang trái 5 đến 8.
   Icon SVG nội tuyến, số bước ở góc vòng tròn. Dưới 981 px: 2 cột, không mũi tên; dưới 560 px: một cột, icon bên trái. Trên WordPress: [row][col] + [ux_text]/[ux_image] icon, mũi tên và đường nối bằng CSS. */
.kg-steps8{--s8-line:rgba(13,79,109,.32);--s8-ic:#0D4F6D;display:grid;grid-template-columns:repeat(4,1fr);gap:56px 0;margin:0;padding:0;list-style:none}
.kg-steps8 li{position:relative;text-align:center;padding:0 20px}
.kg-s8-ic{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;border:2px solid var(--s8-ic);background:#fff;color:var(--s8-ic)}
.kg-s8-ic svg{width:30px;height:30px}
.kg-s8-n{position:absolute;top:-6px;left:-6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--s8-ic);color:#fff;font:700 12px/1 var(--kg-sans)}
.kg-steps8 h3{margin:0 0 6px;font:600 16px/1.3 var(--kg-sans);letter-spacing:0}
.kg-steps8 p{margin:0 auto;max-width:24ch;color:var(--kg-stone);font-size:14px;line-height:1.55}
@media (min-width:981px){
.kg-steps8 li:nth-child(5){grid-column:4;grid-row:2}
.kg-steps8 li:nth-child(6){grid-column:3;grid-row:2}
.kg-steps8 li:nth-child(7){grid-column:2;grid-row:2}
.kg-steps8 li:nth-child(8){grid-column:1;grid-row:2}
.kg-steps8 li:nth-child(-n+3)::after,.kg-steps8 li:nth-child(n+5):nth-child(-n+7)::after{content:"";position:absolute;top:37px;height:2px;background:var(--s8-line)}
.kg-steps8 li:nth-child(-n+3)::after{left:calc(50% + 50px);right:calc(-50% + 52px)}
.kg-steps8 li:nth-child(n+5):nth-child(-n+7)::after{right:calc(50% + 50px);left:calc(-50% + 52px)}
.kg-steps8 li:nth-child(-n+3)::before,.kg-steps8 li:nth-child(n+5):nth-child(-n+7)::before{content:"";position:absolute;top:32px;width:10px;height:10px;border-top:2px solid var(--s8-line);border-right:2px solid var(--s8-line)}
.kg-steps8 li:nth-child(-n+3)::before{right:calc(-50% + 50px);transform:rotate(45deg)}
.kg-steps8 li:nth-child(n+5):nth-child(-n+7)::before{left:calc(-50% + 50px);transform:rotate(-135deg)}
.kg-steps8 li:nth-child(4)::after{content:"";position:absolute;left:50%;bottom:-44px;width:2px;height:34px;margin-left:-1px;background:var(--s8-line)}
.kg-steps8 li:nth-child(4)::before{content:"";position:absolute;left:50%;bottom:-16px;width:10px;height:10px;margin-left:-6px;border-top:2px solid var(--s8-line);border-right:2px solid var(--s8-line);transform:rotate(135deg)}
}
@media (max-width:980px){.kg-steps8{grid-template-columns:1fr 1fr;gap:36px 16px}}
@media (max-width:560px){
.kg-steps8{grid-template-columns:1fr;gap:26px}
.kg-steps8 li{display:grid;grid-template-columns:76px 1fr;column-gap:16px;text-align:left;padding:0}
.kg-steps8 .kg-s8-ic{grid-row:1 / span 2;margin:0}
.kg-steps8 h3{align-self:end}
.kg-steps8 p{margin:0;max-width:none;align-self:start}
}

/* Hỏi đáp (17/10, người dùng: bỏ vạch đầu tiên, thêm hiệu ứng khi bấm accordion) */
.kg-faq{border-top:0}
.kg-faq__a{overflow:hidden}
.kg-faq summary::after{transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.kg-faq details.is-closing summary::after{transform:none}
.kg-faq summary{transition:color .3s ease}

/* Chân trang (17/10, người dùng: ngăn cách chân trang với section trên; hover liên kết có hiệu ứng) */
.kg-footer{background:#071823;border-top:0;box-shadow:none}
.kg-footer a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;transition:color .25s ease,background-size .4s cubic-bezier(.22,.61,.36,1)}
.kg-footer a:hover,.kg-footer a:focus-visible{color:#5CC0EA;background-size:100% 1px}
/* Trang yêu cầu báo giá: hai cột (thông tin và form) cao gần bằng nhau */
@media (min-width:981px){.kg-quote-grid{align-items:stretch}}
/* Hai cột của khối báo giá cao bằng nhau (17/10): cột thông tin giãn cho khớp cột form, nội dung chia đều trên dưới; ô nội dung gọn hơn */
@media (min-width:981px){
.kg-cta__grid{align-items:stretch}
.kg-cta__aside{display:flex;flex-direction:column;justify-content:center;gap:28px}
.kg-split--top{align-items:stretch}
.kg-split--top>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:24px}
}
.kg-form textarea.kg-input{min-height:88px}
.kg-form{gap:16px 20px}
.kg-form .kg-input{min-height:48px}

/* ===== Công tắc sáng / tối (17/10/2026, người dùng chọn: site hỗ trợ 2 màu sáng và tối) ===== */
.kg-tools{display:flex;align-items:center;gap:8px;margin-left:12px}
.kg-theme{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(199,230,243,.38);background:transparent;color:var(--kg-ivory);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.kg-theme:hover,.kg-theme:focus-visible{background:#5CC0EA;border-color:#5CC0EA;color:#0A2230}
.kg-theme svg{width:20px;height:20px}
.kg-theme .i-sun{display:none}
html[data-theme="dark"] .kg-theme .i-sun{display:block}
html[data-theme="dark"] .kg-theme .i-moon{display:none}
html.kg-theming *,html.kg-theming *::before,html.kg-theming *::after{transition:background-color .4s ease,color .4s ease,border-color .4s ease!important}
@media (max-width:980px){.kg-tools{margin-left:auto;margin-right:8px}}

/* Theme tối: đổi token nền sáng, giữ nền tối sẵn có; nền section sáng thành các bậc xanh đen. Chữ nhấn sáng hơn để đạt AA. */
html[data-theme="dark"]{color-scheme:dark;--kg-paper:#0B2433;--kg-cream-in:#123246;--kg-stone:#B9CCD6;--kg-line:rgba(199,230,243,.2);--kg-champagne-ink:#7FD0F0;--s8-ic:#7FD0F0;--s8-line:rgba(199,230,243,.38)}
html[data-theme="dark"] body{background:#0B2433;color:#E8F1F6}
html[data-theme="dark"] .kg-sec--ink{background:#071A26}
html[data-theme="dark"] .kg-footer{background:#05121B}
html[data-theme="dark"] .kg-formbox{background:#0E2C3E;color:#E8F1F6;box-shadow:0 0 0 1px rgba(199,230,243,.14)}
html[data-theme="dark"] .kg-input,html[data-theme="dark"] select.kg-input{background-color:#0B2433;color:#E8F1F6;border-color:rgba(199,230,243,.45)}
html[data-theme="dark"] .kg-input::placeholder{color:#8FA9B8}
html[data-theme="dark"] .kg-input:focus{border-color:#5CC0EA}
html[data-theme="dark"] .kg-consent input{accent-color:#5CC0EA}
html[data-theme="dark"] .kg-btn--ink{background:#E8F1F6;color:#0A2230}
html[data-theme="dark"] .kg-btn--line{color:#E8F1F6;border-color:rgba(232,241,246,.6)}
html[data-theme="dark"] .kg-filter button[aria-pressed="true"],html[data-theme="dark"] .kg-choice input:checked + span{background:#5CC0EA;border-color:#5CC0EA;color:#0A2230}
html[data-theme="dark"] .kg-choice span{border-color:rgba(199,230,243,.45)}
html[data-theme="dark"] .kg-style--indo .kg-style__name{color:#E8F1F6}
html[data-theme="dark"] .t-indochine.kg-style .kg-btn--ink{background:#E8F1F6;color:#0A2230}
html[data-theme="dark"] .kg-sample li,html[data-theme="dark"] .kg-ledger ul li{background:#123246;border-color:rgba(199,230,243,.25);color:#E8F1F6}
html[data-theme="dark"] .kg-ledger ul li:hover{color:#0A2230}
html[data-theme="dark"] .kg-sample__lab{color:#7FD0F0}
html[data-theme="dark"] .kg-sec:not(.kg-sec--ink):not(.kg-sec--wood):not(.kg-sec--marble) .kg-slot:not([class*="ph-"]){background:#123246;color:#7FD0F0}
html[data-theme="dark"] .kg-sec:not(.kg-sec--ink):not(.kg-sec--wood):not(.kg-sec--marble) .kg-slot:not([class*="ph-"]) figcaption{color:#7FD0F0}
html[data-theme="dark"] .kg-s8-ic{background:#0B2433}
html[data-theme="dark"] .kg-s8-n{color:#0A2230}
html[data-theme="dark"] .kg-steps li::before{background:rgba(92,192,234,.16);color:#7FD0F0}
html[data-theme="dark"] .kg-sec--cream .kg-steps li::before{background:#0B2433;box-shadow:0 0 0 1px rgba(199,230,243,.3)}
html[data-theme="dark"] .kg-faq summary{color:#E8F1F6}
html[data-theme="dark"] .kg-map{background:#0E2C3E}
html[data-theme="dark"] .sg-demo{background:#0E2C3E}
html[data-theme="dark"] .sg-table thead th,html[data-theme="dark"] .sg-table tbody th,html[data-theme="dark"] .sg-k{color:#B9CCD6}
html[data-theme="dark"] code{color:#7FD0F0}
html[data-theme="dark"] .kg-sec--ivory{background:#0E2C3E}
html[data-theme="dark"] .kg-choice span{background:transparent;color:#E8F1F6}
html[data-theme="dark"] .kg-choice input:focus-visible + span{outline:2px solid #5CC0EA;outline-offset:2px}
html[data-theme="dark"] .kg-steps8{--s8-ic:#7FD0F0;--s8-line:rgba(199,230,243,.38)}

/* Công tắc ngôn ngữ EN | VI (17/10/2026): nằm cạnh công tắc sáng/tối, mục đang xem đậm */
.kg-lang{display:flex;align-items:center;gap:2px;height:44px;padding:0 6px;border:1px solid rgba(199,230,243,.38);border-radius:999px;color:var(--kg-ivory);font:500 14px/1 var(--kg-sans)}
.kg-lang a{display:grid;place-items:center;min-width:34px;height:44px;text-decoration:none;color:#C7E6F3;transition:color .25s ease}
.kg-lang a:hover,.kg-lang a:focus-visible{color:#5CC0EA}
.kg-lang a.is-cur{font-weight:700;color:#fff}
.kg-lang span{opacity:.5}

@media (max-width:999px){.kg-lang a{min-width:44px;display:inline-flex;align-items:center;justify-content:center}}
.kg-burger{min-width:44px;min-height:44px}
.kg-header .kg-btn{white-space:nowrap}
/* 19/10 (audit bàn phím trang báo giá): vòng focus 2 lớp (trắng + viền tối) để thấy rõ trên cả nền sáng lẫn nền tối/ảnh */
.kg-header a:focus-visible,.kg-header button:focus-visible,.kg-footer a:focus-visible,.kg-crumbs a:focus-visible,.kg-phero a:focus-visible,.kg-sec--ink a:focus-visible,.kg-sec--wood a:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 2px #0A2230,0 0 0 6px rgba(255,255,255,.0)}
.kg-formbox .kg-choice input:focus-visible + span,.kg-choice input:focus-visible + span{outline:3px solid #0A2230;outline-offset:3px;box-shadow:0 0 0 2px #fff}
.kg-sec--wood .kg-facts{border-color:var(--kg-line-dark)}
.kg-sec--wood .kg-facts dt{color:var(--kg-mist)}
.kg-card__meta{font-size:1rem}
@media (max-width:760px){
.kg-steps8 p,.kg-facts dt,.kg-nap dt,.kg-consent span,.kg-form__note,.kg-footer__bottom span,.kg-crumbs li,.kg-crumbs a,.kg-sec .kg-ledger ul li,.kg-cta__contact dt{font-size:1rem}
.kg-choice label{min-height:44px;display:inline-flex;align-items:center}
.kg-choice input{width:20px;height:20px}
}
/* 19/10 (người dùng: "căn chỉnh sao chưa 2 col bằng nhau"): cột trái trang Yêu cầu báo giá cao bằng thẻ form, tiêu đề ngang tiêu đề form, nút Mở Google Maps ngang nút Gửi */
.kg-qleft{display:flex;flex-direction:column;padding:48px 0}
.kg-qleft .kg-list{margin-bottom:24px}
.kg-qleft .kg-facts{grid-template-columns:1fr 1fr;margin-top:auto}
.kg-qleft .kg-facts>div:nth-child(n+3){grid-column:1/-1}
.kg-qleft .kg-btn{align-self:flex-start}
.kg-workshop__grid .kg-formbox .kg-form__status:empty{display:none}
.kg-workshop__grid .kg-formbox{display:flex;flex-direction:column}
.kg-workshop__grid .kg-formbox>form{flex:1;align-content:space-between}
/* 19/10 (người dùng: "bỏ gạch chân và effect hover"): số điện thoại và email trong cột trái là chữ trơn, không gạch chân, không hiệu ứng khi rê chuột (vòng focus bàn phím giữ nguyên) */
.kg-qleft .kg-facts a,.kg-qleft .kg-facts a:hover{text-decoration:none;background:none;box-shadow:none;color:inherit;transition:none}
.kg-qleft .kg-facts a::before,.kg-qleft .kg-facts a::after{content:none;display:none}
/* 19/10 (người dùng: "bỏ effect đó"): dải thông tin cột trái không có nền trượt khi rê chuột */
/* 19/10 (người dùng: "bỏ effect hover" ở dải thông tin, hai lần): bỏ nền trượt khi rê chuột ở mọi dải thông tin (kg-facts, kg-lpfacts) */
.kg-hl{display:none}
/* 19/10 (người dùng: "hover button không có effect sử dụng trong style guide"): ô chọn dòng sản phẩm (Luxury, Indochine, Cần KiGin tư vấn) dùng cùng hiệu ứng hover của nút: nền trượt từ trái sang phải 0,45 giây, độ đậm 16% màu chữ */
.kg-choice span{position:relative;overflow:hidden;isolation:isolate}
.kg-choice span::before{content:"";position:absolute;inset:0;z-index:-1;background:currentColor;opacity:.16;transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none}
@media (hover:hover){.kg-choice label:hover span::before{transform:scaleX(1)}}
.kg-choice input:focus-visible + span::before{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.kg-choice span::before{transition:none}}
/* 19/10: header 981 đến 1160 px không còn đủ chỗ (công tắc vượt mép phải, số đo 1000 px: 1039 > 1000); thu khoảng cách logo, menu, nút, công tắc */
@media (min-width:981px) and (max-width:1160px){.kg-header__in{gap:14px}.kg-nav a,.kg-nav button{padding:0 7px}.kg-tools{margin-left:4px}}
@media (max-width:999px){.kg-lang a{font-size:1rem}}
/* 19/10 (người dùng: "lỗi arrow méo", "hover từng item có effect"): Quy trình 8 bước.
   Mũi tên: đầu mũi tên lệch tâm 1 px so với đường (đầu tâm y=37, đường tâm y=38) và mũi tên xuống nằm ở đầu đường thay vì cuối; căn lại cho trùng tâm, đầu mũi tên chạm đúng cuối đường.
   Hover (người dùng 19/10: bỏ nền đổi, thay bằng đổi viền; icon chạy animation): viền vòng tròn dày lên 3 px và đổi màu nhấn, icon nảy và xoay nhẹ 0,6 giây, tiêu đề đổi màu; tắt khi bật giảm chuyển động. */
@media (min-width:981px){
.kg-steps8 li:nth-child(-n+3)::before,.kg-steps8 li:nth-child(n+5):nth-child(-n+7)::before{top:33px}
.kg-steps8 li:nth-child(4)::before{bottom:-41px;margin-left:-5px}
}
.kg-steps8{--s8-hv:#136F9A}
html[data-theme="dark"] .kg-steps8{--s8-hv:#FFFFFF}
.kg-s8-ic{transition:border-color .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1)}
.kg-steps8 h3{transition:color .3s cubic-bezier(.22,.61,.36,1)}
@keyframes kg-s8-pop{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.22) rotate(-8deg)}65%{transform:scale(.94) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@media (hover:hover){
.kg-steps8 li:hover .kg-s8-ic{border-color:var(--s8-hv);box-shadow:inset 0 0 0 1px var(--s8-hv)}
.kg-steps8 li:hover .kg-s8-ic svg{animation:kg-s8-pop .6s cubic-bezier(.22,.61,.36,1)}
.kg-steps8 li:hover h3{color:var(--s8-hv)}
}
@media (prefers-reduced-motion:reduce){.kg-s8-ic,.kg-steps8 h3{transition:none}.kg-steps8 li:hover .kg-s8-ic svg{animation:none}}
/* 19/10 (người dùng: "text hiển thị 2 hàng"): câu mô tả cạnh tiêu đề 'Vì sao gửi yêu cầu cho KiGin' rộng hơn để hiện 2 dòng trên desktop */
@media (min-width:981px){.kg-sec[aria-labelledby="bg-tin"] .kg-head--split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,6vw,96px)}}
@media (max-width:900px){.kg-qleft{padding:0}.kg-qleft .kg-facts{margin-top:24px}}
@media (max-width:560px){.kg-qleft .kg-facts{grid-template-columns:1fr}}
/* 19/10 (người dùng: "sửa lại UI/UX giống ở đây", rồi "sử dụng style này cho light", ảnh mẫu: viên thuốc viền mờ, mặt trời/trăng | EN VI): công tắc sáng/tối và EN | VI gộp một viên thuốc kính mờ trên header tối, dùng cho CẢ nền sáng và nền tối; mục đang xem đậm màu nhấn */
.kg-tools{gap:0;padding:0 2px;height:44px;border-radius:999px;background:rgba(246,249,251,.1);box-shadow:0 0 0 1px rgba(199,230,243,.2)}
.kg-theme{width:44px;height:44px;border:0;background:transparent;color:#C7E6F3;border-radius:50%;transition:color .25s ease}
.kg-theme:hover,.kg-theme:focus-visible{background:transparent;border-color:transparent;color:#fff}
.kg-theme svg{width:20px;height:20px}
.kg-lang{height:44px;padding:0 0 0 4px;margin-left:2px;border:0;border-left:1px solid rgba(199,230,243,.2);border-radius:0;gap:0;color:#C7E6F3}
.kg-lang span{display:none}
.kg-lang a{min-width:44px;height:44px;padding:0 4px;color:#C7E6F3;font-weight:700;border-radius:999px;transition:color .25s ease}
.kg-lang a:hover,.kg-lang a:focus-visible{color:#fff;background:transparent}
.kg-lang a.is-cur{font-weight:700;color:#7FD0F0}
.kg-header .kg-tools a:focus-visible,.kg-header .kg-tools button:focus-visible{outline:3px solid #fff;outline-offset:0;box-shadow:none}
/* 19/10 (người dùng: "tất cả text phải đạt tương phản của Google", nút chưa đạt): sửa theo bộ đo toàn trang (mọi text, ô nhập, hover; nền sáng và tối) */
/* nút ink nền tối: lớp hover trượt màu nhấn sáng, chữ tối giữ nguyên (trước: lớp #164359 tối đè chữ tối, 1,5:1) */
html[data-theme="dark"] .kg-btn--ink::before,html[data-theme="dark"] .t-indochine.kg-style .kg-btn--ink::before{background:#5CC0EA}
/* viên thuốc EN | VI có nền riêng đủ đậm để chữ đạt tương phản trên cả ảnh sáng */
/* 20/10/2026 (người dùng: bỏ background): bỏ nền tối .72 của viên thuốc công tắc sáng/tối + EN|VI */
/* khi bỏ nền, chữ ngôn ngữ đang chọn (VI) đo 3,8 đến 4,4:1 trên ảnh sáng: đổi sang trắng, gạch chân để vẫn phân biệt với EN */
.kg-tools .kg-lang a.is-cur{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.kg-lang a,.kg-theme{color:#E8F1F6}
.kg-lang a:hover,.kg-lang a:focus-visible,.kg-theme:hover,.kg-theme:focus-visible{color:#fff}
/* 20/10/2026 (người dùng: hover icon và chữ EN | VI không đổi màu): chỉ đổi màu chữ, không nền; tăng độ ưu tiên để thắng quy tắc nền xanh cũ trong cuon-fx.css */
header.kg-header .kg-tools .kg-theme:hover,header.kg-header .kg-tools .kg-theme:focus-visible,header.kg-header .kg-tools .kg-lang a:hover,header.kg-header .kg-tools .kg-lang a:focus-visible{background:transparent;border-color:transparent;color:#FFFFFF}
header.kg-header .kg-tools .kg-lang a.is-cur:hover{color:#FFFFFF}
/* 21/10/2026 (Giám Sát): mục trong dropdown ngôn ngữ hover có nền như dropdown menu (luật trên ép nền trong suốt cho mọi a trong .kg-lang) */
header.kg-header .kg-tools .kg-lang .kg-lang__menu a:hover,header.kg-header .kg-tools .kg-lang .kg-lang__menu a:focus-visible,header.kg-header .kg-tools .kg-lang .kg-lang__menu a.is-cur:hover{background:rgba(255,255,255,.07);color:var(--kg-champagne-lt)}
/* thông báo lỗi nền tối */
html[data-theme="dark"] .kg-err{color:#FF9E96}
/* ô nhập: viền và gợi ý đậm hơn (nền sáng 5:1 và 6:1; nền tối 6:1 và 9:1) */
.kg-choice span{border-color:#5E7384}
/* 23/10/2026 (Giám Sát: border-color #c1cfdb cho ô nhập, THỬ ở bản sao): viền ô nhập nền sáng nhạt, khoảng 1,6 : 1 với nền trắng, KHÔNG đạt 3 : 1 của WCAG 1.4.11 (trước #5E7384, 4,9 : 1); chip radio/checkbox giữ #5E7384. Nền tối giữ #8FA9B8. */
.kg-input{border-color:#c1cfdb}
.kg-input::placeholder{color:#4F6270;opacity:1}
html[data-theme="dark"] .kg-input,html[data-theme="dark"] .kg-choice span{border-color:#8FA9B8}
html[data-theme="dark"] .kg-input::placeholder{color:#B9CCD6;opacity:1}
/* ô tick đồng ý: tự vẽ, viền 2 px đạt 3:1 */
.kg-consent input{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;width:24px;height:24px;margin:0;flex:none;border:2px solid #3A4D5A;border-radius:4px;background:#fff;cursor:pointer}
.kg-consent input:checked{background:#0A2230;border-color:#0A2230}
.kg-consent input:checked::after{content:"";width:11px;height:6px;margin-top:-2px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
html[data-theme="dark"] .kg-consent input{background:transparent;border-color:#B9CCD6}
html[data-theme="dark"] .kg-consent input:checked{background:#5CC0EA;border-color:#5CC0EA}
html[data-theme="dark"] .kg-consent input:checked::after{border-color:#0A2230}
/* 19/10 (người dùng: "bỏ underline đầu tiên", "địa chỉ thay vào đó, chữ Địa chỉ thay icon", "social FB, TikTok, LinkedIn, YouTube link #"): chân trang */
.kg-footer a:hover,.kg-footer a:focus-visible{text-decoration:none}
.kg-footer__addr{margin:0}
.kg-footer__addr strong{display:block;color:var(--kg-ivory);font-weight:500;margin-bottom:2px}
.kg-footer .kg-social{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0;list-style:none}
.kg-footer .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}
.kg-footer .kg-social a:hover,.kg-footer .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. */
.kg-footer .kg-social a[aria-label="Facebook"]:is(:hover,:focus-visible){background-color:#1877F2;border-color:#1877F2}
.kg-footer .kg-social a[aria-label="TikTok"]:is(:hover,:focus-visible){background-color:#FE2C55;border-color:#FE2C55}
.kg-footer .kg-social a[aria-label="YouTube"]:is(:hover,:focus-visible){background-color:#FF0000;border-color:#FF0000}
.kg-footer .kg-social a[aria-label="LinkedIn"]:is(:hover,:focus-visible){background-color:#0A66C2;border-color:#0A66C2}
.kg-footer .kg-social svg{width:28px;height:28px}
.kg-footer .kg-social li{margin:0}
/* 20/10/2026 (người dùng: tạo lớp truy cập chỉ cho button, không ảnh hưởng mục khác): chỉ áp cho .kg-btn: vòng focus nhìn rõ trên mọi nền, vùng bấm tối thiểu 44 px, chữ nút không dưới 15 px */
a.kg-btn:focus-visible,button.kg-btn:focus-visible{outline:3px solid #136F9A;outline-offset:3px;box-shadow:0 0 0 5px #FFFFFF}
html[data-theme="dark"] a.kg-btn:focus-visible,html[data-theme="dark"] button.kg-btn:focus-visible{outline-color:#FFFFFF;box-shadow:0 0 0 5px #0A2230}
.kg-btn{min-height:52px}
.kg-btn{font-size:16px}
/* 20/10/2026 (người dùng: "đặt font body = 16px"): chữ nền mặc định 16 px (trước 17 px), áp cho mọi trang */
body{font-size:1rem}
/* 20/10/2026: header ở 320 đến 400px: logo + công tắc + burger cần 391px; bớt khoảng cách để nút menu luôn nằm trong màn hình */
@media (max-width:400px){.kg-header .kg-header__in{gap:8px}.kg-header .kg-tools{margin-right:0}}
/* 20/10/2026 (người dùng cho đưa vào CSS chung): ô nhập form cao 48px, bo 8px; vòng focus 2px (nền tối #5CC0EA); viền lỗi nền tối */
.kg-form input.kg-input,.kg-form select.kg-input{height:48px;min-height:48px;padding-top:0;padding-bottom:0}
.kg-form .kg-input{border-radius:8px}
.kg-form .kg-input:focus{outline:2px solid transparent;outline-offset:2px;border-color:#136F9A;box-shadow:0 0 0 3px rgba(19,111,154,.22)}   /* 23/10/2026 (Giám Sát chọn A): viền xanh + bóng mờ; outline trong suốt để vẫn hiện ở chế độ tương phản cao */
html[data-theme="dark"] .kg-form .kg-input:focus{outline-color:#5CC0EA;box-shadow:0 0 0 3px rgba(92,192,234,.35)}
html[data-theme="dark"] .kg-form .kg-input[aria-invalid="true"]{border-color:#FF9E96}
@media (pointer:coarse){.kg-form .kg-input,.kg-form select.kg-input,.kg-form textarea.kg-input{font-size:16px}}
/* 20/10/2026 (người dùng): logo ở giữa thanh đầu trên mobile/tablet: nút menu trái, logo giữa, công tắc phải (CSS chung, người dùng cho áp mọi trang) */
@media (max-width:980px){.kg-header .kg-header__in{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:100%;grid-auto-rows:0;align-items:center}
.kg-header .kg-burger{grid-column:1;grid-row:1;justify-self:start;margin:0}
.kg-header .kg-logo{grid-column:2;grid-row:1;justify-self:center}
.kg-header .kg-tools{grid-column:3;grid-row:1;justify-self:end;margin:0}}
/* 20/10/2026: viền nút menu và cụm công tắc đạt 3:1 trên ảnh hero (đo 1,4 đến 3,0): bỏ nền, chỉ viền sáng hơn, ≤980px (người dùng) */
@media (max-width:980px){.kg-header .kg-burger{background:transparent;border-color:var(--kg-mist);border-radius:4px}
.kg-header .kg-tools{background:transparent;box-shadow:none;padding:0}.kg-header .kg-lang{border-left:0}.kg-header .kg-theme{color:#F6F9FB}}
/* 20/10/2026 (người dùng: ngôn ngữ gộp dropdown): >600px giữ EN | VI như cũ; ≤600px chỉ một nút hiện ngôn ngữ đang xem, bấm mở danh sách (JS LANG_DD_JS) */
.kg-lang__btn{display:none}
.kg-lang__menu{display:contents}
@media (max-width:600px){
.kg-header .kg-lang{position:relative;padding:0;margin-left:0;gap:0;border-left:0}
.kg-header .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}
.kg-header .kg-lang .kg-lang__btn span{display:inline;opacity:1}
.kg-header .kg-lang__btn svg{width:12px;height:12px;transition:transform .2s ease}
.kg-header .kg-lang.is-open .kg-lang__btn svg{transform:rotate(180deg)}
.kg-header .kg-lang__btn:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.kg-header .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}
.kg-header .kg-lang.is-open .kg-lang__menu{display:block}
.kg-header .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}
.kg-header .kg-lang__menu a.is-cur{font-weight:700;color:#7FD0F0}
.kg-header .kg-lang__menu a:hover,.kg-header .kg-lang__menu a:focus-visible{background:rgba(199,230,243,.12);color:#fff}
}
/* 23/10/2026 (THỬ, Giám Sát tự sửa trong DevTools): cụm công cụ header không còn viên thuốc 999 px mà là một khung chữ nhật bo 5 px (cạnh nút Yêu cầu báo giá 4 px, cao 44 px).
   Khung: gap 0, padding 0 2px, cao 44 px, nền rgba(246,249,251,.1), viền bóng 1 px rgba(199,230,243,.2). Phần tử con (nút sáng/tối, nút ngôn ngữ) bo 4 px thay vì tròn/viên thuốc; danh sách ngôn ngữ bo 5 px, mục 4 px. Từ 980 px trở xuống khung trong suốt như cũ. */
.kg-tools{gap:0;padding:0 2px;height:44px;border-radius:5px;background:rgba(246,249,251,.1);box-shadow:0 0 0 1px rgba(199,230,243,.2)}
header.kg-header .kg-tools .kg-theme{border-radius:4px}
header.kg-header .kg-tools .kg-lang a,header.kg-header .kg-tools .kg-lang__btn{border-radius:4px}
header.kg-header .kg-tools .kg-lang__btn{font-weight:700}
header.kg-header .kg-tools .kg-theme:focus-visible,header.kg-header .kg-tools .kg-lang__btn:focus-visible{outline:3px solid #fff;outline-offset:-3px}
header.kg-header .kg-tools .kg-lang__menu{border-radius:5px}
header.kg-header .kg-tools .kg-lang__menu a{border-radius:4px}
/* 20/10 (bên thứ 3): nhãn nhỏ 13 px dưới cỡ nhỏ nhất của style guide (14 px): nâng chữ cỡ xs lên 14 px ở mọi khổ */
:root{--kg-fs-xs:.875rem}
/* 20/10 (kiểm theo style guide): chữ nút nổi Zalo/Gọi từ 12 lên 14 px; mô tả 8 bước từ 14 lên 16 px ở desktop (nội dung, không phải nhãn); nhãn dt đậm 500 đúng style guide */
.kg-float a,.kg-float__zalo{font-size:14px}
.kg-steps8 p{font-size:1rem;max-width:26ch}
.kg-facts dt{font-weight:500}
/* 19/10 (người dùng: "link bỏ gạch dưới, hover link đổi color"): liên kết trong câu trả lời hỏi đáp không gạch chân; nhận biết bằng màu nhấn và chữ đậm vừa (cần thêm dấu hiệu ngoài màu theo WCAG 1.4.1), hover đổi màu */
.kg-faq__a a{text-decoration:none;color:#136F9A;font-weight:400;background-image:none;transition:color .25s ease}
.kg-faq__a a:hover,.kg-faq__a a:focus-visible{color:#0A2230;text-decoration:none}
html[data-theme="dark"] .kg-faq__a a{color:#7FD0F0}
html[data-theme="dark"] .kg-faq__a a:hover,html[data-theme="dark"] .kg-faq__a a:focus-visible{color:#FFFFFF}
/* 19/10 (người dùng: "giảm font-size cho cân đối"): câu hỏi trong khối Hỏi đáp từ 28 px xuống tối đa 22 px (18 px ở mobile) */
.kg-faq summary{font-size:clamp(1.125rem,1rem + .45vw,1.375rem)}
/* 19/10 (người dùng: "giảm font-size chút input cho phù hợp"): chữ trong ô nhập 16 px giảm còn 15 px ở desktop (từ 761 px); mobile giữ 16 px để iPhone không tự phóng to khi bấm vào ô */
@media (min-width:761px){.kg-input,select.kg-input,textarea.kg-input{font-size:15px}}
/* 19/10 (người dùng: "có nhiều khoảng trống, cho nó cân đối"): khoảng trống dưới dòng bản quyền ở desktop thu về cân với khoảng trên (trước 64 px đệm chân + 28 px) */
@media (min-width:981px){.kg-footer{padding-bottom:0}.kg-footer__bottom{padding:28px 0 44px}}
/* 19/10 (người dùng: "liên hệ để icon như vậy", ảnh mẫu icon + chữ): cột Liên hệ chân trang dùng icon (địa chỉ, điện thoại, email, giờ làm việc), nhãn giữ cho trình đọc màn hình */
.kg-footer dl>div{display:flex;align-items:flex-start;gap:12px}
.kg-footer .kg-ci{flex:none;width:20px;height:20px;margin-top:2px;color:#C7E6F3}
.kg-footer dl>div dd{flex:1;min-width:0}
/* liên kết kg-link khi rê chuột: chữ đủ tối trên lớp nền trượt (nền sáng) và đủ sáng (nền tối); chữ "Xem dòng ..." ở hero trắng */
.kg-link:hover,.kg-link:focus-visible{color:#0D4F6D}
html[data-theme="dark"] .kg-link:hover,html[data-theme="dark"] .kg-link:focus-visible{color:#FFFFFF}
.kg-seam__side:hover .kg-seam__go,.kg-sec--ink .kg-link:hover,.kg-sec--wood .kg-link:hover{color:#FFFFFF}

/* menu thả xuống Sản phẩm */
.kg-nav [aria-current="page"]{text-decoration:none}
.kg-nav li.kg-has-sub{display:flex;align-items:center;flex-wrap:wrap}
.kg-nav li.kg-has-sub>a{width:auto;padding-right:2px}
.kg-nav li.kg-has-sub>.kg-subtoggle{width:44px;min-width:44px;min-height:44px;padding:0;justify-content:center;gap:0}
.kg-nav li.kg-has-sub>.kg-subtoggle::after{transition:transform .2s ease}
.kg-nav li.kg-has-sub>.kg-subtoggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.kg-nav li.kg-has-sub>.kg-subtoggle:focus-visible,.kg-sub a:focus-visible{outline:2px solid var(--kg-champagne-lt);outline-offset:-2px}
.kg-nav .kg-sub{z-index:60;min-width:240px;top:100%}
.kg-nav .kg-sub li{width:100%}
.kg-nav .kg-sub a{font:400 0.9rem/1.3 var(--kg-sans);min-height:44px;padding:8px 20px;white-space:normal;color:#c5c6d3}   /* 21/10/2026 màu chữ mục con menu #c5c6d3 theo Giám Sát chỉnh trong DevTools */
.kg-nav .kg-sub a:hover,.kg-nav .kg-sub a:focus-visible{background:none;color:#fff}   /* 21/10/2026 (Giám Sát): hover mục con chỉ đổi màu chữ, không nền */

.kg-nav li.kg-esc>.kg-sub{opacity:0;visibility:hidden;transform:translateY(6px)}
@media (max-width:980px){
.kg-nav li.kg-has-sub>a{flex:1 1 0;width:auto;min-width:0}
.kg-nav li.kg-has-sub>.kg-subtoggle{width:56px;min-width:56px;min-height:56px;flex:0 0 56px}
.kg-nav .kg-has-sub>.kg-sub{flex:0 0 100%;position:static;display:none;min-width:0}
.kg-nav .kg-has-sub.is-open>.kg-sub{display:block}
.kg-nav li.kg-esc>.kg-sub{opacity:1;visibility:visible;transform:none}
.kg-nav .kg-sub a{font-size:1rem;padding:8px 0 8px 14px}
}
@media (min-width:981px){
.kg-nav li.kg-has-sub>.kg-sub{display:block}
.kg-nav{align-self:stretch}.kg-nav>ul{height:100%}
.kg-nav>ul>li{align-items:center}
.kg-nav li.kg-has-sub>.kg-sub{top:100%;margin-top:0}
.kg-nav li.kg-has-sub>.kg-sub{border:1px solid rgba(199,230,243,.2);border-radius:5px;transform:translateY(10px);transform-origin:top left;transition:opacity .22s var(--kg-ease),transform .22s var(--kg-ease),visibility .22s}
.kg-nav li.kg-has-sub:hover>.kg-sub,.kg-nav li.kg-has-sub:focus-within>.kg-sub,.kg-nav li.kg-has-sub.is-open>.kg-sub{transform:none}
.kg-nav li.kg-has-sub.kg-esc>.kg-sub{transform:translateY(10px)}
@media (prefers-reduced-motion:reduce){.kg-nav li.kg-has-sub>.kg-sub{transition:none;transform:none}}
}
html[data-theme="dark"] .kg-nav .kg-sub{background:#10202B;border-color:rgba(255,255,255,.2)}
/* 21/10/2026 megamenu Sản phẩm: 2 cột dòng (Luxury, Indochine), mỗi cột có tiêu đề dòng và 4 nhóm; danh sách phẳng, lưới chia cột theo thứ tự */
.kg-nav .kg-sub--mega a.kg-mega-h{font-weight:600;letter-spacing:.02em;color:var(--kg-champagne-lt)}
.kg-nav .kg-sub--mega a.kg-mega-h:hover,.kg-nav .kg-sub--mega a.kg-mega-h:focus-visible{color:#fff}
.kg-nav .kg-sub--mega li:nth-child(5n+2){margin-top:-2px}   /* 21/10/2026 (Giám Sát): nhóm 4 mục kéo lên 2px, gần tiêu đề dòng hơn khoảng cách giữa các mục */
@media (min-width:981px){
.kg-nav li.kg-has-sub>.kg-sub.kg-sub--mega{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);grid-template-columns:minmax(150px,max-content) max-content;column-gap:24px;padding:8px 10px;min-width:460px}   /* 22/10/2026: tên nhóm dài kiểu Gemmy, cột 1 rộng vừa tên dài nhất, mỗi tên một dòng (desktop) */
@media (min-width:981px){.kg-nav .kg-sub--mega a{white-space:nowrap}
/* 22/10/2026 (Giám Sát: "Move col lên đầu"): cột Dòng Luxury / Dòng Indochine đứng đầu (trái), cột Tất cả sản phẩm + 4 nhóm đứng sau; thứ tự trong HTML giữ nguyên cho bàn phím và đọc màn hình theo thứ tự tab cũ */
.kg-nav .kg-sub--mega li:nth-child(n+6){grid-column:1}
.kg-nav .kg-sub--mega li:nth-child(6){grid-row:1}.kg-nav .kg-sub--mega li:nth-child(7){grid-row:2}
.kg-nav .kg-sub--mega li:nth-child(-n+5){grid-column:2}
.kg-nav .kg-sub--mega li:nth-child(1){grid-row:1}.kg-nav .kg-sub--mega li:nth-child(2){grid-row:2}.kg-nav .kg-sub--mega li:nth-child(3){grid-row:3}.kg-nav .kg-sub--mega li:nth-child(4){grid-row:4}.kg-nav .kg-sub--mega li:nth-child(5){grid-row:5}}
.kg-nav .kg-sub--mega li{width:auto}
}
@media (max-width:980px){.kg-nav .kg-sub--mega li:nth-child(n+6) a.kg-mega-h{margin-top:8px}}
/* 21/10/2026 (Giám Sát): dropdown ngôn ngữ giống dropdown menu, áp mọi độ rộng (desktop cũng dropdown, bỏ EN | VI): nền, bo 5px, không bóng, chữ 0.9rem 400, hiện từ dưới lên, không gạch chân; mục đang chọn chỉ đổi màu */
@media all{
.kg-header .kg-lang::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.kg-header .kg-lang__menu{position:absolute;z-index:5;display:block;visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .22s var(--kg-ease),transform .22s var(--kg-ease),visibility .22s;top:calc(100% + 16px);right:0;min-width:160px;padding:10px 0;background:var(--kg-ink-2);border:1px solid var(--kg-line-dark);border-radius:5px;box-shadow:none}
.kg-header .kg-lang.is-open .kg-lang__menu{visibility:visible;opacity:1;transform:none}
.kg-header .kg-lang__menu a,.kg-header .kg-lang__menu a.is-cur{display:flex;align-items:center;height:auto;min-height:44px;padding:8px 20px;border-radius:0;font:400 0.9rem/1.3 var(--kg-sans);color:inherit;text-decoration:none;font-weight:400}
.kg-header .kg-lang__menu a.is-cur{color:var(--kg-champagne-lt)}
.kg-header .kg-lang__menu a:hover{background:rgba(255,255,255,.07);color:var(--kg-champagne-lt)}
.kg-header .kg-lang__menu a:focus-visible{outline:2px solid var(--kg-champagne-lt);outline-offset:-2px}

}
html[data-theme="dark"] .kg-header .kg-lang__menu{background:#10202B;border-color:rgba(255,255,255,.18)}
.kg-header .kg-lang a,.kg-header .kg-lang a.is-cur{text-decoration:none}
@media (min-width:601px){
.kg-header .kg-lang{position:relative;padding:0;margin-left:0;gap:0;border-left:0}
.kg-header .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}
.kg-header .kg-lang .kg-lang__btn span{display:inline;opacity:1}
.kg-header .kg-lang__btn svg{width:12px;height:12px;transition:transform .2s ease}
.kg-header .kg-lang.is-open .kg-lang__btn svg{transform:rotate(180deg)}
.kg-header .kg-lang__btn:focus-visible{outline:3px solid #fff;outline-offset:-3px}
}
.kg-header .kg-lang__btn{justify-content:center;gap:6px;min-width:0;padding:0 14px;transition:color .25s ease}
.kg-header .kg-lang__btn:hover,.kg-header .kg-lang.is-open .kg-lang__btn{color:var(--kg-champagne-lt)}