@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--g:#075f38;--g2:#159052;--gold:#f3cf61;--cream:#fff8e7;--ink:#203d2b;--muted:#687a6d;--line:#dce9da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai",sans-serif;color:var(--ink);background:linear-gradient(150deg,#fbfff7,#eff9e9 50%,#fff9e8);line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,92%);margin:auto}header{position:sticky;top:0;z-index:50;background:rgba(5,82,47,.96);color:#fff;border-bottom:1px solid #ffffff22;backdrop-filter:blur(16px)}.nav{min-height:72px;display:flex;align-items:center;gap:20px}.logo{font:700 26px Kanit}.logo span{color:#f6d86b}.menu{margin-left:auto;display:flex;gap:7px;font-weight:600}.menu a{padding:10px;border-radius:13px}.menu a:hover{background:#ffffff18}.hero{position:relative;min-height:540px;overflow:hidden;background:#075f38}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#064b2cf2,#064b2cbf 46%,transparent 78%)}.hero-copy{position:relative;z-index:2;color:#fff;padding:80px 0;width:min(650px,94%)}h1,h2,h3{font-family:Kanit;line-height:1.2;margin:0 0 12px}h1{font-size:clamp(42px,5.5vw,70px)}h2{font-size:clamp(28px,3vw,39px)}.accent{color:#ffe26f}.lead{font-size:19px}.tag{display:inline-block;background:#e8f7dc;color:#17603a;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700}.hero .tag{background:#ffffff20;color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font:600 16px Kanit;transition:.2s}.primary{background:linear-gradient(135deg,#f2c84f,#fff09b);color:#17482b;box-shadow:0 9px 25px #0002}.outline{border:1px solid #fff;color:#fff;background:#ffffff10}.btn:hover{transform:translateY(-2px)}.trust{background:#fff;border-bottom:1px solid var(--line)}.trustgrid{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0;gap:8px}.trustgrid div{text-align:center;font-weight:700}.trustgrid b{display:block;color:var(--g);font-size:21px}section{padding:46px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:20px}.head p{margin:0;color:var(--muted)}.grid{display:grid;gap:17px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.card{position:relative;background:#fffc;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 28px #12633312;transition:.23s}.card:hover{transform:translateY(-5px);box-shadow:0 17px 36px #12633322}.thumb{height:190px;overflow:hidden;background:#f5faef}.thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.card:hover .thumb img{transform:scale(1.035)}.body{padding:16px}.small{font-size:14px;color:var(--muted)}.badge{position:absolute;top:12px;left:12px;z-index:3;background:linear-gradient(135deg,#ffd252,#fff1a1);padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.feature{padding:25px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(135deg,#f1ffec,#e1f4d8)}.feature:nth-child(2){background:linear-gradient(135deg,#fff8df,#eef9d9)}.feature:nth-child(3){background:linear-gradient(135deg,#fff1e3,#eff9e8)}.faq{display:grid;gap:10px}.faq details,.content{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px}.faq summary{font-weight:700;cursor:pointer}.pagehero{padding:60px 0;background:linear-gradient(135deg,#075f38,#20a15b);color:#fff}.content{padding:28px;border-radius:25px}.content p,.content li{color:#52675a}footer{background:#054b2c;color:#fff;padding:42px 0 112px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}.flinks{display:grid;gap:8px;color:#d8efdc}.bottom{display:none}
@media(max-width:900px){.menu{display:none}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:1fr}.trustgrid{grid-template-columns:repeat(2,1fr)}.hero{min-height:570px}.hero:after{background:linear-gradient(180deg,#064b2cf2,#064b2c9c 70%,transparent)}.bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:80;left:50%;transform:translateX(-50%);bottom:8px;width:min(520px,calc(100% - 14px));background:#fffffff5;border:1px solid #d5e7d5;border-radius:24px;padding:7px;box-shadow:0 14px 36px #064b2c38;backdrop-filter:blur(18px)}.bottom a{min-height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;font-size:10px;font-weight:700;color:#55705e}.bottom a:first-child{background:linear-gradient(145deg,#15864c,#075b35);color:#fff}.bottom b{font-size:20px;line-height:1;margin-bottom:4px}.footergrid{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:94%}.hero-copy{padding:48px 0}.hero-copy h1{font-size:41px}.lead{font-size:16px}.g4{gap:10px}.thumb{height:140px}.body{padding:13px}.card h3{font-size:17px}.head{flex-direction:column;align-items:start}section{padding:35px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* V3 Production Polish */
:root{--shadow:0 18px 55px rgba(7,95,56,.13)}
body{background:
radial-gradient(circle at 10% 0%,rgba(243,207,97,.15),transparent 24rem),
linear-gradient(150deg,#fbfff7,#eff9e9 50%,#fff9e8)}
.notice{background:#063f28;color:#eaf8ec;text-align:center;padding:8px 14px;font-size:13px}
.notice strong{color:#ffe16d}.hero-copy{max-width:700px}.hero-copy h1{letter-spacing:-1.4px}
.eyebrow{font:700 12px Kanit;letter-spacing:1.6px;text-transform:uppercase;color:#26714a}
.section-soft{background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(232,248,226,.65))}
.promo{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}
.promo-main,.promo-side{border-radius:28px;padding:30px;border:1px solid var(--line);overflow:hidden}
.promo-main{background:linear-gradient(135deg,#075f38,#139050);color:#fff;box-shadow:var(--shadow)}
.promo-side{background:linear-gradient(135deg,#fff6d7,#f4e4a6)}
.promo h2{font-size:clamp(28px,4vw,45px)}.promo-main p{color:#e9f8ee}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{padding:7px 12px;border-radius:999px;background:#ffffff17;border:1px solid #ffffff24;font-size:13px}
.product-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.ask{font:700 14px Kanit;color:#08643b}.mini-link{font-size:13px;font-weight:700;color:#08643b}
.steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{position:relative;background:#fff;border:1px solid var(--line);border-radius:23px;padding:22px;box-shadow:0 8px 26px #075f380c}
.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0a6a3d,#20a55e);color:#fff;font:700 17px Kanit;margin-bottom:13px}
.review{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.stars{color:#d59b13;letter-spacing:3px}
.info-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:23px 26px;box-shadow:0 10px 30px #075f380b}
.fab{position:fixed;right:18px;bottom:92px;z-index:75;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f4ce55,#fff09b);color:#075f38;font-size:24px;box-shadow:0 13px 35px #063f2840;border:2px solid #fff}
@media(max-width:900px){.promo{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.info-banner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.steps{grid-template-columns:1fr 1fr}.promo-main,.promo-side{padding:22px}.notice{font-size:11px}.fab{bottom:82px;right:12px;width:52px;height:52px}}