@font-face{font-family:lineSeed;src:url(../media/LINESeedSansTH_Regular-s.p.092x22y_-ao_2.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:lineSeed;src:url(../media/LINESeedSansTH_Bold-s.p.3_m8-zynvwfds.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:lineSeed Fallback;src:local(Arial);ascent-override:107.72%;descent-override:41.43%;line-gap-override:0.0%;size-adjust:106.2%}.lineseed_1537129d-module__xA8OPW__className{font-family:lineSeed,lineSeed Fallback,Tahoma,system-ui,sans-serif}.lineseed_1537129d-module__xA8OPW__variable{--font-lineseed:"lineSeed", "lineSeed Fallback", Tahoma, system-ui, sans-serif}
@font-face{font-family:nunito;src:url(../media/nunito_latin_600_normal-s.p.0v-cr6gnp8ujf.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:nunito;src:url(../media/nunito_latin_700_normal-s.p.2cbviyz0gssy3.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:nunito;src:url(../media/nunito_latin_800_normal-s.p.28cmha9yehep-.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:nunito Fallback;src:local(Arial);ascent-override:97.75%;descent-override:34.13%;line-gap-override:0.0%;size-adjust:103.43%}.nunito_36f268ca-module__lHZ5sW__className{font-family:nunito,nunito Fallback}.nunito_36f268ca-module__lHZ5sW__variable{--font-nunito:"nunito", "nunito Fallback"}
@font-face{font-family:satisfy;src:url(../media/satisfy_latin_400_normal-s.p.079axtcqvvd6d.woff2)format("woff2");font-display:swap}@font-face{font-family:satisfy Fallback;src:local(Arial);ascent-override:109.65%;descent-override:57.4%;line-gap-override:1.95%;size-adjust:85.23%}.satisfy_7ea8cb46-module__40-nsW__className{font-family:satisfy,satisfy Fallback,cursive}.satisfy_7ea8cb46-module__40-nsW__variable{--font-script:"satisfy", "satisfy Fallback", cursive}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--brand:#4f6c59;--brand-deep:#3e5747;--text:#4a4a4a;--text-soft:#6a6f6b;--page:#fdfdfd;--subtle:#f2f5f3;--accent:#87a392;--card:#fff;--border:#ebebeb;--on-brand:#fff;--leaf-line:#87a392;--photo-well:#f2f5f3;--shadow-primary:0 4px 12px #4f6c5926;--shadow-card:0 2px 8px #0000000a;--font:var(--font-lineseed),"LINE Seed Sans TH",Tahoma,system-ui,-apple-system,sans-serif;--font-head:var(--font-nunito),"Nunito",var(--font-lineseed),"LINE Seed Sans TH",Tahoma,sans-serif;--script:var(--font-script),"Satisfy","Segoe Script",cursive;--wm-light:block;--wm-dark:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--brand:#9dbea8;--brand-deep:#b7d2bf;--text:#e3e7e4;--text-soft:#b2bab4;--page:#161c18;--subtle:#1f2722;--accent:#6e8a78;--card:#1c231f;--border:#2c3630;--on-brand:#14201a;--leaf-line:#4f6c59;--photo-well:#eef2ef;--shadow-primary:0 4px 12px #00000059;--shadow-card:0 2px 8px #00000040;--wm-light:none;--wm-dark:block}}:root[data-theme=dark]{--brand:#9dbea8;--brand-deep:#b7d2bf;--text:#e3e7e4;--text-soft:#b2bab4;--page:#161c18;--subtle:#1f2722;--accent:#6e8a78;--card:#1c231f;--border:#2c3630;--on-brand:#14201a;--leaf-line:#4f6c59;--photo-well:#eef2ef;--shadow-primary:0 4px 12px #00000059;--shadow-card:0 2px 8px #00000040;--wm-light:none;--wm-dark:block}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--page);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-head);color:var(--text);font-weight:700}:lang(th) body{line-height:1.8}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:24px;height:24px}.script{font-family:var(--script);color:var(--brand);letter-spacing:0;font-weight:400;line-height:1}.display{letter-spacing:-1px;font-size:60px;font-weight:800;line-height:68px}:lang(th) .display{letter-spacing:0;font-size:54px;line-height:1.32}.h2{letter-spacing:-.5px;font-size:36px;font-weight:800;line-height:44px}:lang(th) .h2{letter-spacing:0;font-size:34px;line-height:1.4}.lede{color:var(--text);font-size:18px;line-height:1.7}:lang(th) .lede{line-height:1.85}.button{white-space:nowrap;border:0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:16px 24px;font-size:16px;font-weight:600;line-height:24px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary{background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-primary)}.secondary{color:var(--brand);border:1.5px solid var(--brand);background:0 0;padding:14.5px 22.5px}.button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f6c592e}.secondary:hover{background:var(--subtle)}.button:active{box-shadow:none;transform:translateY(1px)}.button.small{min-height:48px;padding:12px 20px;font-size:14px}.secondary.small{padding:10.5px 18.5px}.badge{background:var(--subtle);color:var(--brand);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge .icon{width:16px;height:16px}.site-header{z-index:30;background:color-mix(in srgb,var(--page) 88%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--border)}.header-inner{justify-content:space-between;align-items:center;gap:32px;height:88px;display:flex}.wordmark{width:150px;height:auto;display:block}.wordmark .wm-l{display:var(--wm-light)}.wordmark .wm-d{display:var(--wm-dark)}.site-nav{align-items:center;gap:32px;font-size:14px;display:flex}.site-nav a{align-items:center;min-height:44px;display:inline-flex}.site-nav a:hover{color:var(--brand)}.header-tools{align-items:center;gap:16px;display:flex}.lang{background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:3px;display:inline-flex}.lang button{color:var(--text);background:0 0;border:0;border-radius:7px;min-width:44px;min-height:36px;font-size:13px;font-weight:500}.lang button[aria-pressed=true]{background:var(--card);color:var(--brand);box-shadow:var(--shadow-card);font-weight:600}.menu-toggle{border:1px solid var(--border);background:var(--card);width:48px;height:48px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;display:none}.hero{position:relative;overflow:hidden}.hero:before{content:"";opacity:.05;pointer-events:none;background-image:url(/pattern.svg);background-size:480px 320px;position:absolute;inset:0}.hero-inner{grid-template-columns:1fr 1.02fr;align-items:center;gap:56px;min-height:640px;padding:48px 0 88px;display:grid;position:relative}.hero-copy .badge{margin-bottom:28px}.hero-copy .lede{max-width:500px;margin-top:24px}.actions{flex-wrap:wrap;gap:16px;margin-top:36px;display:flex}.hero-note{color:var(--text-soft);align-items:center;gap:10px;margin-top:28px;font-size:14px;display:flex}.hero-note .icon{color:var(--brand);width:20px;height:20px}.hero-art{aspect-ratio:760/830;justify-self:end;width:min(100%,560px);position:relative}.leaf-line{border:1.5px solid var(--leaf-line);opacity:.7;border-radius:34% 5%;position:absolute;inset:-14px -18px -14px 14px;transform:rotate(3deg)}.leaf-photo{background:var(--photo-well);border-radius:34% 5%;position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 48px -24px #4f6c5959}.leaf-photo img{object-fit:cover;width:100%;height:100%}.hero-sign{text-align:right;text-shadow:0 0 18px var(--page),0 0 6px var(--page);font-size:46px;line-height:.95;position:absolute;top:-6px;right:-8px;transform:rotate(-8deg)}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:16px;align-items:center;gap:14px;padding:12px 20px 12px 12px;display:flex;position:absolute;bottom:36px;left:-36px;box-shadow:0 8px 24px #0000000f}.hero-card .thumb{background:#f2f5f3;border-radius:10px;width:52px;height:64px;overflow:hidden}.hero-card strong{font-size:14px;line-height:1.3;display:block}.hero-card span{color:var(--text-soft);font-size:12px}section{position:relative}.section{padding:112px 0}.section-head{max-width:640px;margin-bottom:48px}.section-head .lede{color:var(--text-soft);margin-top:18px;font-size:17px}.story{background:var(--subtle)}.story-grid{grid-template-columns:1fr 1fr;align-items:center;gap:96px;display:grid}.story-photos{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.story-photos figure{background:var(--card);border-radius:16px;margin:0;overflow:hidden}.story-photos img{width:100%;height:auto}.story-photos .w{grid-column:1/-1}.story-copy .lede{margin-top:24px}.pledge{border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent);gap:4px;margin-top:40px;padding-top:32px;display:grid}.pledge p{color:var(--brand);font-size:22px;font-weight:500;line-height:1.45}:lang(th) .pledge p{font-size:21px;line-height:1.6}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.benefit{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.benefit .pic{aspect-ratio:4/3;background:var(--subtle);overflow:hidden}.benefit .pic img{object-fit:cover;width:100%;height:100%}.benefit .body{padding:24px 24px 28px;position:relative}.benefit .dot{background:var(--brand);width:52px;height:52px;color:var(--on-brand);border:4px solid var(--card);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-26px;left:24px}.benefit .dot .icon{width:22px;height:22px}.benefit h3{margin-top:22px;font-size:18px;line-height:1.4}.benefit p{color:var(--text-soft);margin-top:8px;font-size:14px;line-height:1.65}.promise{padding:0 0 112px}.promise-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:240px 1fr;align-items:center;gap:48px;padding:40px 0;display:grid}.promise-band h2{font-size:20px;line-height:1.45}.promise-list{grid-template-columns:repeat(6,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.promise-list li{text-align:center;flex-direction:column;align-items:center;gap:12px;font-size:13px;font-weight:600;line-height:1.35;display:flex}.promise-list .ring{border:1.5px solid var(--brand);width:56px;height:56px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;display:flex}.companions{background:var(--subtle)}.comp-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.segmented{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented button{min-height:44px;color:var(--text);background:0 0;border:0;border-radius:8px;padding:10px 22px;font-size:14px}.segmented button[aria-selected=true]{background:var(--brand);color:var(--on-brand);font-weight:600}.comp-panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;grid-template-columns:1.05fr 1fr;min-height:460px;display:grid;overflow:hidden}.comp-panel .photo{background:#f2f5f3;min-height:460px;position:relative;overflow:hidden}.comp-panel .photo .bg{object-fit:cover;filter:blur(22px)saturate(1.1);opacity:.85;width:calc(100% + 48px);height:calc(100% + 48px);position:absolute;inset:-24px}.comp-panel .photo .fg{object-fit:contain;width:100%;height:100%;position:relative}.comp-panel .copy{flex-direction:column;justify-content:center;padding:56px;display:flex}.comp-panel h3{letter-spacing:-.5px;font-size:28px;line-height:1.3}:lang(th) .comp-panel h3{letter-spacing:0;line-height:1.45}.comp-panel .copy p{color:var(--text-soft);margin-top:16px}.checks{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:12px;font-size:15px;display:flex}.checks .icon{color:var(--brand);width:20px;height:20px;margin-top:3px}.how-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.how-photo{aspect-ratio:4/5;background:#f2f5f3;border-radius:34% 5%;justify-self:center;width:100%;max-width:360px;overflow:hidden}.how-photo img{object-fit:cover;width:100%;height:100%}.how-title{letter-spacing:-1px;font-size:56px;font-weight:800;line-height:1.1}:lang(th) .how-title{letter-spacing:0;font-size:48px;line-height:1.35}.steps{counter-reset:s;margin:40px 0 0;padding:0;list-style:none}.steps li{border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent);grid-template-columns:48px 1fr;gap:20px;padding:24px 0;display:grid}.steps li:last-child{border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.steps li:before{counter-increment:s;content:counter(s);background:var(--subtle);width:40px;height:40px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.steps h3{font-size:18px;line-height:1.4}.steps p{color:var(--text-soft);margin-top:4px;font-size:15px}.formula{background:var(--subtle)}.formula .section-head{text-align:center;max-width:680px;margin-inline:auto}.ing-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.ing{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);text-align:center;border-radius:16px;padding:28px 22px 26px}.ing img{border-radius:50%;width:132px;height:132px;margin:0 auto 18px}.ing h3{font-size:17px;line-height:1.35}.ing p{color:var(--text-soft);margin-top:8px;font-size:14px;line-height:1.65}.free-from{flex-wrap:wrap;justify-content:center;gap:12px 40px;margin:40px 0 0;padding:0;list-style:none;display:flex}.free-from li{color:var(--brand);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.free-from .ring{border:1.5px solid var(--brand);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.free-from .icon{width:20px;height:20px}.cta{padding:112px 0}.cta-panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:24px;grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;padding:48px 64px;display:grid;position:relative;overflow:hidden}.cta-panel:before{content:"";opacity:.05;pointer-events:none;background-image:url(/pattern.svg);background-size:480px 320px;position:absolute;inset:0}.cta-photo{background:#f2f5f3;border-radius:20px;position:relative;overflow:hidden}.cta-photo img{width:100%;height:auto}.cta-copy{position:relative}.cta-copy .script{margin-bottom:12px;font-size:44px;display:block}.cta-copy .lede{color:var(--text-soft);margin-top:16px}.cta-meta{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.site-footer{border-top:1px solid var(--border);padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-inner .wordmark{width:120px}.footer-links{gap:24px;font-size:13px;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-links a:hover{color:var(--brand)}.site-footer small{color:var(--text-soft);font-size:12px}.toast{opacity:0;background:var(--brand);color:var(--on-brand);box-shadow:var(--shadow-primary);z-index:50;pointer-events:none;border-radius:12px;max-width:calc(100% - 32px);padding:14px 22px;font-size:14px;transition:opacity .25s,transform .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.leaf-photo{animation:1s cubic-bezier(.2,.7,.2,1) both leafIn}.leaf-line{animation:.8s .5s both fade}.hero-sign{animation:1.4s cubic-bezier(.5,0,.3,1) .9s both write}.hero-card{animation:.6s 1.3s both fade}@keyframes leafIn{0%{opacity:0;transform:scale(.94)rotate(-3deg)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}@media (max-width:1100px){.container{width:calc(100% - 80px)}.site-nav{gap:20px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.promise-band{grid-template-columns:1fr;gap:28px}.story-grid,.how-grid,.formula-grid{gap:56px}.comp-panel .copy{padding:40px}.cta-panel{grid-template-columns:1fr 1fr;gap:40px;padding:40px}}@media (max-width:960px){.container{width:calc(100% - 48px)}.header-inner{height:76px}.wordmark{width:124px}.menu-toggle{display:inline-flex}.header-cta{display:none}.site-nav{background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px;display:none;position:absolute;top:72px;left:24px;right:24px;box-shadow:0 12px 32px #00000014}.site-nav.open{display:flex}.site-nav a{border-bottom:1px solid var(--border);min-height:48px}.site-nav a:last-child{border-bottom:0}.hero-inner{grid-template-columns:1fr;gap:48px;min-height:0;padding:24px 0 72px}.hero-art{justify-self:center;width:min(100%,460px);margin-right:12px}.display{letter-spacing:-1.5px;font-size:42px;line-height:1.16}:lang(th) .display{font-size:38px;line-height:1.4}.h2{font-size:30px;line-height:1.25}:lang(th) .h2{font-size:28px;line-height:1.45}.lede{font-size:16px}.actions{grid-template-columns:1fr;gap:12px;display:grid}.hero-sign{font-size:36px;right:0}.hero-card{bottom:16px;left:-6px}.section{padding:72px 0}.story-grid,.how-grid,.formula-grid{grid-template-columns:1fr;gap:40px}.story-photos{order:2}.promise{padding-bottom:72px}.promise-list{grid-template-columns:repeat(3,1fr);row-gap:28px}.comp-head{flex-direction:column;align-items:flex-start;gap:20px}.segmented{width:100%}.segmented button{flex:1}.comp-panel{grid-template-columns:1fr}.comp-panel .photo{aspect-ratio:1;min-height:0}.comp-panel .copy{padding:32px 24px}.comp-panel h3{font-size:24px}.how-photo{max-width:340px}.how-title{font-size:42px}:lang(th) .how-title{font-size:38px}.ing-grid{grid-template-columns:1fr 1fr;gap:14px}.ing{padding:22px 14px}.ing img{width:104px;height:104px}.free-from{justify-content:flex-start;gap:14px 24px}.cta{padding:72px 0}.cta-panel{grid-template-columns:1fr;gap:32px;padding:32px 24px}.cta-copy .button{width:100%}.footer-inner{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:520px){.benefit-grid{grid-template-columns:1fr}.promise-list{grid-template-columns:repeat(2,1fr)}.header-tools{gap:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.skip-link{z-index:60;background:var(--brand);color:var(--on-brand);border-radius:10px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.wordmark img{width:100%;height:auto}.site-header .wordmark{width:150px}.cart-link{width:48px;height:48px;color:var(--brand);border:1px solid var(--border);background:var(--card);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;position:relative}.cart-link:hover{background:var(--subtle)}.cart-count{background:var(--brand);min-width:22px;height:22px;color:var(--on-brand);border:2px solid var(--page);border-radius:11px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.nav-shop-mobile{display:none!important}.hero-art img,.leaf-photo img{object-fit:cover;width:100%;height:100%}.how-photo{background:#f2f5f3;justify-content:center;align-items:center;display:flex}.how-photo img{object-fit:contain;mix-blend-mode:multiply;width:auto;max-width:none;height:88%}.page{padding:48px 0 112px}.crumbs{color:var(--text-soft);gap:8px;margin-bottom:32px;font-size:13px;display:flex}.crumbs a:hover{color:var(--brand)}.crumbs span[aria-hidden]{opacity:.5}.page-title{letter-spacing:-.5px;font-size:40px;font-weight:800;line-height:1.2}:lang(th) .page-title{letter-spacing:0;font-size:36px;line-height:1.45}.product{grid-template-columns:1.05fr 1fr;align-items:start;gap:72px;display:grid}.gallery{gap:16px;display:grid;position:sticky;top:112px}.gallery-main{aspect-ratio:1;background:#f2f5f3;border-radius:24px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-main .bg{object-fit:cover;filter:blur(24px);opacity:.7;width:calc(100% + 48px);height:calc(100% + 48px);position:absolute;inset:-24px}.gallery-main .fg{object-fit:contain;width:100%;height:100%;position:relative}.gallery-main.contain .fg{mix-blend-mode:multiply;padding:6%}.thumbs{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.thumbs button{aspect-ratio:1;background:#f2f5f3;border:1.5px solid #0000;border-radius:14px;padding:0;overflow:hidden}.thumbs button[aria-pressed=true]{border-color:var(--brand)}.thumbs img{object-fit:contain;width:100%;height:100%}.thumbs button.contain img{object-fit:contain;mix-blend-mode:multiply;padding:10%}.p-info .badge{margin-bottom:20px}.p-sub{color:var(--text-soft);margin-top:8px;font-size:17px}.p-price{color:var(--text);letter-spacing:-.5px;margin-top:24px;font-size:32px;font-weight:700}.p-size{color:var(--text-soft);margin-top:2px;font-size:14px}.p-benefits{gap:14px;margin:28px 0;padding:0;list-style:none;display:grid}.p-benefits li{align-items:center;gap:14px;font-size:15px;display:flex}.p-benefits .dot{background:var(--brand);width:40px;height:40px;color:var(--on-brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.p-benefits .dot .icon{width:18px;height:18px}.buy{border-top:1px solid var(--border);grid-template-columns:auto 1fr;gap:12px;margin-top:8px;padding-top:28px;display:grid}.buy .qty-label{grid-column:1/-1;font-size:14px;font-weight:600}.buy .primary{grid-column:1/-1}.stepper{border:1.5px solid var(--brand);border-radius:12px;align-items:center;height:56px;display:inline-flex;overflow:hidden}.stepper button{width:48px;height:100%;color:var(--brand);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.stepper button:hover{background:var(--subtle)}.stepper button:disabled{color:var(--accent);cursor:not-allowed;background:0 0}.stepper output,.stepper input{text-align:center;width:44px;color:var(--text);background:0 0;border:0;font-size:16px;font-weight:600}.stepper.small{height:44px}.stepper.small button{width:40px}.ship-note{color:var(--text-soft);grid-column:1/-1;align-items:center;gap:8px;font-size:13px;display:flex}.ship-note .icon{width:18px;height:18px;color:var(--brand)}.accordion{border-top:1px solid color-mix(in srgb,var(--accent) 50%,transparent);margin-top:36px}.accordion details{border-bottom:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}.accordion summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font-weight:600;list-style:none;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary .icon{color:var(--brand);transition:transform .2s}.accordion details[open] summary .icon{transform:rotate(180deg)}.accordion .acc-body{color:var(--text-soft);padding:0 0 24px;font-size:15px}.accordion ol{gap:8px;margin:0;padding-left:20px;display:grid}.two-pane{grid-template-columns:1fr 400px;align-items:start;gap:48px;margin-top:32px;display:grid}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px}.cart-lines{margin:0;padding:0;list-style:none}.cart-line{border-bottom:1px solid var(--border);grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:20px 24px;display:grid}.cart-line:last-child{border-bottom:0}.cart-line .thumb{background:#f2f5f3;border-radius:12px;width:96px;height:96px;overflow:hidden}.cart-line .thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:8%}.cart-line h2{font-size:17px;line-height:1.4}.cart-line .meta{color:var(--text-soft);font-size:13px}.cart-line .ctrl{align-items:center;gap:16px;margin-top:10px;display:flex}.link-btn{color:var(--brand);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:14px;font-weight:600;text-decoration:underline}.line-total{text-align:right;font-size:17px;font-weight:700}.summary{padding:28px;position:sticky;top:112px}.summary h2{margin-bottom:20px;font-size:20px}.sum-row{justify-content:space-between;gap:16px;padding:6px 0;font-size:15px;display:flex}.sum-row.total{border-top:1px solid var(--border);margin-top:12px;padding-top:16px;font-size:18px;font-weight:700}.sum-hint{color:var(--brand);background:var(--subtle);border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.summary .button{width:100%;margin-top:24px}.summary .text-link{color:var(--brand);justify-content:center;align-items:center;min-height:44px;margin-top:12px;font-size:14px;font-weight:600;display:flex}.sum-items{gap:14px;margin:0 0 16px;padding:0;list-style:none;display:grid}.sum-items li{grid-template-columns:56px 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.sum-items .thumb{background:#f2f5f3;border-radius:10px;width:56px;height:56px;position:relative;overflow:visible}.sum-items .thumb img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;padding:8%}.sum-items .q{background:var(--brand);color:var(--on-brand);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.empty{text-align:center;padding:72px 24px}.empty .ring{background:var(--subtle);width:72px;height:72px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.empty h2{font-size:24px}.empty p{color:var(--text-soft);margin:8px 0 28px}.form-card{padding:32px}.fieldset{border:0;min-width:0;margin:0 0 36px;padding:0}.fieldset:last-of-type{margin-bottom:0}.fieldset legend{margin-bottom:20px;padding:0;font-size:20px;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;margin-bottom:20px;display:flex}.grid-2 .field{margin-bottom:0}.grid-2+.field,.field+.grid-2{margin-top:0}.grid-2{margin-bottom:20px}.field label{font-size:14px;font-weight:600}.field label .opt{color:var(--text-soft);font-weight:400}.field input,.field textarea,.field select{font:inherit;background:var(--card);border:1.5px solid var(--brand);min-height:56px;color:var(--text);border-radius:12px;width:100%;padding:14px 16px}.field textarea{resize:vertical;min-height:96px}.field input::placeholder,.field textarea::placeholder{color:var(--text-soft);opacity:.8}.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.field[data-invalid=true] input,.field[data-invalid=true] textarea{border-color:#b4533f}.field .err{color:#b4533f;font-size:13px}:root[data-theme=dark] .field .err{color:#e59a88}.pay-options{gap:12px;display:grid}.pay-option{border:1.5px solid var(--border);cursor:pointer;background:var(--card);border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:16px;display:grid}.pay-option:has(input:checked){border-color:var(--brand);background:var(--subtle)}.pay-option input{accent-color:var(--brand);width:20px;height:20px;margin:2px 0 0}.pay-option strong{font-size:15px;display:block}.pay-option span{color:var(--text-soft);font-size:13px}.pay-note{color:var(--text-soft);margin-top:14px;font-size:13px}.consent{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;margin-top:28px;font-size:14px;display:grid}.consent input{accent-color:var(--brand);width:20px;height:20px;margin:3px 0 0}.form-error{color:#8a3a2a;background:#fbedea;border-radius:12px;margin-top:20px;padding:12px 16px;font-size:14px}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.button:disabled{background:var(--accent);box-shadow:none;cursor:not-allowed;transform:none}.success{text-align:center;max-width:560px;margin:0 auto;padding:40px 0 24px}.success .ring{background:var(--brand);width:80px;height:80px;color:var(--on-brand);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.success .ring .icon{width:36px;height:36px}.success p{color:var(--text-soft);margin-top:12px}.order-id{background:var(--subtle);border-radius:12px;margin:28px 0 8px;padding:14px 24px;font-size:14px;display:inline-block}.order-id strong{color:var(--brand);letter-spacing:.5px;font-size:22px;display:block}.success .script{margin-top:40px;font-size:40px;display:block}@media (max-width:960px){.nav-shop-mobile{display:inline-flex!important}.product{grid-template-columns:1fr;gap:36px}.gallery{position:static}.two-pane{grid-template-columns:1fr;gap:28px}.summary{position:static}.page{padding:24px 0 72px}.page-title{font-size:30px}:lang(th) .page-title{font-size:28px}.form-card{padding:24px 20px}.grid-2{grid-template-columns:1fr}.grid-2 .field{margin-bottom:20px}.grid-2{margin-bottom:0}.cart-line{grid-template-columns:72px 1fr;padding:16px}.cart-line .thumb{width:72px;height:72px}.line-total{text-align:left;grid-column:2}}@media (max-width:520px){.header-tools .lang button{min-width:38px}.cart-link,.menu-toggle{width:44px;height:44px}}.comp-lede{color:var(--text-soft);margin-top:12px;font-size:17px}.fade-in{animation:.35s both fade}@keyframes fade{0%{opacity:0}to{opacity:1}}.benefit .pic img{width:100%;height:auto}.hero-card .thumb img{object-fit:cover;object-position:50% 38%;mix-blend-mode:multiply;width:100%;height:100%;transform:scale(1.6)}.consent-err{color:#b4533f;margin-top:8px;font-size:13px}@media (max-width:520px){.header-inner{gap:8px}.site-header .wordmark{width:104px}.header-tools{gap:6px}.lang{padding:2px}.lang button{min-width:34px;min-height:36px;font-size:12px}.cart-link,.menu-toggle{width:42px;height:42px}}@media (max-width:960px){.leaf-line{inset:-12px -8px -12px 12px}}.shop-banner{box-shadow:var(--shadow-card);border-radius:20px;margin-bottom:40px;display:block;overflow:hidden}.shop-banner img{width:100%;height:auto}.ing-list{gap:6px;margin:0;padding-left:20px;display:grid}.ing-list strong{color:var(--text)}.acc-note{margin-top:12px;font-size:13px}@media (max-width:960px){.shop-banner{border-radius:14px;margin-bottom:24px}}.pay-option.single{border-color:var(--brand);background:var(--subtle);cursor:default}.pay-dot{border:2px solid var(--brand);background:radial-gradient(circle,var(--brand) 0 45%,transparent 50%);border-radius:50%;width:20px;height:20px;margin-top:2px}