/*!
 * BonAgro — pages.css
 * Page-specific styles of the generated country pages (python/bonagro/sitegen templates):
 * header/footer complements, home sections (hero field, product rail, tool card, network),
 * catalogue & category pages (filters, facts, guide, tips, resistance groups), 404.
 * Requires core.css · components.css · animations.css. Logo palette tokens only.
 */

/* == 01. HEADER & NAV COMPLEMENTS == */
@media (min-width:1100px){
  .main-nav__item{display:flex;align-items:center;flex:none}
  .main-nav__item[data-dropdown]>.main-nav__link{padding-right:.2rem}
  .main-nav__item[data-dropdown]>.main-nav__link::after{right:.2rem}
  .main-nav{margin-inline:auto}
  .site-header__inner{gap:1rem}
  .main-nav__link{padding-inline:.42rem}
  .main-nav__link::after{left:.42rem;right:.42rem}
  button.main-nav__caret{width:1.5rem;height:1.5rem}
  .site-header__actions .btn{--btn-px:1rem}
}
@media (min-width:1100px) and (max-width:1279.98px){
  .main-nav__link{padding-inline:.42rem;font-size:.875rem}
  .site-header__inner{gap:.75rem}
}
.mega>.mega__title{grid-column:1 / -1;margin:0;padding:.35rem .75rem .15rem;font:700 var(--fs-2xs)/1.3 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--c-brown-500)}
.main-nav__contact{display:grid;gap:.6rem;margin:1.25rem 0 0;font-size:var(--fs-sm)}
.main-nav__contact a{display:inline-flex;align-items:center;gap:.55rem;color:var(--c-brown-700);text-decoration:none}
.main-nav__contact .icon{color:var(--c-green-600)}

/* == 02. SHARED SMALL PIECES == */
.icon-badge--gold{background:var(--grad-leaf);color:var(--c-brown-950);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.35)}
.icon-badge--leaf{background:var(--grad-leaf-deep);color:#fff;box-shadow:0 10px 22px -12px rgba(47,98,55,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.section-header--split>div{max-width:46rem}
.section-header--split .section-header__actions{margin-top:0}
.stat__icon{width:2.1rem;height:2.1rem;color:var(--c-green-600)}
.news-card__footer{margin-top:auto}
.tag__count{display:inline-grid;place-items:center;min-width:1.5em;height:1.5em;padding:0 .4em;margin-left:.15em;border-radius: var(--radius-sm);background:rgba(255,255,255,.75);font-weight:700;font-size:.85em}
.page-hero__meta{padding:0;list-style:none}
.page-hero__meta .tag{min-height:2rem;padding-inline:.7rem;border-radius: var(--radius-sm);font-size:var(--fs-xs)}
.page-hero__meta a.tag:hover{color:var(--cat-ink);box-shadow:var(--shadow-sm)}
.page-hero__eyebrow .icon{width:1.2em;height:1.2em}

/* == 03. HOME — HERO == */
.home-hero__title{font-size:clamp(2.25rem,1.3rem + 2.9vw,3.6rem)}
.home-hero__title .text-gradient{padding-bottom:.06em}
/* Rolling field rows: one furrow per 5cqw tile, panned by ba-wave */
.hero-scene__field{background:linear-gradient(90deg,var(--c-green-700) 0 44%,var(--c-green-500) 44% 84%,var(--c-green-600) 84% 100%) 0 0/5cqw 100% repeat-x;--wave-length:5cqw;animation:ba-wave 2.8s linear infinite}
@media (max-width:959.98px){.home-hero__art{max-width:26rem}}

/* == 04. HOME — FEATURED PRODUCTS RAIL (horizontal scroll-snap) == */
.product-rail{--rail-pad:max(var(--gutter),calc(50% - var(--container) / 2));display:grid;grid-auto-flow:column;grid-auto-columns:min(20.5rem,84vw);gap:var(--gap);align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rail-pad);padding:.75rem var(--rail-pad) 1.5rem;scrollbar-width:thin;scrollbar-color:var(--c-green-500) var(--c-cream-300)}
.product-rail>*{scroll-snap-align:start}
.product-rail::-webkit-scrollbar{height:8px}
.product-rail::-webkit-scrollbar-track{margin-inline:var(--rail-pad);border-radius:8px;background:var(--c-cream-300)}
.product-rail::-webkit-scrollbar-thumb{border-radius:8px;background:var(--grad-leaf)}
.product-rail:focus-visible{outline-offset:-3px}
.product-rail__hint{display:flex;align-items:center;gap:.35rem;margin:0}
.product-rail__hint .icon{width:1rem;height:1rem;color:var(--c-green-600)}
.product-rail__hint span{margin-left:.5rem}

/* == 05. PRODUCT CARD COMPLEMENTS (technical sheet) == */
.product-card__description{font-size:var(--fs-sm);line-height:1.6}
.product-card__subtitle{margin:0 0 .45rem;font:700 var(--fs-2xs)/1.3 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--cat-ink)}
.product-card__benefits .icon-list{gap:.4rem;font-size:.8125rem;line-height:1.45}
.product-card__benefits .icon{width:1.05rem;height:1.05rem;color:var(--cat)}
.dose-table tbody th{font-weight:700;color:var(--color-heading)}
.product-card__actions .btn{flex:1 1 auto}
.dose-table__detail{display:block;margin-top:.3rem;font-size:.75rem;color:var(--color-muted)}

/* == 06. HOME — WHY · CROPS · STATS · ADVICE · NETWORK == */
.why-section__leaf{position:absolute;left:-3.5rem;bottom:-2rem;z-index:-1;width:clamp(9rem,18vw,15rem);aspect-ratio:1;border-radius:0 100% 0 100%;background:var(--grad-leaf);opacity:.12;transform-origin:0 100%;pointer-events:none}
.crops-strip .marquee{margin-top:-.5rem}
.stats-section .stats{margin-top:.5rem}
.advice-teaser{overflow-x:clip}
.advice-teaser__actions{margin-top:1.75rem}
.tool-card{position:relative;isolation:isolate;display:grid;gap:1.25rem;padding:clamp(1.5rem,1rem + 2vw,2.25rem);border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}
.tool-card::before{content:"";position:absolute;z-index:-1;right:-1.1rem;top:-1.1rem;width:45%;height:55%;border-radius:var(--radius-xl);background-image:radial-gradient(rgba(115,83,47,.28) 1.2px,transparent 1.6px);background-size:14px 14px}
.tool-card>*{margin:0}
.tool-card__head{display:flex;align-items:center;gap:1rem}
.tool-card__head>div{min-width:0}
.tool-card__title{margin:0;font:800 var(--fs-lg)/1.2 var(--font-display);color:var(--color-heading)}
.tool-card__lead{margin:.3rem 0 0;font-size:var(--fs-sm);line-height:1.5;color:var(--color-muted)}
.tool-card__outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;list-style:none}
.tool-card__outputs li{display:flex;align-items:center;gap:.65rem;padding:.8rem .9rem;border-radius:var(--radius-md);background:var(--c-cream-100);border:1px solid var(--color-border);font:600 var(--fs-sm)/1.3 var(--font-display);color:var(--c-brown-800);transition:background-color var(--dur-2) ease,translate var(--dur-3) var(--ease-out-expo)}
.tool-card__outputs li:hover{background:var(--c-green-100);translate:0 -2px}
.tool-card__outputs .icon{flex:none;width:1.4rem;height:1.4rem;color:var(--c-green-700)}
.tool-card__spray{padding:1.1rem 1.2rem;border-radius:var(--radius-lg);background:radial-gradient(18rem 9rem at 100% 0%,rgba(94,145,80,.4),transparent 70%),var(--grad-brown);color:rgba(246,245,243,.88)}
.tool-card__spray .tool-card__title{font-size:var(--fs-md);color:#fff}
.tool-card__weather{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;margin:.8rem 0 0;padding:0;list-style:none;font-size:var(--fs-xs);line-height:1.35}
.tool-card__weather li{display:flex;align-items:center;gap:.55rem}
.tool-card__weather .icon{flex:none;width:1.2rem;height:1.2rem;color:var(--c-green-300)}
.tool-card__note{font-size:var(--fs-xs);line-height:1.5;color:var(--color-muted)}
@media (max-width:479.98px){.tool-card__outputs,.tool-card__weather{grid-template-columns:minmax(0,1fr)}}

.network-kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0 0 1.75rem;padding:0;list-style:none}
.network-kinds__item{display:flex;align-items:center;gap:.7rem;padding:.75rem .9rem;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);font-size:var(--fs-sm);line-height:1.3;color:var(--color-muted)}
.network-kinds__item strong{font:900 var(--fs-xl)/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--c-brown-800)}
.network-teaser__map .map-silhouette{max-width:34rem}

/* == 07. CATALOGUE (products page) & FILTERS == */
.catalogue__filters,.category-filter{margin-bottom:clamp(1.25rem,1rem + 1vw,2rem)}
@media (min-width:900px){.catalogue__filters{position:sticky;top:calc(var(--header-h-scrolled) + .75rem);z-index:5}}
.filter-bar__select{position:relative;display:flex;align-items:center}
.filter-bar__select .icon{position:absolute;left:.95rem;top:50%;width:1.1rem;height:1.1rem;translate:0 -50%;color:var(--c-green-700);pointer-events:none}
.filter-bar__select select{padding-left:2.6rem}
.filter-bar .chip .icon{color:var(--c-green-700)}
.filter-bar .chip[aria-pressed="true"] .icon{color:var(--c-green-300)}
.category-filter{min-width:0}
@media (max-width:639.98px){.category-filter .filter-bar__group[data-filter-group]{flex-wrap:nowrap;max-width:100%;margin-inline:-.9rem;padding:.1rem .9rem .5rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 .9rem,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 .9rem,#000 calc(100% - 1.5rem),transparent)}.category-filter .filter-bar__group[data-filter-group]::-webkit-scrollbar{display:none}.category-filter .chip{flex:none;scroll-snap-align:start}}
.catalogue__disclaimer{margin-top:clamp(2rem,1.5rem + 2vw,3rem)}
.empty-state .cluster{margin-top:.5rem}
.help-card{display:grid;gap:1.25rem 2rem;align-items:center;padding:clamp(1.5rem,1rem + 2.5vw,2.75rem);border-radius:var(--radius-xl);background:radial-gradient(30rem 16rem at 0% 0%,rgba(201,221,180,.55),transparent 70%),#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-md)}
@media (min-width:900px){.help-card{grid-template-columns:auto minmax(0,1fr) auto}}
.help-card__title{margin:0;font-size:var(--fs-xl)}
.help-card__text p{margin:.5rem 0 0;color:var(--color-muted)}
.help-card__actions{display:flex;flex-wrap:wrap;gap:.6rem}

/* == 08. CATEGORY PAGES == */
.category-intro p{font-size:var(--fs-md);line-height:1.7}
.category-facts{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:1rem;padding:clamp(1.5rem,1rem + 2vw,2.25rem);border-radius:var(--radius-xl);background:radial-gradient(22rem 14rem at 100% 0%,rgb(var(--cat-rgb) / .2),transparent 70%),#fff;border:1px solid rgb(var(--cat-rgb) / .28);box-shadow:var(--shadow-lg)}
.category-facts::after{content:"";position:absolute;z-index:-1;right:-2.5rem;bottom:-2.5rem;width:9rem;aspect-ratio:1;border-radius:0 100% 0 100%;background:rgb(var(--cat-rgb) / .12);rotate:-12deg}
.category-facts>*{margin:0}
.category-facts__title{font:800 var(--fs-lg)/1.25 var(--font-display);color:var(--color-heading)}
.category-facts__intro{font-size:var(--fs-sm);line-height:1.65;color:var(--color-muted)}
.category-facts__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:1.1rem 0 0;list-style:none;border-top:1px dashed var(--color-border)}
.category-facts__list li{display:flex;flex-direction:column;gap:.25rem;font-size:var(--fs-xs);line-height:1.35;color:var(--color-muted)}
.category-facts__list .icon{width:1.3rem;height:1.3rem;color:var(--cat)}
.category-facts__list strong{font:900 var(--fs-2xl)/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--cat-ink)}
.category-notice{margin-top:clamp(1.75rem,1.5rem + 1vw,2.5rem)}
.guide-table .table tbody th{min-width:14rem;font-weight:600}
.guide-table td:first-of-type{min-width:12rem;color:var(--color-muted)}
.guide-table__product{display:inline-flex;align-items:center;gap:.35rem;font:700 var(--fs-sm)/1.3 var(--font-display);color:var(--cat-ink);white-space:nowrap;text-decoration:none}
.guide-table__product .icon{width:1em;height:1em;transition:translate var(--dur-3) var(--ease-out-expo)}
.guide-table__product:hover .icon{translate:4px 0}
.guide-table__ai{display:block;margin-top:.2rem;font-size:var(--fs-xs);color:var(--color-muted)}
.tips-visual{display:flex;align-items:flex-end;gap:1rem}
.tips-visual__drops{display:flex;gap:.45rem;padding-bottom:.4rem;color:var(--c-green-600)}
.tips-visual{margin-top:.5rem}
.tips-visual__drops .icon{width:1.75rem;height:1.75rem}
@media (max-width:899.98px){.tips-visual{display:none}}
.tips-list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.tips-list__item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:border-color var(--dur-3) ease,translate var(--dur-4) var(--ease-out-expo)}
.tips-list__item:hover{border-color:rgb(var(--cat-rgb) / .45);translate:4px 0}
.tips-list__num{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:rgb(var(--cat-rgb) / .14);color:var(--cat-ink);font:800 var(--fs-sm)/1 var(--font-display)}
.tips-list__item p{margin:0;padding-top:.3rem;line-height:1.6}
.resistance-groups{gap:1rem}
.resistance-groups__title{display:flex;align-items:center;gap:.55rem;font-size:var(--fs-lg)}
.resistance-groups__title .icon{color:var(--cat)}
.resistance-groups__list{display:grid;margin:0;padding:0;list-style:none}
.resistance-group{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .9rem;align-items:center;padding:.85rem 0;border-top:1px solid var(--color-border)}
.resistance-group:first-child{border-top:0;padding-top:.25rem}
.resistance-group__code{grid-row:span 2;display:grid;place-items:center;min-width:5.75rem;padding:.6rem .7rem;border-radius:var(--radius-md);background:linear-gradient(145deg,var(--cat),var(--cat-grad-end,var(--cat-ink)));color:var(--cat-on,#fff);font:800 var(--fs-xs)/1.2 var(--font-display);letter-spacing:.03em;text-align:center}
.resistance-group__label{font-size:var(--fs-sm);font-weight:600;line-height:1.4;color:var(--color-heading)}
.resistance-group__products{display:flex;flex-wrap:wrap;gap:.35rem}
.resistance-group__products .tag:hover{text-decoration:underline}
.resistance-groups__note{margin:0;font-size:var(--fs-xs);color:var(--color-muted)}
.faq-aside{display:grid;justify-items:start;gap:1rem;margin-top:.25rem;color:var(--color-muted)}
.faq-aside p{margin:0;max-width:30rem}

/* == 09. FOOTER COMPLEMENTS == */
.site-footer__newsletter{display:grid;gap:1.25rem 3rem;align-items:center;padding-block:clamp(2.25rem,2rem + 1.5vw,3.25rem) clamp(2rem,1.5rem + 1.5vw,2.75rem);border-bottom:1px solid var(--color-border)}
@media (min-width:900px){.site-footer__newsletter{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.site-footer__newsletter .newsletter-form{justify-self:end;width:100%}}
.site-footer__newsletter-title{margin:0;font-size:var(--fs-xl);color:#fff}
.site-footer__newsletter-text p{margin:.5rem 0 0;color:var(--color-muted)}
.newsletter-form__note{margin:0;font-size:var(--fs-xs);line-height:1.5;color:var(--color-muted)}
.site-footer__newsletter+.site-footer__grid{padding-top:clamp(2.25rem,2rem + 1.5vw,3.25rem)}
.site-footer__contact{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
.site-footer__contact li{display:flex;align-items:flex-start;gap:.6rem;color:var(--color-muted);line-height:1.5}
.site-footer__contact .icon{flex:none;width:1.05rem;height:1.05rem;margin-top:.2em;color:var(--c-green-500)}
.site-footer__contact strong{color:#fff;font-weight:600}
.site-footer__bottom{align-items:flex-start}
.site-footer__legal{display:grid;gap:.35rem;max-width:46rem}
.site-footer__legal p{margin:0}
.site-footer__sample{color:var(--c-green-100)}
.site-footer__disclaimer .icon{flex:none}

/* == 10. 404 == */
.not-found-header{position:relative;z-index:2;border-bottom:1px solid var(--color-border);background:rgba(251,250,248,.94)}
.not-found-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;min-height:4.75rem;padding-block:.5rem}
.not-found{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(3rem,2rem + 5vw,6rem);background:radial-gradient(46rem 30rem at 92% 8%,rgba(201,221,180,.6),transparent 62%),radial-gradient(40rem 28rem at -6% 96%,rgba(201,221,180,.6),transparent 62%),var(--grad-cream)}
.not-found__inner{display:grid;gap:2.5rem;align-items:center}
@media (min-width:900px){.not-found__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.not-found__art{position:relative;display:grid;place-items:center;width:100%;max-width:28rem;aspect-ratio:1.15;margin-inline:auto}
.not-found__code{position:relative;z-index:1;display:flex;align-items:center;gap:.04em;font:900 clamp(6rem,3.5rem + 10vw,11rem)/1 var(--font-display);letter-spacing:-.04em;color:var(--c-brown-800)}
.not-found__zero{position:relative;display:inline-block;width:.74em;height:.74em;margin-inline:.03em;border-radius:50%;background:radial-gradient(circle at 38% 35%,#FBFAF8 0%,#F3F8EE 30%,#C9DDB4 58%,#A6C48A 82%,#7FA561 100%);box-shadow:0 0 0 .05em rgba(255,255,255,.6),0 0 .5em rgba(166,196,138,.55)}
.not-found__zero::before{content:"";position:absolute;inset:-26%;z-index:-1;border-radius:50%;background:repeating-conic-gradient(rgba(94,145,80,.55) 0 4deg,transparent 4deg 18deg);-webkit-mask-image:radial-gradient(circle,transparent 52%,#000 54%,transparent 72%);mask-image:radial-gradient(circle,transparent 52%,#000 54%,transparent 72%)}
.not-found__leaf{position:absolute;width:32%;aspect-ratio:1;background:var(--grad-leaf);box-shadow:inset -.6rem -.6rem 0 rgba(35,74,43,.14)}
.not-found__leaf--a{left:2%;bottom:6%;border-radius:100% 0 100% 0;transform-origin:0 100%}
.not-found__leaf--b{right:4%;top:4%;width:22%;border-radius:0 100% 0 100%;transform-origin:100% 100%}
.not-found__sprout{position:absolute;left:50%;bottom:4%;width:4px;height:18%;border-radius:4px;background:linear-gradient(180deg,var(--c-green-500),var(--c-green-800))}
.not-found__content>*{margin:0}
.not-found__title{font-size:var(--fs-3xl);letter-spacing:-.028em}
.not-found__title-en{margin-top:.5rem!important;font:700 var(--fs-xl)/1.25 var(--font-display);color:var(--c-brown-500)}
.not-found__leads{display:grid;gap:.75rem;margin-block:1.25rem 1.75rem!important}
.not-found__links-title{margin-bottom:1.25rem;font-size:var(--fs-xl)}
.not-found__countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14.5rem),1fr));gap:.9rem;margin:0;padding:0;list-style:none}
.not-found__country{display:grid;gap:.6rem;padding:1.1rem 1.2rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:translate var(--dur-4) var(--ease-out-expo),box-shadow var(--dur-4) var(--ease-out-expo)}
.not-found__country:hover{translate:0 -4px;box-shadow:var(--shadow-lg)}
.not-found__country-link{display:flex;align-items:center;gap:.8rem;color:var(--color-heading);text-decoration:none}
.not-found__country-link>span:not(.flag){display:grid;flex:1;min-width:0;font-family:var(--font-display)}
.not-found__country-link small{font:500 var(--fs-xs)/1.4 var(--font-body);color:var(--color-muted)}
.not-found-footer{padding-block:2rem 2.5rem;background:var(--c-brown-950);color:rgba(246,245,243,.72);font-size:var(--fs-xs)}
.not-found-footer p{margin:0 0 .4rem}
.not-found-footer .site-footer__sample{color:var(--c-green-100)}

/* ===== Phase 2A pages ===== */
/* about · crops · advice · safety (templates pages/{about,crops,advice,safety}.html, context_pages_a.py).
   Logo palette tokens only; category colours come from the [class*="--{category}"] hooks of core.css. */

/* == 2A-01. ABOUT == */
.about-local__text .lead{font-size:var(--fs-md);line-height:1.7;color:var(--color-lead)}
.about-local__office{display:grid;gap:.6rem;margin:1.75rem 0 0;padding:1.1rem 1.25rem;list-style:none;border-left:3px solid var(--c-green-500);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--c-cream-100);font-size:var(--fs-sm)}
.about-local__office li{display:flex;align-items:flex-start;gap:.65rem;line-height:1.5}
.about-local__office .icon{flex:none;width:1.1rem;height:1.1rem;margin-top:.15em;color:var(--c-green-700)}
.about-facts{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:1.25rem;padding:clamp(1.5rem,1rem + 2vw,2.25rem);border-radius:var(--radius-xl);background:radial-gradient(24rem 14rem at 100% 0%,rgba(94,145,80,.38),transparent 65%),var(--grad-brown);color:rgba(246,245,243,.86);box-shadow:var(--shadow-xl)}
.about-facts>*{margin:0}
@media (min-width:900px){.about-facts{position:sticky;top:calc(var(--header-h) + 1.5rem)}}
.about-facts__leaf{position:absolute;z-index:-1;right:-2.5rem;bottom:-2.5rem;width:10rem;aspect-ratio:1;border-radius:0 100% 0 100%;background:var(--grad-leaf);opacity:.2;transform-origin:100% 100%}
.about-facts__title{display:flex;align-items:center;gap:.75rem;font:800 var(--fs-lg)/1.25 var(--font-display);color:#fff}
.about-facts__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:0;padding:0;list-style:none}
.about-facts__item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.15rem .7rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background-color var(--dur-3) ease,translate var(--dur-4) var(--ease-out-expo)}
.about-facts__item:hover{background:rgba(255,255,255,.1);translate:0 -2px}
.about-facts__item:first-child{grid-column:1 / -1}
.about-facts__item .icon{grid-row:span 2;width:1.6rem;height:1.6rem;color:var(--c-green-300)}
.about-facts__item strong{font:900 var(--fs-2xl)/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--c-green-300)}
.about-facts__item span{font-size:var(--fs-xs);line-height:1.35;color:rgba(246,245,243,.75)}
.about-pillars{margin-bottom:clamp(3rem,2rem + 3vw,4.5rem)}
.about-pillar{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:1rem;align-content:start;padding:clamp(1.75rem,1.2rem + 2vw,2.75rem);border-radius:var(--radius-xl);background:radial-gradient(22rem 12rem at 100% 0%,rgba(201,221,180,.6),transparent 70%),#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo)}
.about-pillar:hover{translate:0 -4px;box-shadow:var(--shadow-xl)}
.about-pillar::after{content:"";position:absolute;z-index:-1;right:-1.5rem;bottom:-1.5rem;width:7rem;aspect-ratio:1;border-radius:0 100% 0 100%;background:var(--grad-leaf);opacity:.14;rotate:-10deg}
.about-pillar--leaf{background:radial-gradient(22rem 12rem at 100% 0%,rgba(201,221,180,.7),transparent 70%),#fff}
.about-pillar--leaf::after{background:var(--grad-leaf)}
.about-pillar>*{margin:0}
.about-pillar__title{font-size:var(--fs-xl)}
.about-pillar__text{font-size:var(--fs-md);line-height:1.65;color:var(--color-lead)}
.about-values__title{margin:0 0 1.5rem;font-size:var(--fs-xl);text-align:center}
.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}
.about-value{display:flex;flex-direction:column;gap:.55rem;padding:1.4rem 1.25rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}
.about-value>*{margin:0}
.about-value__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,var(--c-green-100) 72%);color:var(--c-green-700);box-shadow:inset 0 0 0 1.5px var(--c-green-300);transition:transform var(--dur-5) var(--ease-spring)}
.about-value:hover .about-value__icon{transform:rotate(-10deg) scale(1.08)}
.about-value__icon .icon{width:1.45rem;height:1.45rem}
.about-value__title{font-size:var(--fs-md)}
.about-value__text{font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.about-steps .step__icon,.advice-steps .step__icon,.safety-rinse__steps .step__icon{margin-top:.1rem}
.about-presence__leaf,.advice-trainings__leaf{position:absolute;right:-3rem;top:-2rem;z-index:-1;width:clamp(8rem,16vw,13rem);aspect-ratio:1;border-radius:100% 0 100% 0;background:var(--grad-leaf);opacity:.12;transform-origin:100% 0;pointer-events:none}
.presence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}
/* six country sites: two rows of three on wide screens (auto-fit gave five + one) */
@media (min-width:900px){.presence-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.presence-card{display:flex}
.presence-card__link{position:relative;display:flex;flex-direction:column;gap:.6rem;width:100%;padding:1.25rem 1.2rem 1.15rem;border-radius:var(--radius-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:rgba(246,245,243,.84);text-decoration:none;transition:background-color var(--dur-3) ease,border-color var(--dur-3) ease,translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo)}
.presence-card__link:hover,.presence-card__link:focus-visible{background:rgba(255,255,255,.1);border-color:rgba(166,196,138,.55);translate:0 -6px;box-shadow:0 22px 40px -22px rgba(0,0,0,.6);color:#fff}
.presence-card.is-current .presence-card__link{background:linear-gradient(160deg,rgba(166,196,138,.2),rgba(255,255,255,.05));border-color:var(--c-green-500)}
.presence-card__map{position:relative;display:block;height:6.5rem;max-width:100%;margin:0 auto .5rem}
.presence-card__map svg{display:block;width:100%;height:100%;overflow:visible}
.presence-card__shape{fill:rgba(166,196,138,.22);stroke:var(--c-green-300);stroke-width:6;stroke-linejoin:round;transition:fill var(--dur-4) ease}
.presence-card__link:hover .presence-card__shape,.presence-card.is-current .presence-card__shape{fill:rgba(146,187,110,.42)}
.presence-card__pin{position:absolute;left:var(--x);top:var(--y);width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;border-radius:50%;background:var(--grad-leaf);box-shadow:0 0 0 3px #fff}
.presence-card__pin::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--c-green-300);animation:ba-ripple 2.4s var(--ease-out) infinite}
.presence-card__name{display:flex;align-items:center;gap:.65rem;font:800 var(--fs-md)/1.2 var(--font-display);color:#fff}
.presence-card__tagline{font-size:var(--fs-sm);line-height:1.5}
.presence-card__meta{display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin-top:auto;padding-top:.6rem;border-top:1px dashed rgba(255,255,255,.16);font-size:var(--fs-xs);color:rgba(246,245,243,.7)}
.presence-card__meta>span{display:inline-flex;align-items:center;gap:.3rem}
.presence-card__meta .icon{width:.95rem;height:.95rem;color:var(--c-green-300)}
.presence-card__cta{display:inline-flex;align-items:center;gap:.4rem;font:700 var(--fs-sm)/1.2 var(--font-display);color:var(--c-green-300)}
.presence-card__cta .icon{transition:translate var(--dur-4) var(--ease-spring)}
.presence-card__link:hover .presence-card__cta .icon{translate:5px 0}
.about-commitment{position:relative;overflow:hidden}
.about-commitment__num{position:absolute;right:1.25rem;top:1rem;font:900 2.75rem/1 var(--font-display);letter-spacing:-.04em;color:var(--c-cream-200);transition:color var(--dur-4) ease,translate var(--dur-5) var(--ease-out-expo)}
.about-commitment:hover .about-commitment__num{color:var(--c-green-100);translate:0 -3px}
.about-teams__art{position:relative;height:9rem;margin-top:1rem}
.about-teams__art>:nth-child(1){position:absolute;left:0;top:.5rem}
.about-teams__art>:nth-child(2){position:absolute;left:6.25rem;top:0}
.about-teams__art>:nth-child(3){position:absolute;left:5rem;top:5.25rem}
@media (max-width:899.98px){.about-teams__art{display:none}}
.about-teams__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.85rem;margin:0;padding:0;list-style:none}
.team-card{display:flex;align-items:flex-start;gap:.9rem;padding:1.15rem 1.2rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:translate var(--dur-4) var(--ease-out-expo),box-shadow var(--dur-4) var(--ease-out-expo),border-color var(--dur-3) ease}
.team-card:hover{translate:0 -3px;box-shadow:var(--shadow-md);border-color:rgba(94,145,80,.4)}
.team-card__title{margin:0;font-size:var(--fs-base)}
.team-card__text{margin:.3rem 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}

/* == 2A-02. CROPS == */
.crop-jump__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin:0;padding:0;list-style:none}
.crop-jump__item{display:inline-flex;align-items:center;gap:.5rem;min-height:2.6rem;padding:.4rem 1rem .4rem .45rem;border-radius: var(--radius-sm);background:#fff;border:1.5px solid var(--color-border);box-shadow:var(--shadow-xs);font:700 var(--fs-sm)/1.2 var(--font-display);color:var(--c-brown-800);text-decoration:none;transition:background-color var(--dur-2) ease,border-color var(--dur-2) ease,color var(--dur-2) ease,translate var(--dur-3) var(--ease-spring)}
.crop-jump__item .icon{width:1.85rem;height:1.85rem;padding:.3rem;border-radius:var(--radius-sm);background:var(--c-green-100);color:var(--c-brown-800);transition:transform var(--dur-4) var(--ease-spring)}
.crop-jump__item:hover{translate:0 -2px;border-color:var(--c-green-400);color:var(--c-green-900)}
.crop-jump__item:hover .icon{transform:rotate(-12deg) scale(1.1)}
.crops-grid{align-items:stretch}
.crop-solution{scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.crop-solution:target{border-color:var(--c-green-500);box-shadow:0 0 0 4px rgba(166,196,138,.35),var(--shadow-lg)}
.crop-solution__titles{flex:1;min-width:0}
.crop-solution__group{margin:.15rem 0 0;font:600 var(--fs-xs)/1.3 var(--font-body);color:var(--color-muted)}
.crop-solution__count{display:inline-flex;align-items:center;gap:.3rem;flex:none;padding:.3rem .65rem;border-radius: var(--radius-sm);background:var(--c-green-50);color:var(--c-brown-700);font:800 var(--fs-sm)/1 var(--font-display)}
.crop-solution__count .icon{width:1rem;height:1rem;color:var(--c-brown-600)}
.crop-solution__block{padding-top:.85rem;border-top:1px dashed var(--color-border)}
.crop-solution__empty{margin:0;font-size:var(--fs-sm);color:var(--color-muted)}
.crop-solution__more{margin-top:auto;padding-top:.25rem}
.crop-threats{display:grid;gap:.55rem;margin:0}
.crop-threats__row{display:grid;gap:.3rem}
.crop-threats__row>*{margin:0}
.crop-threats__kind{display:flex;align-items:center;gap:.4rem;font:700 var(--fs-xs)/1.3 var(--font-display);color:var(--cat-ink)}
.crop-threats__kind::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--cat)}
.crop-card__threats .tag{white-space:normal}
.crop-card__products .crop-product{border-left:3px solid var(--cat)}
.crop-product .icon{width:1rem;height:1rem;color:var(--cat)}
.crop-product:hover .icon{color:var(--c-green-300)}
.crops-notice{margin-top:clamp(1.75rem,1.5rem + 1vw,2.5rem)}
.crops-calendar__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-bottom:1rem}
.crops-calendar__rain{display:flex;align-items:flex-start;gap:.6rem;max-width:36rem;margin:0;padding:.65rem 1rem;border-radius:var(--radius-md);background:var(--c-green-100);color:var(--c-green-900);font-size:var(--fs-sm);line-height:1.5}
.crops-calendar__rain .icon{flex:none;width:1.3rem;height:1.3rem;color:var(--c-green-700)}
.crops-calendar__wrap{position:relative}
.crops-calendar__table tbody th a{display:inline-flex;align-items:center;gap:.5rem;color:inherit;text-decoration:none}
.crops-calendar__table tbody th a:hover{color:var(--c-green-800);text-decoration:underline}
.crops-calendar__table tbody th .icon{flex:none;width:1.35rem;height:1.35rem;color:var(--c-green-700)}
.crops-calendar__table thead abbr{text-decoration:none}
.calendar-table td.calendar-table__multi{padding:3px;background:var(--c-cream-50)}
.calendar-table__stack{display:flex;flex-direction:column;gap:2px;height:calc(2.4rem - 6px)}
.calendar-table__stack>.cal-cell{flex:1 1 0;min-height:0;margin:0;border-radius:4px}
.crops-calendar__table{table-layout:fixed}
.crops-calendar__table thead th:first-child{width:10.5rem}
.crops-calendar__table thead th:first-child,.crops-calendar__table tbody th{position:sticky;left:0;z-index:2;background:#fff}
.crops-calendar__wrap.is-revealed td.cal-cell,.crops-calendar__wrap.is-revealed .calendar-table__stack>.cal-cell{animation:ba-pop .55s var(--ease-spring) backwards;animation-delay:calc(var(--row,0) * 90ms + var(--m,0) * 35ms + 200ms)}
.crops-calendar__seasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.6rem 1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;font-size:var(--fs-sm);line-height:1.5;color:var(--color-muted)}
.crops-calendar__seasons li{display:flex;align-items:flex-start;gap:.55rem}
.crops-calendar__seasons .icon{flex:none;width:1.2rem;height:1.2rem;margin-top:.1em;color:var(--c-green-700)}
.crops-calendar__seasons strong{color:var(--color-heading)}
.crops-calendar__note{margin-top:1.5rem}
.crops-calendar__more{margin:1rem 0 0}

/* == 2A-03. ADVICE — tools == */
.advice-tabs .tabs__list{display:flex;width:fit-content;margin-inline:auto}
.advice-tabs .tabs__panel{padding-top:clamp(1.5rem,1rem + 1.5vw,2.25rem)}
.advice-calc__head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}
.advice-calc__head .form__title{margin:0}
.advice-calc__head .form__intro{margin:.4rem 0 0}
.calc-field .field__label{display:flex;align-items:center;gap:.45rem}
.calc-field .field__label>.icon{flex:none;width:1.1rem;height:1.1rem;color:var(--c-green-700)}
.calc-unit{font-variant-numeric:tabular-nums;color:var(--c-brown-600)}
.advice-calc .form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.advice-result .calc__label{display:flex;align-items:center;gap:.4rem}
.advice-result .calc__label .icon{flex:none;width:1rem;height:1rem;color:var(--c-green-300)}
.advice-result__source{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--c-green-100)}
.advice-result__source::before{content:"";flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--c-green-400);box-shadow:0 0 0 3px rgba(146,187,110,.25)}
.advice-result__warn{padding:.6rem .8rem;border-radius:var(--radius-sm);background:rgba(166,196,138,.16);color:var(--c-green-50)}
.advice-result__formula{display:flex;align-items:flex-start;gap:.5rem;margin-top:auto;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.1)}
.advice-result__formula .icon{flex:none;width:1rem;height:1rem;margin-top:.1em;color:var(--c-green-300)}
.advice-result__disclaimer{font-style:italic}
.advice-result--spray .calc__reasons:empty{display:none}
.advice-rules{padding:1rem 1.1rem;border-radius:var(--radius-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.advice-rules__title{margin:0 0 .65rem;font:700 var(--fs-xs)/1.3 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--c-green-300)}
.advice-rules__list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;font-size:var(--fs-xs);line-height:1.5}
.advice-rules__list li{display:flex;align-items:flex-start;gap:.55rem}
.advice-rules__list .icon{flex:none;width:1rem;height:1rem;margin-top:.1em;color:var(--c-green-300)}

/* == 2A-04. ADVICE — calendars (12-column timelines) == */
.advice-calendars__legend{margin-bottom:1.25rem}
.advice-calendars__grid{align-items:stretch}
.crop-plan{display:flex;flex-direction:column;gap:1rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo)}
.crop-plan:hover{translate:0 -4px;box-shadow:var(--shadow-lg)}
.crop-plan__head{display:flex;align-items:center;gap:.9rem}
.crop-plan__title{margin:0;font-size:var(--fs-lg)}
.crop-plan__season{margin:.25rem 0 0;font-size:var(--fs-xs);line-height:1.45;color:var(--color-muted)}
.crop-plan__scale,.crop-plan__track{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px}
.crop-plan__scale span{padding:.2rem 0;border-radius:4px;background:var(--c-cream-100);font:700 var(--fs-2xs)/1 var(--font-display);text-align:center;color:var(--c-brown-500)}
.crop-plan__list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}
.crop-plan__item{display:grid;gap:.4rem}
.crop-plan__track{height:.7rem;border-radius: 4px;background:repeating-linear-gradient(90deg,var(--c-cream-100) 0 calc(100% / 12 - 2px),transparent calc(100% / 12 - 2px) calc(100% / 12))}
.crop-plan__bar{grid-row:1;height:100%;border-radius: 4px;background:linear-gradient(90deg,rgb(var(--cat-rgb) / .78),var(--cat));box-shadow:inset 0 1px 0 rgba(255,255,255,.3);transform-origin:0 50%}
.crop-plan.is-revealed .crop-plan__bar{animation:ba-grow-x .9s var(--ease-out-expo) backwards;animation-delay:calc(var(--i,0) * 120ms + 250ms)}
.crop-plan__text{margin:0;font-size:var(--fs-sm);line-height:1.5;color:var(--color-text)}
.crop-plan__text .badge{margin-right:.35rem;vertical-align:.1em}
.crop-plan__when{display:block;margin-bottom:.15rem;font:700 var(--fs-xs)/1.3 var(--font-display);color:var(--cat-ink)}
.advice-calendars__note{margin-top:clamp(1.5rem,1.25rem + 1vw,2.25rem)}

/* == 2A-05. ADVICE — practices · resistance · trainings == */
.advice-block{display:grid;gap:1.5rem;align-content:start}
.advice-block+.advice-practices__pair{margin-top:clamp(3rem,2rem + 3vw,4.5rem)}
.advice-block--card{padding:clamp(1.25rem,1rem + 1.5vw,2rem);border-radius:var(--radius-xl);background:var(--c-cream-100);border:1px solid var(--color-border)}
.advice-block__head{display:flex;align-items:flex-start;gap:1rem}
.advice-block__title{margin:0;font-size:var(--fs-xl)}
.advice-block__lead{margin:.4rem 0 0;color:var(--color-muted);line-height:1.6}
@media (min-width:900px){
  .advice-steps{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2.75rem}
  .advice-steps .step:nth-child(3n)::after{display:none}
}
.mix-order{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:mix}
.mix-order__item{position:relative;display:flex;gap:1rem;padding-bottom:1.1rem}
.mix-order__item:not(:last-child)::before{content:"";position:absolute;left:1.2rem;top:2.6rem;bottom:.2rem;width:2px;margin-left:-1px;background:linear-gradient(180deg,var(--c-green-300),var(--c-green-300))}
.mix-order__num{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;border:2px solid var(--c-green-500);font:800 var(--fs-sm)/1 var(--font-display);color:var(--c-brown-800);box-shadow:0 0 0 5px var(--c-cream-100);transition:background var(--dur-3) ease,transform var(--dur-4) var(--ease-spring)}
.mix-order__item:hover .mix-order__num{background:var(--grad-leaf);transform:scale(1.08)}
.mix-order__body{padding-top:.35rem}
.mix-order__title{margin:0;font-size:var(--fs-base)}
.mix-order__code{display:inline-block;margin-left:.15rem;padding:.12rem .45rem;border-radius:var(--radius-xs);background:var(--c-brown-800);color:var(--c-green-100);font:800 var(--fs-2xs)/1.3 var(--font-display);letter-spacing:.06em;vertical-align:.12em}
.mix-order__text{margin:.3rem 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.water-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.85rem;margin:0;padding:0;list-style:none}
.water-card{display:flex;flex-direction:column;gap:.5rem;padding:1.2rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}
.water-card>*{margin:0}
.water-card__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius: 8px;background:linear-gradient(160deg,var(--c-green-100),#fff);color:var(--c-green-700);box-shadow:inset 0 0 0 1.5px var(--c-green-200)}
.water-card__icon .icon{width:1.35rem;height:1.35rem}
.water-card__title{font-size:var(--fs-base)}
.water-card__text{font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.principles{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.principle{display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;border-radius:var(--radius-md);background:rgba(255,255,255,.75);border:1px solid var(--color-border);transition:translate var(--dur-4) var(--ease-out-expo),background-color var(--dur-3) ease}
.principle:hover{translate:4px 0;background:#fff}
.principle__title{margin:0;font-size:var(--fs-base)}
.principle__text{margin:.25rem 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.moa-card{display:grid;gap:.85rem;padding:clamp(1.25rem,1rem + 1.5vw,2rem)}
.moa-card__title{display:flex;align-items:center;gap:.55rem;margin:0;font-size:var(--fs-lg)}
.moa-card__title .icon{color:var(--c-green-600)}
.moa-family{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--c-cream-50);transition:border-color var(--dur-3) ease,box-shadow var(--dur-3) ease}
.moa-family[open]{border-color:rgb(var(--cat-rgb) / .45);box-shadow:var(--shadow-sm);background:#fff}
.moa-family__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.8rem 1rem;cursor:pointer;list-style:none}
.moa-family__summary::-webkit-details-marker{display:none}
.moa-family__code{display:grid;place-items:center;min-width:4.25rem;padding:.45rem .6rem;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--cat),var(--cat-grad-end,var(--cat-ink)));color:var(--cat-on,#fff);font:800 var(--fs-sm)/1 var(--font-display);letter-spacing:.06em}
.moa-family__text{font-size:var(--fs-sm);line-height:1.45;color:var(--color-text)}
.moa-family__count{display:grid;place-items:center;min-width:1.9rem;height:1.9rem;border-radius:50%;background:rgb(var(--cat-rgb) / .14);color:var(--cat-ink);font:800 var(--fs-xs)/1 var(--font-display);transition:rotate var(--dur-4) var(--ease-spring)}
.moa-family[open] .moa-family__count{rotate:360deg}
.moa-family__groups{display:grid;margin:0;padding:0 1rem .5rem;list-style:none}
.moa-family__groups .resistance-group{grid-template-columns:6.5rem minmax(0,1fr);padding:.6rem 0}
.moa-family__groups .resistance-group__code{grid-row:auto;min-width:0;padding:.4rem .5rem}
.moa-family[open] .moa-family__groups{animation:ba-fade-down .45s var(--ease-out-expo)}
.moa-card__note{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:var(--fs-xs);line-height:1.5;color:var(--color-muted)}
.moa-card__note .icon{flex:none;width:1rem;height:1rem;color:var(--c-brown-600)}
.trainings-formats{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(2rem,1.5rem + 2vw,3rem);padding:clamp(1.25rem,1rem + 1.5vw,1.75rem) clamp(1.25rem,1rem + 2vw,2.25rem);border-radius:var(--radius-xl);background:rgba(255,255,255,.06);border:1px solid rgba(166,196,138,.3)}
.trainings-formats__title{display:flex;align-items:center;gap:.6rem;margin:0;font:800 var(--fs-md)/1.2 var(--font-display);color:#fff}
.trainings-formats__title .icon{width:1.5rem;height:1.5rem;color:var(--c-green-300)}
.trainings-formats__list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;font-size:var(--fs-sm)}
.trainings-formats__list li{display:inline-flex;align-items:center;gap:.4rem}
.trainings-formats__list .icon{width:1rem;height:1rem;color:var(--c-green-300)}

/* == 2A-06. SAFETY == */
.rule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));gap:1rem;margin:0;padding:0;list-style:none}
.rule-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.6rem;padding:1.5rem 1.35rem 1.35rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo),border-color var(--dur-3) ease}
.rule-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad-brand);transform:scaleX(0);transform-origin:0 50%;transition:transform var(--dur-5) var(--ease-out-expo)}
.rule-card:hover{translate:0 -5px;box-shadow:var(--shadow-lg);border-color:rgba(94,145,80,.35)}
.rule-card:hover::before{transform:scaleX(1)}
.rule-card>*{margin:0}
.rule-card__num{position:absolute;right:1.1rem;top:.9rem;font:900 2.5rem/1 var(--font-display);color:var(--c-cream-200)}
.rule-card__icon{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius: 8px;background:var(--grad-leaf);color:var(--c-brown-950);box-shadow:var(--shadow-md);transition:transform var(--dur-5) var(--ease-spring)}
.rule-card:nth-child(even) .rule-card__icon{background:var(--grad-leaf-deep);color:#fff;box-shadow:0 10px 22px -12px rgba(47,98,55,.8)}
.rule-card:hover .rule-card__icon{transform:translateY(-3px) rotate(-8deg)}
.rule-card__icon .icon{width:1.6rem;height:1.6rem}
.rule-card__title{font-size:var(--fs-md)}
.rule-card__text{font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
@media (min-width:1100px){.safety-ppe__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.safety-ppe__grid>li{justify-content:flex-start}
.safety-ppe__name{font:800 var(--fs-base)/1.25 var(--font-display)}
.safety-ppe__grid small{line-height:1.5}
.safety-ppe__note{max-width:46rem;margin:clamp(1.5rem,1.25rem + 1vw,2.25rem) auto 0}
.phase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--gap);margin:0;padding:0;list-style:none;counter-reset:none}
.phase-card{--phase:var(--c-green-500);position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);border-radius:var(--radius-lg);background:#fff;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo)}
.phase-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--phase);transform-origin:0 50%}
.phase-card.is-revealed::before{animation:ba-grow-x .9s var(--ease-out-expo) .25s backwards}
.phase-card:hover{translate:0 -4px;box-shadow:var(--shadow-lg)}
.phase-card--during{--phase:var(--c-green-600)}
.phase-card--after{--phase:var(--c-brown-600)}
.phase-card__head{display:flex;align-items:center;gap:.8rem}
.phase-card__icon{display:grid;place-items:center;flex:none;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--phase);color:#fff;box-shadow:0 0 0 5px var(--c-cream-100)}
.phase-card--before .phase-card__icon{color:var(--c-brown-950)}
.phase-card__icon .icon{width:1.4rem;height:1.4rem}
.phase-card__title{margin:0;font-size:var(--fs-xl)}
.phase-card__step{order:3;margin-left:auto;font:800 var(--fs-xs)/1 var(--font-display);letter-spacing:.08em;color:var(--color-muted)}
.storage-card{display:grid;gap:1.25rem;align-content:start;padding:clamp(1.25rem,1rem + 1.5vw,2rem)}
.storage-card__head{display:flex;align-items:center;gap:1rem}
.storage-card__title{margin:0;font-size:var(--fs-xl)}
.safety-rinse__intro{align-items:center;margin-bottom:clamp(1.5rem,1rem + 2vw,2.5rem)}
.safety-rinse__intro .section-header{margin-bottom:0}
.rinse-emblem{position:relative;display:grid;place-items:center;width:min(15rem,70vw);aspect-ratio:1;margin-inline:auto}
.rinse-emblem__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--c-green-300),var(--c-green-400),var(--c-green-600),var(--c-green-600),var(--c-green-300));-webkit-mask:radial-gradient(circle,transparent 60%,#000 61%,#000 70%,transparent 71%);mask:radial-gradient(circle,transparent 60%,#000 61%,#000 70%,transparent 71%)}
.rinse-emblem__core{position:relative;display:grid;place-items:center;gap:.2rem;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c-cream-200));box-shadow:var(--shadow-lg),inset 0 0 0 2px var(--c-green-100);color:var(--c-brown-800)}
.rinse-emblem__core .icon{width:2.4rem;height:2.4rem;color:var(--c-green-700)}
.rinse-emblem__core strong{font:900 var(--fs-2xl)/1 var(--font-display);background:var(--c-brown-800);-webkit-background-clip:text;background-clip:text;color:transparent}
.rinse-emblem__drop{position:absolute;color:var(--c-green-600)}
.rinse-emblem__drop .icon{width:1.6rem;height:1.6rem}
.rinse-emblem__drop--a{left:6%;top:12%}
.rinse-emblem__drop--b{right:4%;top:30%}
.rinse-emblem__drop--c{left:18%;bottom:2%}
.safety-rinse__after{margin-top:clamp(2rem,1.5rem + 2vw,3rem);gap:var(--gap)}
.safety-dont__list{display:grid;gap:.35rem;margin:.5rem 0 0;padding-left:1.1rem}
.env-card .feature__icon .icon{width:2rem;height:2rem}
.safety-first-aid{text-align:left}
.safety-first-aid__cross{position:absolute;right:clamp(1rem,6vw,5rem);top:clamp(1.5rem,4vw,3rem);z-index:-1;color:rgba(166,196,138,.14)}
.safety-first-aid__cross .icon{width:clamp(6rem,14vw,11rem);height:clamp(6rem,14vw,11rem)}
.safety-first-aid__grid .feature__icon{width:3.5rem;height:3.5rem}
.safety-first-aid__warning{max-width:52rem;margin:clamp(1.75rem,1.5rem + 1vw,2.5rem) auto 0}
@media (max-width:639.98px){
  .advice-tabs .tabs__list{width:100%}
  .advice-tabs .tabs__tab{flex:1 1 0;justify-content:center;min-width:0;padding-inline:.6rem;white-space:normal;text-align:center;line-height:1.2}
  .moa-family__groups .resistance-group__code{justify-self:start;padding-inline:.75rem}
  .crops-calendar__table thead th:first-child{width:8.5rem}
  .crops-calendar__bar{align-items:flex-start}
  .advice-calc__head .icon-badge{--ib:3rem}
  .advice-block__head .icon-badge{display:none}
  .moa-family__groups .resistance-group{grid-template-columns:minmax(0,1fr)}
  .trainings-formats .btn{width:100%}
}

/* ===== Phase 2B pages ===== */
/* Distributors (where to buy), news and contact pages (sitegen templates pages/distributors.html,
   news.html, contact.html). Logo palette tokens only. */

/* == 2B-01. SHARED: outlet kind accents · form card · map legend == */
.kind--depot{--cat:var(--c-brown-600);--cat-rgb:106 76 42;--cat-ink:var(--c-brown-700)}
.kind--agro-dealer{--cat:var(--c-green-600);--cat-rgb:200 151 62;--cat-ink:var(--c-brown-600)}
.kind--cooperative{--cat:var(--c-green-700);--cat-rgb:65 127 75;--cat-ink:var(--c-green-800)}
.kind--partner{--cat:var(--c-green-700);--cat-rgb:173 130 57;--cat-ink:var(--c-brown-700)}
.page-hero__meta .tag[class*="kind--"]{background:rgb(var(--cat-rgb) / .13);color:var(--cat-ink)}
.page-hero__meta .tag strong{font-weight:800}

.form-card{position:relative;display:grid;gap:1.5rem;padding:clamp(1.25rem,.85rem + 2vw,2.25rem);border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}
.form-card::before{content:"";position:absolute;left:clamp(1.25rem,.85rem + 2vw,2.25rem);right:clamp(1.25rem,.85rem + 2vw,2.25rem);top:-1px;height:3px;border-radius:0 0 3px 3px;background:var(--grad-brand);background-size:200% 100%;animation:ba-gradient-pan 8s ease infinite}
.form-card>*{margin:0}
.form-card__head{display:flex;align-items:center;gap:1rem}
.form-card__head>div{min-width:0}
.form-card__title{margin:0;font-size:var(--fs-xl);line-height:1.2}
.form-card__lead{margin:.35rem 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.form-card .form__actions .btn{flex:none}
.form-card .form__legal{flex:1 1 16rem;margin:0}
@media (max-width:479.98px){.form-card__head{align-items:flex-start}.form-card__head .icon-badge--lg{--ib:3rem}.form-card .form__actions .btn{width:100%}}

.map-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;font:600 var(--fs-xs)/1.3 var(--font-display);color:var(--color-muted)}
.map-legend li{display:inline-flex;align-items:center;gap:.5rem}
.map-legend__pin{flex:none;display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(70,51,25,.3)}
.map-legend__pin::before{content:"";width:55%;height:55%;border-radius:50%;background:linear-gradient(135deg,var(--c-green-500),var(--c-brown-600))}
.map-legend__pin--office::before{background:var(--grad-leaf-deep)}

/* == 2B-02. DISTRIBUTORS — locator toolbar == */
.locator__bar{display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem;margin-bottom:clamp(1.25rem,1rem + 1vw,2rem)}
@media (min-width:760px){.locator__bar{grid-template-columns:auto minmax(0,1fr) auto}}
.locator__regions,.locator__foot{grid-column:1 / -1}
.locator__regions{display:grid;gap:.55rem;min-width:0;padding-top:.85rem;border-top:1px dashed var(--color-border)}
.locator__regions .filter-bar__label{flex-basis:auto}
.locator__locate{--btn-px:1.25rem}
.locator__locate-icon{display:inline-grid;place-items:center;border-radius:50%;--ripple-color:rgba(255,255,255,.65)}
.locator__locate[aria-busy="true"] .icon{animation:ba-spin 1.1s linear infinite}
.locator__locate.is-loading{pointer-events:none;opacity:.85}
.locator__kind select{width:100%}
.locator__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;min-height:1.5rem}
.locator__foot .filter-bar__count{margin-left:auto}
.locator__status{display:inline-flex;align-items:center;gap:.55rem;margin:0;animation:ba-fade-right var(--dur-4) var(--ease-out-expo)}
.locator__status::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:var(--c-green-500);box-shadow:0 0 0 3px rgba(127,165,97,.25);animation:ba-pulse 1.6s ease-in-out infinite}
.locator__status.is-error::before{background:var(--c-brown-600);box-shadow:0 0 0 3px rgba(106,76,42,.2);animation:none}
@media (max-width:759.98px){.locator__locate{width:100%}}

/* == 2B-03. DISTRIBUTORS — cards + sticky map == */
.locator__layout{display:grid;gap:clamp(1.75rem,1rem + 2vw,2.5rem);align-items:start}
@media (min-width:1100px){
  .locator__layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}
  .locator__aside{position:sticky;top:calc(var(--header-h-scrolled) + 1.25rem)}
}
@media (max-width:1099.98px){.locator__aside{width:100%;max-width:34rem;margin-inline:auto}}
.locator__list{--grid-gap:1rem;align-items:stretch}
.distributor-card::before{background:linear-gradient(180deg,var(--cat),rgb(var(--cat-rgb) / .3))}
.distributor-card__head{align-items:center}
.distributor-card__icon{--ib:2.75rem;border-radius: 8px;transition:transform var(--dur-4) var(--ease-spring)}
.distributor-card:hover .distributor-card__icon{transform:rotate(-8deg) scale(1.06)}
.distributor-card__heading{flex:1;min-width:0;display:grid;gap:.25rem}
.distributor-card__heading>*{margin:0}
.distributor-card__region .icon{width:.95em;height:.95em}
.distributor-card__kind{margin:0}
.distributor-card li a{color:var(--color-heading);font-weight:600;text-decoration:none}
.distributor-card li a:hover{color:var(--c-green-800);text-decoration:underline}
.distributor-card__actions .btn{flex:1 1 auto}
.distributor-card.is-nearest [data-distance]{background:var(--grad-leaf-deep);color:#fff;animation:ba-pop .6s var(--ease-out-expo)}
.distributor-card:target{border-color:var(--c-green-500);box-shadow:0 0 0 4px rgba(127,165,97,.35),var(--shadow-lg);animation:ba-pulse .9s ease-in-out 2}
.locator.is-located .distributor-card [data-distance]:not(:empty){animation:ba-fade-left var(--dur-4) var(--ease-out-expo)}

.locator-map{display:grid;gap:1rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem);border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}
.locator-map>*{margin:0}
.locator-map__title{margin:0;font-size:var(--fs-lg)}
.locator-map__lead{margin:.35rem 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.locator-map .map-silhouette{max-width:none;margin:0;border:0;box-shadow:none;background:radial-gradient(circle at 50% 42%,#fff 0%,var(--c-cream-100) 75%)}
.locator-map a.map-pin:focus-visible{outline:3px solid var(--focus-ring,var(--c-green-500));outline-offset:3px}

/* == 2B-04. DISTRIBUTORS — outlet types · become a distributor == */
.kind-card{position:relative;isolation:isolate;overflow:hidden;gap:.9rem;transition:translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo),border-color var(--dur-3) ease}
.kind-card::after{content:"";position:absolute;z-index:-1;right:-2.75rem;bottom:-2.75rem;width:8rem;aspect-ratio:1;border-radius:0 100% 0 100%;background:rgb(var(--cat-rgb) / .1);transition:scale .7s var(--ease-out-expo)}
.kind-card:hover{translate:0 -6px;box-shadow:var(--shadow-lg);border-color:rgb(var(--cat-rgb) / .4)}
.kind-card:hover::after{scale:1.35}
.kind-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.kind-card__top .icon-badge{transition:transform var(--dur-4) var(--ease-spring)}
.kind-card:hover .kind-card__top .icon-badge{transform:translateY(-3px) rotate(-6deg)}
.kind-card__count{font:900 var(--fs-3xl)/1 var(--font-display);font-variant-numeric:tabular-nums;color:rgb(var(--cat-rgb) / .9)}

.become{position:relative;isolation:isolate;overflow:hidden}
.become__leaf{position:absolute;z-index:-1;left:-3.5rem;bottom:-2.5rem;width:clamp(9rem,18vw,15rem);aspect-ratio:1;border-radius:0 100% 0 100%;background:var(--grad-leaf);opacity:.16;transform-origin:0 100%;pointer-events:none}
.become__benefits{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}
@media (min-width:640px) and (max-width:899.98px){.become__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
.become__benefit{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;border-radius:var(--radius-md);background:rgba(255,255,255,.72);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:translate var(--dur-4) var(--ease-out-expo),background-color var(--dur-3) ease,border-color var(--dur-3) ease}
.become__benefit:hover{translate:4px 0;background:#fff;border-color:var(--c-green-300)}
.become__benefit>div{min-width:0}
.become__benefit-title{margin:0;font-size:var(--fs-md);line-height:1.3}
.become__benefit p{margin:.3rem 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}

/* == 2B-05. NEWS == */
.news-filter{margin-bottom:clamp(1.25rem,1rem + 1vw,2rem)}
.news-list{--grid-gap:clamp(1rem,.7rem + 1vw,1.5rem);align-items:start}
.page--news .news-card--training .news-card__media{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.5),transparent 42%),var(--grad-leaf);color:rgba(35,74,43,.6)}
.page--news .news-card--product .news-card__media{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.55),transparent 42%),var(--grad-leaf);color:rgba(70,51,25,.62)}
.page--news .news-card--season .news-card__media{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.5),transparent 40%),linear-gradient(160deg,var(--c-green-100),var(--c-green-300) 70%,var(--c-green-500));color:rgba(35,74,43,.58)}
.page--news .news-card--community .news-card__media,.page--news .news-card--event .news-card__media{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.4),transparent 42%),linear-gradient(135deg,var(--c-green-700),var(--c-brown-600));color:rgba(255,255,255,.7)}
.page--news .news-card__media>.icon{transition:transform var(--dur-5) var(--ease-spring)}
.page--news .news-card:hover .news-card__media>.icon{transform:translateY(-6px) rotate(-6deg) scale(1.08)}
.page--news .news-card:target{border-color:var(--c-green-500);box-shadow:0 0 0 4px rgba(127,165,97,.3),var(--shadow-lg)}
@media (min-width:1024px){
  .news-list>.news-card:first-child{grid-column:span 2;grid-row:span 2}
  .news-list>.news-card:first-child .news-card__media{aspect-ratio:21/9}
  .news-list>.news-card:first-child .news-card__media>.icon{width:5rem;height:5rem}
  .news-list>.news-card:first-child .news-card__body{padding:1.75rem 2rem 2rem;gap:.85rem}
  .news-list>.news-card:first-child .news-card__title{font-size:var(--fs-2xl);line-height:1.15}
  .news-list>.news-card:first-child .news-card__excerpt{font-size:var(--fs-md);max-width:52ch}
}
.news-notice{margin-top:clamp(1.75rem,1.5rem + 1vw,2.5rem)}

.news-newsletter{position:relative}
.news-newsletter__leaf{position:absolute;z-index:-1;right:-3rem;bottom:-3rem;width:clamp(9rem,17vw,14rem);aspect-ratio:1;border-radius:100% 0 100% 0;background:var(--grad-leaf);opacity:.12;transform-origin:100% 100%;pointer-events:none}
.news-newsletter__inner{display:grid;gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:center}
@media (min-width:1024px){.news-newsletter__inner{grid-template-columns:auto minmax(0,1.05fr) minmax(0,1fr)}}
.news-newsletter__art{position:relative;display:grid;place-items:center;width:9.5rem;aspect-ratio:1}
.news-newsletter__ring{position:absolute;inset:14%;border-radius:50%;--ripple-color:rgba(166,196,138,.55)}
.news-newsletter__art>.icon-badge--xl{position:relative;z-index:1}
.news-newsletter__bell{position:absolute;z-index:2;right:2%;top:6%;--ib:2.6rem;border:3px solid var(--c-brown-900)}
.news-newsletter__text>*{margin:0}
.news-newsletter__title{margin-top:.6rem!important;font-size:var(--fs-2xl);color:#fff}
.news-newsletter__lead{margin-top:.75rem!important;line-height:1.65;color:var(--color-lead)}
.news-newsletter__topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem!important;padding:0;list-style:none}
.news-newsletter__topics li{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius: var(--radius-sm);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font:600 var(--fs-xs)/1.2 var(--font-display);color:var(--c-green-100);transition:background-color var(--dur-3) ease,translate var(--dur-3) var(--ease-out-expo)}
.news-newsletter__topics li:hover{background:rgba(255,255,255,.13);translate:0 -2px}
.news-newsletter__topics .icon{width:1rem;height:1rem;color:var(--c-green-300)}
.news-newsletter__form{padding:clamp(1.25rem,1rem + 1.5vw,2rem);border-radius:var(--radius-xl);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.news-newsletter .newsletter-form{max-width:none}

.resource-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.5rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text);text-decoration:none;transition:translate var(--dur-5) var(--ease-out-expo),box-shadow var(--dur-5) var(--ease-out-expo),border-color var(--dur-3) ease}
.resource-card::after{content:"";position:absolute;z-index:-1;right:-3rem;top:-3rem;width:9rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(201,221,180,.75),rgba(201,221,180,0) 70%);transition:scale .7s var(--ease-out-expo)}
.resource-card:hover{translate:0 -5px;box-shadow:var(--shadow-lg);border-color:rgba(127,165,97,.45);color:var(--color-text)}
.resource-card:hover::after{scale:1.6}
.resource-card__icon{margin-bottom:.35rem}
.resource-card:hover .resource-card__icon{transform:rotate(-8deg) scale(1.06)}
.resource-card__title{font:800 var(--fs-md)/1.3 var(--font-display);color:var(--color-heading)}
.resource-card__text{font-size:var(--fs-sm);line-height:1.55;color:var(--color-muted)}
.resource-card__more{margin-top:auto;padding-top:.35rem}
.resource-card:hover .resource-card__more .icon{transform:translateX(5px)}

/* == 2B-06. CONTACT == */
.contact-cards-section{position:relative;z-index:2;margin-top:calc(-1 * clamp(2.25rem,1.5rem + 3vw,4rem));padding-top:0}
.contact-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.contact-card{box-shadow:var(--shadow-lg)}
.contact-card .office-card__value{font-size:var(--fs-sm);line-height:1.45;overflow-wrap:break-word}
.contact-card .office-card__value a{background:linear-gradient(var(--c-green-500),var(--c-green-500)) 0 100%/0 2px no-repeat;transition:background-size var(--dur-5) var(--ease-out-expo),color var(--dur-2) ease}
.contact-card .office-card__value a:hover{background-size:100% 2px}
.contact-card__lines{display:grid;gap:.3rem}
.contact-card__lines span{display:block}
.contact-card__link{margin-top:auto;padding-top:.25rem}
.contact-card--whatsapp .office-card__icon{background:var(--grad-leaf-deep)}
.contact-card--hours .office-card__icon{background:var(--grad-leaf);color:var(--c-brown-950)}
.contact-card:hover .office-card__icon .icon{animation:ba-wobble .8s var(--ease-out-expo)}
@media (max-width:559.98px){.contact-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem 1rem;align-content:start;padding:1.1rem 1.2rem}.contact-card>:not(.office-card__icon){grid-column:2}.contact-card .office-card__icon{grid-row:1 / span 4;width:2.75rem;height:2.75rem}.contact-card__link{padding-top:.2rem}}

.contact-forms__layout{display:grid;gap:clamp(1.5rem,1rem + 2vw,2.5rem);align-items:start}
@media (min-width:1024px){
  .contact-forms__layout{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem)}
  .contact-aside{position:sticky;top:calc(var(--header-h-scrolled) + 1.25rem)}
}
.contact-tabs{min-width:0;scroll-margin-top:calc(var(--header-h-scrolled) + 1.25rem)}
.contact-tabs>.tabs__panel{scroll-margin-top:calc(var(--header-h-scrolled) + 1.25rem)}
.contact-tabs .tabs__list{box-shadow:var(--shadow-xs)}
@media (max-width:559.98px){.contact-tabs .tabs__list{display:flex;width:100%}.contact-tabs .tabs__tab{flex:1 1 0;justify-content:center;min-width:0;padding-inline:.55rem;font-size:.8125rem;white-space:normal;text-align:center}}
.form-card--quote::before{background:var(--grad-leaf);background-size:200% 100%}

.contact-aside{position:relative;isolation:isolate;overflow:hidden;display:grid;gap:1rem;padding:clamp(1.5rem,1.1rem + 1.5vw,2rem);border-radius:var(--radius-xl);background:radial-gradient(20rem 12rem at 100% 0%,rgba(94,145,80,.35),transparent 70%),var(--grad-brown);box-shadow:var(--shadow-xl)}
.contact-aside>*{margin:0}
.contact-aside__leaf{position:absolute;z-index:-1;right:-2.25rem;bottom:-2.25rem;width:8.5rem;aspect-ratio:1;border-radius:0 100% 0 100%;background:var(--grad-leaf);opacity:.2;transform-origin:100% 100%;pointer-events:none}
.contact-aside__title{font-size:var(--fs-xl);color:#fff}
.contact-aside__text{font-size:var(--fs-sm);line-height:1.6}
.contact-aside__actions{display:grid;gap:.6rem}
.contact-aside__note,.contact-aside__privacy,.contact-aside__hours li{display:flex;align-items:flex-start;gap:.55rem;font-size:var(--fs-xs);line-height:1.5}
.contact-aside .icon{flex:none}
.contact-aside__note .icon,.contact-aside__privacy .icon,.contact-aside__hours .icon{width:1rem;height:1rem;margin-top:.1em;color:var(--c-green-300)}
.contact-aside__hours{display:grid;gap:.45rem;padding:.9rem 0 0!important;list-style:none;border-top:1px solid rgba(255,255,255,.12)}
.contact-aside__link{color:var(--c-green-100)}
.contact-aside__link:hover{color:#fff}
.contact-aside__privacy{color:var(--color-muted)}

.office-address{display:grid;gap:1rem;margin:0;padding:1.4rem 1.5rem;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--color-border);box-shadow:var(--shadow-md);font-style:normal}
.office-address__name{display:flex;align-items:center;gap:.6rem;margin:0;font:800 var(--fs-md)/1.3 var(--font-display);color:var(--color-heading)}
.office-address__list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;font-size:var(--fs-sm);line-height:1.5}
.office-address__list li{display:flex;align-items:flex-start;gap:.6rem}
.office-address__list a{color:var(--color-heading);font-weight:600;text-decoration:none}
.office-address__list a:hover{color:var(--c-green-800);text-decoration:underline}
.office-address .icon{flex:none;width:1.1rem;height:1.1rem;margin-top:.15em;color:var(--c-green-600)}
.office-address__name .icon{width:1.35rem;height:1.35rem;margin:0;color:var(--c-green-700)}
.contact-map__actions{margin-top:1.5rem}
.contact-map .map-silhouette{max-width:32rem}
.contact-map .map-pin--office{scale:1.3}
.contact-map .map-pin--office:hover{scale:1.45}

@media (prefers-reduced-motion:reduce){
  .form-card::before,.locator__status::before,.distributor-card:target,.distributor-card.is-nearest [data-distance]{animation:none}
}

/* ===== Photo sections (library: content/photos.py · partials/photo.html · .photo frame in components.css) ===== */

/* == 3-01. HOME — crop photo cards · statistics over a field photo == */
.crop-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,.4rem + .8vw,1rem);margin:0 0 clamp(1.25rem,1rem + 1vw,2rem);padding:0;list-style:none}
.crop-photos__link{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;color:#fff;text-decoration:none;box-shadow:var(--shadow-sm)}
.crop-photos__link .photo{aspect-ratio:4 / 5;border-radius:inherit}
.crop-photos__link img,.photo-mosaic__link img{transition:transform var(--dur-6) var(--ease-out-expo)}
.crop-photos__link:hover img,.photo-mosaic__link:hover img{transform:scale(1.04)}
.crop-photos__name,.photo-mosaic__caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.55rem;padding:2.5rem .9rem .85rem;background:linear-gradient(180deg,rgba(31,22,11,0),rgba(31,22,11,.8));font:600 1rem/1.2 var(--font-display);color:#fff}
.crop-photos__name .icon,.photo-mosaic__caption .icon{flex:none;width:1.4rem;height:1.4rem}
.crop-photos__link:focus-visible,.photo-mosaic__link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
@media (min-width:900px){.crop-photos{grid-template-columns:repeat(4,minmax(0,1fr))}}

.stats-section--photo{position:relative;isolation:isolate;overflow:hidden;background:var(--c-brown-950)}
.stats-section__bg{position:absolute;inset:0;z-index:-2}
.stats-section__bg .photo{width:100%;height:100%;border-radius:0}
.stats-section--photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(31,22,11,.78) 0%,rgba(31,22,11,.62) 50%,rgba(31,22,11,.82) 100%)}
.stats-section--photo .stat{background:rgba(31,22,11,.42);border-color:rgba(245,243,239,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}

/* == 3-02. ABOUT — key crops mosaic · photo credits == */
.photo-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,.4rem + .8vw,1rem);margin:1.5rem 0 0;padding:0;list-style:none}
.photo-mosaic__item{min-width:0}
.photo-mosaic__item:first-child{grid-column:1 / -1}
.photo-mosaic__link{position:relative;display:block;height:100%;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none}
.photo-mosaic__link .photo{height:100%;aspect-ratio:4 / 3;border-radius:inherit}
.photo-mosaic__item:first-child .photo{aspect-ratio:16 / 9}
@media (min-width:900px){
  .photo-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(10rem,6rem + 7vw,15rem)}
  .photo-mosaic__item:first-child{grid-column:span 2;grid-row:span 2}
  .photo-mosaic .photo,.photo-mosaic__item:first-child .photo{aspect-ratio:auto}
  .photo-mosaic--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .photo-mosaic--4 .photo-mosaic__item:last-child{grid-column:span 2}
}

.photo-credits{border-top:1px solid var(--color-border)}
.photo-credits__title{display:flex;align-items:center;gap:.5rem;margin:0;font:600 var(--fs-xs)/1.3 var(--font-body);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}
.photo-credits__title .icon{width:1.1rem;height:1.1rem}
.photo-credits__note,.photo-credits__list{max-width:72ch;margin:.6rem 0 0;font-size:var(--fs-xs);line-height:1.6;color:var(--color-text-muted)}
.photo-credits__list{padding-left:1.1rem}
.photo-credits__list a{color:var(--color-link)}

/* == 3-03. ADVICE photo steps · SAFETY section photos · PRODUCTS help photo == */
.photo-steps__list{display:grid;gap:clamp(.75rem,.5rem + 1vw,1.25rem);margin:1.75rem 0 0;padding:0;list-style:none}
.photo-steps__link{display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow-xs);transition:box-shadow var(--dur-3) ease,border-color var(--dur-3) ease,translate var(--dur-3) var(--ease-out-expo)}
.photo-steps__link:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);translate:0 -2px}
.photo-steps__link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.photo-steps__link .photo{aspect-ratio:3 / 2;border-radius:0}
.photo-steps__body{position:relative;display:grid;gap:.35rem;padding:1.6rem 1.25rem 1.3rem}
.photo-steps__num{position:absolute;left:1.25rem;top:-1.25rem;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);background:var(--c-green-700);color:#fff;font:700 1.0625rem/1 var(--font-display);box-shadow:var(--shadow-sm)}
.photo-steps__title{font:700 var(--fs-lg)/1.25 var(--font-display);color:var(--color-heading)}
.photo-steps__text{font-size:var(--fs-sm);line-height:1.55;color:var(--color-text-muted)}
@media (min-width:900px){.photo-steps__list{grid-template-columns:repeat(3,minmax(0,1fr))}}

.section-photo{position:relative;margin:0 0 clamp(1.25rem,1rem + 1vw,2rem)}
.section-photo .photo{aspect-ratio:16 / 9;box-shadow:var(--shadow-md)}
@media (min-width:900px){.section-photo .photo{aspect-ratio:21 / 8}}
.section-photo__caption{margin-top:.6rem;font-size:var(--fs-xs);line-height:1.5;color:var(--color-text-muted)}
.section--leaf .section-photo__caption{color:inherit;opacity:.85}

.help-card__photo{position:relative;margin:0}
.help-card__photo .photo{aspect-ratio:16 / 9}
.help-card__photo .help-card__icon{position:absolute;left:-.75rem;bottom:-.75rem;box-shadow:var(--shadow-md)}
@media (min-width:900px){
  .help-card--photo{grid-template-columns:minmax(220px,300px) minmax(0,1fr) auto}
  .help-card__photo .photo{aspect-ratio:4 / 3}
}

@media (prefers-reduced-motion:reduce){.crop-photos__link img,.photo-mosaic__link img{transition:none}.photo-steps__link{transition:none}}
