:root{--primary: #3944bc;--primary-hover: #2A338F;--primary-active: #1F267A;--primary-50: #EEF0FB;--primary-100: #D7DCF4;--primary-200: #B4BDE9;--accent: #F59E0B;--accent-hover: #D97706;--accent-50: #FEF3C7;--text-title: #111827;--text-body: #374151;--text-muted: #6B7280;--text-disabled: #9CA3AF;--bg-white: #FFFFFF;--bg-subtle: #F9FAFB;--bg-section: #F3F4F6;--border: #E5E7EB;--dark: #0F1729;--success: #10B981;--warning: #F59E0B;--error: #DC2626;--font-th-body: "Sarabun", sans-serif;--font-th-head: "Prompt", sans-serif;--font-en: "Poppins", sans-serif;--font-en-body: "Inter", sans-serif;--sp1: 4px;--sp2: 8px;--sp3: 16px;--sp4: 24px;--sp5: 32px;--sp6: 48px;--sp7: 64px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px}.container{max-width:1200px;margin:0 auto;padding:0 var(--sp3)}.btn{display:inline-flex;align-items:center;gap:var(--sp2);padding:10px 20px;border-radius:6px;font-size:var(--text-sm);font-weight:600;font-family:var(--font-th-body);border:2px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;line-height:1.2;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline-light{background:transparent;color:#fff;border-color:#ffffff73}.btn-outline-light:hover{background:#ffffff1a;border-color:#fff}.btn-line{background:#06c755;color:#fff}.btn-line:hover{background:#05a344}.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1da851}.btn-lg{padding:13px 28px;font-size:var(--text-md);border-radius:8px}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-white);border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000a}.header-inner{display:flex;align-items:center;height:64px;gap:var(--sp4)}.logo{font-family:var(--font-en);font-size:22px;font-weight:700;color:var(--primary);letter-spacing:-.5px;flex-shrink:0}.logo-dot{color:var(--accent)}nav.main-nav{flex:1;display:flex;gap:var(--sp5)}nav.main-nav a{font-size:var(--text-sm);color:var(--text-body);font-weight:400;transition:color .15s;white-space:nowrap}nav.main-nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:var(--sp2);flex-shrink:0}.lang-toggle{font-size:var(--text-xs);font-family:var(--font-en);font-weight:600;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:5px 10px;display:inline-flex;gap:5px;align-items:center}.lang-toggle .active{color:var(--primary)}.ham{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:6px;background:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hero{background:var(--dark);color:#fff;padding:var(--sp7) 0 calc(var(--sp7) + 8px);overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:-140px;right:-60px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(57,68,188,.38) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-80px;left:25%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.07) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:680px}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--sp2);background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#ffffffd1;font-size:var(--text-xs);font-family:var(--font-en);font-weight:600;letter-spacing:.6px;text-transform:uppercase;padding:5px 13px;border-radius:20px;margin-bottom:var(--sp3)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero h1{font-family:var(--font-th-head);font-size:clamp(26px,4.5vw,48px);font-weight:700;line-height:1.2;color:#fff;margin-bottom:var(--sp3)}.accent-word{color:var(--accent)}.hero-sub{font-size:clamp(15px,2vw,18px);color:#ffffffb3;line-height:1.7;margin-bottom:var(--sp5);max-width:560px}.hero-cta-row{display:flex;gap:var(--sp3);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--sp6);margin-top:var(--sp6);padding-top:var(--sp5);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.stat-value{font-family:var(--font-th-head);font-size:30px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:var(--sp1)}.stat-value small{font-size:16px;font-weight:400;color:#f59e0bb3}.stat-label{font-size:var(--text-xs);color:#ffffff80}.section{padding:var(--sp7) 0}.section-alt{background:var(--bg-subtle)}.section-tag{display:inline-block;background:var(--primary-50);color:var(--primary);font-size:var(--text-xs);font-family:var(--font-en);font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:4px 10px;border-radius:4px;margin-bottom:var(--sp2)}.section-title{font-family:var(--font-th-head);font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--text-title);line-height:1.2;margin-bottom:var(--sp2)}.section-sub{font-size:var(--text-md);color:var(--text-muted);margin-bottom:var(--sp6)}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp3)}.cat-card{background:var(--bg-white);border:1.5px solid var(--border);border-radius:14px;padding:var(--sp4);display:flex;flex-direction:column;gap:var(--sp3);transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer;color:var(--text-body)}.cat-card:hover{border-color:var(--primary-200);box-shadow:0 6px 22px #3944bc1c;transform:translateY(-3px)}.cat-icon{width:52px;height:52px;border-radius:12px;background:var(--primary-50);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.cat-icon svg{width:26px;height:26px}.cat-label-th{font-family:var(--font-th-head);font-size:var(--text-xl);font-weight:700;color:var(--text-title);line-height:1.2}.cat-label-en{font-family:var(--font-en);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:-10px}.cat-count{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.cat-arrow{display:flex;align-items:center;gap:4px;color:var(--primary);font-size:var(--text-sm);font-weight:600;margin-top:auto;transition:gap .15s}.cat-card:hover .cat-arrow{gap:8px}.cat-arrow svg{width:16px;height:16px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4)}.news-card{background:var(--bg-white);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:box-shadow .2s}.news-card:hover{box-shadow:0 4px 18px #00000017}.news-thumb{height:160px;background:var(--primary-50);display:flex;align-items:center;justify-content:center}.news-thumb-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;color:var(--primary)}.news-thumb-icon svg{width:28px;height:28px}.news-body{padding:var(--sp3) var(--sp4) var(--sp4)}.news-meta{font-size:var(--text-xs);font-family:var(--font-en);color:var(--text-muted);margin-bottom:var(--sp2)}.news-title{font-family:var(--font-th-head);font-size:var(--text-lg);font-weight:700;color:var(--text-title);line-height:1.4;margin-bottom:var(--sp2)}.news-excerpt{font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.news-more{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:var(--text-sm);font-weight:600;margin-top:var(--sp3);transition:gap .15s}.news-card:hover .news-more{gap:8px}.cta-band{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);padding:var(--sp7) 0;text-align:center;color:#fff}.cta-band h2{font-family:var(--font-th-head);font-size:clamp(22px,3vw,34px);font-weight:700;margin-bottom:var(--sp2)}.cta-band p{font-size:var(--text-md);color:#ffffffc7;margin-bottom:var(--sp5)}.cta-buttons{display:flex;gap:var(--sp3);justify-content:center;flex-wrap:wrap}.site-footer{background:var(--dark);padding:var(--sp7) 0 var(--sp5);color:#ffffff8c}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.3fr;gap:var(--sp6);margin-bottom:var(--sp6)}.footer-brand-name{font-family:var(--font-en);font-size:20px;font-weight:700;color:#fff;margin-bottom:var(--sp3);letter-spacing:-.3px}.footer-brand-name span{color:var(--accent)}.footer-desc{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--sp4)}.footer-col h5{font-family:var(--font-th-head);font-size:var(--text-sm);font-weight:700;color:#fff;margin-bottom:var(--sp3)}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:var(--text-sm);color:#ffffff80;transition:color .15s}.footer-links a:hover{color:#fff}.contact-item{display:flex;gap:var(--sp2);align-items:flex-start;font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--sp3)}.contact-item svg{width:16px;height:16px;color:var(--accent);flex-shrink:0;margin-top:2px}.footer-bottom{padding-top:var(--sp4);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#ffffff47;flex-wrap:wrap;gap:var(--sp2)}.brand-logo-wall{display:flex;flex-wrap:wrap;gap:var(--sp4);justify-content:center;align-items:center;padding:var(--sp5) 0}.brand-logo-item{display:flex;align-items:center;justify-content:center;padding:var(--sp2);border:1px solid var(--border);border-radius:8px;background:var(--bg-white);min-width:120px;max-height:80px;transition:border-color .2s,box-shadow .2s}.brand-logo-item:hover{border-color:var(--primary-200);box-shadow:0 4px 12px #3944bc14}.brand-logo-item img{max-height:48px;width:auto;object-fit:contain}.product-card{background:var(--bg-white);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.product-card:hover{border-color:var(--primary-200);box-shadow:0 4px 18px #3944bc17;transform:translateY(-2px)}.product-card-image{aspect-ratio:4/3;overflow:hidden;background:var(--bg-subtle)}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card-body{padding:var(--sp3)}.product-card-name{font-family:var(--font-en);font-size:var(--text-md);font-weight:700;color:var(--text-title);margin-bottom:var(--sp1)}.product-type-pill{display:inline-block;font-size:var(--text-xs);font-weight:600;color:var(--primary);background:var(--primary-50);padding:2px 8px;border-radius:12px;margin-bottom:var(--sp2)}.product-card-link{display:block;font-size:var(--text-sm);font-weight:600;color:var(--primary);margin-top:auto;padding-top:var(--sp2);text-decoration:none;transition:gap .15s}.single-product{display:grid;grid-template-columns:45% 55%;gap:var(--sp5);align-items:start}.single-product-image{position:sticky;top:var(--sp5)}.single-product-gallery{display:flex;gap:var(--sp2);flex-wrap:wrap;margin-top:var(--sp2)}.single-product-gallery-thumb{width:72px;height:72px;object-fit:cover;border-radius:6px;border:1.5px solid var(--border);cursor:pointer}.single-product-meta{display:flex;gap:var(--sp2);flex-wrap:wrap;margin-bottom:var(--sp3)}.cf7-section{padding:var(--sp5) 0}.wpcf7-form{display:grid;gap:var(--sp3)}.wpcf7-form input,.wpcf7-form textarea{width:100%;padding:var(--sp2) var(--sp3);border:1.5px solid var(--border);border-radius:6px;font-size:var(--text-md);color:var(--text-body);background:var(--bg-white);transition:border-color .15s}.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-color:var(--primary);outline:none}.wpcf7-not-valid-tip{color:var(--error);font-size:var(--text-xs);margin-top:var(--sp1)}.wpcf7-response-output{margin-top:var(--sp3);padding:var(--sp3);border-radius:6px}.map-embed{width:100%;aspect-ratio:4/3;border:none;border-radius:8px;overflow:hidden}@media(max-width:900px){.main-nav{display:none}.ham{display:flex}.header-actions .btn{display:none}.cat-grid,.news-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.single-product{grid-template-columns:1fr}}@media(max-width:600px){.news-grid,.footer-grid{grid-template-columns:1fr}.hero-stats{gap:var(--sp4)}}@media(max-width:375px){.cat-grid{gap:var(--sp2)}.cat-card{padding:var(--sp2) var(--sp3)}.cat-icon{width:42px;height:42px;border-radius:9px}.cat-icon svg{width:21px;height:21px}.cat-label-th{font-size:var(--text-lg)}.header-inner{height:56px}.hero h1{font-size:24px}}