:root{
  --green:#005b3b;
  --deep:#0b2b20;
  --ink:#1d211f;
  --muted:#66706a;
  --sage:#e8eee7;
  --sage-2:#dce6dc;
  --cream:#f7f7f2;
  --white:#fff;
  --line:#c7d3c9;
  --max:1240px;
  --shadow:0 18px 60px rgba(14,47,35,.08);
  --display:"Montserrat","Noto Sans Thai",Arial,sans-serif;
  --sans:Inter,"Noto Sans Thai",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.section{padding:96px 0}.section.compact{padding:64px 0}.bg-sage{background:var(--sage)}.bg-white{background:var(--white)}.bg-deep{background:var(--deep);color:#fff}.bg-deep h1,.bg-deep h2,.bg-deep h3,.bg-deep p{color:inherit}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--green);font-weight:600;margin:0 0 20px}.eyebrow.light{color:#b9d7c6}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:0;color:#161b18}
h1{font-size:clamp(3.6rem,6vw,6.5rem)}
h2{font-size:clamp(2.7rem,4.2vw,4.5rem)}
h3{font-size:clamp(1.9rem,2.6vw,2.8rem)}.display-tight{max-width:13ch}.lead{font-size:clamp(1.05rem,1.4vw,1.3rem);color:#4d5751;max-width:62ch}.kicker{font-size:1.15rem;color:#536059;max-width:60ch}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--green);text-decoration:none;font-weight:600;transition:.2s ease;background:transparent;color:var(--green)}.btn:hover{background:var(--green);color:#fff}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#004c32}.btn.light{border-color:#fff;color:#fff}.btn.light:hover{background:#fff;color:var(--deep)}.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.text-link{color:var(--green);font-weight:600;text-underline-offset:4px}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,242,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,91,59,.13)}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:88px;gap:30px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{width:34px;height:54px;position:relative;border-left:3px solid #00a375}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:4px;width:20px;height:2px;background:#00a375;transform-origin:left center}.brand-mark:before{top:18px;transform:rotate(-38deg)}.brand-mark:after{top:34px;transform:rotate(38deg)}.brand-word{line-height:1.03;font-size:1.02rem}.brand-word span{display:block;color:var(--green);font-weight:700}.nav{display:flex;justify-content:center;gap:34px}.nav a{text-decoration:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.nav a.active,.nav a:hover{text-decoration:underline;text-underline-offset:5px}.lang{display:flex;align-items:center;gap:10px;font-size:.82rem;letter-spacing:.06em}.lang a{text-decoration:none}.lang a.active{color:var(--green);font-weight:700}.menu-btn{display:none;background:none;border:1px solid var(--line);padding:8px 10px}.hero{min-height:660px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);background:var(--sage)}.hero-copy{padding:88px max(48px,calc((100vw - var(--max))/2));padding-right:54px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{max-width:7ch}.hero-media{position:relative;overflow:hidden;background:linear-gradient(145deg,#eff3ea 0%,#d8e6dc 62%,#c4d8cb 100%);display:flex;align-items:center;justify-content:center}.hero-media:before{content:"";position:absolute;inset:7% 9%;border:1px solid rgba(0,91,59,.25);border-radius:50% 50% 44% 56%/46% 52% 48% 54%;transform:rotate(-8deg)}.hero-media:after{content:"ROOT ZONE / CONTROLLED NUTRITION";position:absolute;right:28px;bottom:22px;color:rgba(0,91,59,.55);font-size:.7rem;letter-spacing:.16em}.hero-product{width:min(62%,520px);filter:drop-shadow(0 30px 34px rgba(0,0,0,.14));position:relative;z-index:2}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.section-head .lead{margin:0;max-width:46ch}.cards-2,.cards-3,.cards-4{display:grid;gap:28px}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.cards-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid rgba(0,91,59,.35);padding:32px}.card.media-card{padding:26px}.card img{width:100%;height:300px;object-fit:contain;background:#f4f5ef;margin-bottom:28px}.card h3{font-family:var(--sans);font-size:1.8rem;letter-spacing:-.02em;line-height:1.1;color:var(--green);font-weight:600}.card p{color:#4d5751}.card .mini{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#5a625d}.number{color:var(--green);font-size:.85rem;letter-spacing:.12em}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.editorial-copy{padding:80px;display:flex;justify-content:center;flex-direction:column}.editorial-visual{min-height:560px;background:var(--sage-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.editorial-visual img{max-height:500px;object-fit:contain}.topic-row{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin:30px 0 70px}.topic-row a{font-size:.9rem;text-underline-offset:4px}.faq-group{max-width:1040px;margin:0 auto 54px}.faq-group>h3{font-family:var(--sans);font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-bottom:18px}.faq-item{border-top:1px solid var(--line);padding:22px 0}.faq-item:last-child{border-bottom:1px solid var(--line)}.faq-q{font-weight:600;font-size:1.12rem;margin-bottom:8px}.faq-a{color:#59635d;max-width:72ch}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.contact-card{border:1px solid rgba(0,91,59,.45);background:#fff;padding:32px}.contact-card .btn{width:100%;margin-top:18px}.help-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}.help-list div{padding:17px 0;border-bottom:1px solid var(--line)}.form-wrap{max-width:720px;margin:auto}.field{margin-bottom:20px}.field label{display:block;margin-bottom:7px;font-size:.9rem}.field input,.field textarea,.field select{width:100%;padding:14px 16px;border:1px solid #cdd5cf;background:#fff;font:inherit}.field textarea{min-height:150px;resize:vertical}.radio-row{display:flex;gap:22px;flex-wrap:wrap}.form-note{font-size:.85rem;color:#68716b}.site-footer{background:var(--deep);color:#fff;padding:72px 0 40px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:34px}.site-footer a{color:#fff}.footer-title{font-family:var(--display);font-weight:800;font-size:2.2rem;letter-spacing:-.025em}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:10px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:50px;padding-top:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.84rem;color:#d5ded8}.status{padding:12px 16px;margin-bottom:20px;border:1px solid var(--line);background:var(--sage)}.mobile-contact{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid var(--line);padding:10px 14px;gap:10px}.mobile-contact .btn{flex:1;padding:8px 10px;min-height:42px}
@media(max-width:1000px){.nav{gap:18px}.header-inner{grid-template-columns:auto 1fr auto}.hero{grid-template-columns:1fr}.hero-copy{padding:72px 34px}.hero-media{min-height:480px}.cards-4{grid-template-columns:repeat(2,1fr)}.editorial-copy{padding:54px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--cream);padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-btn{display:block}.header-inner{grid-template-columns:auto 1fr auto}.lang{justify-self:end}.section{padding:70px 0}.section-head{display:block}.section-head .lead{margin-top:18px}.cards-2,.cards-3,.cards-4,.contact-grid,.help-list{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}.editorial-copy{padding:54px 28px}.editorial-visual{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr}.mobile-contact{display:flex}body{padding-bottom:64px}}
@media(max-width:560px){.container{width:min(calc(100% - 32px),var(--max))}.header-inner{min-height:76px}.nav{top:76px}.brand-word{font-size:.9rem}.hero-copy{padding:56px 20px}.hero-media{min-height:380px}.hero-product{width:75%}.card{padding:24px}.card img{height:230px}.footer-grid{grid-template-columns:1fr}.section{padding:56px 0}h1{font-size:clamp(3.4rem,17vw,5.2rem)}h2{font-size:clamp(2.7rem,13vw,4.1rem)}}


/* v2 visual polish */
.brand{gap:0}
.brand-logo{display:block;width:124px;height:auto;max-height:58px;object-fit:contain}
.footer-logo{display:block;width:138px;height:auto;margin-bottom:18px}
.hero-copy h1{max-width:10ch}
.hero-title-line{display:block}
.hero-media{background:#dfe9df;align-items:stretch;justify-content:stretch}
.hero-media:before,.hero-media:after{display:none}
.hero-root-image{width:100%;height:100%;min-height:660px;object-fit:cover;object-position:center center}
.product-hero{position:relative;overflow:hidden;background:var(--sage);padding:88px 0 92px}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,58%) minmax(320px,42%);align-items:center;gap:42px}
.product-hero-copy{position:relative;z-index:2}
.product-hero-copy h1{max-width:12ch}
.product-hero-visual{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center}
.product-hero-visual:before{content:"";position:absolute;width:92%;aspect-ratio:1.25;border:1px solid rgba(0,91,59,.22);border-radius:50%;transform:rotate(-8deg)}
.product-hero-visual:after{content:"SYSTEM / SUBSTRATE / NUTRITION";position:absolute;right:8px;bottom:0;color:rgba(0,91,59,.5);font-size:.68rem;letter-spacing:.16em}
.product-hero-visual img{position:relative;z-index:1;width:min(68%,430px);max-height:360px;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.12))}
.site-header .container{width:min(calc(100% - 56px),var(--max))}
@media(max-width:1000px){
  .hero-root-image{min-height:500px}
  .product-hero-grid{grid-template-columns:1fr}
  .product-hero-visual{min-height:330px}
  .product-hero-copy h1{max-width:15ch}
}
@media(max-width:820px){
  .brand-logo{width:112px}
  .hero-root-image{min-height:460px}
  .product-hero{padding:66px 0 72px}
  .product-hero-visual{min-height:300px}
}
@media(max-width:560px){
  .brand-logo{width:104px}
  .hero-copy h1{max-width:none}
  .hero-title-line{display:block}
  .hero-root-image{min-height:380px}
  .product-hero-copy h1{max-width:none}
  .product-hero-visual img{width:72%}
  .product-hero-visual{min-height:260px}
}
.product-hero-copy h1{font-size:clamp(4rem,5.8vw,6.6rem);line-height:.96}
html[lang="th"] .hero h1{font-size:clamp(3.8rem,6vw,6.2rem);line-height:1.08}
html[lang="th"] .product-hero-copy h1{font-size:clamp(3.2rem,4.8vw,5.3rem);line-height:1.08;max-width:15ch}

/* v3 responsive typography + hero balance */
@media (min-width:1001px){
  .hero{grid-template-columns:minmax(0,48%) minmax(0,52%)}
  .hero-copy{padding-right:42px}
  .hero-copy h1{font-size:clamp(4.6rem,5.55vw,6.65rem);line-height:.98;max-width:none}
  .hero-title-line{white-space:nowrap}
  html[lang="th"] .hero h1{font-size:clamp(3.55rem,4.55vw,5.15rem);line-height:1.12;max-width:none}
  html[lang="th"] .hero-title-line{white-space:nowrap}

  .product-hero{padding:78px 0 86px}
  .product-hero-grid{grid-template-columns:minmax(0,55%) minmax(360px,45%);gap:28px}
  .product-hero-copy h1{font-size:clamp(4.15rem,4.95vw,5.85rem);line-height:.98;max-width:13ch}
  .product-hero-visual{min-height:420px}
  .product-hero-visual img{width:min(76%,460px);max-height:380px}
  html[lang="th"] .product-hero-copy h1{font-size:clamp(3.15rem,3.75vw,4.45rem);line-height:1.12;max-width:18ch}
}

@media (min-width:1001px) and (max-width:1320px){
  .hero-copy h1{font-size:clamp(4.25rem,5.1vw,5.4rem)}
  html[lang="th"] .hero h1{font-size:clamp(3.25rem,4.15vw,4.35rem)}
  .product-hero-copy h1{font-size:clamp(3.9rem,4.6vw,5rem)}
  html[lang="th"] .product-hero-copy h1{font-size:clamp(3rem,3.55vw,4rem)}
}

@media (max-width:1000px){
  .hero-title-line{white-space:normal}
  .hero-copy h1{font-size:clamp(4rem,10vw,6.2rem);max-width:11ch}
  html[lang="th"] .hero h1{font-size:clamp(3.5rem,8.5vw,5.2rem);max-width:12ch}
  .product-hero-copy h1{font-size:clamp(3.8rem,8vw,5.5rem);max-width:14ch}
  html[lang="th"] .product-hero-copy h1{font-size:clamp(3rem,6.8vw,4.6rem);max-width:16ch}
}

@media (max-width:560px){
  .hero-copy h1{font-size:clamp(3.15rem,15vw,4.7rem);max-width:10ch}
  html[lang="th"] .hero h1{font-size:clamp(2.9rem,13vw,4.2rem);max-width:10ch}
  .product-hero-copy h1{font-size:clamp(3rem,13vw,4.4rem);max-width:none}
  html[lang="th"] .product-hero-copy h1{font-size:clamp(2.7rem,11vw,3.9rem);max-width:none}
}


/* v4 brand lockup + subpage polish + mobile QA */
.brand-logo{width:154px;max-height:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,91,59,.08)}
.footer-logo{width:214px;max-height:none;border-radius:2px;margin-bottom:22px}
.site-header{background:rgba(247,247,242,.97)}

.page-hero{padding:0!important;background:var(--sage)!important}
.page-hero>.container{width:100%;max-width:none}
.page-hero .editorial-grid{grid-template-columns:minmax(0,48%) minmax(0,52%)}
.page-hero .editorial-copy{min-height:610px;padding:92px max(48px,calc((100vw - var(--max))/2));padding-right:64px;background:var(--sage)}
.page-hero .editorial-copy h1{font-size:clamp(4.1rem,5.5vw,6.7rem);max-width:10.8ch}
.page-hero .editorial-copy .lead{margin-top:26px}
.page-hero .editorial-visual{min-height:610px;background:#dfe9df}
.page-hero .editorial-visual img.editorial-cover{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
.page-hero .editorial-visual img.knowledge-cover{object-position:58% center}

.guide-index{border-top:1px solid rgba(0,91,59,.08)}
.guide-index .card{min-height:260px;display:flex;flex-direction:column;justify-content:flex-start}
.guide-index .card .text-link{margin-top:auto;padding-top:20px}

.knowledge-featured .cards-3 .card,.knowledge-latest .cards-3 .card{border-color:rgba(0,91,59,.18);box-shadow:0 14px 36px rgba(11,43,32,.04)}
.knowledge-featured .cards-3 .card:before,.knowledge-latest .cards-3 .card:before{content:"";display:block;width:36px;height:2px;background:var(--green);margin-bottom:22px}
#professional .editorial-visual img.professional-cover{width:100%;height:100%;max-height:none;object-fit:cover;object-position:55% center}
#professional .editorial-copy{background:var(--deep);color:#fff}
#professional .editorial-copy h2,#professional .editorial-copy p{color:#fff}

.faq-hero{background:var(--sage)!important;padding:86px 0 74px!important}
.faq-hero>.container{max-width:980px!important}
.faq-hero h1{font-size:clamp(4rem,5.7vw,6.6rem);max-width:12ch;margin-inline:auto}
.faq-topic-nav{background:var(--cream);border-top:1px solid rgba(0,91,59,.12);border-bottom:1px solid rgba(0,91,59,.12);position:sticky;top:88px;z-index:35}
.faq-topic-inner{display:flex;gap:22px;overflow-x:auto;padding-top:16px;padding-bottom:16px;scrollbar-width:none}
.faq-topic-inner::-webkit-scrollbar{display:none}
.faq-topic-inner a{white-space:nowrap;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;text-underline-offset:4px}
.faq-group{scroll-margin-top:150px}
.faq-item{padding:25px 0}
.faq-q{font-size:1.16rem}

.contact-hero{background:var(--sage)!important;padding:94px 0 84px!important}
.contact-hero h1{font-size:clamp(4.2rem,6vw,6.9rem);max-width:10ch;margin-inline:auto}
.contact-channels{background:var(--cream)!important}
.contact-card{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.contact-card:before{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(0,91,59,.12);border-radius:50%;right:-42px;top:-42px}
.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(0,91,59,.65)}
.enquiry-section{background:#fbfcf8!important}
.form-wrap h2{margin-bottom:18px}
.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(0,91,59,.18);border-color:var(--green)}

/* Thai editorial sizing */
html[lang="th"] .page-hero .editorial-copy h1{font-size:clamp(3.4rem,4.45vw,5rem);line-height:1.13;max-width:14ch}
html[lang="th"] .faq-hero h1{font-size:clamp(3.5rem,4.7vw,5.3rem);line-height:1.14;max-width:15ch}
html[lang="th"] .contact-hero h1{font-size:clamp(3.7rem,5vw,5.6rem);line-height:1.12;max-width:13ch}

@media(max-width:1000px){
  .page-hero .editorial-grid{grid-template-columns:1fr}
  .page-hero .editorial-copy{min-height:auto;padding:72px 34px}
  .page-hero .editorial-visual{min-height:480px}
  .faq-topic-nav{top:88px}
}
@media(max-width:820px){
  .brand-logo{width:132px}
  .footer-logo{width:190px}
  .header-inner{gap:16px}
  .lang{gap:8px}
  .page-hero .editorial-copy{padding:62px 28px}
  .page-hero .editorial-copy h1{font-size:clamp(3.7rem,10vw,5.8rem);max-width:11ch}
  .page-hero .editorial-visual{min-height:420px}
  .faq-topic-nav{top:88px}
  .faq-hero{padding:68px 0 58px!important}
  .contact-hero{padding:72px 0 62px!important}
  .faq-topic-inner{width:100%;padding-inline:24px}
  html[lang="th"] .page-hero .editorial-copy h1{font-size:clamp(3rem,8.8vw,4.7rem);max-width:13ch}
}
@media(max-width:560px){
  .site-header .container{width:min(calc(100% - 24px),var(--max))}
  .brand-logo{width:112px}
  .footer-logo{width:180px}
  .header-inner{grid-template-columns:auto 1fr auto;gap:10px}
  .lang{font-size:.76rem;gap:6px}
  .menu-btn{font-size:.76rem;padding:7px 9px}
  .page-hero .editorial-copy{padding:50px 18px 46px}
  .page-hero .editorial-copy h1{font-size:clamp(3rem,14vw,4.6rem);max-width:10ch}
  .page-hero .editorial-visual{min-height:330px}
  .faq-hero h1{font-size:clamp(3rem,13vw,4.5rem);line-height:1.02}
  .contact-hero h1{font-size:clamp(3.1rem,13vw,4.6rem);line-height:1.04}
  .faq-topic-nav{top:76px}
  .faq-topic-inner{padding-inline:16px;gap:16px}
  .faq-topic-inner a{font-size:.76rem}
  .contact-card{padding:26px 22px}
  .radio-row{gap:12px;flex-direction:column}
  html[lang="th"] .page-hero .editorial-copy h1{font-size:clamp(2.7rem,12vw,4rem);max-width:12ch}
  html[lang="th"] .faq-hero h1{font-size:clamp(2.8rem,11.5vw,4rem);max-width:14ch}
  html[lang="th"] .contact-hero h1{font-size:clamp(2.9rem,12vw,4.1rem);max-width:12ch}
}

/* v5 brand-green header/footer + contact channel emphasis */
:root{--brand-green:#04615a}
.site-header{
  background:rgba(4,97,90,.98);
  border-bottom:1px solid rgba(255,255,255,.14);
  color:#fff;
  backdrop-filter:blur(12px);
}
.site-header .nav a,.site-header .lang a,.site-header .lang span{color:#fff}
.site-header .nav a{opacity:.9}
.site-header .nav a.active,.site-header .nav a:hover{opacity:1;text-decoration-color:#fff}
.site-header .lang a:not(.active){opacity:.72}
.site-header .lang a.active{color:#fff;font-weight:700}
.site-header .brand-logo{box-shadow:none;border-radius:0}
.site-header .menu-btn{color:#fff;border-color:rgba(255,255,255,.5)}
.site-footer{background:var(--brand-green)}
.site-footer .footer-logo{border-radius:0}
.site-footer .footer-bottom{border-top-color:rgba(255,255,255,.24);color:rgba(255,255,255,.86)}

.contact-channels{
  background:linear-gradient(180deg,#edf3ee 0%,#e4ede7 100%)!important;
  position:relative;
  overflow:hidden;
}
.contact-channels:before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border:1px solid rgba(4,97,90,.11);
  border-radius:50%;
  left:-260px;
  top:-220px;
  pointer-events:none;
}
.contact-channels .section-head{position:relative;z-index:1;margin-bottom:42px}
.contact-channels .section-head h2{max-width:14ch}
.contact-grid{position:relative;z-index:1}
.contact-card{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(4,97,90,.34);
  border-top:4px solid var(--brand-green);
  box-shadow:0 16px 44px rgba(4,61,54,.055);
  padding:34px 32px 32px;
}
.contact-card:before{
  width:128px;
  height:128px;
  border-color:rgba(4,97,90,.11);
  right:-50px;
  top:-52px;
}
.contact-card h3{color:var(--brand-green);font-size:2.8rem;margin-bottom:12px}
.contact-card p{max-width:48ch}
.contact-card .btn.primary{background:var(--brand-green);border-color:var(--brand-green)}
.contact-card .btn.primary:hover{background:#034f49}
.contact-card:hover{border-color:rgba(4,97,90,.62);box-shadow:0 22px 56px rgba(4,61,54,.10)}

@media(max-width:820px){
  .nav{background:var(--brand-green);border-bottom-color:rgba(255,255,255,.18)}
  .site-header .nav a{color:#fff}
  .contact-channels:before{width:380px;height:380px;left:-210px;top:-170px}
}
@media(max-width:560px){
  .contact-channels .section-head{margin-bottom:28px}
  .contact-card{padding:28px 22px 24px}
  .contact-card h3{font-size:2.35rem}
}


/* v6 display typography: bold sans-serif, inspired by CANNA campaign headline styling */
.hero-copy h1{font-family:var(--display);font-weight:800;letter-spacing:-.05em;line-height:.98;max-width:9.5ch}
.product-hero-copy h1{font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:1;max-width:13ch;font-size:clamp(3.7rem,5.4vw,6.1rem)}
.page-hero .editorial-copy h1{font-family:var(--display);font-weight:800;line-height:1.01;letter-spacing:-.045em;font-size:clamp(3.5rem,5vw,5.7rem);max-width:13ch}
.section-head h2,.faq-hero h1,.contact-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.04em}
.contact-card h3{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:2.2rem}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:-.02em}
html[lang="th"] .hero-copy h1{font-size:clamp(3.7rem,5.3vw,5.8rem);line-height:1.08;max-width:7ch}
html[lang="th"] .product-hero-copy h1{font-size:clamp(3.2rem,4.7vw,5.15rem);line-height:1.08;max-width:16ch}
html[lang="th"] .page-hero .editorial-copy h1{font-size:clamp(3.1rem,4.4vw,4.9rem);line-height:1.1;max-width:15ch}
.faq-group>h3{font-family:var(--display);font-weight:800;letter-spacing:.03em}
@media(max-width:820px){
  .hero-copy h1{font-size:clamp(3.7rem,10vw,5.8rem);max-width:10ch}
  .product-hero-copy h1{font-size:clamp(3.4rem,8vw,5.2rem);max-width:13ch}
  .page-hero .editorial-copy h1{font-size:clamp(3.2rem,8vw,5rem);max-width:12ch}
  html[lang="th"] .hero-copy h1{font-size:clamp(3.2rem,9vw,4.8rem);max-width:8ch}
  html[lang="th"] .product-hero-copy h1{font-size:clamp(2.9rem,7.3vw,4.5rem);max-width:16ch}
  html[lang="th"] .page-hero .editorial-copy h1{font-size:clamp(2.9rem,7vw,4.3rem);max-width:15ch}
}
@media(max-width:560px){
  h1{font-size:clamp(3rem,14vw,4.6rem)}
  h2{font-size:clamp(2.3rem,10vw,3.5rem)}
  h3{font-size:clamp(1.7rem,7vw,2.3rem)}
  .hero-copy h1{font-size:clamp(3.15rem,14vw,4.6rem);max-width:9ch}
  .product-hero-copy h1{font-size:clamp(2.9rem,12vw,4.1rem);max-width:13ch}
  .page-hero .editorial-copy h1{font-size:clamp(2.8rem,12vw,4rem);max-width:12ch}
  html[lang="th"] .hero-copy h1{font-size:clamp(2.9rem,13vw,4.1rem);max-width:8ch}
  html[lang="th"] .product-hero-copy h1{font-size:clamp(2.55rem,10.8vw,3.7rem);max-width:15ch}
  html[lang="th"] .page-hero .editorial-copy h1{font-size:clamp(2.55rem,10.5vw,3.7rem);max-width:14ch}
  .contact-card h3{font-size:1.9rem}
}
\n\n/* v7 final technical QA: accessibility, mobile navigation and form polish */
:focus-visible{outline:3px solid #f2c94c;outline-offset:3px}
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;padding:10px 14px;background:#fff;color:var(--brand-green);font-weight:700;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease;box-shadow:0 8px 30px rgba(0,0,0,.14)}
.skip-link:focus{transform:translateY(0)}
main{display:block}
fieldset.field{border:0;padding:0;margin:0 0 20px}
fieldset.field legend{display:block;margin-bottom:9px;font-size:.9rem;font-weight:500}
.field input,.field textarea,.field select{border-radius:0}
.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:3px solid rgba(242,201,76,.9);outline-offset:1px;border-color:var(--brand-green)}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:820px){
  .site-header .nav{background:var(--brand-green);color:#fff;border-bottom-color:rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.12)}
  .site-header .nav a{color:#fff;opacity:1;padding:5px 0}
  .site-header .nav a.active{font-weight:700}
}
@media(max-width:560px){
  .btn{min-height:46px;padding:11px 17px}
  .btn-row{gap:10px}
  .lead{font-size:1rem}
  .eyebrow{font-size:.7rem;letter-spacing:.14em}
  .contact-card h3{font-size:2.05rem}
  .footer-bottom{font-size:.78rem}
  .mobile-contact{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* v8 SEO knowledge article pages */
.article-hero{padding:86px 0 62px;background:var(--sage)}
.article-hero .container{max-width:980px}
.article-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:1.02;font-size:clamp(3.2rem,5.2vw,5.8rem);max-width:15ch;margin:14px 0 22px}
.article-hero .lead{max-width:760px}
.article-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#53655c;font-size:.9rem}
.article-shell{max-width:920px;margin:0 auto}
.article-body{font-size:1.06rem;line-height:1.78;color:#27362f}
.article-body h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.08;margin:60px 0 18px;color:#0c211c}
.article-body h3{font-family:var(--display);font-weight:800;letter-spacing:-.02em;font-size:1.45rem;margin:34px 0 12px;color:var(--brand-green)}
.article-body p,.article-body ul{margin:0 0 20px}
.article-body ul{padding-left:1.35rem}
.article-body li{margin:8px 0}
.article-note{margin:34px 0;padding:24px 26px;border-left:4px solid var(--brand-green);background:#edf3ee}
.article-note strong{color:var(--brand-green)}
.article-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.article-links a{display:block;border:1px solid rgba(4,97,90,.35);padding:20px;background:#fff;text-decoration:none;color:#10251f;font-weight:700}
.article-links a:hover{border-color:var(--brand-green);background:#f2f6f3}
@media(max-width:700px){
  .article-hero{padding:62px 0 44px}
  .article-hero h1{font-size:clamp(2.65rem,11vw,4.1rem);max-width:17ch}
  .article-links{grid-template-columns:1fr}
  .article-body{font-size:1rem}
}
html[lang="th"] .article-hero h1{font-size:clamp(2.9rem,4.6vw,5rem);line-height:1.1;max-width:18ch;letter-spacing:-.02em}
html[lang="th"] .article-body h2{letter-spacing:-.02em;line-height:1.16}

/* v10 product detail pages */
.product-detail-hero{background:var(--sage);padding:72px 0 76px}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center}
.product-detail-copy h1{font-size:clamp(3.3rem,5vw,5.5rem);max-width:12ch;margin-bottom:24px}
.product-detail-copy .lead{margin:0 0 26px}
.product-detail-media{background:#fff;border:1px solid rgba(4,97,90,.2);min-height:470px;display:flex;align-items:center;justify-content:center;padding:42px;position:relative;overflow:hidden}
.product-detail-media:before{content:"";position:absolute;width:82%;aspect-ratio:1;border:1px solid rgba(4,97,90,.14);border-radius:50%}
.product-detail-media img{position:relative;z-index:1;max-height:380px;width:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.09))}
.product-meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.product-meta span{border:1px solid rgba(4,97,90,.25);padding:8px 11px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-green);background:rgba(255,255,255,.46)}
.detail-section{padding:82px 0}
.detail-section .detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.detail-section h2{font-size:clamp(2.4rem,3.7vw,3.9rem);max-width:12ch}
.detail-body{font-size:1.05rem;color:#4d5751}
.detail-body p:first-child{margin-top:0}
.detail-list{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}
.detail-list li{padding:15px 0;border-top:1px solid var(--line)}
.detail-list li:last-child{border-bottom:1px solid var(--line)}
.detail-note{margin-top:22px;padding:18px 20px;background:var(--sage);border-left:3px solid var(--brand-green);font-size:.92rem;color:#4d5751}
.product-system-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.product-system-links .card{min-height:220px;display:flex;flex-direction:column}
.product-system-links .text-link{margin-top:auto;padding-top:18px}
.product-cta{background:var(--brand-green);color:#fff;text-align:center;padding:76px 0}
.product-cta h2,.product-cta p{color:#fff}
.product-cta .lead{margin:18px auto 0;color:rgba(255,255,255,.84)}
.product-cta .btn{border-color:#fff;color:#fff}
.product-cta .btn.primary{background:#fff;color:var(--brand-green)}
.product-cta .btn.primary:hover{background:#f3f5f1}
@media(max-width:900px){
  .product-detail-grid,.detail-section .detail-grid{grid-template-columns:1fr;gap:36px}
  .product-detail-media{min-height:360px}
  .product-system-links{grid-template-columns:1fr}
}
@media(max-width:560px){
  .product-detail-hero{padding:52px 0 56px}
  .product-detail-copy h1{font-size:clamp(2.7rem,12vw,4rem);max-width:none}
  .product-detail-media{min-height:290px;padding:28px}
  .product-detail-media img{max-height:260px}
  .detail-section{padding:58px 0}
  .detail-section h2{font-size:clamp(2.2rem,10vw,3.2rem);max-width:none}
}

/* v11 feeding guidance + technical resources */
.feed-hero{background:var(--sage);padding:78px 0 70px}
.feed-hero .container{max-width:1050px}
.feed-hero h1{font-size:clamp(3.5rem,5.3vw,5.9rem);max-width:14ch;margin:12px 0 22px}
.feed-hero .lead{max-width:760px}
.feed-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.feed-meta span{border:1px solid rgba(4,97,90,.28);background:rgba(255,255,255,.52);padding:8px 11px;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-green)}
.feed-shell{max-width:1050px;margin:0 auto}
.feed-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.feed-grid h2{font-size:clamp(2.3rem,3.7vw,3.8rem);max-width:12ch}
.quick-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid rgba(4,97,90,.28)}
.quick-table th,.quick-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.quick-table th{width:34%;color:var(--brand-green);font-size:.79rem;letter-spacing:.06em;text-transform:uppercase}
.quick-table tr:last-child th,.quick-table tr:last-child td{border-bottom:0}
.steps{counter-reset:step;display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none}
.steps li{counter-increment:step;position:relative;padding:18px 20px 18px 62px;background:#fff;border:1px solid rgba(4,97,90,.24)}
.steps li:before{content:counter(step);position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--brand-green);color:#fff;font-weight:700;font-size:.82rem}
.tech-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.tech-resource{background:#fff;border:1px solid rgba(4,97,90,.28);padding:28px;display:flex;flex-direction:column;min-height:240px}
.tech-resource h3{font-size:1.35rem;font-family:var(--display);font-weight:800;color:#13231e}
.tech-resource p{color:#536059}
.tech-resource .text-link{margin-top:auto;padding-top:18px}
.feed-warning{padding:20px 22px;background:#fff8e8;border-left:4px solid #b9831b;margin:26px 0;color:#584b31}
.feed-ok{padding:20px 22px;background:#edf4ef;border-left:4px solid var(--brand-green);margin:26px 0;color:#314b40}
.feed-sources{font-size:.9rem;color:#607069;margin-top:28px}
.feed-sources a{color:var(--brand-green)}
html[lang="th"] .feed-hero h1{font-size:clamp(3.1rem,4.7vw,5rem);line-height:1.12;max-width:16ch}
@media(max-width:900px){.feed-grid{grid-template-columns:1fr;gap:34px}.tech-resources{grid-template-columns:1fr}}
@media(max-width:560px){.feed-hero{padding:56px 0 48px}.feed-hero h1{font-size:clamp(2.8rem,13vw,4.1rem);max-width:none}.quick-table th,.quick-table td{display:block;width:100%;padding:12px 14px}.quick-table th{border-bottom:0;padding-bottom:2px}.quick-table td{padding-top:4px}.steps li{padding-left:56px}.tech-resource{min-height:auto}html[lang="th"] .feed-hero h1{font-size:clamp(2.7rem,11.5vw,3.9rem);max-width:none}}

/* v12 official grow-schedule reference tables */
.schedule-section{padding:82px 0;background:#f6f7f3}
.schedule-intro{max-width:940px;margin:0 auto 32px}
.schedule-intro h2{font-size:clamp(2.35rem,3.8vw,4rem);margin:10px 0 16px}
.schedule-intro .lead{max-width:820px}
.schedule-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}
.schedule-badge{display:inline-flex;align-items:center;border:1px solid rgba(4,97,90,.28);background:#fff;padding:8px 11px;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-green)}
.schedule-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(4,97,90,.28);background:#fff;box-shadow:0 18px 44px rgba(4,55,48,.06)}
.schedule-table{width:100%;min-width:1180px;border-collapse:collapse;font-size:.82rem;line-height:1.25}
.schedule-table th,.schedule-table td{border-right:1px solid #dbe4df;border-bottom:1px solid #dbe4df;padding:10px 9px;text-align:center;vertical-align:middle}
.schedule-table thead th{background:var(--brand-green);color:#fff;font-weight:700}
.schedule-table thead .phase{background:#0a746b}
.schedule-table thead .subphase{background:#e7efe9;color:#12352e}
.schedule-table tbody th{position:sticky;left:0;z-index:2;background:#f3f7f4;text-align:left;min-width:215px;color:#17362f;font-weight:700}
.schedule-table tbody tr:nth-child(even) td{background:#fbfcfa}
.schedule-table tbody tr.ec-row th,.schedule-table tbody tr.ec-row td{background:#edf4ef}
.schedule-table tbody tr.section-row th{position:static;background:#dfece5;color:var(--brand-green);text-transform:uppercase;letter-spacing:.07em;text-align:left;font-size:.72rem}
.schedule-table td.muted{color:#9aa59f}
.schedule-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.schedule-note{border-left:4px solid var(--brand-green);background:#fff;padding:20px 22px;color:#46554e}
.schedule-note.warning{border-left-color:#b9831b;background:#fff8e8}
.schedule-source{font-size:.9rem;color:#61716a;margin-top:22px}
.schedule-source a{color:var(--brand-green)}
html[lang="th"] .schedule-table{font-family:"Noto Sans Thai",Inter,sans-serif}
@media(max-width:700px){
  .schedule-section{padding:58px 0}
  .schedule-notes{grid-template-columns:1fr}
  .schedule-wrap{margin-left:-18px;margin-right:-18px;border-left:0;border-right:0}
  .schedule-table{font-size:.76rem}
  .schedule-table th,.schedule-table td{padding:9px 7px}
  .schedule-table tbody th{min-width:180px}
}


/* v13 feeding calculator + downloadable schedule resources */
.calc-hero{background:var(--sage);padding:72px 0 60px}
.calc-hero .lead{max-width:820px}
.calc-shell{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:34px;align-items:start}
.calc-panel{background:#fff;border:1px solid rgba(4,97,90,.28);padding:28px}
.calc-panel h2{font-size:1.55rem;margin:0 0 20px}
.calc-fields{display:grid;gap:18px}
.calc-field label{display:block;font-weight:700;margin-bottom:7px;color:#17362f}
.calc-field select,.calc-field input{width:100%;border:1px solid #b9ccc4;background:#fbfcfa;padding:13px 14px;font:inherit;color:#18342e}
.calc-help{font-size:.88rem;color:#66756f;margin-top:6px}
.calc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.calc-output{background:#fff;border:1px solid rgba(4,97,90,.28)}
.calc-output-head{padding:22px 24px;border-bottom:1px solid #dbe4df}
.calc-output-head h2{margin:0;font-size:1.55rem}
.calc-table{width:100%;border-collapse:collapse}
.calc-table th,.calc-table td{padding:13px 16px;border-bottom:1px solid #e2e8e4;text-align:left;vertical-align:top}
.calc-table th{font-weight:700;color:#17362f;width:42%}
.calc-table td:nth-child(2){font-weight:700;color:var(--brand-green);white-space:nowrap}
.calc-table td:nth-child(3){color:#68766f;font-size:.88rem;white-space:nowrap}
.calc-ec{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe4df}
.calc-ec div{padding:18px 16px;border-right:1px solid #dbe4df}
.calc-ec div:last-child{border-right:0}
.calc-ec span{display:block;color:#69766f;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}
.calc-ec strong{display:block;margin-top:5px;font-size:1.25rem;color:#17362f}
.calc-notes{margin:22px 0 0;padding:0 0 0 20px;color:#56645d}
.calc-notes li{margin:8px 0}
.calc-disclaimer{background:#fff8e8;border-left:4px solid #b9831b;padding:18px 20px;margin-top:24px;color:#51462f}
.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.download-card{background:#fff;border:1px solid rgba(4,97,90,.28);padding:28px;display:flex;flex-direction:column;min-height:210px}
.download-card .text-link{margin-top:auto;padding-top:18px}
.calc-error{background:#fff0f0;border-left:4px solid #b44;padding:14px 16px;margin-bottom:16px}
@media(max-width:900px){.calc-shell{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .calc-hero{padding:56px 0 48px}
  .calc-panel{padding:22px}
  .calc-output{overflow-x:auto}
  .calc-table{min-width:620px}
  .calc-ec{grid-template-columns:1fr}
  .calc-ec div{border-right:0;border-bottom:1px solid #dbe4df}
  .calc-ec div:last-child{border-bottom:0}
}
@media print{
  .site-header,.site-footer,.mobile-contact,.calc-actions{display:none!important}
  .calc-shell{display:block}
  .calc-panel{border:0;padding:0;margin-bottom:20px}
  .calc-output{border:1px solid #777}
  body{background:#fff}
}


/* v15 facility usage calculator */
.fac-hero{background:var(--sage);padding:72px 0 60px}
.fac-hero .lead{max-width:850px}
.fac-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);gap:34px;align-items:start}
.fac-panel{background:#fff;border:1px solid rgba(4,97,90,.28);padding:28px}
.fac-panel h2{margin:0 0 22px;font-size:1.55rem}
.fac-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fac-field label{display:block;font-weight:700;margin-bottom:7px;color:#17362f}
.fac-field input,.fac-field select{width:100%;padding:13px 14px;border:1px solid #b9ccc4;background:#fbfcfa;font:inherit;color:#17362f}
.fac-field.full{grid-column:1/-1}
.fac-help{font-size:.84rem;color:#69766f;margin-top:6px}
.fac-options{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}
.fac-check{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:#f7faf8;border:1px solid #dce7e1}
.fac-check input{margin-top:3px}
.fac-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.fac-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid rgba(4,97,90,.28)}
.fac-summary div{padding:18px;border-right:1px solid #dbe4df}
.fac-summary div:last-child{border-right:0}
.fac-summary span{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:#69766f}
.fac-summary strong{display:block;margin-top:5px;font-size:1.2rem;color:#17362f}
.fac-results-wrap{margin-top:20px;overflow-x:auto;border:1px solid rgba(4,97,90,.28);background:#fff}
.fac-table{width:100%;min-width:760px;border-collapse:collapse}
.fac-table th,.fac-table td{padding:13px 14px;border-bottom:1px solid #e0e7e2;text-align:left;vertical-align:top}
.fac-table thead th{background:var(--brand-green);color:#fff;font-size:.82rem}
.fac-table tbody th{color:#17362f}
.fac-table td:nth-child(n+2){white-space:nowrap}
.fac-assumptions{margin:18px 0 0;padding-left:20px;color:#58665f}
.fac-assumptions li{margin:8px 0}
.fac-note{background:#fff8e8;border-left:4px solid #b9831b;padding:18px 20px;margin-top:22px;color:#51462f}
.fac-error{background:#fff0f0;border-left:4px solid #b44;padding:14px 16px;margin-bottom:16px}
@media(max-width:920px){.fac-layout{grid-template-columns:1fr}}
@media(max-width:640px){
  .fac-hero{padding:56px 0 48px}
  .fac-panel{padding:22px}
  .fac-grid{grid-template-columns:1fr}
  .fac-field.full{grid-column:auto}
  .fac-summary{grid-template-columns:1fr}
  .fac-summary div{border-right:0;border-bottom:1px solid #dbe4df}
  .fac-summary div:last-child{border-bottom:0}
}
@media print{
  .site-header,.site-footer,.mobile-contact,.fac-actions,.fac-panel .fac-help{display:none!important}
  .fac-layout{display:block}
  .fac-panel{border:0;padding:0;margin-bottom:20px}
  .fac-results-wrap{border:1px solid #777}
}


/* v16 detailed week-by-week facility calculator */
.fac-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fac-weekly-wrap{margin-top:18px;overflow-x:auto;border:1px solid #dbe4df;background:#fff}
.fac-weekly-table{width:100%;min-width:760px;border-collapse:collapse}
.fac-weekly-table th,.fac-weekly-table td{padding:12px 13px;border-bottom:1px solid #e4e9e6;text-align:left;vertical-align:middle}
.fac-weekly-table thead th{background:#edf4ef;color:#17362f;font-size:.8rem}
.fac-weekly-table tbody th{white-space:nowrap}
.fac-week-input{width:130px!important;display:inline-block!important;padding:10px 11px!important}
.fac-week-unit{display:block;font-size:.75rem;color:#6b776f;margin-top:4px}
.fac-mode-note{background:#eef5f1;border-left:4px solid var(--brand-green);padding:14px 16px;margin:14px 0 0;color:#43554e}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:640px){.fac-mode-switch{grid-template-columns:1fr}}


/* v17 order & inventory planner */
.order-hero{background:var(--sage);padding:72px 0 60px}
.order-hero .lead{max-width:860px}
.order-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.order-control{background:#fff;border:1px solid rgba(4,97,90,.28);padding:18px}
.order-control label{display:block;font-weight:700;margin-bottom:7px;color:#17362f}
.order-control input{width:100%;padding:12px 13px;border:1px solid #b9ccc4;background:#fbfcfa;font:inherit}
.order-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid rgba(4,97,90,.28);margin-bottom:20px}
.order-summary div{padding:18px;border-right:1px solid #dbe4df}
.order-summary div:last-child{border-right:0}
.order-summary span{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;color:#69766f}
.order-summary strong{display:block;margin-top:5px;font-size:1.2rem;color:#17362f}
.order-table-wrap{overflow-x:auto;border:1px solid rgba(4,97,90,.28);background:#fff}
.order-table{width:100%;min-width:1040px;border-collapse:collapse}
.order-table th,.order-table td{padding:11px;border-bottom:1px solid #e2e8e4;text-align:left;vertical-align:middle}
.order-table thead th{background:var(--brand-green);color:#fff;font-size:.78rem}
.order-text,.order-num{width:100%;padding:9px 10px;border:1px solid #c7d5ce;background:#fbfcfa;font:inherit}
.order-text{min-width:210px}
.order-num{min-width:95px}
.order-derived{font-weight:600;color:#17362f;white-space:nowrap}
.order-derived span{font-size:.78rem;color:#6b776f}
.order-remove{border:0;background:transparent;font-size:1.35rem;cursor:pointer;color:#7a4c4c}
.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.order-source{background:#eef5f1;border-left:4px solid var(--brand-green);padding:14px 16px;margin:0 0 20px;color:#43554e}
.order-method{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.order-method .card{min-height:180px}
@media(max-width:800px){
  .order-controls,.order-summary,.order-method{grid-template-columns:1fr}
  .order-summary div{border-right:0;border-bottom:1px solid #dbe4df}
  .order-summary div:last-child{border-bottom:0}
}
@media print{
  .site-header,.site-footer,.mobile-contact,.order-actions,.order-source{display:none!important}
  .order-table-wrap{border:1px solid #777}
}


/* v18 customer-facing facility order calculator */
.fac-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.fac-order-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
.fac-overage{font-size:.76rem;color:#68766f;font-weight:400}
.fac-order-help{background:#eef5f1;border:1px solid #d5e4dc;padding:18px 20px;margin-top:22px}
.fac-order-help h3{margin:0 0 8px;font-size:1.05rem}
.fac-order-help p{margin:0;color:#4d5d55}
.copy-status{font-size:.85rem;color:var(--brand-green);min-height:1.2em;margin-top:8px}
@media print{
  .fac-order-actions,.copy-status{display:none!important}
}


/* v19 recommended-order cards */
.fac-order-result{margin:28px 0 8px}
.fac-order-result-head{margin-bottom:18px}
.fac-order-result-head h2{font-size:clamp(1.6rem,2.3vw,2.35rem);margin:4px 0 8px}
.fac-order-result-head p:not(.eyebrow){margin:0;color:#59675f;max-width:780px}
.fac-order-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.fac-order-card{border:1px solid rgba(4,97,90,.28);background:#fff;padding:20px;display:grid;grid-template-columns:1fr auto;gap:14px 18px;align-items:start}
.fac-order-card-name{grid-column:1/-1;font-family:Montserrat,"Noto Sans Thai",sans-serif;font-size:1.05rem;font-weight:800;color:#17362f;border-bottom:1px solid #e1e8e4;padding-bottom:11px}
.fac-order-card-need span,.fac-order-card-buy span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#69766f;margin-bottom:4px}
.fac-order-card-need strong{font-size:1.35rem;color:#17362f}
.fac-order-card-buy{text-align:right}
.fac-order-card-buy div{font-size:1.05rem;color:var(--brand-green);white-space:nowrap}
.fac-order-card-total{grid-column:1/-1;background:#eef5f1;padding:10px 12px;color:#41564e}
.fac-order-card-total strong{color:#17362f}
.fac-order-card-total small{display:block;margin-top:3px;color:#6d7b74}
@media(max-width:720px){
  .fac-order-cards{grid-template-columns:1fr}
  .fac-order-card{grid-template-columns:1fr}
  .fac-order-card-name,.fac-order-card-total{grid-column:auto}
  .fac-order-card-buy{text-align:left}
}


/* v20 customer order-request handoff */
.order-request-section{border-top:1px solid #dfe7e2}
.order-request-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:42px;align-items:start}
.order-request-layout h2{font-size:clamp(2rem,3vw,3.25rem);margin:6px 0 14px}
.order-request-preview-wrap{margin-top:26px}
.order-request-preview-wrap h3{font-size:1rem;margin:0 0 10px}
.order-request-preview{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f8f5;border:1px solid #d5e3dc;padding:18px 20px;min-height:180px;font:500 .86rem/1.55 Inter,"Noto Sans Thai",sans-serif;color:#34483f}
.order-request-form-card{background:#fff;border:1px solid rgba(4,97,90,.28);padding:28px;box-shadow:0 14px 34px rgba(4,55,48,.05)}
.order-request-form-card .field{margin-bottom:16px}
.order-request-form-card .field label{display:block;font-weight:700;margin-bottom:7px;color:#17362f}
.order-request-form-card input,.order-request-form-card select{width:100%;padding:13px 14px;border:1px solid #b9ccc4;background:#fbfcfa;font:inherit;color:#17362f}
.form-status{padding:13px 15px;margin-bottom:16px;border-left:4px solid transparent}
.form-status.success{background:#eef8f1;border-left-color:#3c8b5c;color:#27543a}
.form-status.error{background:#fff0f0;border-left-color:#b44;color:#743838}
@media(max-width:900px){.order-request-layout{grid-template-columns:1fr}}
@media(max-width:640px){.order-request-form-card{padding:22px}}
@media print{.order-request-section{display:none!important}}


/* v26 conditional contact validation */
.contact-rule{display:block;margin-top:6px;color:#69766f;font-size:.78rem;line-height:1.4}
.order-request-form-card input:required,
.order-request-form-card select:required{border-left:3px solid var(--brand-green)}


/* v27 production order-request cleanup */
.order-request-form-card form.is-sent{display:none}
.form-status.success{padding:18px 20px}
.form-status.success strong{display:inline-block;margin-bottom:4px}
.form-status.error strong{display:inline-block;margin-bottom:4px}


/* v33 Ask CANNA */
.ask-hero{background:var(--sage);padding:74px 0 62px}
.ask-hero .lead{max-width:850px}
.ask-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:44px;align-items:start}
.ask-context h2{font-size:clamp(2rem,3vw,3rem);margin:6px 0 14px}
.ask-points{display:grid;gap:12px;margin-top:26px}
.ask-points article{padding:16px 18px;border:1px solid #d7e3dd;background:#f8faf8}
.ask-points strong{display:block;color:#17362f;margin-bottom:3px}
.ask-points span{color:#627069;font-size:.9rem}
.ask-form-card{border:1px solid rgba(4,97,90,.28);background:#fff;padding:28px;box-shadow:0 14px 34px rgba(4,55,48,.05)}
.ask-form-card .field{margin-bottom:16px}
.ask-form-card label{display:block;font-weight:700;margin-bottom:7px;color:#17362f}
.ask-form-card input,.ask-form-card select,.ask-form-card textarea{width:100%;border:1px solid #b9ccc4;background:#fbfcfa;padding:13px 14px;font:inherit;color:#17362f}
.ask-form-card textarea{resize:vertical}
.ask-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ask-form-card form.is-sent{display:none}
@media(max-width:900px){.ask-layout{grid-template-columns:1fr}}
@media(max-width:640px){.ask-tech-grid{grid-template-columns:1fr}.ask-form-card{padding:22px}}


/* v34 customer order catalog alignment */
.fac-check small{font-size:.76rem;color:#6b776f;font-weight:500}
.fac-row-note{font-size:.72rem;color:#6b776f;font-weight:400}


/* v35 calculation context + review */
.fac-context-wrap{margin:20px 0}
.fac-context-wrap h3{font-size:1rem;margin:0 0 10px;color:#17362f}
.fac-context-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dbe4df;background:#f8faf8}
.fac-context-summary div{padding:14px 16px;border-right:1px solid #dbe4df}
.fac-context-summary div:last-child{border-right:0}
.fac-context-summary span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#6b776f}
.fac-context-summary strong{display:block;margin-top:4px;font-size:.9rem;color:#17362f}
.fac-tech-help{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;background:#f6f8f5;border:1px solid #dbe4df;padding:16px 18px;margin:20px 0}
.fac-tech-help strong{color:#17362f}
.fac-tech-help span{grid-column:1/2;color:#627069;font-size:.88rem}
.fac-tech-help .text-link{grid-column:2;grid-row:1/3}
@media(max-width:800px){
  .fac-context-summary{grid-template-columns:1fr 1fr}
  .fac-context-summary div:nth-child(2){border-right:0}
  .fac-context-summary div:nth-child(-n+2){border-bottom:1px solid #dbe4df}
}
@media(max-width:560px){
  .fac-context-summary{grid-template-columns:1fr}
  .fac-context-summary div{border-right:0;border-bottom:1px solid #dbe4df}
  .fac-context-summary div:last-child{border-bottom:0}
  .fac-tech-help{grid-template-columns:1fr}
  .fac-tech-help span,.fac-tech-help .text-link{grid-column:1;grid-row:auto}
}


/* v36 customer tools hub */
.tools-hero{background:var(--sage);padding:76px 0 64px}
.tools-hero .lead{max-width:880px}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tool-card{position:relative;border:1px solid rgba(4,97,90,.28);background:#fff;padding:30px;min-height:330px;display:flex;flex-direction:column}
.tool-card.tool-primary{background:#f9fbf9}
.tool-card h2{font-size:clamp(1.45rem,2vw,2rem);margin:6px 0 12px}
.tool-card p{color:#58675f}
.tool-card .btn{margin-top:auto;align-self:flex-start}
.tool-step{position:absolute;right:22px;top:20px;font-family:Montserrat,sans-serif;font-weight:800;font-size:1.8rem;color:rgba(4,97,90,.16)}
.tool-tags{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 24px}
.tool-tags span{border:1px solid #d4e1da;background:#fff;padding:6px 9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#526159}
.tools-path{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7e3dd;background:#fff}
.tools-path div{padding:20px 22px;border-right:1px solid #d7e3dd;border-bottom:1px solid #d7e3dd}
.tools-path div:nth-child(2n){border-right:0}
.tools-path div:nth-last-child(-n+2){border-bottom:0}
.tools-path strong{display:block;color:#17362f;margin-bottom:5px}
.tools-path span{color:var(--brand-green);font-weight:700}
.home-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}
.home-tool-link{display:block;border:1px solid #cfddd6;background:#fff;padding:21px;text-decoration:none}
.home-tool-link strong{display:block;color:#17362f;margin-bottom:6px}
.home-tool-link span{display:block;color:#627069;font-size:.88rem;line-height:1.45}
.home-tool-link:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(4,55,48,.06)}
.tools-mini-band .container{display:flex;justify-content:space-between;gap:24px;align-items:center}
.tools-mini-band h2{margin:4px 0 5px;font-size:clamp(1.4rem,2vw,2rem)}
.tools-mini-band p{margin:0;color:#617068}
@media(max-width:800px){
  .tools-grid,.home-tools-grid{grid-template-columns:1fr}
  .tools-path{grid-template-columns:1fr}
  .tools-path div{border-right:0!important;border-bottom:1px solid #d7e3dd!important}
  .tools-path div:last-child{border-bottom:0!important}
  .tools-mini-band .container{display:block}
  .tools-mini-band .btn{margin-top:18px}
}


/* v37 global Tools navigation + production polish */
@media(min-width:1001px){
  .site-header .nav{gap:22px}
}
@media(min-width:1001px) and (max-width:1180px){
  .site-header .nav{gap:13px}
  .site-header .nav a{font-size:.71rem;letter-spacing:.055em}
  .header-inner{gap:20px}
}


/* v40 one-pass clickable content cleanup */
.card-link-card{color:inherit;text-decoration:none;display:flex;flex-direction:column;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.card-link-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(4,55,48,.08);border-color:rgba(4,97,90,.48)}
.card-link-card:focus-visible,.tools-path-item:focus-visible,.help-link-row:focus-visible{outline:3px solid rgba(4,97,90,.35);outline-offset:3px}
.card-link-card .card-cta{margin-top:auto;padding-top:18px;display:inline-block}
.tools-path-item{display:block;padding:20px 22px;border-right:1px solid #d7e3dd;border-bottom:1px solid #d7e3dd;background:#fff;color:inherit;text-decoration:none;transition:background .16s ease,transform .16s ease}
.tools-path-item:nth-child(2n){border-right:0}.tools-path-item:nth-last-child(-n+2){border-bottom:0}
.tools-path-item:hover{background:#f5f9f6;transform:translateY(-1px)}
.tools-path-item strong{display:block;color:#17362f;margin-bottom:5px}.tools-path-item span{color:var(--brand-green);font-weight:700}
.help-list{gap:0}
.help-link-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #cbd8d1;color:#17362f;text-decoration:none;transition:padding-left .16s ease,color .16s ease}
.help-link-row:hover{padding-left:8px;color:var(--brand-green)}
.help-link-arrow{font-size:1.15rem;font-weight:700;color:var(--brand-green)}
@media(max-width:800px){.tools-path-item{border-right:0!important;border-bottom:1px solid #d7e3dd!important}.tools-path-item:last-child{border-bottom:0!important}}