/* Shared public navigation and footer, used by React and static pages. */
.agros-shell-width{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.agros-footer{background:#102f24;color:#d8e2d3;padding:64px 0 24px;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:13px;line-height:1.7;text-align:left}
.agros-footer *,.agros-static-header *{box-sizing:border-box}
.agros-footer a{text-decoration:none;color:inherit;overflow-wrap:anywhere}
.agros-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.agros-footer :is(a,summary):focus-visible,.agros-static-header :is(a,summary):focus-visible{outline:3px solid #a6c9ff;outline-offset:5px}
.agros-footer-grid{display:grid;grid-template-columns:1.2fr .85fr .85fr .85fr 1.2fr;gap:48px;padding-bottom:48px}
.agros-footer h2{margin:0 0 20px;font:600 13px/1.5 "Plus Jakarta Sans",Arial,sans-serif;letter-spacing:0;color:white}
.agros-footer nav>a{display:block;min-height:40px;padding:8px 0;font-size:12px}
.agros-footer-brand img{width:160px;height:auto;aspect-ratio:170/78;display:block;margin-bottom:24px}
.agros-footer-brand p{font-size:13px;line-height:1.8;margin:0 0 18px;max-width:30ch}
.agros-footer a.agros-footer-cta{display:inline-flex;align-items:center;gap:20px;min-height:44px;border-bottom:1px solid #95ad8a;color:#fff}
.agros-footer-contact>a{display:flex;gap:12px;align-items:flex-start;padding:8px 0;min-height:40px;font-size:12px}
.agros-footer svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}
.agros-footer-bottom{border-top:1px solid #ffffff24;padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:10px;line-height:1.7}
.agros-footer-bottom>div{display:flex;gap:24px;flex-shrink:0}
.agros-footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.agros-static-header{position:relative;z-index:60;background:#fcfbf7;color:#213c2e;font-family:"Plus Jakarta Sans",Arial,sans-serif}
.agros-utility{background:#153d2d;color:#dee6d9;font-size:10px}
.agros-utility>.agros-shell-width{min-height:34px;display:flex;align-items:center;gap:28px}
.agros-utility span:first-child{margin-right:auto}
.agros-languages{display:flex;gap:16px;align-items:center}
.agros-languages a{padding-block:10px}
.agros-static-nav{display:flex;align-items:center;gap:28px;min-height:88px}
.agros-static-brand{margin-right:auto;flex-shrink:0}
.agros-static-brand img{display:block;width:130px;height:auto}
.agros-desktop-links{display:flex;align-items:center;gap:28px;font-size:11px;font-weight:600}
.agros-desktop-links>a,.agros-company>summary{display:flex;align-items:center;min-height:44px;cursor:pointer}
.agros-company{position:relative}
.agros-company>summary{gap:8px;list-style:none}
.agros-company>summary::-webkit-details-marker,.agros-mobile-menu>summary::-webkit-details-marker{display:none}
.agros-company>div{position:absolute;top:100%;right:0;width:240px;padding:14px;background:#fcfbf7;border:1px solid #dfe5d9;box-shadow:0 18px 40px #17352214}
.agros-company>div>a{display:block;min-height:44px;padding:12px;font-size:12px}
.agros-company a:hover{background:#edf0e4}
.agros-static-contact{display:flex;align-items:center;gap:20px;background:#153d2d;color:white!important;min-height:44px;padding:13px 17px;border-radius:3px;font-size:11px;font-weight:600}
.agros-mobile-menu{display:none}
.agros-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;cursor:pointer;list-style:none;font-size:12px}
.agros-mobile-menu nav{position:absolute;left:0;right:0;top:100%;background:#fcfbf7;padding:14px 24px 28px;max-height:70dvh;overflow:auto;border-bottom:1px solid #d9dfd2;box-shadow:0 18px 30px #17352215}
.agros-mobile-menu nav a{display:block;padding:14px 0;border-bottom:1px solid #e4e7dd;font-size:14px;min-height:48px}
.agros-static-header svg{width:18px;height:18px;flex-shrink:0}
.agros-next-step{padding:64px 0;background:#e7eadf;color:#153d2d}
.agros-next-step>.agros-shell-width{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.agros-next-step h2{font-family:"Newsreader",Georgia,serif;font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1.12;color:#153d2d;max-width:24ch;margin:12px 0 0}
.agros-next-step p{font-size:15px;line-height:1.8;margin:0 0 20px}
.agros-next-step small{font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.agros-next-step a{display:inline-flex;gap:20px;align-items:center;min-height:48px;padding:14px 22px;background:#153d2d;color:white;border-radius:3px;font-size:13px}
/* Static editorial pages share the homepage palette and readable type scale. */
body.agros-public{--bg:#f6f3eb;--bg-2:#edf0e6;--forest-deep:#153d2d;--font-d:"Newsreader",Georgia,serif;--font-b:"Plus Jakarta Sans",Arial,sans-serif;--font-m:"Plus Jakarta Sans",Arial,sans-serif}
.agros-public .page-hero h1{font-weight:400;line-height:1.08}
.agros-public .ic svg{width:26px;height:26px;flex-shrink:0}
.agros-public .btn{white-space:normal;text-align:center;justify-content:center;min-height:44px}
.agros-public table{font-variant-numeric:tabular-nums}
.agros-public :is(input,select,textarea){max-width:100%;font-size:16px}
.agros-public :is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #527dca;outline-offset:4px}
@media(max-width:1100px){.agros-desktop-links{display:none}.agros-mobile-menu{display:block}.agros-footer-grid{gap:28px}.agros-static-nav{gap:20px}}
@media(max-width:800px){.agros-shell-width{width:calc(100% - 48px)}.agros-footer-grid{grid-template-columns:1fr 1fr;gap:36px}.agros-next-step>.agros-shell-width{grid-template-columns:1fr;gap:24px}.agros-utility span:first-child{display:none}.agros-utility>.agros-shell-width>a{margin-right:auto}}
@media(max-width:480px){.agros-static-nav{min-height:78px;gap:12px}.agros-static-brand img{width:105px}.agros-static-contact{max-width:145px;padding:10px 12px;font-size:10px;gap:8px}.agros-footer-grid{gap:32px 24px}.agros-footer-brand,.agros-footer-contact{grid-column:1/-1}.agros-footer{padding-top:44px}.agros-footer-bottom{flex-direction:column;gap:8px}.agros-footer-contact a{min-height:44px}.agros-mobile-menu>summary{font-size:0}.agros-next-step{padding:44px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.agros-public .reveal,.agros-public .stagger>*{opacity:1!important;transform:none!important;transition:none!important}}

.agros-crop-gallery{width:min(1152px,calc(100% - 48px));margin:40px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.agros-crop-gallery>a{position:relative;height:240px;overflow:hidden;border-radius:4px;background:#153d2d;color:#fff}
.agros-crop-gallery img{width:100%;height:100%;object-fit:cover}
.agros-crop-gallery>a>span{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:24px;background:linear-gradient(0deg,#102f24e8,transparent 75%);font:400 28px/1.2 "Newsreader",Georgia,serif}
@media(max-width:600px){.agros-crop-gallery{gap:10px;width:calc(100% - 32px);margin-top:24px}.agros-crop-gallery>a{height:170px}.agros-crop-gallery>a>span{padding:12px;font-size:20px;gap:4px}}

/* Public interiors share the homepage's typography, palette and restrained surfaces.
   Scoped classes deliberately leave admin screens and the homepage untouched. */
.agros-interior{background:#f6f3eb;color:#203c2d;font-family:"Plus Jakarta Sans",Arial,sans-serif}
.agros-interior :is(h1,h2,h3){font-family:"Newsreader",Georgia,serif;letter-spacing:-.025em;font-weight:500;line-height:1.15;text-wrap:balance}
.agros-interior :is(header,section,div).bg-slate-900,.agros-interior :is(header,section,div).bg-slate-950{background-color:#153d2d}
.agros-interior .bg-slate-50{background-color:#f2f3eb}
.agros-interior .bg-white{background-color:#fffef9}
.agros-interior :is(.text-slate-900,.text-slate-800){color:#203c2d}
.agros-interior .border-slate-200{border-color:#dce1d4}
.agros-interior .rounded-3xl{border-radius:18px}
.agros-interior :is(.shadow-xl,.shadow-2xl){box-shadow:0 12px 32px #153d2d0a}
.agros-interior :is(input,select,textarea){font-family:inherit;min-height:44px;font-size:max(14px,1em)}
.agros-interior :is(a,button,input,select,textarea,summary):focus-visible,.agros-public :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #639cbb;outline-offset:4px}
.agros-public :is(.sec h2,.sec h3,.crop-hero h1){font-family:"Newsreader",Georgia,serif;font-weight:500;letter-spacing:-.025em}
.agros-public .m-main>img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
.agros-public .trial-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.agros-public .trial-process h3{font-size:25px;margin:16px 0}
.agros-public .sec-head .btn{margin-top:24px}
.agros-crop-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.agros-crop-guide{background:#fffef9;border:1px solid #dce1d4;border-radius:14px;overflow:hidden;text-decoration:none;color:#203c2d}
.agros-crop-guide>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .25s}
.agros-crop-guide:hover>img{transform:scale(1.025)}
.agros-crop-guide>span{display:flex;justify-content:space-between;padding:20px;font:500 25px/1.2 "Newsreader",Georgia,serif}
.agros-dose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.agros-dose-card{display:flex;flex-direction:column;background:#fffef9;border:1px solid #dce1d4;border-radius:16px;padding:24px;color:#203c2d;text-decoration:none}
.agros-dose-card h3{font-size:25px;margin-bottom:14px}.agros-dose-card ul{font-size:13px;line-height:1.8;padding-left:18px;flex:1}.agros-dose-card>span{font-size:12px;font-weight:700;margin-top:20px}
@media(max-width:900px){.agros-public .trial-process,.agros-crop-guide-grid,.agros-dose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.agros-public .trial-process,.agros-dose-grid{grid-template-columns:1fr}.agros-crop-guide-grid{gap:12px}.agros-crop-guide>span{font-size:21px;padding:14px}.agros-interior :is(input,select,textarea){font-size:16px}}
.agros-crops-hero{background:linear-gradient(90deg,#153d2deb,#153d2d99),url('/img/oil-palm-plantation-aerial-view.jpg') center/cover;min-height:340px;display:grid;place-items:center}
.agros-interior .from-slate-900{background-image:linear-gradient(135deg,#153d2d,#102f24)}
.agros-interior button[type=submit]{min-height:44px}
/* Content must never depend on a scroll observer to become readable. */
html.js body.agros-public .reveal:not(.in),html.js body.agros-public .stagger:not(.in)>*{opacity:1;transform:none}
.agros-crops-hero{position:relative;isolation:isolate;background:#153d2d}
.agros-crops-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102f24d9,#102f2477);z-index:-1}
.crop-overview-film .ph-img video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.crop-film-toggle{position:absolute;right:24px;bottom:20px;z-index:3;border:1px solid #ffffff70;border-radius:6px;background:#153d2dcc;color:white;padding:10px 16px;font:600 12px/1.5 "Plus Jakarta Sans",Arial,sans-serif;min-height:44px;cursor:pointer}
.crop-film-toggle[hidden]{display:none}

/* User preference: restore original crop body surfaces, retain upgraded media/type. */
body.agros-public:has(>.crop-hero){--bg:oklch(0.985 0.006 130);--bg-2:oklch(0.965 0.01 145)}
.agros-interior.agros-original-crop-bg{background:#F8FAF7}
.agros-original-crop-bg .bg-white,.agros-original-crop-bg :is(.agros-crop-guide,.agros-dose-card){background:#fff}
.agros-original-crop-bg .bg-slate-50{background:#f8fafc}

/* Previous-style, image-led mega panels for static crop and editorial pages. */
.agros-mega>summary{display:flex;align-items:center;gap:5px;min-height:44px;list-style:none;cursor:pointer;text-transform:uppercase;font-size:11px;font-weight:700}
.agros-mega>summary::-webkit-details-marker{display:none}
.agros-mega>summary svg{width:13px;height:13px}
.agros-mega[open]>summary{color:#047857}
.agros-mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-block:1px solid #e2e8f0;box-shadow:0 20px 35px #0c1e1320;padding:22px 0;max-height:75vh;overflow:auto}
.agros-mega-panel h2{font:700 14px/1.5 "Plus Jakarta Sans",sans-serif;color:#065f46;margin:0 0 16px}
.agros-mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.agros-mega-grid>a{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fbf9;border:1px solid #e2e8f0;border-radius:12px;min-height:58px;font-size:12px;font-weight:650;color:#163326}
.agros-mega-grid>a:hover{background:#ecfdf5;border-color:#6ee7b7}
.agros-mega-grid img{width:44px;height:44px;object-fit:contain;border-radius:5px}
.agros-mega-grid svg{margin-left:auto;width:16px;height:16px}
.agros-mega-products{grid-template-columns:repeat(6,minmax(0,1fr))}
.agros-mega-products>a{flex-direction:column;text-align:center}
.agros-mega-products img{width:100%;height:130px;object-fit:contain}
.agros-mega-grid:has(img)>a:last-child{grid-column:1/-1;min-height:44px;justify-content:center;background:white}

/* New header design with the full original navigation destinations. */
.agros-desktop-links{gap:14px;font-size:10px;white-space:nowrap}
.agros-static-nav{gap:20px}
.agros-mega>summary{text-transform:none;font-size:10px;font-weight:600}
.agros-mega-panel{background:#fcfbf7}
@media(max-width:1350px){.agros-desktop-links{display:none}.agros-mobile-menu{display:block}}
@media(max-width:600px){.agros-languages a{min-width:32px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:12px}.agros-languages{gap:8px}.agros-utility{font-size:11px}}

/* Mobile legibility and tap targets (shared by static and Next.js pages). */
nav[aria-label="Breadcrumb"] a,nav[aria-label="面包屑"] a,.crumb a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
@media(max-width:760px){
  body.agros-public{padding-bottom:88px}
  .crumb,.crumb a{font-size:12px}
  .agros-utility,.agros-utility a,.agros-languages a{font-size:12px}
  .agros-languages a{min-width:44px}
  .agros-static-contact{font-size:12px}
  .agros-footer-bottom,.agros-footer-bottom a{font-size:12px}
  .agros-footer-bottom a,.agros-footer a{display:inline-flex;align-items:center;min-height:44px}
  .agros-mobile-menu nav a{min-height:44px;display:flex;align-items:center}
}