/* Eco Agro full-site stability patch */
:root{--eco-fix-green:#153719;--eco-fix-deep:#0b2812;--eco-fix-lime:#d2e959;--eco-fix-border:rgba(255,255,255,.12)}
html{scroll-behavior:smooth;scroll-padding-top:118px;max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
img,video,svg{max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}

/* Never hide either header family. */
.header-shell,.page-header{
  transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;
}
.header-shell{z-index:9990!important}
.page-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9990!important}

/* Mobile navigation button */
.eco-mobile-toggle{
  display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;
  background:rgba(8,40,18,.52);color:#fff;align-items:center;justify-content:center;flex:0 0 auto;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;position:relative;z-index:10002;
}
.eco-mobile-toggle span{position:absolute;width:19px;height:2px;border-radius:8px;background:currentColor;transition:.25s ease}
.eco-mobile-toggle span:nth-child(1){transform:translateY(-6px)}
.eco-mobile-toggle span:nth-child(3){transform:translateY(6px)}
.eco-mobile-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}
.eco-mobile-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.eco-mobile-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}

.eco-mobile-panel{
  position:fixed;left:14px;right:14px;top:calc(var(--eco-header-height,82px) + 10px);z-index:9989;
  background:rgba(8,39,17,.97);border:1px solid rgba(210,233,89,.14);border-radius:22px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);padding:12px;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.985);
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.eco-mobile-panel.is-open{opacity:1;visibility:visible;transform:none}
.eco-mobile-panel nav{display:grid;gap:4px}
.eco-mobile-panel a{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-radius:14px;color:#fff;font-weight:750;text-decoration:none}
.eco-mobile-panel a:hover,.eco-mobile-panel a.active{background:rgba(210,233,89,.12);color:var(--eco-fix-lime)}
.eco-mobile-panel a svg{width:16px;height:16px;color:var(--eco-fix-lime)}
body.eco-mobile-open{overflow:hidden}

/* Search overlay */
.eco-search-overlay{position:fixed;inset:0;z-index:12000;background:rgba(4,19,8,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:grid;place-items:start center;padding:12vh 18px 24px;opacity:0;visibility:hidden;transition:.2s ease}
.eco-search-overlay.is-open{opacity:1;visibility:visible}
.eco-search-box{width:min(720px,100%);background:#fff;border-radius:26px;box-shadow:0 32px 90px rgba(0,0,0,.35);padding:18px}
.eco-search-head{display:flex;align-items:center;gap:10px}
.eco-search-input{width:100%;height:54px;border:1px solid #dce5d6;border-radius:16px;padding:0 16px;font:600 16px/1 'Plus Jakarta Sans',system-ui,sans-serif;color:#172116;outline:none;background:#fbfcf8}
.eco-search-input:focus{border-color:#8aaf43;box-shadow:0 0 0 4px rgba(119,168,38,.12)}
.eco-search-close{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#17351a;color:#fff;cursor:pointer;flex:0 0 auto}
.eco-search-results{display:grid;gap:7px;margin-top:12px;max-height:52vh;overflow:auto}
.eco-search-result{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;border-radius:14px;color:#23331f;text-decoration:none;border:1px solid transparent}
.eco-search-result:hover{background:#f3f7ed;border-color:#e0e9d7}
.eco-search-result strong{display:block;font-size:14px}.eco-search-result small{display:block;margin-top:3px;color:#74806e;font-size:11px}
.eco-search-empty{padding:26px 14px;text-align:center;color:#74806e;font-size:13px}

/* Prevent dead placeholder links from jumping to page top. */
a.eco-placeholder-link{cursor:default!important;opacity:.72}

/* Stable fixed back-to-top placement */
.eco-unified-backtop,.eco-shared-backtop{position:fixed!important;right:22px!important;bottom:22px!important;left:auto!important;z-index:1000!important}

@media(max-width:1100px){
  .eco-mobile-toggle{display:flex}
  .page-nav,.header-shell nav.hidden.lg\\:flex{display:none!important}
  .page-header-inner{gap:12px!important}
  .page-actions{margin-left:auto}
  .header-shell header{gap:12px}
}
@media(max-width:700px){
  html{scroll-padding-top:82px}
  .header-shell header{padding:12px 16px!important}
  .header-shell .site-brand-link{width:min(58vw,205px)!important}
  .header-shell .search-control{display:none!important}
  .header-shell .navbar-whatsapp-btn{width:44px!important;height:44px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}
  .header-shell .navbar-whatsapp-btn span{display:none!important}
  .page-actions .page-search{display:none!important}
  .eco-mobile-panel{left:10px;right:10px;border-radius:18px}
  .eco-search-overlay{padding-top:9vh}
}
@media(prefers-reduced-motion:reduce){.eco-mobile-panel,.eco-search-overlay,.eco-mobile-toggle span{transition:none!important}}


/* =========================================================
   V80 FINAL STABILITY OVERRIDES
   ========================================================= */

/* Always render page content even if JS is unavailable. */
.about-reveal,.crops-reveal,.solutions-reveal,.insights-reveal,
.text-reveal-ready,.reveal-kicker,.hero-intro-left{
  opacity:1 !important;
  visibility:visible !important;
}
.about-reveal,.crops-reveal,.solutions-reveal,.insights-reveal{
  transform:none !important;
}

/* Disable expensive JS cursor layers; use a lightweight CSS cursor instead. */
.eco-cursor-dot,.eco-cursor-ring,.eco-cursor-trail{display:none !important}
html.eco-custom-cursor,html.eco-custom-cursor body,html.eco-custom-cursor *{cursor:auto !important}
@media (hover:hover) and (pointer:fine){
  html,body{
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='9' r='5.5' fill='%23d2e959' stroke='%2317351a' stroke-width='2'/%3E%3C/svg%3E") 9 9, auto;
  }
  a,button,[role='button'],input[type='submit']{
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Ccircle cx='10' cy='10' r='7' fill='%23d2e959' stroke='%2317351a' stroke-width='2'/%3E%3C/svg%3E") 10 10, pointer !important;
  }
  input,textarea,select{cursor:text !important}
}

/* HOME NAVBAR V92 — single deterministic state system. */
.header-shell{
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important;
  width:100% !important;
  z-index:9990 !important;
  transform:translate3d(0,0,0) !important;
  translate:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  will-change:auto !important;
  transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease !important;
}

/* Neutralize every legacy scroll/hide class. */
.header-shell.is-sticky,
.header-shell.is-scrolled,
.header-shell.is-hidden,
.header-shell.hide,
.header-shell.nav-hidden,
.header-shell[data-hidden="true"],
body.scrolling-down .header-shell,
body.nav-hidden .header-shell,
body.is-scrolled .header-shell{
  top:0 !important;
  transform:translate3d(0,0,0) !important;
  translate:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* HERO STATE: transparent, white nav, light logo — including hover. */
.header-shell:not(.is-past-hero),
.header-shell:not(.is-past-hero):hover,
.header-shell.is-sticky:not(.is-past-hero),
.header-shell.is-scrolled:not(.is-past-hero),
body:not(.eco-past-hero) .header-shell{
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.header-shell:not(.is-past-hero) .nav-item,
.header-shell:not(.is-past-hero):hover .nav-item,
.header-shell:not(.is-past-hero) .search-control,
.header-shell:not(.is-past-hero):hover .search-control{
  color:#fff !important;
}
.header-shell:not(.is-past-hero) .nav-item.active,
.header-shell:not(.is-past-hero):hover .nav-item.active,
.header-shell:not(.is-past-hero) .nav-item:hover{
  color:#d2e959 !important;
}
.header-shell:not(.is-past-hero) .nav-item::after,
.header-shell:not(.is-past-hero):hover .nav-item::after{
  background:#d2e959 !important;
  box-shadow:0 0 12px rgba(210,233,89,.28) !important;
}
.header-shell:not(.is-past-hero) .site-brand-logo-light,
.header-shell:not(.is-past-hero):hover .site-brand-logo-light,
.header-shell.is-sticky:not(.is-past-hero) .site-brand-logo-light{
  opacity:1 !important;
}
.header-shell:not(.is-past-hero) .site-brand-logo-original,
.header-shell:not(.is-past-hero):hover .site-brand-logo-original,
.header-shell.is-sticky:not(.is-past-hero) .site-brand-logo-original{
  opacity:0 !important;
}
.header-shell:not(.is-past-hero) .header-divider{opacity:1 !important;}

/* AFTER HERO: fixed white navbar, dark nav, original logo. */
.header-shell.is-past-hero,
.header-shell.is-past-hero:hover,
body.eco-past-hero .header-shell,
body.eco-past-hero .header-shell:hover{
  background:#ffffff !important;
  border-bottom:1px solid rgba(20,52,25,.10) !important;
  box-shadow:0 10px 32px rgba(17,39,19,.10) !important;
  backdrop-filter:blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(120%) !important;
}
.header-shell.is-past-hero .nav-item,
.header-shell.is-past-hero:hover .nav-item,
.header-shell.is-past-hero .search-control,
.header-shell.is-past-hero:hover .search-control,
body.eco-past-hero .header-shell .nav-item,
body.eco-past-hero .header-shell .search-control{
  color:#203720 !important;
}
.header-shell.is-past-hero .nav-item.active,
.header-shell.is-past-hero .nav-item:hover,
.header-shell.is-past-hero:hover .nav-item.active,
.header-shell.is-past-hero:hover .nav-item:hover{
  color:#6f9f22 !important;
}
.header-shell.is-past-hero .nav-item::after,
.header-shell.is-past-hero:hover .nav-item::after{
  background:#78a826 !important;
  box-shadow:0 0 10px rgba(120,168,38,.18) !important;
}
.header-shell.is-past-hero .site-brand-logo-light,
.header-shell.is-past-hero:hover .site-brand-logo-light,
body.eco-past-hero .header-shell .site-brand-logo-light{
  opacity:0 !important;
}
.header-shell.is-past-hero .site-brand-logo-original,
.header-shell.is-past-hero:hover .site-brand-logo-original,
body.eco-past-hero .header-shell .site-brand-logo-original{
  opacity:1 !important;
}
.header-shell.is-past-hero .header-divider,
body.eco-past-hero .header-shell .header-divider{opacity:0 !important;}

/* Mobile button follows the same two states. */
@media(max-width:1100px){
  .header-shell:not(.is-past-hero) .eco-mobile-toggle{
    color:#fff !important;
    border-color:rgba(255,255,255,.24) !important;
    background:rgba(255,255,255,.08) !important;
  }
  .header-shell.is-past-hero .eco-mobile-toggle,
  body.eco-past-hero .header-shell .eco-mobile-toggle{
    color:#17351a !important;
    border-color:rgba(23,53,26,.18) !important;
    background:#f3f7ed !important;
  }
}

/* Keep subpage header stable and visible. */
.page-header{
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  will-change:auto !important;
}

/* Avoid layout/paint overload from old perpetual animation hints. */
.parallax-layer,.service-card,.overview-card,.crop-bento,.solution-card,.insight-story{
  will-change:auto !important;
}

/* Selection stays Eco Agro green. */
::selection{background:#82b42c !important;color:#fff !important;text-shadow:none !important}
::-moz-selection{background:#82b42c !important;color:#fff !important;text-shadow:none !important}


/* V81 progressive media loading */
img[loading="lazy"]{content-visibility:auto}
@media (prefers-reduced-data: reduce){
  .parallax-layer{transition:none!important}
}


/* ===== V85: fuller cultivation cards + lightweight text reveal ===== */
.crop-process-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}
.crop-process-grid article{
  min-height:245px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  padding:28px !important;
}
.crop-process-grid .crop-process-top{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px !important;
}
.crop-process-grid h3{
  margin:0 0 3px !important;
  line-height:1.08 !important;
  min-height:auto !important;
}
.crop-process-grid h3 + p,
.crop-process-grid p{
  margin:0 !important;
  line-height:1.58 !important;
}
.crop-process-grid .crop-process-icon{
  width:48px !important;
  height:48px !important;
  border-radius:15px !important;
}
.crop-process-grid .crop-process-icon svg{
  width:23px !important;
  height:23px !important;
}

/* Text is hidden only after JS prepares a nearby heading; no-JS content stays visible. */
.eco-letter-ready{
  --eco-letter-y:1.05em;
}
.eco-letter-ready .eco-letter{
  display:inline-block;
  opacity:0;
  transform:translate3d(0,var(--eco-letter-y),0) rotate(.001deg);
  transition:
    transform .58s cubic-bezier(.22,1,.36,1),
    opacity .42s ease;
  transition-delay:calc(var(--eco-letter-index,0) * 13ms);
  will-change:transform,opacity;
}
.eco-letter-ready .eco-space{
  display:inline-block;
  width:.28em;
}
.eco-letter-ready.eco-text-visible .eco-letter{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Tags rise as a single clean unit; they never blur. */
.eco-tag-reveal-ready{
  opacity:0 !important;
  transform:translate3d(0,12px,0) !important;
  filter:none !important;
  transition:opacity .48s ease,transform .58s cubic-bezier(.22,1,.36,1) !important;
}
.eco-tag-reveal-ready.eco-tag-visible{
  opacity:1 !important;
  transform:translate3d(0,0,0) !important;
}

@media (max-width:1180px){
  .crop-process-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:700px){
  .crop-process-grid{grid-template-columns:1fr !important;}
  .crop-process-grid article{min-height:220px !important;padding:24px !important;}
  .eco-letter-ready .eco-letter{transition-delay:calc(var(--eco-letter-index,0) * 8ms);}
}
@media (prefers-reduced-motion:reduce){
  .eco-letter-ready .eco-letter,
  .eco-letter-ready.eco-text-visible .eco-letter,
  .eco-tag-reveal-ready,
  .eco-tag-reveal-ready.eco-tag-visible{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}


/* =========================================================
   V93 HEADING / HERO WRAP STABILITY
   Keep complete words together and protect hero/CTA layouts.
   ========================================================= */
.eco-letter-ready{
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
.eco-letter-ready .eco-word{
  display:inline-block !important;
  white-space:nowrap !important;
}
.eco-letter-ready .eco-letter{
  display:inline-block !important;
}

/* Home hero: preserve the authored two-line composition exactly. */
#home .hero-main-title{
  width:100% !important;
  max-width:780px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
#home .hero-main-title br{display:block !important;}

/* Sub-page hero titles should never be letter-split or break inside a word. */
.page-hero h1,
.page-hero-content h1{
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}

/* About CTA: keep the full title on one desktop line. */
.source-style-cta-left{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.source-style-cta-left h2{
  flex:1 1 auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
  font-size:clamp(30px,2.35vw,42px) !important;
  line-height:1.06 !important;
}

@media (max-width:1180px){
  .source-style-cta-left h2{
    white-space:normal !important;
    text-wrap:balance;
  }
}
@media (max-width:760px){
  #home .hero-main-title{max-width:100% !important;}
  .source-style-cta-left h2{
    font-size:30px !important;
    line-height:1.12 !important;
  }
}

/* ===== V96: SUBPAGES ALWAYS-WHITE STICKY NAVBAR =====
   Applies only to .page-header used by About/Crops/Solutions/Insights/Contact.
   Home uses .header-shell and is intentionally untouched. */
.page-header,
.page-header:hover,
.page-header.is-scrolled,
.page-header.is-sticky,
.page-header.is-hidden,
.page-header.nav-hidden {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9990 !important;
  transform: none !important;
  translate: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: rgba(255,255,255,.985) !important;
  border-bottom: 1px solid rgba(30,70,35,.10) !important;
  box-shadow: 0 8px 28px rgba(19,55,24,.075) !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

/* Always use the original full-colour logo on subpages. */
.page-header .page-brand-light,
.page-header:hover .page-brand-light,
.page-header.is-scrolled .page-brand-light {
  opacity: 0 !important;
  visibility: hidden !important;
}
.page-header .page-brand-color,
.page-header:hover .page-brand-color,
.page-header.is-scrolled .page-brand-color {
  opacity: 1 !important;
  visibility: visible !important;
  filter: drop-shadow(0 3px 10px rgba(15,23,42,.08)) !important;
}

/* Dark navigation/search on the permanent white header. */
.page-header .page-nav a,
.page-header:hover .page-nav a,
.page-header.is-scrolled .page-nav a {
  color: #223323 !important;
}
.page-header .page-nav a:hover,
.page-header .page-nav a.active,
.page-header:hover .page-nav a:hover,
.page-header:hover .page-nav a.active,
.page-header.is-scrolled .page-nav a:hover,
.page-header.is-scrolled .page-nav a.active {
  color: #6f9e20 !important;
}
.page-header .page-nav a::after,
.page-header:hover .page-nav a::after,
.page-header.is-scrolled .page-nav a::after {
  background: #82b42c !important;
}
.page-header .page-search,
.page-header:hover .page-search,
.page-header.is-scrolled .page-search {
  color: #223323 !important;
}

/* Preserve the lime WhatsApp CTA and make the mobile toggle readable. */
.page-header .page-cta {
  background: #d7ec52 !important;
  color: #12200b !important;
}
.page-header .eco-mobile-toggle,
.page-header .mobile-menu-toggle,
.page-header button[aria-label*="menu" i] {
  color: #223323 !important;
  border-color: rgba(34,51,35,.14) !important;
}


/* ===== V99 bug-fix footer contact CTA ===== */
.eco-footer-contact-link{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:700;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.eco-footer-contact-link svg{width:20px;height:20px;flex:0 0 auto}
.eco-footer-contact-link:hover,.eco-footer-contact-link:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);transform:translateY(-1px);outline:none}
@media (prefers-reduced-motion:reduce){.eco-footer-contact-link{transition:none}.eco-footer-contact-link:hover{transform:none}}

/* ===== V104: unified footer spacing + alignment polish ===== */
.eco-unified-footer-wrap{
  padding-top:68px;
  padding-bottom:46px;
}
.eco-unified-footer-grid{
  grid-template-columns:minmax(300px,1.30fr) minmax(150px,.68fr) minmax(165px,.72fr) minmax(280px,1fr);
  column-gap:clamp(34px,3.6vw,58px);
  row-gap:42px;
  align-items:start;
}
.eco-unified-footer-grid > *{
  min-width:0;
}
.eco-unified-brand-col{
  padding-right:clamp(0px,1.2vw,18px);
}
.eco-unified-brand{
  margin-bottom:18px;
}
.eco-unified-tagline{
  margin-bottom:20px;
  max-width:440px;
  line-height:1.78;
}
.eco-unified-company{
  line-height:1.5;
}
.eco-unified-heading{
  margin-bottom:22px;
  line-height:1.25;
}
.eco-unified-links{
  gap:12px;
}
.eco-unified-links a{
  line-height:1.45;
}
.eco-unified-footer-grid > div:last-child{
  width:100%;
  max-width:390px;
  justify-self:end;
}
.eco-footer-contact-link{
  min-height:56px;
  margin:0 0 14px;
  padding:0 18px;
  line-height:1.25;
}
.eco-footer-contact-link span{
  min-width:0;
}
.eco-unified-note{
  margin:0;
  max-width:380px;
  font-size:13px;
  line-height:1.72;
}
.eco-unified-bottom{
  padding-top:21px;
  padding-bottom:23px;
  line-height:1.5;
}

@media(max-width:1100px){
  .eco-unified-footer-wrap{
    padding-top:62px;
    padding-bottom:44px;
  }
  .eco-unified-footer-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:clamp(36px,6vw,64px);
    row-gap:44px;
  }
  .eco-unified-footer-grid > div:last-child{
    max-width:none;
    justify-self:stretch;
  }
  .eco-footer-contact-link,
  .eco-unified-note{
    max-width:430px;
  }
}

@media(max-width:700px){
  .eco-unified-footer-wrap{
    padding:52px 22px 38px;
  }
  .eco-unified-footer-grid{
    grid-template-columns:1fr;
    gap:32px;
  }
  .eco-unified-brand{
    margin-bottom:15px;
  }
  .eco-unified-tagline{
    margin-bottom:17px;
  }
  .eco-unified-heading{
    margin-bottom:17px;
  }
  .eco-unified-links{
    gap:10px;
  }
  .eco-footer-contact-link{
    min-height:54px;
    margin-bottom:12px;
  }
  .eco-unified-note{
    max-width:100%;
    line-height:1.68;
  }
  .eco-unified-bottom{
    padding:18px 22px 20px;
  }
}

/* =========================================================
   V110 — Premium insight CTAs + lightweight cursor tail
   ========================================================= */

/* Product Insight: turn the plain text link into a real CTA. */
.insight-product-link{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:max-content;
  min-height:48px;
  margin-top:30px !important;
  padding:13px 18px 13px 20px;
  border:1px solid rgba(23,53,26,.10);
  border-radius:15px;
  background:#17351a;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800;
  line-height:1;
  box-shadow:0 12px 28px rgba(23,53,26,.14);
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
.insight-product-link svg{
  width:30px !important;
  height:30px !important;
  padding:7px;
  border-radius:999px;
  background:#d2e959;
  color:#17351a !important;
  transition:transform .28s ease,background .28s ease !important;
}
.insight-product-link:hover{
  transform:translateY(-3px);
  background:#0f2c13;
  box-shadow:0 18px 34px rgba(23,53,26,.20);
}
.insight-product-link:hover svg{
  transform:translate(2px,-2px) !important;
  background:#e0f266;
}

/* Crop portfolio footer: matching CTA with a lime treatment. */
.crop-insights-footer a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px !important;
  flex:0 0 auto;
  min-height:48px;
  padding:13px 16px 13px 19px;
  border:1px solid rgba(111,150,41,.20);
  border-radius:15px;
  background:#d2e959;
  color:#17351a !important;
  font-size:13px !important;
  font-weight:800;
  line-height:1;
  box-shadow:0 11px 25px rgba(111,150,41,.14);
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
.crop-insights-footer a svg{
  width:30px !important;
  height:30px !important;
  padding:7px;
  border-radius:999px;
  background:#17351a;
  color:#d2e959 !important;
  transition:transform .28s ease,background .28s ease !important;
}
.crop-insights-footer a:hover{
  transform:translateY(-3px);
  background:#def05f;
  box-shadow:0 17px 31px rgba(111,150,41,.20);
}
.crop-insights-footer a:hover svg{
  transform:translate(2px,-2px) !important;
  background:#0f2c13;
}

@media(max-width:720px){
  .crop-insights-footer{align-items:flex-start !important;flex-direction:column !important}
  .insight-product-link,.crop-insights-footer a{min-height:46px;padding-top:11px;padding-bottom:11px}
}

/* New V110 cursor. Separate class names avoid conflicts with legacy cursor code. */
@media (hover:hover) and (pointer:fine){
  html.bf-cursor-enabled,
  html.bf-cursor-enabled body,
  html.bf-cursor-enabled a,
  html.bf-cursor-enabled button,
  html.bf-cursor-enabled [role='button']{
    cursor:none !important;
  }
  html.bf-cursor-enabled input,
  html.bf-cursor-enabled textarea,
  html.bf-cursor-enabled select{
    cursor:text !important;
  }
  .bf-cursor-dot,.bf-cursor-ring,.bf-cursor-tail{
    position:fixed;
    left:0;
    top:0;
    z-index:1000001;
    pointer-events:none;
    opacity:0;
    will-change:transform,opacity;
  }
  .bf-cursor-dot{
    width:7px;
    height:7px;
    margin:-3.5px 0 0 -3.5px;
    border-radius:50%;
    background:#d2e959;
    box-shadow:0 0 0 3px rgba(210,233,89,.10),0 0 14px rgba(130,180,44,.34);
  }
  .bf-cursor-ring{
    width:28px;
    height:28px;
    margin:-14px 0 0 -14px;
    border-radius:50%;
    border:1.4px solid rgba(111,150,41,.78);
    background:rgba(210,233,89,.025);
    box-shadow:0 0 16px rgba(111,150,41,.07);
    transition:width .18s ease,height .18s ease,margin .18s ease,background .18s ease,border-color .18s ease;
  }
  .bf-cursor-ring.is-hovering{
    width:42px;
    height:42px;
    margin:-21px 0 0 -21px;
    border-color:rgba(210,233,89,.96);
    background:rgba(130,180,44,.10);
  }
  .bf-cursor-tail{
    width:6px;
    height:6px;
    margin:-3px 0 0 -3px;
    border-radius:50%;
    background:#82b42c;
    box-shadow:0 0 8px rgba(130,180,44,.14);
  }
  html.bf-cursor-visible .bf-cursor-dot,
  html.bf-cursor-visible .bf-cursor-ring,
  html.bf-cursor-visible .bf-cursor-tail{opacity:1}
}
@media (hover:none),(pointer:coarse){
  .bf-cursor-dot,.bf-cursor-ring,.bf-cursor-tail{display:none !important}
}
@media(prefers-reduced-motion:reduce){
  .bf-cursor-tail{display:none !important}
}


/* ===== V111 Call + WhatsApp contact actions ===== */
.eco-footer-phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0 0 14px}
.eco-footer-phone-action{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:62px;padding:10px 13px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.eco-footer-phone-action:hover,.eco-footer-phone-action:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.14);border-color:rgba(214,237,79,.48);box-shadow:0 12px 26px rgba(0,0,0,.12);outline:none}
.eco-footer-phone-label{color:#d6ed4f;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1}
.eco-footer-phone-action strong{font-size:13px;line-height:1.25;white-space:nowrap;font-weight:750;letter-spacing:-.01em}
.eco-footer-whatsapp{background:rgba(214,237,79,.10);border-color:rgba(214,237,79,.25)}
.contact-floating-item a{color:inherit;text-decoration:none;font-weight:750;transition:color .2s ease}
.contact-floating-item a:hover{color:#6e9f22}
@media(max-width:1240px){.eco-footer-phone-actions{grid-template-columns:1fr}.eco-footer-phone-action{min-height:56px}}
@media(max-width:720px){.eco-footer-phone-actions{grid-template-columns:1fr 1fr;gap:8px}.eco-footer-phone-action{min-height:58px;padding:10px}.eco-footer-phone-action strong{font-size:12px}}
@media(max-width:390px){.eco-footer-phone-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.eco-footer-phone-action{transition:none}.eco-footer-phone-action:hover{transform:none}}


/* =========================================================
   V117 — final mobile/responsive stability & touch polish
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,video,iframe{max-width:100%}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}

@media(max-width:768px){
  .page-header-inner{padding-left:16px!important;padding-right:16px!important;gap:10px!important}
  .page-actions{gap:8px!important;flex:0 0 auto}
  .page-brand{min-width:0;max-width:min(218px,62vw)!important}
  .page-logo{max-width:100%!important}
  .page-cta,.navbar-whatsapp-btn,.eco-mobile-toggle{min-width:44px;min-height:44px}
  .eco-mobile-toggle{width:44px!important;height:44px!important}
  .eco-mobile-panel{max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .eco-mobile-panel a{min-height:48px}
  .eco-search-overlay{padding:16px!important}
  .eco-search-box{max-height:calc(100dvh - 32px);overflow:auto}
  .eco-unified-backtop{right:16px!important;bottom:16px!important;width:44px!important;height:44px!important}
  .eco-story-gallery img,.about-showcase-card>img{object-position:center center}
  .branch-location-card{width:100%}
  .branch-location-foot{min-height:52px}
  .contact-submit-btn{min-height:48px}
  .contact-redesign-form input{min-height:52px}
  .contact-redesign-form textarea{min-height:150px}
  .article-source{overflow-wrap:anywhere}
  .article-meta{row-gap:9px}
}

@media(max-width:480px){
  .page-header-inner{padding-top:12px!important;padding-bottom:12px!important}
  .page-brand{max-width:min(205px,58vw)!important}
  .page-actions{gap:7px!important}
  .page-hero-content h1,.article-page-kicker-title{font-size:clamp(38px,11vw,46px)!important}
  .breadcrumbs{flex-wrap:wrap;row-gap:6px}
  .eco-mobile-panel{left:8px!important;right:8px!important;border-radius:18px!important}
  .eco-mobile-panel a{padding:13px 14px!important}
  .eco-story-gallery{gap:10px!important}
  .eco-story-gallery figure{border-radius:18px!important}
  .branch-location-card{padding-left:20px!important;padding-right:20px!important}
  .eco-footer-phone-actions{width:100%}
  .eco-unified-bottom{padding-left:18px!important;padding-right:18px!important}
}

@media(max-width:340px){
  .page-brand{max-width:180px!important}
  .page-header-inner{padding-left:12px!important;padding-right:12px!important}
  .page-actions{gap:5px!important}
  .eco-story-gallery{grid-template-columns:1fr!important}
  .contact-redesign-wrap{padding-left:16px!important;padding-right:16px!important}
  .eco-unified-footer-wrap{padding-left:16px!important;padding-right:16px!important}
}

@media(hover:none) and (pointer:coarse){
  .branch-location-card:hover,
  .purpose-card:hover,
  .about-feature-card:hover,
  .team-card:hover,
  .solution-card-v108:hover,
  .article-next:hover{transform:none!important}
}


/* ===== V120 Contact numbers + director board stability ===== */
.eco-footer-phone-actions .eco-footer-whatsapp{grid-column:1/-1}
.directors-section{display:block !important}
.directors-grid{display:grid !important}
@media(max-width:1240px){.eco-footer-phone-actions .eco-footer-whatsapp{grid-column:auto}}
@media(max-width:720px){.eco-footer-phone-actions{grid-template-columns:1fr 1fr !important}.eco-footer-phone-actions .eco-footer-whatsapp{grid-column:1/-1}}
@media(max-width:390px){.eco-footer-phone-actions{grid-template-columns:1fr !important}.eco-footer-phone-actions .eco-footer-whatsapp{grid-column:auto}}


/* V125 — Contact email delivery + visible business email */
.contact-form-note.is-success{color:#166534;font-weight:700}
.contact-form-note.is-error{color:#b42318;font-weight:700}
.contact-submit-btn:disabled{opacity:.72;cursor:wait}
.contact-floating-email a,.eco-footer-email-action strong{overflow-wrap:anywhere;word-break:break-word}
@media (max-width:767px){.contact-floating-email{min-width:0}.contact-floating-email a{font-size:12px}}
@media (min-width:1001px){
  .contact-floating-bar{grid-template-columns:.7fr .9fr .9fr 1fr 1.5fr;gap:18px;padding-left:26px;padding-right:26px}
  .contact-floating-item:not(:last-child){padding-right:14px}
  .contact-floating-email a{font-size:12px}
}
@media (max-width:1000px){.contact-floating-bar{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.contact-floating-bar{grid-template-columns:1fr}}