:root{--red: #D02129;--red-ink: #B3121A;--red-soft: #FCE9EA;--indigo: #2E2466;--indigo-soft: #ECEAF6;--bg: #FFFFFF;--mat: #F2F3F7;--surface: #FFFFFF;--ink: #17152B;--muted: #5B5973;--line: #DCDDE6;--line-green: #06C755;--warn-bg: #FFF4D6;--warn-ink: #4A3A00;--shadow: 0 1px 0 var(--line);--f-display: "Bai Jamjuree", "IBM Plex Sans Thai", system-ui, sans-serif;--f-body: "IBM Plex Sans Thai", "Bai Jamjuree", system-ui, -apple-system, "Segoe UI", sans-serif;--r: 6px;--wrap: 1200px;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--red: #FF4B53;--red-ink: #FF6E74;--red-soft: #3A1A22;--indigo: #A79DEB;--indigo-soft: #24213C;--bg: #100F1A;--mat: #181726;--surface: #1D1C2D;--ink: #ECECF4;--muted: #A9A7BE;--line: #2F2D45;--warn-bg: #2D2612;--warn-ink: #F6E3A6;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 96px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.75 var(--f-body)}img{max-width:100%;height:auto;display:block}a{color:var(--red-ink);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:2px}h1,h2,h3{font-family:var(--f-display);line-height:1.3;margin:0 0 .5em;letter-spacing:-.005em}h1{font-size:clamp(1.75rem,1.2rem + 2.2vw,2.6rem);font-weight:700}h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.65rem);font-weight:600}h3{font-size:1.125rem;font-weight:600}p{margin:0 0 1em}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:var(--bg);padding:8px 12px}[hidden]{display:none!important}.topbar{background:var(--indigo);color:#fff;font-size:.8125rem}:root[data-theme=dark] .topbar{background:#1e1a3f}.topbar-in{display:flex;justify-content:space-between;gap:16px;padding-block:6px}.topbar a{color:#fff;text-decoration:none}.topbar a:hover{text-decoration:underline}.tb-links{display:flex;gap:18px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:40;background:var(--bg)}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:50;background:var(--bg)}.site-header{top:env(safe-area-inset-top,0px)}.header-in{display:flex;align-items:center;gap:24px;padding-block:10px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}.logo{width:132px;height:auto}.logo-dark{display:none}:root[data-theme=dark] .logo-light{display:none}:root[data-theme=dark] .logo-dark{display:block}.brand-names{display:flex;flex-direction:column;line-height:1.3;border-left:1px solid var(--line);padding-left:12px}.bn-th{font-family:var(--f-display);font-weight:600;font-size:.95rem}.bn-en{font-size:.78rem;color:var(--muted)}.nav{margin-left:auto}.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}.nav a{display:block;padding:10px 12px;color:var(--ink);text-decoration:none;font-family:var(--f-display);font-weight:600;font-size:.98rem;border-radius:var(--r)}.nav a:hover{color:var(--red-ink)}.nav>ul>li>a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--red);border-radius:0}.has-mega{position:relative}.mega{display:none;position:absolute;top:100%;left:-12px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--red);padding:10px;width:520px;box-shadow:0 16px 32px #17152b1f}.mega ul{list-style:none;margin:0;padding:0;columns:2;column-gap:8px}.mega a{font-family:var(--f-body);font-weight:500;font-size:.92rem;padding:6px 10px}.mega a:hover{background:var(--mat)}.has-mega:hover .mega,.has-mega:focus-within .mega{display:block}.only-mobile{display:none}.actions{display:flex;align-items:center;gap:6px}.lang-btn,.icon-btn{display:inline-grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:var(--r);background:transparent;color:var(--ink);cursor:pointer;font:600 .85rem var(--f-display);text-decoration:none;padding:0 8px}.lang-btn:hover,.icon-btn:hover{border-color:var(--ink)}.i-moon{display:none}:root[data-theme=dark] .i-sun{display:none}:root[data-theme=dark] .i-moon{display:block}.menu-btn{display:none}.rope{display:grid;gap:2px}.rope i{display:block;height:3px;background:var(--red)}.rope i:nth-child(2){background:var(--bg);height:2px}.rope i:nth-child(3){background:var(--indigo)}.btns{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:var(--r);font:600 1rem var(--f-display);text-decoration:none;border:2px solid transparent}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-ink)}:root[data-theme=dark] .btn-red{color:#1a0507}.btn-line{background:var(--line-green);color:#fff}.btn-line:hover{filter:brightness(.92)}.btn-ghost{border-color:var(--ink);color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:var(--bg)}.hero{background:var(--mat);border-bottom:1px solid var(--line)}.hero-in{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;padding-block:48px}.hero h1{font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);line-height:1.22;max-width:18ch}.lead{font-size:1.125rem;color:var(--muted);max-width:52ch}.slider{position:relative;aspect-ratio:4 / 3;border-radius:var(--r);overflow:hidden;background:var(--surface)}.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.slides img.on{opacity:1}.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}.dots button{width:28px;height:6px;border:0;border-radius:3px;background:#fff9;cursor:pointer;padding:0;box-shadow:0 0 0 1px #0003}.dots button[aria-pressed=true]{background:var(--red)}.sec{padding-block:48px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.sec-head h2{margin:0}.sec-head a{font-family:var(--f-display);font-weight:600}.band{background:var(--mat);border-block:1px solid var(--line)}.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.cat-tile{display:grid;grid-template-rows:auto 1fr auto;height:100%;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.cat-tile img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;padding:10px}.ct-name{font-family:var(--f-display);font-weight:600;padding:10px 12px 0;line-height:1.35}.ct-count{font-size:.85rem;color:var(--muted);padding:2px 12px 12px}.cat-tile:hover{border-color:var(--red)}.cat-tile:hover .ct-name{color:var(--red-ink)}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.pcard-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.pcard-img{background:#fff;aspect-ratio:1}.pcard-img img{width:100%;height:100%;object-fit:contain;padding:8px}.pcard h3{font-size:1rem;margin:6px 14px 4px;line-height:1.45}.pcard p{font-size:.88rem;color:var(--muted);margin:0 14px 14px;line-height:1.5}.pcard-link:hover{border-color:var(--red)}.pcard-link:hover h3{color:var(--red-ink)}.tag{align-self:flex-start;margin:12px 0 0 14px;display:inline-block;background:var(--red);color:#fff;font:600 .78rem/1 var(--f-display);letter-spacing:.02em;padding:6px 14px 6px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);border-left:3px solid var(--indigo)}:root[data-theme=dark] .tag{color:#1a0507}.tag-lg{font-size:.95rem;padding:8px 20px 8px 12px;margin:0 0 12px}.oem{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:center}.oem img{border-radius:var(--r)}.about-strip{background:var(--indigo);color:#fff}:root[data-theme=dark] .about-strip{background:#1e1a3f}.about-in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-block:48px;align-items:center}.about-strip p{color:#e3e1f2;max-width:60ch}.about-strip .btn-ghost{border-color:#fff;color:#fff}.about-strip .btn-ghost:hover{background:#fff;color:var(--indigo)}.facts{margin:0;display:grid;gap:1px;background:#fff3}.facts div{background:var(--indigo);padding:14px 0 14px 18px;display:flex;flex-direction:column-reverse}:root[data-theme=dark] .facts div{background:#1e1a3f}.facts dt{color:#c9c5e6;font-size:.9rem}.facts dd{margin:0;font:700 2.4rem/1.1 var(--f-display);color:#fff}.ngrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.ncard a{display:block;text-decoration:none;color:var(--ink)}.ncard-img{aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--r);background:var(--mat)}.ncard-img img{width:100%;height:100%;object-fit:cover}.ncard h2,.ncard h3{font-size:1.05rem;margin:4px 0 0;line-height:1.45}.ncard a:hover h2,.ncard a:hover h3{color:var(--red-ink)}.meta{font-size:.85rem;color:var(--muted);margin:10px 0 0}.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter button,.chips a,.chips li{font:500 .9rem var(--f-body)}.filter button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:999px;cursor:pointer}.filter button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.more-list{list-style:none;padding:0;margin:0}.more-list li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.more-list time{color:var(--muted);font-size:.85rem;white-space:nowrap}.page{padding-block:24px 64px}.narrow{max-width:860px}.page:has(.cert-gallery){max-width:var(--wrap)}.crumbs ol{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.crumbs li+li:before{content:"/";margin:0 8px;color:var(--line)}.crumbs a{color:var(--muted)}.cat-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.count{font:500 .9rem var(--f-body);color:var(--muted)}.cat-desc{max-width:70ch}.chips{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips a{display:inline-flex;gap:6px;align-items:center;padding:7px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);background:var(--surface)}.chips a:hover{border-color:var(--red);color:var(--red-ink)}.chips a span{color:var(--muted);font-size:.8rem}.chips.small{margin:0}.chips.small li{padding:2px 10px;border:1px solid var(--line);border-radius:4px;font-size:.9rem}.search{display:grid;gap:6px;max-width:520px;margin-bottom:28px}.search label{font:600 .95rem var(--f-display)}.search input{font:inherit;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink)}.search input:focus{border-color:var(--red);outline:none}.empty{padding:24px;background:var(--mat);border-radius:var(--r)}.catalog{display:grid;gap:0;border-top:1px solid var(--line)}.cat-row{display:grid;grid-template-columns:96px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}.cat-row-img img{width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:4px}.cat-row h2{font-size:1.25rem;margin:4px 0 10px}.cat-row h2 a{color:var(--ink);text-decoration:none}.cat-row h2 a:hover{color:var(--red-ink)}.cat-row .chips{margin:0}.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.gallery{position:sticky;top:110px}.g-main{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);cursor:zoom-in}.g-main img{width:100%;aspect-ratio:1;object-fit:contain;padding:16px}.g-thumbs{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.g-thumbs button{padding:2px;border:2px solid var(--line);border-radius:var(--r);background:#fff;cursor:pointer}.g-thumbs button[aria-pressed=true]{border-color:var(--red)}.g-thumbs img{width:64px;height:64px;object-fit:contain}.alt-name{color:var(--muted);margin-top:-.3em}.specs{margin:20px 0;border-top:1px solid var(--line)}.specs div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.specs dt{font:600 .95rem var(--f-display);color:var(--muted)}.specs dd{margin:0}.p-desc h2{font-size:1.2rem}.order{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:28px;padding:22px;border:2px solid var(--ink);border-radius:var(--r)}.order h2{font-size:1.2rem}.order p{color:var(--muted)}.order img{width:112px;flex-shrink:0;background:#fff;padding:4px;border-radius:4px}.prose{overflow-wrap:anywhere}.prose img{margin:12px auto;border-radius:4px}.prose>div:has(>img:only-child){display:inline-block;width:calc(50% - 8px);margin-right:8px;vertical-align:top}.prose>div:has(>img):has(>br){display:inline-flex;flex-direction:column;align-items:center;width:168px;vertical-align:top;margin:0 10px 16px 0;text-align:center;font-size:.9rem;line-height:1.45}.prose>div:has(>img):has(>br) img{margin:0 0 6px;width:120px;height:120px;object-fit:contain}.prose>div:has(>img):has(>br) br{display:none}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.35em}.prose h2{margin-top:1.2em}.prose table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}.prose td,.prose th{border:1px solid var(--line);padding:6px 10px}.video{position:relative;aspect-ratio:16 / 9;margin:16px 0}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--r)}.prose .cert-gallery,.cert-gallery{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:28px 20px}.cert-gallery li{margin:0;display:flex;flex-direction:column;gap:10px;font-size:.9rem;line-height:1.5}.cert-gallery a{display:grid;place-items:center;aspect-ratio:3 / 4;background:var(--mat);border:1px solid var(--line);border-radius:var(--r);padding:12px;cursor:zoom-in}.cert-gallery a:hover{border-color:var(--red)}.cert-gallery img{margin:0;max-height:100%;width:auto;object-fit:contain;box-shadow:0 2px 10px #17152b2e;border-radius:2px}.cert-gallery span{border-left:3px solid var(--red);padding-left:10px}.art-head{margin-bottom:20px}.art-head .meta{margin:0 0 6px}.sub-title{font-size:1.2rem;color:var(--muted)}.about-layout{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}.toc{position:sticky;top:110px;border-left:3px solid var(--red);padding-left:16px}.toc-t{font:600 .95rem var(--f-display);margin-bottom:8px}.toc ul{list-style:none;margin:0;padding:0}.toc a{display:block;padding:4px 0;color:var(--muted);text-decoration:none;font-size:.92rem;line-height:1.45}.toc a:hover{color:var(--red-ink)}.about-hero{border-radius:var(--r);margin-bottom:28px}.about-sec{padding:8px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px;max-width:72ch}.about-story .prose strong{font-family:var(--f-display);color:var(--red-ink);font-size:1.1rem}.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.contact .specs div{grid-template-columns:100px 1fr}.line-box{margin-top:24px;padding:20px;background:var(--mat);border-radius:var(--r);display:grid;gap:12px;justify-items:start}.line-box img{width:160px;background:#fff;padding:6px;border-radius:4px}.c-map{margin:0}.c-map img{border:1px solid var(--line);border-radius:var(--r);background:#fff}.c-map figcaption{font-size:.85rem;color:var(--muted);margin-top:6px}.nf{text-align:center;padding-block:64px}.nf .btns{justify-content:center}.nf-code{font:700 6rem/1 var(--f-display);color:var(--red);margin:0 0 12px}.warn{background:var(--warn-bg);color:var(--warn-ink);border-top:1px solid var(--line)}.warn-in{display:flex;gap:14px;align-items:flex-start;padding-block:16px}.warn svg{color:var(--red);flex-shrink:0;margin-top:2px}.warn p{margin:0;font-size:.95rem}.warn strong{color:var(--red-ink)}.site-footer{background:#15132a;color:#cfcde0;font-size:.92rem}.site-footer a{color:#fff}.foot-grid{display:grid;grid-template-columns:1.3fr 1.3fr 1fr 1fr;gap:32px;padding-block:44px 28px}.site-footer h2{font-size:1rem;color:#fff;margin-bottom:12px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{padding:2px 0}.site-footer li a{color:#cfcde0;text-decoration:none}.site-footer li a:hover{color:#fff;text-decoration:underline}.site-footer address{font-style:normal}.f-name{color:#fff;font-family:var(--f-display);font-weight:600;margin-top:12px}.f-cert{margin-top:16px;background:#fff;border-radius:4px;padding:4px;width:180px}.f-bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:16px;font-size:.82rem}.lightbox{border:0;padding:0;background:transparent;max-width:94vw;max-height:92vh}.lightbox::backdrop{background:#0a0914db}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;background:#fff;border-radius:4px}.lb-close{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#111;font-size:1.6rem;cursor:pointer}@media(max-width:1080px){.brand-names{display:none}.foot-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.menu-btn{display:inline-grid}.nav{position:fixed;inset:0 0 0 auto;width:min(340px,86vw);background:var(--bg);border-left:1px solid var(--line);padding:calc(env(safe-area-inset-top,0px) + 72px) 16px 24px;transform:translate(100%);transition:transform .25s ease;overflow-y:auto;z-index:45}.nav.open{transform:none;box-shadow:-20px 0 40px #0003}.nav>ul{flex-direction:column}.nav>ul>li>a[aria-current=page]{box-shadow:inset 3px 0 0 var(--red)}.only-mobile{display:block}.mega,.has-mega:hover .mega,.has-mega:focus-within .mega{display:none}.mega ul{columns:1}.actions{margin-left:auto;position:relative;z-index:46}.hero-in,.oem,.about-in,.product,.contact,.about-layout{grid-template-columns:1fr}.hero-in{gap:28px;padding-block:28px}.gallery,.toc{position:static}.toc{display:none}}@media(max-width:600px){body{font-size:1rem}.tb-slogan{display:none}.tb-links{gap:12px}.logo{width:110px}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcard h3{font-size:.92rem;margin-inline:10px}.pcard p{display:none}.tag{margin-left:10px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.foot-grid{grid-template-columns:1fr}.order{flex-direction:column;align-items:flex-start}.prose>div:has(>img:only-child){width:100%;margin-right:0}.prose>div:has(>img):has(>br){width:calc(50% - 8px);margin-right:6px}.cert-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.cat-row{grid-template-columns:64px 1fr;gap:14px}.cat-row-img img{width:64px;height:64px}.specs div{grid-template-columns:90px 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}