/* EN Enterprise — Global Engineering Art Direction v1 */
:root{--en-ink:#080607;--en-paper:#e9e2d7;--en-maroon:#74172f;--en-gold:#d9b84f;--en-line:rgba(217,184,79,.18)}
html{scroll-behavior:smooth}
body{position:relative;background-color:var(--en-ink);background-image:linear-gradient(90deg,rgba(217,184,79,.025) 1px,transparent 1px),linear-gradient(rgba(217,184,79,.018) 1px,transparent 1px);background-size:80px 80px;color:#f5eee8}
body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,6,7,.97),rgba(8,6,7,.86)),url('images/en-engineering-blueprint-world-v1.png') center/cover no-repeat;opacity:.24}
body::after{content:"EN / ENGINEERING SYSTEM";position:fixed;z-index:100;left:14px;top:50%;translate:0 -50%;writing-mode:vertical-rl;color:rgba(217,184,79,.34);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;pointer-events:none}
header,nav,.topbar,.site-header{border-color:var(--en-line)!important;background:rgba(9,6,7,.86)!important;backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 22px 70px rgba(0,0,0,.28)}
main{isolation:isolate}
main>section,main>article,.page-section{position:relative;border-color:var(--en-line)}
h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}
h1{font-size:clamp(42px,7vw,104px);line-height:.88}
h2{font-size:clamp(32px,4.5vw,68px);line-height:.95}
main p,article p{line-height:1.78}
main img,article img{border-color:rgba(217,184,79,.16);box-shadow:0 28px 85px rgba(0,0,0,.24)}
.container,.ctn,.wrap,.page-wrap,.content-wrap{position:relative}
.container::before,.page-wrap::before,.content-wrap::before{content:"EN / KHON KAEN / 2026";display:block;margin-bottom:18px;color:rgba(217,184,79,.58);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.card,.product-card,.article-card,.policy-card,.contact-card,.track-card,.trust-card{border:1px solid var(--en-line)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(116,23,47,.08))!important;box-shadow:0 24px 70px rgba(0,0,0,.2);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.card:hover,.product-card:hover,.article-card:hover{transform:translateY(-5px);border-color:rgba(217,184,79,.42)!important;box-shadow:0 34px 90px rgba(0,0,0,.34)}
button,.btn,[class*="button"],input[type="submit"]{border-radius:999px!important;letter-spacing:.02em;transition:transform .25s ease,filter .25s ease}
button:hover,.btn:hover,[class*="button"]:hover{transform:translateY(-2px);filter:brightness(1.08)}
input,textarea,select{border-color:rgba(217,184,79,.18)!important;background:rgba(255,255,255,.035)!important;color:inherit!important}
blockquote{position:relative;margin-inline:0;padding:28px 28px 28px 42px;border:1px solid var(--en-line);border-left:3px solid var(--en-gold);border-radius:4px 24px 24px 4px;background:rgba(116,23,47,.08)}
table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--en-line);border-radius:18px}
.pc .pp,.product-card .price,.product-price,.price-current{
display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%;margin:8px 0 10px!important;padding:9px 15px!important;border:1px solid #efd477!important;border-radius:999px!important;background:linear-gradient(135deg,#efd477,#c99d31)!important;color:#160d0f!important;box-shadow:0 8px 24px rgba(217,184,79,.24)!important;font-size:clamp(19px,2vw,23px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.02em!important;text-shadow:none!important}
html body #products .pc .pp{display:inline-flex!important;padding:10px 16px!important;border:2px solid #ffe69a!important;border-radius:999px!important;background:linear-gradient(135deg,#f4d875,#c89526)!important;color:#12090b!important;box-shadow:0 10px 30px rgba(217,184,79,.34)!important;font-size:22px!important;font-weight:900!important;line-height:1!important;text-shadow:none!important;opacity:1!important}
.pc .cb-price{display:inline-flex!important;width:max-content!important;padding:7px 12px!important;border:1px solid rgba(239,212,119,.42)!important;border-radius:999px!important;background:rgba(9,6,7,.86)!important;color:#f0d376!important;font-size:18px!important;font-weight:900!important;line-height:1!important}
html body #products .pc .cb-price{color:#ffe28a!important;background:#10090b!important;border:1px solid #d9b84f!important;font-size:19px!important;font-weight:900!important;opacity:1!important}
.price-old,.old-price{text-decoration:line-through!important;color:#b5aaa2!important;font-weight:600!important}.discount,.sale-percent{color:#fff!important;background:#8b1735!important;font-weight:800!important}
th{background:var(--en-maroon)!important;color:#fff1e8!important}
td,th{border-color:var(--en-line)!important;padding:14px}
footer{position:relative;overflow:hidden;border-top:1px solid var(--en-line)!important;background:#060405!important}
.footer-mascot-gallery{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,8vw,120px) max(24px,4vw) clamp(40px,6vw,90px);color:#111;background:#e9e5de}
.fmg-word{position:absolute;z-index:-1;top:-.08em;left:50%;translate:-50% 0;color:rgba(19,17,16,.075);font:900 clamp(105px,22vw,330px)/.78 "Arial Black",sans-serif;letter-spacing:-.085em;white-space:nowrap;pointer-events:none}
.fmg-head{position:relative;width:min(1180px,100%);margin:0 auto clamp(38px,5vw,72px)}
.fmg-head>span{color:#74172f;font:800 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em}
.fmg-head h2{margin:20px 0 16px;color:#0d0b0b;font-size:clamp(48px,7vw,104px);line-height:.82;letter-spacing:-.07em}
.fmg-head h2 em{color:#74172f;font-style:normal}
.fmg-head p{max-width:560px;margin-left:auto;color:#5d5651;font-size:clamp(14px,1.3vw,18px);line-height:1.7}
.fmg-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1280px,100%);margin:auto}
.fmg-card{position:relative;min-height:clamp(390px,38vw,560px);overflow:hidden;border:1px solid rgba(19,15,14,.1);background:#d9d5cf}
.fmg-card:nth-child(2){background:#dedad4}.fmg-card:nth-child(3){background:#d5d1cb}.fmg-card:nth-child(4){background:#dedbd5}
.fmg-code{position:absolute;z-index:3;top:22px;left:22px;color:#111;font:900 clamp(18px,2vw,28px)/1 "Arial Black",sans-serif;letter-spacing:-.04em}
.fmg-code small{display:block;margin-top:7px;color:#7c746d;font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.fmg-card img{position:absolute;z-index:1;left:50%;bottom:42px;translate:-50% 0;width:115%;height:77%;object-fit:contain;filter:drop-shadow(0 28px 32px rgba(0,0,0,.2));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fmg-card:hover img{transform:translateY(-10px) scale(1.035)}
.fmg-role{position:absolute;z-index:4;left:18px;right:18px;bottom:16px;display:flex;align-items:end;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(15,13,12,.15);color:#161311}
.fmg-role b{color:#74172f;font:900 18px/1 ui-monospace,monospace}.fmg-role span{text-align:right;font:800 9px/1.35 ui-monospace,monospace;letter-spacing:.08em}
footer::after{content:"ENGINEERED IN KHON KAEN";position:absolute;right:3%;bottom:-.12em;color:transparent;-webkit-text-stroke:1px rgba(217,184,79,.07);font:900 clamp(62px,11vw,180px)/.8 "Arial Black",sans-serif;white-space:nowrap;pointer-events:none}
@media(max-width:760px){
html,body,.mmenu{scrollbar-width:none!important;-ms-overflow-style:none!important}
html::-webkit-scrollbar,body::-webkit-scrollbar,.mmenu::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
html,body{width:100%!important;max-width:100%!important;margin-right:0!important;padding-right:0!important;scrollbar-gutter:auto!important;background-color:var(--en-ink)!important}
.mmenu{right:0!important;width:100vw!important;max-width:100vw!important;background-color:#080607!important}
body::after{display:none}
body{padding-bottom:env(safe-area-inset-bottom)}
.container::before,.page-wrap::before,.content-wrap::before{margin-bottom:12px}
h1{font-size:clamp(38px,13vw,64px)}h2{font-size:clamp(30px,10vw,48px)}
#nav{width:calc(100% - 20px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
.hero{padding-inline:16px!important}
.hero .btn,.hero button{min-height:50px}
#btt{width:36px!important;height:36px!important;right:70px!important;bottom:18px!important}
#chat-bubble{width:48px!important;height:48px!important;right:14px!important;bottom:14px!important}
#ai-bubble{width:40px!important;height:40px!important;right:18px!important;bottom:68px!important}
.ctab{margin-inline:12px!important}
.ctab .nl-wrap{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
.ctab .nl-input,.ctab .nl-submit{width:100%!important;min-height:48px!important}
.ctab .btn{width:100%!important;justify-content:center!important;margin-inline:0!important}
.pc,.wc,.rc,.fq,.blog-card{max-width:100%!important}
.pc .pp,.product-price,.price-current{font-size:21px!important;padding:10px 16px!important}
footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
.footer-mascot-gallery{padding:74px 14px 34px}.fmg-word{font-size:34vw;top:14px}.fmg-head{text-align:left;margin-bottom:28px}.fmg-head h2{font-size:clamp(44px,13vw,66px)}.fmg-head p{margin-left:0}.fmg-grid{grid-template-columns:1fr 1fr;gap:8px}.fmg-card{min-height:330px}.fmg-code{top:14px;left:14px;font-size:17px}.fmg-card img{width:125%;height:72%;bottom:46px}.fmg-role{left:12px;right:12px}.fmg-role span{font-size:7px}
.mobile-theme-panel{width:calc(100% - 40px);margin:18px auto 8px;padding:16px 0;border-block:1px solid rgba(217,184,79,.2)}
.mobile-theme-panel>span{display:block;margin-bottom:13px;color:var(--en-gold);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;text-align:left}
.mobile-theme-swatches{display:flex;justify-content:space-between;gap:8px}
.mobile-theme-swatches .mts{display:block!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:2px solid rgba(255,255,255,.22)!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,0,0,.32);flex:0 0 30px}
.mts-maroon{background:linear-gradient(135deg,#7a1731,#d9b84f)!important}.mts-dark{background:linear-gradient(135deg,#050505,#777)!important}.mts-blue{background:linear-gradient(135deg,#0b2558,#3c82df)!important}.mts-green{background:linear-gradient(135deg,#073e2b,#22a875)!important}.mts-gold{background:linear-gradient(135deg,#60440a,#e7c75c)!important}.mts-white{background:linear-gradient(135deg,#fff,#d6d6d6)!important}.mts-warm{background:linear-gradient(135deg,#6c2305,#f19a27)!important}
body:has(.mmenu.open) .cookie-consent{display:none!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.product-card,.article-card,button,.btn,[class*="button"]{transition:none!important}}