@font-face{font-family:"MueThai";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/NotoSansThai-Regular.ttf") format("truetype")}@font-face{font-family:"MueThai";font-style:normal;font-weight:600 900;font-display:swap;src:url("/assets/NotoSansThai-Bold.ttf") format("truetype")}
:root{--green:#163f36;--ink:#24342e;--paper:#fcfcf8;--mint:#e4ebd7;--orange:#e68136;--line:#dce2d7;--muted:#607166;--radius:14px;--shadow:0 10px 35px #173f3609}*{box-sizing:border-box}html{scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 'Leelawadee UI',Tahoma,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 23px;border:1px solid var(--green);border-radius:7px;color:white;background:var(--green);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.6}button:hover,.button:hover{background:#245b4e;color:white}button:disabled{opacity:.5;cursor:not-allowed}.outline{background:transparent;color:var(--green);border-color:#9eada1}.outline:hover{background:#edf1e8;color:var(--green)}.small{padding:8px 15px;min-height:44px;font-size:14px}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--green);color:#fff;padding:8px max(28px,calc((100% - 1240px)/2));font-size:12px}.topline a{color:#e3ecd9}.site-header{display:flex;gap:27px;align-items:center;max-width:1340px;margin:auto;padding:24px 48px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex-shrink:0;text-decoration:none;line-height:1}.brand img{width:202px;height:auto;display:block}.site-header nav{display:flex;gap:27px;align-items:center;margin-left:auto}.site-header nav a{font-size:14px;text-decoration:none;white-space:nowrap;padding:8px 0}.site-header nav a[aria-current]{box-shadow:0 2px 0 var(--orange)}.header-compare{font-size:14px;text-decoration:none;white-space:nowrap}.header-cta{padding-inline:18px}.menu-toggle,.mobile-link,.mobile-bottom{display:none!important}main{max-width:1340px;margin:auto;padding:0 48px 80px;min-height:60vh}h1,h2,h3{line-height:1.55;margin:0 0 16px;overflow-wrap:break-word}h1{font-size:clamp(30px,3.2vw,44px);font-weight:750;letter-spacing:-.035em}h2{font-size:29px;letter-spacing:-.025em}h3{font-size:21px}p{margin:0 0 16px}a:hover{color:#386950}.button:hover{color:white}.editorial-hero{display:grid;grid-template-columns:1.02fr 1fr;gap:55px;align-items:center;margin:42px 0 45px}.hero-copy{padding:15px 0 20px}.intro-line{display:flex;gap:12px;align-items:center;font-size:14px;margin:0 0 22px;color:var(--muted)}.intro-line:before{content:'';width:27px;height:2px;background:var(--orange)}.hero-copy h1{font-size:clamp(38px,4vw,55px);line-height:1.48;letter-spacing:-.045em;margin-bottom:24px}.hero-summary{font-size:17px;color:var(--muted);line-height:1.9;margin-bottom:32px}.stage-picker{padding-top:21px;border-top:1px solid var(--line)}.stage-picker h2{font-size:18px;letter-spacing:0;margin-bottom:16px}.stage-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.stage-options a{border:1px solid #cad5c3;border-radius:10px;padding:15px 12px;text-decoration:none;display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0;background:#f6f8f0}.stage-options a:hover{border-color:var(--green);background:#e7efdc}.stage-options b{font-size:16px}.stage-options small{font-size:12px;color:var(--muted)}.stage-dot{width:23px;height:23px;border-radius:50%;background:#eac6a5;margin-bottom:7px}.stage-dot.adult{background:#afc6a4}.stage-dot.senior{background:#c7c4d3}.quiet-link{display:inline-block;margin-top:19px;font-size:14px;color:var(--muted)}.hero-photo{margin:0;height:555px;position:relative;border-radius:16px 16px 75px 16px;overflow:hidden;background:#e4ebd7}.hero-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero-photo figcaption{position:absolute;bottom:26px;left:24px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;color:white;text-shadow:0 1px 8px #000b}.hero-photo figcaption>span{font:italic 26px/1.12 Georgia,serif;max-width:170px}.hero-photo figcaption>b{font:700 18px Georgia,serif}.tool-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:28px}.tool-directory>a{display:flex;gap:18px;align-items:center;text-decoration:none;padding:7px 0}.tool-directory>a+a{border-left:1px solid var(--line);padding-left:27px}.tool-directory h2{font-size:18px;margin:0 0 3px;letter-spacing:0}.tool-directory p{font-size:13px;color:var(--muted);margin:0}.tool-symbol{font-family:Georgia,serif;font-size:31px;width:38px;flex-shrink:0;color:var(--green);text-align:center}section{margin:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:0 0 26px}.section-heading h2{margin-bottom:0}.section-heading>a{font-size:14px;white-space:nowrap;margin-bottom:5px}.section-kicker{font-size:14px;color:var(--muted);margin-bottom:9px}.food-types{display:grid;grid-template-columns:1fr 1fr;gap:26px}.food-type{padding:34px 38px;min-height:325px;border-radius:13px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.food-type.wet{background:#e4ebd7}.food-type.dry{background:#f5e7d3}.type-label{display:flex;justify-content:space-between;width:100%;font-size:15px;font-weight:700;margin-bottom:23px}.type-label>span:last-child{font-size:23px;line-height:1}.food-type h3{font-size:28px;margin-bottom:16px}.food-type p{font-size:14px;color:#536350;margin-bottom:24px}.pill{display:inline-block;border:1px solid #718573;border-radius:25px;padding:8px 17px;font-size:13px;margin-top:auto}.food-type:hover .pill{background:var(--green);color:white}.editorial-note{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editorial-note h2{margin-top:12px;font-size:30px}.editorial-note>div:last-child{padding-top:18px}.editorial-note p{color:var(--muted);max-width:52ch}.note-index{font-size:13px;background:#f1e5d5;padding:4px 12px;border-radius:3px}.text-link{font-size:14px;font-weight:600}.catalogue-notice{padding:28px 32px;border-radius:10px;background:#f0f3eb;display:flex;align-items:center;gap:45px;justify-content:space-between}.catalogue-notice h2{font-size:23px}.catalogue-notice p{font-size:14px;color:var(--muted);max-width:70ch;margin-bottom:0}.catalogue-notice>a{white-space:nowrap}.knowledge-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.knowledge-links>a{padding:22px 0;border-top:2px solid var(--green);text-decoration:none}.knowledge-links span{font-size:13px;color:var(--muted)}.knowledge-links h3{font-size:21px;margin:13px 0}.knowledge-links p{font-size:14px;color:var(--muted)}.crumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px;padding:25px 0;margin-bottom:13px}.lead{max-width:75ch;font-size:17px;color:var(--muted);margin-bottom:29px}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.card-body{padding:27px}.empty{padding:42px 28px;background:#f2f5ed;border-radius:12px;margin:28px 0;text-align:center}.empty>b{font-size:20px}.empty p{margin:10px auto 16px;color:var(--muted);max-width:65ch}.micro{font-size:13px;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:13px;color:var(--muted)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0}.product img{display:block;width:100%;height:230px;object-fit:contain;background:#f8f9f4;padding:25px}.product-blank{height:155px;background:#eef2e8;display:grid;place-items:center;font-size:14px;color:var(--muted)}.product h3{font-size:20px}.product h3 a{text-decoration:none}.product p{font-size:14px}.product .actions{margin-bottom:0}.icon-button{background:white;color:var(--green);border-color:var(--line);font-size:15px;padding:8px 11px}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#eff3e9;padding:25px;border-radius:12px;margin:25px 0}.filters label{margin-bottom:0}.filters>button,.filters>a{align-self:end}.filters>a{font-size:14px;margin-bottom:13px}label{display:block;margin-bottom:19px;font-size:14px;font-weight:600;min-width:0}input,select,textarea{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid #bac7b9;border-radius:6px;background:#fff;color:var(--ink);padding:11px 13px;min-height:47px;font-weight:400;font-size:16px}textarea{resize:vertical;line-height:1.8}input[type=checkbox]{display:inline-block;width:auto;min-height:0;margin:0 9px 0 0}.check{display:flex;gap:8px;align-items:center}.narrow{max-width:730px;margin:34px auto}.reading{max-width:800px;margin:35px auto}.article-body{font-size:17px;line-height:2}.article-body h2{font-size:25px;margin-top:32px}.article-body ul{padding-left:24px}.detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.detail-art{min-height:380px;display:grid;place-items:center;padding:30px;background:#f1f4ec;border-radius:15px}.detail-art img{max-width:100%;max-height:450px;object-fit:contain}.detail-art span{font-size:14px;color:var(--muted)}.price{font-size:30px;font-weight:750}.offer-list{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.offer-card{border:1px solid var(--line);border-radius:10px;padding:18px;flex:1;min-width:210px}.offer-card h3{font-size:18px}.offer-card p{font-size:14px;margin:5px 0}.facts{display:grid;grid-template-columns:1fr 2fr;max-width:800px}.facts dt,.facts dd{border-bottom:1px solid var(--line);margin:0;padding:14px 10px;font-size:15px}.note{padding:24px;border-radius:8px;background:#f7efdf;margin:25px 0;font-size:15px}.error{padding:18px 22px;background:#ffefec;color:#89372d;border-radius:8px;margin:20px 0}.success{padding:18px 22px;background:#e9f4e4;color:#315b31;border-radius:8px}.table-wrap{max-width:100%;overflow:auto;margin:26px 0;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:10px}table{border-collapse:separate;border-spacing:0;width:100%;background:white;text-align:left}th,td{padding:16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-width:150px;vertical-align:top;font-size:14px}th{background:#f0f4e9;font-weight:650}th:first-child{position:sticky;left:0;z-index:1;min-width:155px}tr:last-child>*{border-bottom:0}tr>*:last-child{border-right:0}.pagination{display:flex;gap:9px;margin:25px 0}.pagination a{border:1px solid var(--line);padding:9px 15px;border-radius:5px;text-decoration:none}.pagination a[aria-current]{background:var(--green);color:white}.budget-row{margin-bottom:22px}.budget-row h2{font-size:21px}.budget-row .grid{gap:16px}.result-panel{background:var(--green);color:white;padding:34px;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.result-panel strong{font-size:40px;line-height:1.6;font-variant-numeric:tabular-nums}.result-panel small{font-size:14px}.calculator-bottom{margin-top:25px}.admin-nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:24px 0;margin-bottom:20px;border-bottom:1px solid var(--line)}.admin-nav form{margin-left:auto}.admin-page main{max-width:1240px}.admin-page .header-cta{display:none}.cat-card{margin-bottom:15px}.cat-card h3{margin-bottom:9px}.site-footer{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px 45px;background:#eaf0e1;padding:48px max(28px,calc((100% - 1240px)/2)) 25px}.site-footer .brand{margin-bottom:20px}.site-footer .brand img{width:180px}.site-footer h2{font-size:15px;font-weight:700;margin-bottom:15px}.site-footer>div>a:not(.brand){display:block;font-size:14px;color:#4b6051;text-decoration:none;margin-bottom:8px}.footer-about>p{font-size:15px}.footer-about .micro{font-size:13px}.disclosure{grid-column:1/-1;border-top:1px solid #cdd8c5;padding-top:22px;font-size:12px;color:#5c6e60;margin-top:8px;margin-bottom:0}.skip{position:absolute;left:-9999px;top:0;background:white;color:black;padding:15px;z-index:100}.skip:focus{left:0}:focus-visible{outline:3px solid #d87724;outline-offset:4px}[hidden]{display:none!important}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#153e35;color:white;padding:13px 22px;border-radius:9px;z-index:100;max-width:calc(100% - 30px);width:max-content;display:none;font-size:14px}#toast.show{display:block}.compare-tray{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;background:white;box-shadow:0 8px 30px #193e3626;border:1px solid var(--line);border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:15px;font-size:14px;max-width:calc(100% - 28px);width:max-content}.tray-clear{background:none;border:0;color:var(--muted);padding:7px;min-height:44px}.compare-tray~#toast{bottom:100px}.profile-avatar{width:46px;height:46px;border-radius:50%;background:#e4ebd7;display:grid;place-items:center;font:700 24px Georgia,serif;margin-bottom:14px}.local-tools{padding:20px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.save-status{font-size:13px;color:var(--muted)}.plan-tabs{display:flex;gap:10px;overflow:auto;margin:20px 0}.plan-tabs button{white-space:nowrap}.print-only{display:none}
@media(min-width:1440px){.editorial-hero{gap:75px}.hero-photo{height:580px}.site-header{gap:32px}}
@media(max-width:1150px){.site-header{padding:20px 32px;gap:20px}.brand img{width:170px}.site-header nav{gap:18px}.header-compare{display:none}.header-cta{padding:10px 14px}main{padding:0 32px 65px}.editorial-hero{gap:30px}.hero-copy h1{font-size:43px}.hero-photo{height:520px}.stage-options a{padding:12px 9px}.stage-options b{font-size:14px}.stage-options small{font-size:11px}.tool-directory{gap:17px}.tool-directory>a{gap:10px}.tool-directory>a+a{padding-left:17px}.tool-directory p{font-size:12px}.tool-directory h2{font-size:16px}.food-type{padding:28px}.site-footer{gap:25px}.site-footer .brand img{width:155px}}
@media(min-width:640px) and (max-width:850px){.site-header{flex-wrap:wrap;justify-content:space-between;padding:18px 28px}.site-header nav{order:3;width:100%;margin:2px 0 0;justify-content:space-between}.header-cta{margin-left:auto}.editorial-hero{gap:23px;grid-template-columns:1.05fr 1fr;margin-top:30px}.hero-copy h1{font-size:35px}.hero-summary{font-size:15px}.intro-line{font-size:12px}.hero-photo{height:475px}.stage-picker h2{font-size:16px}.stage-options{gap:6px}.stage-options small{display:none}.stage-options a{padding:12px 8px}.hero-photo figcaption{left:18px;right:18px}.hero-photo figcaption>span{font-size:22px}.hero-photo figcaption>b{display:none}.tool-directory>a{display:block}.tool-symbol{font-size:25px;margin-bottom:8px}.tool-directory h2{font-size:15px}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.food-type h3{font-size:24px}.food-type p{font-size:13px}.editorial-note{gap:30px}.editorial-note h2{font-size:26px}.knowledge-links{gap:18px}.knowledge-links h3{font-size:18px}.site-footer{grid-template-columns:1.2fr 1fr;gap:35px 60px}.catalogue-notice{gap:22px;padding:25px}.catalogue-notice .button{font-size:13px;padding:10px 15px}.detail-grid{gap:25px}.detail-art{min-height:280px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){body{font-size:16px}.topline{justify-content:center;padding:7px 18px;font-size:11px}.topline>a{display:none}.site-header{padding:16px 21px;gap:15px;position:relative}.brand img{width:165px}.header-cta{display:none!important}.menu-toggle{display:inline-flex!important;background:none;color:var(--green);border:1px solid #cad4c5;margin-left:auto;padding:8px 11px;gap:9px;font-size:13px;min-height:43px}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:60;background:var(--paper);padding:20px 24px;box-shadow:0 15px 20px #163f3614;margin:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px}.site-header nav.is-open{display:grid}.site-header nav a{min-height:44px;display:flex;align-items:center;white-space:normal;font-size:15px}.mobile-link{display:flex!important}main{padding:0 21px 40px}.editorial-hero{display:flex;flex-direction:column;gap:27px;margin:25px 0 28px;align-items:stretch}.hero-copy{padding:0}.intro-line{font-size:12px;margin-bottom:16px}.hero-copy h1{font-size:38px;line-height:1.5;margin-bottom:15px;letter-spacing:-.055em}.hero-summary{font-size:15px;line-height:1.9;margin-bottom:22px}.stage-picker{padding-top:16px}.stage-picker h2{font-size:16px;margin-bottom:12px}.stage-options{gap:9px}.stage-options a{padding:12px 10px}.stage-options b{font-size:14px}.stage-options small{font-size:11px}.stage-dot{width:18px;height:18px;margin-bottom:5px}.quiet-link{font-size:13px;margin-top:13px}.hero-photo{height:330px;border-radius:12px 12px 48px 12px}.hero-photo>img{object-position:center 51%}.hero-photo figcaption{left:19px;bottom:20px}.hero-photo figcaption>span{font-size:23px}.hero-photo figcaption>b{font-size:17px}.tool-directory{grid-template-columns:1fr;gap:0;padding:6px 0;margin:0}.tool-directory>a{padding:16px 0;gap:18px}.tool-directory>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.tool-directory h2{font-size:17px}.tool-directory p{font-size:13px}.tool-symbol{width:32px;font-size:29px}section{margin:38px 0}.section-heading{gap:14px;margin-bottom:20px;align-items:flex-end}.section-heading>a{font-size:12px;white-space:normal;max-width:80px}.section-kicker{font-size:12px}h1{font-size:29px}h2{font-size:25px}.food-types{grid-template-columns:1fr;gap:16px}.food-type{min-height:285px;padding:25px}.food-type h3{font-size:26px}.type-label{margin-bottom:18px}.food-type p{font-size:14px}.editorial-note{grid-template-columns:1fr;gap:4px;padding:29px 0}.editorial-note h2{font-size:27px}.editorial-note>div:last-child{padding-top:0}.editorial-note p{font-size:15px}.catalogue-notice{display:block;padding:24px}.catalogue-notice h2{font-size:21px}.catalogue-notice .button{margin-top:20px}.knowledge-links{grid-template-columns:1fr;gap:8px}.knowledge-links>a{padding:21px 0;border-top-width:1px}.knowledge-links h3{font-size:22px}.knowledge-links p{font-size:14px}.grid.three,.grid.two,.detail-grid{grid-template-columns:1fr}.grid{gap:17px}.crumb{font-size:12px;padding:20px 0;margin-bottom:12px;gap:8px}.lead{font-size:15px;margin-bottom:23px}.card-body{padding:21px}.narrow,.reading{margin:22px auto}.filters{grid-template-columns:1fr;gap:15px;padding:20px}.filters>a{margin:0}.empty{padding:30px 21px}.empty>b{font-size:19px}.empty p{font-size:14px}.detail-art{min-height:240px}.detail-art img{max-height:270px}.facts{grid-template-columns:1fr 1.2fr}.facts dt,.facts dd{font-size:14px;padding:12px 7px}.result-panel{padding:26px}.result-panel strong{font-size:33px}.offer-card{min-width:100%}.admin-nav{gap:13px}.admin-nav a{font-size:14px}.admin-nav form{margin-left:0}.site-footer{padding:33px 22px 100px;grid-template-columns:1fr 1fr;gap:30px 23px}.footer-about{grid-column:1/-1}.footer-about .brand img{width:175px}.site-footer h2{font-size:14px}.site-footer>div>a:not(.brand){font-size:13px}.disclosure{font-size:11px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid!important;grid-template-columns:repeat(4,1fr);background:#fcfcf8f7;border-top:1px solid var(--line);padding:7px 8px max(7px,env(safe-area-inset-bottom));z-index:50;backdrop-filter:blur(10px)}.mobile-bottom a{display:flex;justify-content:center;align-items:center;min-height:43px;font-size:13px;text-decoration:none;color:var(--green);font-weight:600}.compare-tray{bottom:77px;width:calc(100% - 28px);gap:10px;justify-content:space-between;font-size:12px;padding:9px 12px}.compare-tray .button{font-size:12px;min-height:42px;padding:8px 12px}.tray-clear{font-size:12px}.compare-tray~#toast,#toast{bottom:151px}.actions>button,.actions>.button{font-size:14px}.table-wrap th:first-child{min-width:120px;max-width:130px}.table-wrap th,.table-wrap td{padding:12px;font-size:13px}.local-tools{gap:9px}.local-tools button{font-size:13px}.reading h1{font-size:29px}.article-body{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.stage-options a,.button,button,.food-type .pill{transition:background-color .16s,border-color .16s}}
@media print{.site-header,.topline,.site-footer,.mobile-bottom,.compare-tray,#toast,.crumb,.local-tools,button,.filters,.menu-toggle{display:none!important}main{max-width:none;padding:0}body{background:white;color:black;font:12pt/1.5 sans-serif}.table-wrap{overflow:visible}.table-wrap table{font-size:10pt}.table-wrap th,.table-wrap td{min-width:0;position:static}.result-panel{color:black;background:white;border:1px solid black}.print-only{display:block}a{color:black;text-decoration:none}.grid{display:block}.card{break-inside:avoid}input,textarea,select{border:1px solid #aaa}}

fieldset{border:1px solid var(--line);border-radius:10px;padding:22px;margin:24px 0}legend{padding:0 10px;font-weight:700}.source-list{padding-left:20px;overflow-wrap:anywhere}.source-list li{margin:8px 0}
/* MueMeow v6: editorial formula discovery. Native swipe works without JavaScript. */
.recommendations{margin:52px 0;padding:32px;background:#f1f3e9;border:1px solid #dce2d2;border-radius:24px;min-width:0}.recommendations-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.recommendations-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.35;margin:4px 0 12px}.recommendations-heading p{margin:0;max-width:620px}.text-link{white-space:nowrap}.recommendation-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8ca489 transparent;padding:3px 3px 16px;overscroll-behavior-x:contain}.recommendation-card{flex:0 0 calc((100% - 40px)/3);min-width:0;background:#fff;border:1px solid #dee3d6;border-radius:18px;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column}.recommendation-art{position:relative;background:#e7ecd9;height:230px}.recommendation-card:nth-child(2) .recommendation-art{background:#f7e9da}.recommendation-card:nth-child(3) .recommendation-art{background:#e4ece9}.recommendation-art>a{display:block;height:100%}.recommendation-art img{width:100%;height:100%;object-fit:contain;padding:22px 30px}.recommendation-number{position:absolute;left:16px;top:12px;font-size:13px;z-index:1;color:#526352}.formula-tag{position:absolute;bottom:12px;left:16px;background:#fffc;border-radius:20px;padding:3px 12px;font-size:12px}.formula-placeholder{display:grid;place-content:center;text-align:center;height:100%;color:#526352}.formula-placeholder>span{font-size:58px;line-height:1}.formula-placeholder p{margin:4px}.formula-placeholder small{font-size:11px}.recommendation-body{padding:22px;display:flex;flex-direction:column;flex:1}.recommendation-body h3{font-size:20px;line-height:1.55;margin:8px 0;overflow-wrap:anywhere}.recommendation-body h3 a{text-decoration:none}.recommendation-body h3 a:hover{text-decoration:underline}.formula-facts{font-size:14px;margin:3px 0}.recommendation-body .micro{margin:6px 0}.recommendation-price{margin-top:auto;padding:16px 0}.recommendation-price strong,.recommendation-price small{display:block}.recommendation-price strong{font-size:19px}.recommendation-price small{font-size:11px;color:var(--muted)}.recommendation-body .actions{gap:8px}.recommendation-body .small{padding:8px 12px}.recommendation-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:10px}.recommendation-footer p{max-width:750px}.slider-controls{display:flex;gap:8px;flex-shrink:0}.slider-controls[hidden]{display:none}.slider-controls button{width:46px;min-height:44px;padding:6px;font-size:22px;border-radius:50%}.recommend-empty{padding:24px;background:#fff;border-radius:14px}.home-guides{margin:48px 0}.home-faq{margin:48px auto}.home-faq details{padding:18px 0;border-bottom:1px solid var(--line)}.home-faq summary{cursor:pointer;font-weight:bold}.recovery-example{padding:16px;background:#edf1e8;overflow-x:auto;font-size:13px}.recommendation-track:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #bf602b;outline-offset:3px}
@media(max-width:1024px){.recommendation-card{flex-basis:calc((100% - 20px)/2.15)}.recommendations{padding:24px}.recommendations-heading{align-items:start}.recommendation-art{height:210px}}
@media(max-width:600px){.recommendations{padding:20px 14px;margin:32px 0;border-radius:18px}.recommendations-heading{display:block}.recommendations-heading>a{display:inline-block;margin-top:14px}.recommendation-card{flex-basis:88%}.recommendation-body{padding:18px}.recommendation-art{height:210px}.recommendation-footer{align-items:start;gap:8px}.recommendation-footer .micro{font-size:11px}.recommendation-body h3{font-size:19px}.slider-controls{gap:5px}.slider-controls button{width:40px}.home-guides{margin:32px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.promotions{margin:45px 0}.promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.promotion-card{overflow:hidden;border:1px solid #dce3de;border-radius:15px;background:#fff}.promotion-card img{width:100%;height:auto;max-height:320px;object-fit:contain;background:#f1f4ef;display:block}.promotion-card>div{padding:20px}.promotion-card h3{margin:0 0 10px}.article-cover{width:100%;max-height:500px;object-fit:contain;border-radius:12px;display:block;margin:0 0 20px}.card .article-cover{height:180px;object-fit:cover}@media(max-width:700px){.promotion-grid{grid-template-columns:1fr}}
.product-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:#6a7c73;margin:20px 0 28px}.product-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}.product-gallery{min-width:0}.product-image-stage{background:linear-gradient(135deg,#f4f7f2,#fff);border:1px solid #e2e9df;border-radius:26px;aspect-ratio:1;display:grid;place-items:center;padding:32px}.product-image-stage img{width:100%;height:100%;max-height:480px;object-fit:contain}.product-thumbs{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding:4px}.product-thumbs button{flex:0 0 76px;padding:5px;height:76px;background:white;border:1px solid #dce5dc;border-radius:12px}.product-thumbs button[aria-pressed=true]{border:2px solid #275b48;box-shadow:0 0 0 2px #e5efe4}.product-thumbs img{width:100%;height:100%;object-fit:contain}.product-overview h1{font-size:clamp(26px,3vw,42px);line-height:1.35;margin:14px 0 20px}.product-chips{display:flex;gap:8px;flex-wrap:wrap}.product-chips span{background:#edf4eb;border-radius:30px;padding:7px 13px;font-size:13px;color:#355c46}.product-intro{color:#516155;font-size:16px;line-height:1.85;margin:20px 0;overflow-wrap:anywhere}.product-intro p{margin:0 0 12px}.product-price-box{border:1px solid #e6e9df;background:#fbfcf8;border-radius:16px;padding:20px;margin:22px 0}.product-price-box .price{margin:4px 0 8px;font-size:32px}.product-section{padding:30px;border:1px solid #e2e9df;border-radius:22px;background:#fff;margin-top:30px}.product-section h2{font-size:24px;margin:8px 0 24px}.product-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-offers .offer-card{border:1px solid #e3e9df;background:#f9fbf6;border-radius:16px;padding:20px;min-width:0}.product-offers .offer-card h3{margin:0 0 12px}.product-offers .offer-card .button{width:100%;text-align:center;margin-top:12px;box-sizing:border-box}.product-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0}.product-facts>div{padding:18px 12px;border-bottom:1px solid #edf0e8}.product-facts dt{font-size:13px;color:#788578}.product-facts dd{margin:8px 0 0;font-weight:600;color:#234433}.product-reference{border-top:1px solid #edf0e8;padding-top:18px;font-size:13px;color:#788578}@media(max-width:760px){.product-hero{grid-template-columns:1fr;gap:24px}.product-image-stage{padding:22px;max-height:420px}.product-overview h1{font-size:28px}.product-section{padding:20px}.product-offers{grid-template-columns:1fr}.product-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.product-breadcrumb{margin:10px 0 20px}}

body,input,select,textarea,button{font-family:"MueThai",system-ui,-apple-system,"Segoe UI",sans-serif}

.product-long-description summary{cursor:pointer;color:#275b48;font-weight:600;padding:10px 0}.product-long-description .article-body{max-width:850px;margin:18px 0;line-height:1.9}.product-intro p{white-space:pre-line}
.member-auth{max-width:520px;margin:35px auto}.member-auth h1{font-size:32px}.member-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.member-cat img{width:100%;height:200px;object-fit:contain;border-radius:20px;background:#f0f4ed}.member-cat h2{margin-top:18px}.cat-insights{padding:16px;background:#f7f9f2;border-radius:14px;margin-top:18px;font-size:14px}.cat-insights h3{font-size:16px}.member-editor{margin:32px 0;max-width:1000px}.cat-avatar-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0}.cat-avatar-picker label{border:1px solid #dce4d8;border-radius:14px;padding:10px;text-align:center;cursor:pointer}.cat-avatar-picker img{width:100%;height:90px;object-fit:contain}.cat-avatar-picker input{width:auto}.cat-edit-photo{height:120px;max-width:150px;object-fit:contain;border-radius:12px;margin:16px 0}.cat-delete{border-top:1px solid #dde6da;margin-top:24px;padding-top:20px}.member-nav{font-size:14px;white-space:nowrap}.home-goods{margin:44px 0}.goods-placeholder{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,#e7efdc,#fdf6e8);color:#557146;font-size:70px;border-radius:16px 16px 0 0}.product-image-stage .goods-placeholder{height:100%;width:100%;border-radius:20px}.member-cat .micro{font-size:12px}@media(max-width:900px){.member-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-avatar-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.member-nav{display:none}}@media(max-width:560px){.member-cat-grid{grid-template-columns:1fr}.member-auth{margin:20px auto}.member-auth h1{font-size:27px}.member-cat img{height:220px}}

.cat-avatar-picker label:has(input:checked){border:2px solid #275b48;background:#edf5e8}.member-heading button{white-space:nowrap}@media(max-width:600px){.member-heading{align-items:flex-start;flex-direction:column;gap:12px}.member-heading .actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.member-heading h1{font-size:30px}}