.language-switcher{display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap;padding:0 0 .65rem}
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:.35rem .75rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff;font-size:.82rem;font-weight:700;white-space:nowrap}
.language-switcher a[aria-current]{background:var(--forest);border-color:var(--forest);color:#fff}
.language-switcher img{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0002}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9b610f;outline-offset:4px}
.choice-callout{margin-top:1.35rem;background:#eef2cf;border:1px solid #b4c44c;border-left:5px solid #a2b536;border-radius:16px;padding:1.1rem 1.2rem;box-shadow:0 6px 18px #20202008}
.choice-callout .choice-label{font-size:.73rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;color:#4f5a20}
.choice-callout h2{font-family:inherit;letter-spacing:-.02em;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.3;margin:0 0 .5rem;font-weight:800}
.choice-callout p{font-size:.97rem;line-height:1.5;margin:0 0 .85rem}
.choice-callout .choice-button{width:100%;min-height:50px;gap:1rem}
.hero-copy>.actions{margin-top:1rem}
.nav-links a,.button,.card h3,.bottle-card strong{overflow-wrap:normal}
.intro>*,.feature>*,.footer-grid>*,.contact-grid>*{min-width:0}
/* Keep translated words intact, including more specific mobile rules in the base CSS. */
html[lang] body :is(h1,h2,h3,h4,p,li,summary,.eyebrow,.button,.bottle-card strong,.nav-links a,.footer-links a){overflow-wrap:normal;word-break:normal;hyphens:none}
.footer-links a[href^="mailto:"],a[href^="https://"]{overflow-wrap:anywhere}
.shop-test-note{padding:1rem 1.3rem;margin-bottom:1.5rem;background:#eef2cf;border-radius:14px;border:1px solid #b4c44c}
.shop-test-note p{margin:0;font-size:1rem}
@media(max-width:820px){.language-switcher{justify-content:center;padding-bottom:.55rem}.hero-copy{padding-block:2.25rem}.hero-copy>.actions{display:grid;grid-template-columns:1fr}.hero-copy>.actions .button{width:100%}.nav .brand span{font-size:clamp(.85rem,3.5vw,1rem)}.nav{gap:.6rem}.brand{gap:.5rem}.menu-toggle{flex-shrink:0}.choice-callout{padding:1rem}.hero-copy h1{font-size:clamp(2.8rem,10vw,4.3rem)}}
@media(max-width:360px){.language-switcher a{font-size:.75rem;padding:.3rem .55rem;gap:.3rem}.language-switcher img{width:21px;height:14px}.brand img{width:35px;height:35px}.nav .brand span{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Research extension, 8 October 2026. Native HTML keeps the infographic translated and accessible. */
.research-section{background:#eef3ed}
.research-intro{max-width:760px;margin:1rem 0 2rem;font-size:1.1rem;line-height:1.7}
.research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.research-card{min-width:0;background:#fff;border:1px solid #d6e1d4;border-radius:20px;padding:2rem;box-shadow:0 8px 26px #233c2810;display:flex;flex-direction:column;align-items:flex-start}
.research-card h3{font-size:1.45rem;line-height:1.25;margin:.3rem 0 1rem}
.research-card>p:not(.research-label){line-height:1.7;margin:0 0 1.3rem}
.research-card .text-link{margin-top:auto}
.research-icon{width:52px;height:52px;background:#e8efdf;color:#345840;border-radius:15px;display:grid;place-items:center;margin-bottom:1rem}
.research-icon svg{width:28px;height:30px}
.research-label{font-size:.78rem;letter-spacing:.12em;font-weight:700;color:#526548;margin:0 0 .4rem}
.research-footnote{padding:1.2rem 1.6rem;border-left:3px solid #b7974a;background:#fff9ec;margin-top:1.6rem;border-radius:0 12px 12px 0}
.research-footnote p{margin:0;line-height:1.7}
.research-diagram{background:#263f32;color:#fff}
.research-diagram h2,.research-diagram h3,.research-diagram .eyebrow{color:inherit}
.research-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:2rem 0 0;gap:1.4rem}
.research-steps li{position:relative;min-width:0;padding:1.7rem;background:#ffffff0c;border:1px solid #ffffff26;border-radius:18px}
.research-steps svg{width:38px;height:42px;color:#dcc18c;margin-bottom:1rem}
.research-step{position:absolute;right:1.5rem;top:1.5rem;font-size:1.6rem;color:#dcc18c}
.research-steps h3{font-size:1.4rem;margin:.4rem 0 .8rem}
.research-steps p{margin:0;line-height:1.7;color:#edf1e9}
.research-gallery{background:#faf7ef}
.research-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.research-photo-grid figure{margin:0;overflow:hidden;border-radius:18px;background:white;border:1px solid #e7e3d8}
.research-photo-grid picture{display:block}
.research-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.research-photo-grid figcaption{padding:1.2rem 1.5rem;font-weight:600;line-height:1.5}
@media(max-width:820px){.research-steps{grid-template-columns:1fr}.research-grid{gap:1rem}.research-card{padding:1.4rem}}
@media(max-width:580px){.research-grid,.research-photo-grid{grid-template-columns:1fr}.research-intro{font-size:1rem}.research-card h3{font-size:1.3rem}.research-footnote{padding:1rem}.research-steps li{padding:1.4rem}}

/* Producer identity and compact, touch-friendly contact footer. */
.footer .whatsapp-support{display:inline-flex;gap:.65rem;align-items:center;justify-content:center;background:#d7ed9d;color:#17352b;border:1px solid #d7ed9d;min-height:48px;padding:.75rem 1.1rem;margin:.65rem 0;text-decoration:none;white-space:nowrap;font-size:1rem;line-height:1.3}
.footer .whatsapp-support:hover{background:#ebf6cd;border-color:#ebf6cd;color:#17352b}
.whatsapp-support svg{flex:none;width:24px;height:24px}
.footer-location-note{font-size:.88rem;line-height:1.55;color:#d7e1db;max-width:36ch}
.hero-copy h1{font-size:clamp(2rem,6vw,3.65rem);line-height:1.08;letter-spacing:-.035em;max-width:20ch}
.publisher-note{margin-block:0 2.5rem;padding:1.2rem;border:1px solid #d6e1d4;border-left:4px solid #728129;border-radius:12px;background:#f4f6ef;font-size:.92rem;line-height:1.6}
.publisher-note p{margin:0 0 .6rem}
.publisher-note a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
@media(max-width:820px){
 .header{position:relative}
 .section{padding-block:2.5rem}
 .intro,.feature{gap:1.3rem}
 .page-hero{padding-block:2.2rem}
 .hero-grid{gap:1.5rem}
 .hero-showcase{margin-bottom:1rem}
 .hero-copy h1{font-size:clamp(2rem,7.7vw,3.2rem);line-height:1.12;max-width:22ch}
 .hero-copy{padding-top:1.8rem!important}
 .hero-copy .lead{font-size:1.05rem;line-height:1.6}
 .footer{padding:2rem 0 1.4rem}
 .footer-grid{gap:1.5rem}
 .footer-brand-logo{max-width:64px;height:auto}
 .footer-brand h3{margin-block:.6rem}
 .footer-brand p{margin-block:.6rem}
 .footer .whatsapp-support{width:100%;max-width:320px}
 .footer-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
 .footer-links a{display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;font-size:.9rem}
 .footer .legal{margin-top:1.4rem;padding-top:1rem}
}
.ecs-evolution{border:1px solid #b9c7b8;border-radius:16px;padding:8px 20px;background:#f7f8f3}
.ecs-evolution summary{min-height:48px;display:list-item;align-content:center;cursor:pointer;font-weight:700;line-height:1.5;padding:10px 0}
.ecs-evolution p{line-height:1.75;margin:12px 0}