@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_54f00e83-module__novdUq__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_54f00e83-module__novdUq__variable{--font-noto-sans-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--brand-green:#059669;--brand-green-light:#10b981;--brand-green-hover:#047857;--brand-green-soft:#ecfdf5;--brand-green-border:#a7f3d0;--brand-green-glow:#10b9812e;--brand-emerald-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--brand-soft-gradient:linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);--bg-color:#f1f5f9;--bg-secondary:#e2e8f0;--bg-card:#fff;--sidebar-bg:#0f172a;--sidebar-text:#e2e8f0;--sidebar-active:#1e293b;--text-dark:#0f172a;--text-body:#334155;--text-light:#64748b;--text-muted:#94a3b8;--white:#fff;--border-color:#e2e8f0;--border-color-light:#eef2f6;--danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000008;--shadow-lg:0 10px 25px -3px #0000000d, 0 4px 6px -4px #00000005;--shadow-card:0 10px 30px -5px #0f172a0d, 0 4px 10px -2px #0f172a05;--font-family-base:var(--font-noto-sans-thai), var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.85rem;--text-base:.925rem;--text-md:1.05rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--bg-page-premium:#f8fafc;--bg-mesh-tint:#10b98108;--shadow-card-rest:0 1px 3px #0f172a0a, 0 4px 12px #0f172a0f;--shadow-card-hover:0 8px 24px #0f172a1a, 0 2px 8px #05966914;--border-card-hover:#0596694d;--grad-product-1:linear-gradient(135deg, #d1fae5 0%, #a7f3d0 50%, #6ee7b7 100%);--grad-product-2:linear-gradient(135deg, #cffafe 0%, #a5f3fc 50%, #67e8f9 100%);--grad-product-3:linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 50%, #a5b4fc 100%);--grad-product-4:linear-gradient(135deg, #fce7f3 0%, #fbcfe8 50%, #f9a8d4 100%);--grad-product-5:linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fcd34d 100%);--grad-product-6:linear-gradient(135deg, #fee2e2 0%, #fecaca 50%, #fca5a5 100%);--shimmer-from:#f8fafc;--shimmer-to:#f1f5f9}html,body{width:100%;max-width:100%;font-family:var(--font-noto-sans-thai), var(--font-inter), system-ui, -apple-system, sans-serif;background-color:var(--bg-color);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-dark);margin-top:0;font-family:inherit;font-weight:700}a{color:inherit;text-decoration:none;transition:all .2s}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:2rem 0}.section-title{text-align:center;color:var(--text-dark);letter-spacing:-.03em;margin-bottom:1rem;font-size:2.35rem;font-weight:700}.text-gradient-green{background:var(--brand-emerald-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-luxury,.btn-pill-primary{background:var(--brand-emerald-gradient);cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.85rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #05966940;color:#fff!important}.btn-luxury:hover,.btn-pill-primary:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 8px 22px #05966959}.btn-outline-gold,.btn-pill-secondary{border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.85rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;color:var(--text-dark)!important}.btn-outline-gold:hover,.btn-pill-secondary:hover{background:var(--bg-secondary);border-color:var(--brand-green-border);transform:translateY(-2px);color:var(--brand-green)!important}.card-minimal{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.card-minimal:hover{box-shadow:var(--shadow-hover);border-color:var(--brand-green-border);transform:translateY(-4px)}.card-minimal:hover .product-showcase-img{transform:scale(1.05)}.pill-badge{background:var(--brand-green-soft);color:var(--brand-green);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--brand-green-border);border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.15rem;font-family:inherit;font-weight:600;transition:all .2s}.btn-primary{background-color:var(--brand-green);color:var(--white)}.btn-primary:hover{background-color:var(--brand-green-hover)}.btn-danger{background-color:var(--danger);color:var(--white)}.admin-root{--bg-color:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--text-dark:#0f172a;--text-body:#334155;--text-light:#64748b;--text-muted:#94a3b8;color:#0f172a;background-color:#f8fafc}.admin-root main{color:#0f172a!important;background-color:#f8fafc!important}.admin-root h1,.admin-root h2,.admin-root h3,.admin-root h4{letter-spacing:-.025em;color:#0f172a!important}.admin-root p{color:#64748b}.admin-root label{color:#334155;font-weight:600}.admin-root .card,.admin-root [style*="var(--bg-card)"]{transition:transform .2s,box-shadow .2s;color:#0f172a!important;background-color:#fff!important;border:1px solid #e8edf3!important;border-radius:18px!important;box-shadow:0 4px 20px -2px #0f172a0a!important}.admin-root input:not([type=checkbox]):not([type=radio]),.admin-root textarea,.admin-root select{color:#0f172a!important;box-sizing:border-box!important;background-color:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;font-family:inherit!important;transition:all .2s!important}.admin-root input:not([type=checkbox]):not([type=radio]):focus,.admin-root textarea:focus,.admin-root select:focus{border-color:#059669!important;outline:none!important;box-shadow:0 0 0 3px #10b98126!important}.admin-root input::placeholder,.admin-root textarea::placeholder{color:#94a3b8!important}.admin-root [style*=dashed]{transition:all .2s;background-color:#f8fafc!important;border-color:#cbd5e1!important;border-radius:14px!important}.admin-root [style*=dashed]:hover{background-color:#ecfdf5!important;border-color:#059669!important}.admin-root button[style*="rgba(255,255,255"],.admin-root label[style*="rgba(255,255,255"],.admin-root [style*="backgroundColor: 'rgba(255,255,255"]{transition:all .2s;color:#334155!important;background-color:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important}.admin-root button[style*="rgba(255,255,255"]:hover,.admin-root label[style*="rgba(255,255,255"]:hover{color:#0f172a!important;background-color:#f8fafc!important;border-color:#cbd5e1!important}.admin-root button[style*="var(--brand-green)"]{transition:all .2s;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border-radius:12px!important;font-weight:700!important;box-shadow:0 4px 14px #05966940!important}.admin-root button[style*="var(--brand-green)"]:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 18px #05966959!important}.admin-root .data-table,.admin-root table{border-collapse:collapse;width:100%}.admin-root .data-table th,.admin-root table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 18px;font-size:.78rem;font-weight:700}.admin-root .data-table td,.admin-root table td{text-align:left;color:var(--text-body);border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.9rem}.admin-root table{color:var(--text-dark)!important}.admin-root table tr{transition:background-color .15s;border-bottom:1px solid #f1f5f9!important}.admin-root table tr:hover{background-color:#ecfdf573!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:.85s linear infinite spin}.cta-banner-emerald{color:#fff;text-align:center;background:linear-gradient(135deg,#064e3b 0%,#0f172a 100%);border-radius:28px;padding:clamp(2.5rem,5vw,3.5rem) 2rem;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #05966938}.cta-banner-emerald .cta-banner-orb{pointer-events:none;background:radial-gradient(circle,#10b9814d 0%,#10b98100 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60px;right:-60px}.cta-banner-emerald .cta-banner-pill{color:#34d399;background-color:#10b98133;border:1px solid #34d3994d;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.cta-banner-emerald .cta-banner-title{color:#fff;letter-spacing:-.025em;margin:0 0 1rem;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800;line-height:1.3}.cta-banner-emerald .cta-banner-subtitle{color:#cbd5e1;max-width:580px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.7}.cta-banner-emerald .cta-banner-btn-glass{-webkit-backdrop-filter:blur(8px);background-color:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:#fff!important}.cta-banner-emerald .cta-banner-btn-white{background-color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.85rem 1.85rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0000001f;color:#064e3b!important}.cta-banner-emerald .cta-banner-btn-white:hover{background-color:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width:640px){.cta-banner-emerald{border-radius:22px!important;padding:2.5rem 1.25rem!important}.cta-banner-emerald .cta-banner-title{font-size:1.55rem!important}.cta-banner-emerald .cta-banner-subtitle{margin-bottom:1.5rem!important;font-size:.92rem!important}.cta-banner-emerald .cta-banner-btn-white,.cta-banner-emerald .cta-banner-btn-glass{justify-content:center!important;width:100%!important;padding:.8rem 1.25rem!important;font-size:.95rem!important}}.hero-logo-stage-container{perspective:1000px;justify-content:center;align-items:center;width:100%;max-width:480px;min-height:420px;margin:0 auto;display:flex;position:relative}.hero-ambient-glow{filter:blur(40px);z-index:0;pointer-events:none;background:radial-gradient(circle,#10b98129 0%,#10b9810a 50%,#f1f5f900 70%);border-radius:50%;width:100%;max-width:440px;height:440px;position:absolute}.hero-3d-logo-wrapper{z-index:1;justify-content:center;align-items:center;width:100%;max-width:440px;display:flex;position:relative}.hero-3d-logo-img{object-fit:contain;filter:drop-shadow(0 20px 30px #05966929);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.hero-text-pill{-webkit-backdrop-filter:blur(14px);z-index:5;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fffffff0;border:1px solid #10b98147;border-radius:9999px;align-items:center;gap:.55rem;padding:.5rem 1rem;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 10px 25px -4px #0f172a14,0 0 15px #10b9810f}.hero-text-pill:hover{transform:translateY(-2px);box-shadow:0 14px 30px -4px #0f172a1f}.hero-pill-icon{color:#059669;background-color:#ecfdf5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hero-pill-label{color:#0f172a;font-size:.82rem;font-weight:700}.hero-pill-tl{top:15px;left:-15px}.hero-pill-br{bottom:25px;right:-10px}.hero-pill-tr{top:25px;right:-10px}@media (max-width:1024px){.hero-logo-stage-container{max-width:400px;min-height:360px}.hero-3d-logo-wrapper{max-width:360px}.hero-ambient-glow{max-width:340px;height:340px}.hero-pill-tl{top:5px;left:0}.hero-pill-br{bottom:10px;right:0}.hero-pill-tr{display:none}}@media (max-width:768px){.hero-logo-stage-container{max-width:320px;min-height:290px;margin-top:1.5rem}.hero-3d-logo-wrapper{max-width:270px}.hero-ambient-glow{max-width:260px;height:260px}.hero-text-pill{gap:.45rem;padding:.4rem .75rem}.hero-pill-icon{width:18px;height:18px}.hero-pill-label{font-size:.74rem}.hero-pill-tl{top:0;left:0}.hero-pill-br{bottom:0;right:0}.hero-pill-tr{display:none}}@media (max-width:420px){.hero-logo-stage-container{max-width:280px;min-height:250px}.hero-3d-logo-wrapper{max-width:220px}.hero-pill-label{font-size:.7rem}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-shimmer{background:linear-gradient(90deg, var(--shimmer-from) 25%, var(--shimmer-to) 50%, var(--shimmer-from) 75%);background-size:600px 100%;border-radius:6px;animation:1.4s ease-in-out infinite shimmer}.card-premium{box-shadow:var(--shadow-card-rest);background:#fff;border:1px solid #e8edf3;border-radius:18px;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.card-premium:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-card-hover);transform:translateY(-8px)}.page-bg-premium{background-color:var(--bg-page-premium);background-image:radial-gradient(80% 50% at 50% -10%,#10b9810f 0%,#0000 70%),radial-gradient(60% 40% at 80% 80%,#10b98108 0%,#0000 60%);min-height:100vh}.btn-pill-cta{border:1.5px solid var(--brand-green);color:var(--brand-green);cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.btn-pill-cta:hover{background:var(--brand-green);color:#fff;transform:translateY(-1px)}.price-badge{background:var(--brand-green-soft);border:1px solid var(--brand-green-border);color:var(--brand-green-hover);white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.filter-tab-bar{border:1px solid var(--border-color);width:fit-content;box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex-wrap:wrap;gap:.5rem;padding:.35rem;display:flex}.filter-tab{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:.45rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.filter-tab.active{background:var(--brand-emerald-gradient);color:#fff;font-weight:600;box-shadow:0 2px 8px #05966940}.filter-tab:not(.active):hover{background:var(--brand-green-soft);color:var(--brand-green)}.search-input-premium{border:1.5px solid var(--border-color);width:100%;color:var(--text-dark);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;outline:none;padding:.65rem 1rem .65rem 2.75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.search-input-premium:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px #0596691a}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.status-dot-pulse{animation:2s ease-in-out infinite pulse-dot}