:root{--green:#183f2a;--leaf:#2f6b45;--mint:#dff3e6;--gold:#c99a38;--gold-soft:#f5deb0;--white:#fffdf8;--paper:#f8f4ea;--ink:#1f241f;--muted:#657064;--line:#e4dcc8;--shadow:0 18px 45px rgba(24,63,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Sarabun,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);line-height:1.7}a{color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;color:var(--green);font-size:20px}.brand img{width:42px;height:42px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:16px;font-weight:700;font-size:14px;color:#405244}.navlinks a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:12px 18px;text-decoration:none;font-weight:800;cursor:pointer;min-height:44px}.btn.gold{background:var(--gold);color:#182718;box-shadow:0 10px 24px rgba(201,154,56,.24)}.btn.green{background:var(--green);color:#fff}.btn.light{background:#fff;border:1px solid var(--line);color:var(--green)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7ecd0 0%,#edf8ef 47%,#fffdf8 100%);border-bottom:1px solid var(--line)}.hero .container{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:32px;align-items:center;padding:46px 0 32px}.eyebrow{display:inline-flex;background:#fff;border:1px solid var(--line);color:var(--leaf);border-radius:999px;padding:5px 12px;font-weight:800;font-size:13px}.hero h1{font-family:"Noto Serif Thai",serif;color:var(--green);font-size:clamp(32px,5vw,58px);line-height:1.12;margin:14px 0 16px;letter-spacing:0}.lead{font-size:18px;color:#3d4a3f;max-width:760px}.quick-answer{background:#fff;border-left:5px solid var(--gold);border-radius:8px;padding:18px 20px;margin:20px 0;box-shadow:var(--shadow)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero-media{position:relative}.hero-media a{display:block;border-radius:8px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.hero-media img{aspect-ratio:4/3;width:100%;object-fit:cover}.blessing{position:absolute;right:18px;bottom:18px;background:rgba(255,253,248,.92);border:1px solid var(--gold-soft);border-radius:8px;padding:10px 14px;color:var(--green);font-weight:800}.breadcrumbs{font-size:13px;color:var(--muted);padding:16px 0}.breadcrumbs a{text-decoration:none;color:var(--leaf)}main{background:linear-gradient(180deg,#fffdf8,#fbf8ef)}.grid{display:grid;gap:18px}.two{grid-template-columns:minmax(0,1fr) 340px}.three{grid-template-columns:repeat(3,1fr)}section{padding:38px 0}.section-title{font-family:"Noto Serif Thai",serif;font-size:30px;line-height:1.25;color:var(--green);margin:0 0 16px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;box-shadow:0 8px 28px rgba(45,70,47,.07)}.topic-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.topic-list a{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:#274832;font-weight:700}.topic-list a:hover{border-color:var(--gold);background:#fff9ea}.article h2{font-family:"Noto Serif Thai",serif;color:var(--green);font-size:28px;line-height:1.25;margin:26px 0 10px}.article h3{color:#274832;font-size:20px;margin:22px 0 8px}.article p{margin:0 0 12px}.article ul{padding-left:22px}.side{position:sticky;top:92px;align-self:start}.calculator label,.quote-widget label{display:block;font-weight:800;color:#344638;margin:10px 0 5px}.calculator input,.calculator select,.quote-widget input,.quote-widget textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.result{margin-top:12px;background:#edf8ef;border:1px solid #cce6d2;border-radius:8px;padding:12px;color:var(--green);font-weight:800}.quote-widget{background:#fff8e7;border:1px solid #efd89d;border-radius:8px;padding:20px}.quote-widget h2,.quote-widget h3{margin-top:0;color:var(--green);font-family:"Noto Serif Thai",serif}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-strip a,.reviews a{border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#fff}.photo-strip img{aspect-ratio:4/3;object-fit:cover;width:100%}.reviews{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.reviews img{aspect-ratio:1/1;object-fit:cover;width:100%}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px}.faq details+details{margin-top:10px}.faq summary{font-weight:800;color:var(--green);cursor:pointer}.cta-band{background:linear-gradient(135deg,var(--green),#2f6b45);color:#fff;border-radius:8px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-band h2{margin:0;font-family:"Noto Serif Thai",serif;font-size:28px}.cta-band p{margin:5px 0 0;color:#e7f7eb}.footer{background:#143520;color:#e8f5e9;padding:32px 0;margin-top:30px}.footer a{color:#ffe0a0}.pillrow{display:flex;flex-wrap:wrap;gap:8px}.pill{background:#edf8ef;border:1px solid #cce6d2;color:#245434;border-radius:999px;padding:5px 10px;text-decoration:none;font-weight:700;font-size:13px}.price-table{width:100%;border-collapse:collapse;margin:12px 0}.price-table th,.price-table td{border:1px solid var(--line);padding:10px;text-align:left}.price-table th{background:#f6edcf;color:var(--green)}@media(max-width:860px){.nav{height:auto;padding:10px 0;align-items:flex-start}.navlinks{display:none}.hero .container,.two,.three{grid-template-columns:1fr}.hero .container{padding-top:28px}.side{position:static}.reviews{grid-template-columns:repeat(3,1fr)}.photo-strip{grid-template-columns:1fr 1fr}.cta-band{display:block}.cta-band .btn{margin-top:14px}.section-title{font-size:25px}}@media(max-width:520px){.container{width:min(100% - 24px,1180px)}.hero h1{font-size:30px}.lead{font-size:16px}.hero-actions .btn{width:100%}.reviews{grid-template-columns:repeat(2,1fr)}.photo-strip{grid-template-columns:1fr}}