:root{--green:#3fa75c;--green-d:#2c7f44;--green-dd:#1d5e34;--green-lt:#e6f4ea;--green-soft:#f2f9f4;--gold:#e0a12e;--gold-lt:#f2c462;--gold-d:#b87d18;--ink:#1f2a22;--muted:#5f6b62;--line:#e7ece8;--peach:#fff7ec;--cream:#f7faf5;--white:#fff;--shadow:0 10px 30px rgba(20,60,30,.08);--shadow-lg:0 18px 50px rgba(20,60,30,.14);--font-h:var(--font-heading),"Kanit",sans-serif;--font-b:var(--font-body),"Sarabun","Kanit",sans-serif;--nav-h:72px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-b);color:var(--ink);background:var(--white);line-height:1.6}.fh,h1,h2,h3,h4{font-family:var(--font-h)}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.ph{display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;background-size:cover;background-position:50%}.eyebrow,.ph{font-weight:600}.eyebrow{font-family:var(--font-h);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green)}.sec-head{text-align:center;max-width:660px;margin:0 auto 38px}.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:700;margin:.5rem 0 .4rem;color:var(--ink)}.sec-head p{color:var(--muted);font-size:.98rem}.section{padding:64px 0}.bg-cream{background:var(--cream)}.bg-soft{background:var(--green-soft)}.bg-peach{background:var(--peach)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-h);font-weight:600;font-size:.95rem;border-radius:100px;padding:.85rem 1.7rem;cursor:pointer;border:none;transition:.25s;text-align:center;justify-content:center}.btn-green{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(63,167,92,.28)}.btn-green:hover{background:var(--green-d);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff;box-shadow:0 8px 20px rgba(224,161,46,.3)}.btn-gold:hover{background:var(--gold-d);transform:translateY(-2px)}.btn-line{background:#06c755;color:#fff}.btn-line:hover{filter:brightness(.95)}.btn-ghost{background:#fff;color:var(--green-d);border:1.6px solid var(--line)}.btn-ghost:hover{border-color:var(--green)}.btn-sm{padding:.6rem 1.2rem;font-size:.85rem}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topnav .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--nav-h)}.nav-side{display:flex;align-items:center;gap:28px;list-style:none;font-family:var(--font-h);font-weight:500;font-size:.92rem}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-side a{color:#41504a;transition:.2s;position:relative}.nav-side a.active,.nav-side a:hover{color:var(--green)}.nav-side a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--green);border-radius:2px}.logo{justify-self:center;font-family:var(--font-h);font-weight:700;font-size:1.4rem;display:flex;align-items:center;gap:.55rem;color:var(--green-dd)}.logo .mark{width:40px;height:40px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:0 0 auto;background:var(--green-lt)}.logo .mark img{width:100%;height:100%;object-fit:cover}.logo span{color:var(--gold)}.hamb{display:none;justify-self:end;background:#fff;border:1px solid var(--line);width:42px;height:42px;border-radius:10px;font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center}.drawer{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.25s}.drawer.open{opacity:1;pointer-events:auto}.drawer__panel{position:absolute;top:0;right:0;bottom:0;width:78%;max-width:320px;background:#fff;transform:translateX(100%);transition:.3s;padding:22px;display:flex;flex-direction:column;gap:6px}.drawer.open .drawer__panel{transform:translateX(0)}.drawer__panel a{font-family:var(--font-h);font-weight:500;padding:.9rem .4rem;border-bottom:1px solid var(--line);color:#33403a}.drawer__close{align-self:flex-end;font-size:1.6rem;background:none;border:none;cursor:pointer;color:var(--muted);margin-bottom:.5rem}.pagehero{position:relative;overflow:hidden;background:#1c3a26}.pagehero__bg{position:absolute;inset:0;z-index:0}.pagehero__bg img{width:100%;height:100%;object-fit:cover}.pagehero__overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(10,40,20,.85),rgba(10,40,20,.6) 55%,rgba(10,40,20,.25));z-index:1}.pagehero__inner{position:relative;z-index:2;min-height:260px;display:flex;flex-direction:column;justify-content:center;padding:54px 0}.pagehero__inner.slim{min-height:200px;padding:38px 0}.pagehero__eyebrow{display:inline-block;color:#fff;font-family:var(--font-h);font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);padding:.35rem .85rem;border-radius:100px;margin-bottom:14px}.pagehero h1{color:#fff;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800;line-height:1.1}.pagehero h1 .hl{color:var(--gold-lt)}.pagehero__lead{color:rgba(255,255,255,.85);font-size:1.05rem;margin-top:.9rem;max-width:560px}.crumb{font-family:var(--font-h);font-size:.78rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:14px}.crumb a{color:rgba(255,255,255,.7)}.crumb a:hover{color:#fff}.crumb .sep{color:rgba(255,255,255,.4)}.crumb .cur{color:#fff;font-weight:600}.crumbbar{background:var(--cream);border-bottom:1px solid var(--line);padding:14px 0}.crumbbar .crumb{margin-bottom:0}.crumbbar .crumb a{color:var(--muted)}.crumbbar .crumb a:hover{color:var(--green-d)}.crumbbar .crumb .sep{color:#b9c4bc}.crumbbar .crumb .cur{color:var(--ink)}.home-hero{background:linear-gradient(180deg,var(--green-soft),#fff);padding:46px 0 56px;overflow:hidden}.home-hero .grid{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:40px;gap:40px;align-items:center}.home-hero .pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--green-lt);color:var(--green-d);font-family:var(--font-h);font-weight:600;font-size:.8rem;padding:.4rem 1rem;border-radius:100px;margin-bottom:1.1rem}.home-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.12}.home-hero h1 .hl{color:var(--gold)}.home-hero .sub{color:var(--muted);font-size:1.06rem;margin:1.1rem 0 1.6rem;max-width:480px}.home-hero .cta{display:flex;gap:14px;flex-wrap:wrap}.home-hero .hstats{display:flex;gap:2rem;margin-top:1.8rem;flex-wrap:wrap}.home-hero .hstats b{font-family:var(--font-h);font-size:1.6rem;color:var(--green-d);display:block}.home-hero .hstats small{color:var(--muted);font-size:.78rem}.hero-visual{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}.hero-visual img{border-radius:22px;box-shadow:var(--shadow-lg);object-fit:cover;width:100%;max-width:520px}.marquee{background:var(--green);overflow:hidden;white-space:nowrap;padding:.7rem 0}.marquee__inner{display:inline-flex;gap:2.5rem;animation:marq 28s linear infinite}.marquee__inner span{color:#fff;font-family:var(--font-h);font-size:.82rem;font-weight:500;letter-spacing:.04em}@keyframes marq{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust .row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:26px 0}.trust-item{display:flex;align-items:center;gap:12px;justify-content:center}.trust-item .ic{width:46px;height:46px;border-radius:12px;background:var(--green-lt);display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}.trust-item b{font-family:var(--font-h);font-size:.92rem;display:block}.trust-item small{color:var(--muted);font-size:.78rem}.pgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px;gap:26px;max-width:920px;margin:0 auto}.gcard{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.gcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.gcard .img{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--green-soft)}.gcard .img img{width:100%;height:100%;object-fit:cover}.gcard .badge{left:12px;font-family:var(--font-h);font-size:.68rem;font-weight:700;padding:.25rem .7rem;border-radius:100px;color:#fff}.gcard .badge,.gcard .brix{position:absolute;top:12px;z-index:2}.gcard .brix{right:12px;background:rgba(255,255,255,.95);border-radius:12px;padding:.35rem .6rem;text-align:center}.gcard .brix b{font-family:var(--font-h);font-size:1rem;color:var(--gold-d);display:block;line-height:1}.gcard .brix small{font-size:.6rem;color:var(--muted)}.gcard .body{padding:20px;display:flex;flex-direction:column;gap:.5rem;flex:1 1}.gcard h3{font-family:var(--font-h);font-size:1.25rem}.gcard .en{color:var(--muted);font-size:.8rem}.gcard .traits{display:flex;gap:.4rem;flex-wrap:wrap;margin:.3rem 0}.gcard .trait{font-size:.7rem;background:var(--green-lt);color:var(--green-d);padding:.2rem .6rem;border-radius:100px;font-family:var(--font-h)}.gcard .desc{font-size:.84rem;color:var(--muted);line-height:1.6}.gcard .more{margin-top:auto;color:var(--green);font-family:var(--font-h);font-weight:600;font-size:.84rem;border-bottom:2px solid var(--green);align-self:flex-start;padding-bottom:2px}.gcard--gold .img{background:linear-gradient(160deg,#f5d98a,#d99a2a)}.gcard--green .img{background:linear-gradient(160deg,#bfe6b0,#5aa657)}.pd-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:40px;gap:40px;align-items:start}.pd-img{aspect-ratio:1;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--green-soft);position:relative}.pd-img img{width:100%;height:100%;object-fit:cover}.pd-info .badge{display:inline-block;background:var(--gold-lt);color:var(--gold-d);font-family:var(--font-h);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .7rem;border-radius:100px;margin-bottom:.6rem}.pd-info h1{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;margin-bottom:.3rem}.pd-info .en{color:var(--muted);font-size:.85rem;margin-bottom:1.1rem}.pd-stats{display:flex;gap:1.6rem;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin:1rem 0}.pd-stats b{font-family:var(--font-h);font-size:1.4rem;color:var(--green-d);display:block}.pd-stats small{color:var(--muted);font-size:.74rem}.pd-traits{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.pd-traits .trait{font-size:.74rem;background:var(--green-lt);color:var(--green-d);padding:.3rem .7rem;border-radius:100px;font-family:var(--font-h)}.brix-compare{gap:.9rem;margin:1.4rem 0}.brix-compare,.brix-row{display:flex;flex-direction:column}.brix-row{gap:.35rem}.brix-row .lab{display:flex;justify-content:space-between;font-size:.84rem}.brix-row .lab b{font-family:var(--font-h);color:var(--ink)}.brix-track{height:12px;border-radius:100px;background:var(--green-lt);overflow:hidden}.brix-fill{height:100%;border-radius:100px}.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin:1.2rem 0}.tip-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center}.tip-card .ic{font-size:1.8rem;margin-bottom:.5rem}.tip-card h3{font-family:var(--font-h);font-size:.95rem;margin-bottom:.3rem}.tip-card p{font-size:.8rem;color:var(--muted);line-height:1.6}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 20px;text-align:center}.step .n{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;font-family:var(--font-h);font-weight:700;display:grid;place-items:center;margin:0 auto 12px}.step .ic{font-size:1.7rem;margin-bottom:.6rem}.step b{font-family:var(--font-h);display:block;margin-bottom:.35rem}.step small{color:var(--muted);font-size:.83rem}.benefits{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.bitem{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.bitem .ic{width:44px;height:44px;border-radius:12px;background:var(--green-lt);display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}.bitem b{font-family:var(--font-h);font-size:.9rem;display:block;margin-bottom:.15rem}.bitem small{color:var(--muted);font-size:.8rem}.metrics{background:linear-gradient(120deg,var(--gold),var(--gold-d));color:#fff}.metrics .row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;padding:34px 0;text-align:center}.metrics b{font-family:var(--font-h);font-size:clamp(1.6rem,3vw,2.2rem);display:block}.metrics small{opacity:.9;font-size:.82rem}.blogs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.blogs.cols3{grid-template-columns:repeat(3,1fr)}.bcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}.bcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.bcard .img{height:160px;position:relative;overflow:hidden;background:var(--green-soft)}.bcard .img img{width:100%;height:100%;object-fit:cover}.bcard .img .ico{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;background:linear-gradient(160deg,#7cc36a,#2f7d3c);color:#fff}.bcard .body{padding:16px;display:flex;flex-direction:column;gap:.35rem;flex:1 1}.bcard .cat{font-size:.66rem;font-weight:700;color:var(--gold-d);text-transform:uppercase;letter-spacing:.08em}.bcard .cat,.bcard h4{font-family:var(--font-h)}.bcard h4{font-size:.96rem;line-height:1.4}.bcard .ex{font-size:.82rem;color:var(--muted);line-height:1.5}.bcard .date{font-size:.74rem;color:#9aa89e}.bcard .more{margin-top:auto;color:var(--green);font-family:var(--font-h);font-weight:600;font-size:.82rem;border-bottom:2px solid var(--green);align-self:flex-start;padding-bottom:2px}.pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px}.pill-f{font-family:var(--font-h);font-size:.84rem;font-weight:600;padding:.5rem 1.1rem;border-radius:100px;border:1.5px solid var(--line);background:#fff;color:#41504a;cursor:pointer}.pill-f.active{background:var(--green);color:#fff;border-color:var(--green)}.reviews-scroll{display:flex;gap:18px;overflow-x:auto;padding:4px 4px 16px;scroll-snap-type:x mandatory}.reviews-scroll::-webkit-scrollbar{height:6px}.reviews-scroll::-webkit-scrollbar-thumb{background:var(--green-lt);border-radius:100px}.rcard{flex:0 0 300px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.rcard .stars{color:#f5b50a;font-size:1rem;letter-spacing:2px}.rcard p{font-size:.88rem;color:#3d4a42;margin:.6rem 0 1rem}.ruser{display:flex;align-items:center;gap:10px}.ruser .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-d));display:grid;place-items:center;color:#fff;font-weight:700}.ruser .av,.ruser b{font-family:var(--font-h)}.ruser b{font-size:.86rem;display:block}.ruser small{color:var(--green);font-size:.72rem}.art-cover{position:relative;max-width:940px;margin:0 auto 1.8rem;border-radius:9px;overflow:hidden;background:var(--green-soft);box-shadow:var(--shadow)}.art-cover img{width:100%;height:auto;display:block}.art-cover__ph{width:100%;aspect-ratio:1200/600;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:24px;background:linear-gradient(135deg,#3fa75c,#1d5e34);color:#fff}.art-cover__ph .emoji{font-size:2.6rem}.art-cover__ph .t{font-family:var(--font-h);font-weight:700;font-size:clamp(1.2rem,3vw,1.85rem);line-height:1.25;max-width:85%}.art-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:.8rem}.art-meta .cat{font-family:var(--font-h);font-size:.72rem;font-weight:700;color:var(--gold-d);background:var(--green-lt);padding:.25rem .7rem;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.art-meta .m{color:var(--muted);font-size:.82rem}.article{max-width:760px;margin:0 auto}.article__meta{display:flex;gap:18px;color:var(--muted);font-size:.82rem;margin-bottom:1.4rem;flex-wrap:wrap}.prose{color:#374239;font-size:1.02rem;line-height:1.78}.prose h1{font-size:1.7rem;margin:1.6rem 0 .8rem}.prose h1,.prose h2{font-family:var(--font-h);color:var(--ink);font-weight:700}.prose h2{font-size:1.45rem;margin:2.2rem 0 .9rem;padding-bottom:.45rem;border-bottom:2px solid var(--gold-lt)}.prose h3{font-family:var(--font-h);font-size:1.12rem;font-weight:600;margin:1.4rem 0 .5rem;color:var(--green-d)}.prose p{margin-bottom:.9rem}.prose ol,.prose ul{margin:.2rem 0 1rem 1.3rem;display:flex;flex-direction:column;gap:.45rem}.prose li::marker{color:var(--green);font-weight:700}.prose strong{color:var(--ink);font-weight:600}.prose a{color:var(--green-d);text-decoration:underline}.prose blockquote{border-left:3px solid var(--gold);background:var(--peach);padding:1rem 1.2rem;border-radius:0 10px 10px 0;margin:1.2rem 0}.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.prose td,.prose th{border:1px solid var(--line);padding:.5rem .7rem;text-align:left}.prose th{background:var(--green-soft)}.prose h2:first-child,.prose h3:first-child{margin-top:0}.readmore{position:relative}.readmore__content{position:relative;overflow:hidden;transition:max-height .5s ease}.readmore__content.collapsed{max-height:340px}.readmore__fade{position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(0deg,#fff,rgba(255,255,255,.95),transparent);pointer-events:none;z-index:1}.readmore__btn-wrap{position:relative;z-index:2;text-align:center;padding:22px 0 4px}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq__item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq__q{width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-h);font-weight:600;font-size:.98rem;padding:1.1rem 1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--ink)}.faq__q .chev{transition:transform .25s;color:var(--green);flex:0 0 auto}.faq__item.open .faq__q .chev{transform:rotate(180deg)}.faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq__item.open .faq__a{max-height:500px}.faq__a p{padding:0 1.3rem 1.2rem;color:var(--muted);font-size:.9rem;line-height:1.7}.contact-info{display:flex;flex-direction:column;gap:14px}.ci-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.ci-item .ic{width:46px;height:46px;border-radius:12px;background:var(--green-lt);display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}.ci-item b{font-family:var(--font-h);font-size:.92rem;display:block;margin-bottom:.15rem}.ci-item small{color:var(--muted);font-size:.84rem}.related{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.cta-band{background:linear-gradient(120deg,var(--green-d),var(--green-dd));border-radius:28px;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;flex-wrap:wrap}.cta-band h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}.cta-band p{opacity:.88;margin-top:.4rem}.footer{background:#14301f;color:#cdd8d0;padding:54px 0 30px}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:30px;gap:30px;margin-bottom:30px}.footer h5{font-family:var(--font-h);color:#fff;font-size:.95rem;margin-bottom:1rem}.footer ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.footer a{color:#9fb0a4;font-size:.86rem}.footer a:hover{color:#fff}.fbottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:.8rem;color:#7f9085;flex-wrap:wrap;gap:10px}.appbar{display:none}@media(max-width:980px){.home-hero .grid{grid-template-columns:1fr;text-align:center}.home-hero .cta,.home-hero .hstats{justify-content:center}.hero-visual{min-height:auto;margin-top:10px}.benefits,.blogs,.fgrid,.metrics .row,.related,.steps,.tip-grid,.trust .row{grid-template-columns:1fr 1fr}.pd-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:640px){:root{--nav-h:60px}.nav-side{display:none}.hamb{display:flex}.blogs.cols3,.pgrid,.steps{grid-template-columns:1fr}.benefits,.blogs,.fgrid,.metrics .row,.related,.tip-grid,.trust .row{grid-template-columns:1fr 1fr}.cta-band{padding:30px;text-align:center;justify-content:center}.pagehero__inner{min-height:200px;padding:38px 0}body{padding-bottom:74px}.appbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(20,60,30,.1);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;align-items:flex-end}.ab-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;color:#8a988e;font-family:var(--font-h);font-size:.66rem;font-weight:600;padding:4px 0}.ab-item .ic{font-size:1.3rem;line-height:1}.ab-item.active{color:var(--green)}.ab-center{flex:1 1}.ab-center,.ab-center .fab{display:flex;justify-content:center}.ab-center .fab{width:58px;height:58px;border-radius:50%;margin-top:-28px;overflow:hidden;background:#fff;align-items:center;box-shadow:0 8px 20px rgba(63,167,92,.4);border:3px solid #fff}.ab-center .fab img{width:100%;height:100%;object-fit:cover}.ab-line .ic{color:#06c755}}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/75717585c59e5075-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/158a69e2aae09d8b-s.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:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c064da0c6a8705d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a5f02fb6311fcdbc-s.p.woff2) format("woff2");unicode-range:u+00??,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:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c0ec9aca5b19e917-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/06bc8c83090c1ec1-s.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:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/1f6d3ad4ae0f1460-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/eb67d5f0a1d7501d-s.p.woff2) format("woff2");unicode-range:u+00??,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:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e947190c9bdf6068-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/52c95d4165d01384-s.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:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/574f1d56a01c5fcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25f7d470e08d7a87-s.p.woff2) format("woff2");unicode-range:u+00??,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:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd867c03515903ae-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5dfeb3c6bf0f27aa-s.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:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5d1189028b68a613-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/61eb19e8a04bc1be-s.p.woff2) format("woff2");unicode-range:u+00??,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:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/1ce8bc761c7de99c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/a51b7baf2cdbd7ab-s.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:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/d6e1b2c00650118d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/f42c4a7e6e15f653-s.p.woff2) format("woff2");unicode-range:u+00??,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:Kanit Fallback;src:local("Arial");ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.00%;size-adjust:101.39%}.__className_08ed37{font-family:Kanit,Kanit Fallback;font-style:normal}.__variable_08ed37{--font-heading:"Kanit","Kanit Fallback"}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6211ef845df10dad-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/ae276ebc9070dd85-s.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:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cb0cc0f907592c8f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/d660c4b004d35ef0-s.p.woff2) format("woff2");unicode-range:u+00??,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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f8092a6a9ad7a44c-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/96ad5eed80b1484c-s.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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0ab56aae8cf76709-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a1a058a3e6543db0-s.p.woff2) format("woff2");unicode-range:u+00??,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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7dfdf996fafd0873-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3c7225ad892364d7-s.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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8fc9138006ae4675-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/0b53384bc8cc52db-s.p.woff2) format("woff2");unicode-range:u+00??,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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f33c62bdbd09f5b8-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2b74019ebf7a71b9-s.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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/33387a3e1220e613-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2f6258ffdaf4644f-s.p.woff2) format("woff2");unicode-range:u+00??,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:Sarabun Fallback;src:local("Arial");ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:97.58%}.__className_239bc5{font-family:Sarabun,Sarabun Fallback;font-style:normal}.__variable_239bc5{--font-body:"Sarabun","Sarabun Fallback"}