/* =========================================================================
   AGRO INTERNATIONAL CORPORATION — Theme stylesheet
   Flat palette: forest green, lemon green, white, black. No gradients.
   ========================================================================= */

:root {
	--forest: #1B4D2E;
	--forest-dark: #123821;
	--lemon: #B5D414;
	--white: #FFFFFF;
	--black: #111111;
	--off-white: #F6F8F4;
	--divider: #E6E8E5;
	--grey-text: #4A554C;
	--header-h: 86px;
	--maxw: 1180px;
}

/* ---------- Reset / base ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: var(--header-h); }

body {
	margin: 0;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.7;
	color: var(--black);
	background: var(--white);
	-webkit-font-smoothing: antialiased;
	overflow-x: clip; /* prevent any sideways scroll without breaking sticky header */
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	color: var(--forest);
	line-height: 1.2;
	margin: 0 0 .5em;
	font-weight: 700;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

p { margin: 0 0 1rem; }
a { color: var(--forest); text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--lemon); }
img { max-width: 100%; height: auto; display: block; }

/* ---------- Layout helpers ---------- */
.agro-container {
	width: 100%;
	max-width: var(--maxw);
	margin-inline: auto;
	padding-inline: 24px;
}

.agro-section { padding-block: clamp(3.5rem, 2rem + 6vw, 6rem); }
.agro-section--tint { background: var(--off-white); }
.agro-section--forest { background: var(--forest); color: var(--white); }
.agro-section--forest h2,
.agro-section--forest h3 { color: var(--white); }

/* Section divider (a thin rule between sections) */
.agro-divider {
	border: 0;
	height: 1px;
	background: var(--divider);
	margin: 0;
}
.agro-divider--accent {
	height: 3px;
	background: var(--lemon);
	width: 64px;
	margin: 0 0 1.25rem;
	border-radius: 2px;
}
.agro-section--center .agro-divider--accent { margin-inline: auto; }

/* Section heading block */
.agro-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: .8rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--lemon);
	margin-bottom: .9rem;
}
.agro-section--forest .agro-eyebrow { color: var(--lemon); }
.agro-section:not(.agro-section--forest) .agro-eyebrow { color: #6f8a2e; }

.agro-section__head { max-width: 720px; margin-bottom: 2.75rem; }
.agro-section--center .agro-section__head { margin-inline: auto; text-align: center; }
.agro-section__title { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 2.75rem); margin-bottom: .6rem; }
.agro-section__lead { font-size: 1.125rem; color: var(--grey-text); margin: 0; }
.agro-section--forest .agro-section__lead { color: rgba(255,255,255,.82); }

/* ---------- Buttons ---------- */
.agro-btn {
	display: inline-flex;
	align-items: center;
	gap: .55rem;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: .98rem;
	padding: .85rem 1.6rem;
	border-radius: 4px;
	border: 2px solid var(--lemon);
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
	line-height: 1;
}
.agro-btn--primary { background: var(--lemon); color: var(--forest); }
.agro-btn--primary:hover { background: var(--forest); color: var(--white); border-color: var(--forest); }
.agro-btn--ghost { background: transparent; color: var(--white); border-color: rgba(255,255,255,.55); }
.agro-btn--ghost:hover { background: var(--white); color: var(--forest); border-color: var(--white); }
.agro-btn--outline { background: transparent; color: var(--forest); border-color: var(--forest); }
.agro-btn--outline:hover { background: var(--forest); color: var(--white); }
.agro-btn i { font-size: 1.15em; }

/* =========================================================================
   HEADER / NAV
   ========================================================================= */
/* Sticky header — applied to the WRAPPER element so its containing block is the
   tall page container. The inner .agro-header alone would scroll away because its
   parent wraps it tightly. Covers the block theme (<header class="wp-block-template-part">)
   and the static preview (body > header). */
header.wp-block-template-part,
body > header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
}
.agro-header {
	background: var(--white);
	border-bottom: 1px solid var(--divider);
}
.agro-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	height: var(--header-h);
}
.agro-brand { display: inline-flex; align-items: center; }
.agro-logo {
	display: block;
	width: 96px; height: 66px; /* aspect 1492:1023 of the trimmed Global Agro logo */
	background: url('../images/logo.png') no-repeat center;
	background-size: contain;
}

.agro-nav { display: flex; align-items: center; gap: 1.75rem; }
.agro-nav__list { display: flex; align-items: center; gap: 1.5rem; list-style: none; margin: 0; padding: 0; }
.agro-nav__link {
	font-weight: 500; font-size: .95rem; color: var(--black);
	position: relative; padding-block: .35rem;
}
.agro-nav__link::after {
	content: ""; position: absolute; left: 0; bottom: -2px;
	width: 0; height: 2px; background: var(--lemon); transition: width .22s ease;
}
.agro-nav__link:hover,
.agro-nav__link.is-active { color: var(--forest); }
.agro-nav__link:hover::after,
.agro-nav__link.is-active::after { width: 100%; }

.agro-header__actions { display: flex; align-items: center; gap: .9rem; }

/* Language toggle */
.agro-lang { display: inline-flex; border: 1px solid var(--divider); border-radius: 4px; overflow: hidden; }
.agro-lang__btn {
	font-family: 'Poppins', sans-serif; font-weight: 600; font-size: .8rem;
	background: var(--white); color: var(--grey-text);
	border: 0; padding: .45rem .7rem; cursor: pointer; line-height: 1;
	transition: background .2s ease, color .2s ease;
}
.agro-lang__btn.is-active { background: var(--forest); color: var(--white); }

/* Mobile menu button */
.agro-burger {
	display: none; background: transparent; border: 0; cursor: pointer;
	font-size: 1.6rem; color: var(--forest); line-height: 1; padding: .25rem;
}

/* =========================================================================
   HERO
   ========================================================================= */
.agro-hero {
	position: relative;
	background: var(--forest);
	color: var(--white);
	overflow: hidden;
}
.agro-hero__bg {
	position: absolute; inset: 0;
	background-size: cover; background-position: center;
	opacity: .22;
}
.agro-hero__inner {
	position: relative;
	display: grid; grid-template-columns: 1.05fr .95fr; gap: 3rem; align-items: center;
	padding-block: clamp(4rem, 2rem + 8vw, 7rem);
}
.agro-hero__eyebrow {
	display: inline-flex; align-items: center; gap: .55rem;
	font-size: .8rem; letter-spacing: .16em; text-transform: uppercase; font-weight: 600;
	color: var(--lemon); margin-bottom: 1.1rem;
}
.agro-hero h1 {
	color: var(--white);
	font-size: clamp(2.3rem, 1.4rem + 4vw, 3.6rem);
	font-weight: 800;
	margin-bottom: 1.1rem;
}
.agro-hero h1 em { color: var(--lemon); font-style: normal; }
.agro-hero__lead { font-size: 1.18rem; color: rgba(255,255,255,.85); max-width: 38ch; margin-bottom: 1.9rem; }
.agro-hero__actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-bottom: 2.4rem; }
.agro-hero__stats { display: flex; gap: 2.5rem; flex-wrap: wrap; border-top: 1px solid rgba(255,255,255,.18); padding-top: 1.5rem; }
.agro-hero__stat-num { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.8rem; color: var(--lemon); line-height: 1; }
.agro-hero__stat-label { font-size: .82rem; color: rgba(255,255,255,.75); margin-top: .35rem; }
.agro-hero__media {
	border-radius: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.18);
	aspect-ratio: 4 / 3.4;
}
.agro-hero__media img { width: 100%; height: 100%; object-fit: cover; }

/* =========================================================================
   ABOUT
   ========================================================================= */
.agro-about__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 3.25rem; align-items: center; }
.agro-about__media { position: relative; }
.agro-about__media img { border-radius: 10px; width: 100%; aspect-ratio: 4/3.6; object-fit: cover; }
.agro-about__badge {
	position: absolute; left: -18px; bottom: -18px;
	background: var(--forest); color: var(--white);
	padding: 1rem 1.25rem; border-radius: 8px; max-width: 230px;
	border-left: 4px solid var(--lemon);
}
.agro-about__badge strong { font-family: 'Poppins', sans-serif; display: block; font-size: 1.5rem; color: var(--lemon); }
.agro-about__badge span { font-size: .82rem; color: rgba(255,255,255,.85); }
.agro-about__values { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1rem; }
.agro-about__values li { display: flex; gap: .85rem; align-items: flex-start; }
.agro-about__values i { color: var(--forest); font-size: 1.35rem; flex: none; margin-top: .1rem; }
.agro-about__values b { font-family: 'Poppins', sans-serif; color: var(--forest); display: block; }

/* =========================================================================
   SERVICES
   ========================================================================= */
.agro-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.agro-card {
	background: var(--white);
	border: 1px solid var(--divider);
	border-radius: 10px;
	padding: 2rem 1.75rem;
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.agro-card:hover { transform: translateY(-4px); border-color: var(--lemon); box-shadow: 0 18px 40px -28px rgba(17,17,17,.4); }
.agro-card__icon {
	width: 56px; height: 56px; border-radius: 8px;
	display: grid; place-items: center;
	background: var(--forest); color: var(--lemon);
	font-size: 1.7rem; margin-bottom: 1.2rem;
}
.agro-card h3 { font-size: 1.25rem; margin-bottom: .5rem; }
.agro-card p { color: var(--grey-text); margin-bottom: 1.1rem; font-size: .98rem; }
.agro-card__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.agro-card__list li { display: flex; gap: .5rem; align-items: flex-start; font-size: .92rem; color: var(--black); }
.agro-card__list i { color: var(--lemon); font-size: 1.05rem; margin-top: .15rem; flex: none; }
.agro-section--forest .agro-card__list li { color: rgba(255,255,255,.85); }

/* =========================================================================
   PRODUCTS
   ========================================================================= */
.agro-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
.agro-product {
	position: relative; border-radius: 10px; overflow: hidden;
	aspect-ratio: 3/3.4; border: 1px solid var(--divider);
}
.agro-product img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.agro-product:hover img { transform: scale(1.06); }
.agro-product__overlay {
	position: absolute; inset: 0;
	background: rgba(18,56,33,.55);
	display: flex; flex-direction: column; justify-content: flex-end;
	padding: 1.25rem;
}
.agro-product__overlay i { color: var(--lemon); font-size: 1.5rem; margin-bottom: .35rem; }
.agro-product__overlay h3 { color: var(--white); font-size: 1.15rem; margin: 0 0 .15rem; }
.agro-product__overlay span { color: rgba(255,255,255,.85); font-size: .85rem; }

/* =========================================================================
   WHY US / STATS
   ========================================================================= */
.agro-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.agro-why__item { text-align: left; padding: 1.5rem; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; }
.agro-why__item i { color: var(--lemon); font-size: 2rem; margin-bottom: .8rem; display: block; }
.agro-why__item h3 { color: var(--white); font-size: 1.1rem; margin-bottom: .4rem; }
.agro-why__item p { color: rgba(255,255,255,.78); font-size: .92rem; margin: 0; }

.agro-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 1.5rem; margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid rgba(255,255,255,.16); }
.agro-stat { text-align: center; }
.agro-stat__num { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(2rem, 1.4rem + 2vw, 2.8rem); color: var(--lemon); line-height: 1; }
.agro-stat__label { font-size: .9rem; color: rgba(255,255,255,.8); margin-top: .5rem; }

/* =========================================================================
   CONTACT
   ========================================================================= */
.agro-contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
.agro-contact__list { list-style: none; margin: 1.5rem 0 2rem; padding: 0; display: grid; gap: 1.25rem; }
.agro-contact__list li { display: flex; gap: 1rem; align-items: flex-start; }
.agro-contact__list i {
	width: 46px; height: 46px; flex: none; border-radius: 8px;
	display: grid; place-items: center; background: var(--forest); color: var(--lemon); font-size: 1.3rem;
}
.agro-contact__list b { font-family: 'Poppins', sans-serif; color: var(--forest); display: block; font-size: .95rem; }
.agro-contact__list span { color: var(--grey-text); font-size: .95rem; word-break: break-word; }
.agro-contact__map { border-radius: 10px; overflow: hidden; border: 1px solid var(--divider); margin-top: 1.5rem; }
.agro-contact__map iframe { width: 100%; height: 220px; border: 0; display: block; }

.agro-form { background: var(--white); border: 1px solid var(--divider); border-radius: 12px; padding: 2rem; }
.agro-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.agro-field { margin-bottom: 1.1rem; }
.agro-field label { display: block; font-size: .85rem; font-weight: 600; color: var(--forest); margin-bottom: .4rem; font-family: 'Poppins', sans-serif; }
.agro-field input,
.agro-field textarea {
	width: 100%; padding: .8rem .9rem; border: 1px solid var(--divider); border-radius: 6px;
	font-family: inherit; font-size: .98rem; color: var(--black); background: var(--off-white);
	transition: border-color .2s ease, background .2s ease;
}
.agro-field input:focus,
.agro-field textarea:focus { outline: none; border-color: var(--lemon); background: var(--white); }
.agro-field textarea { min-height: 130px; resize: vertical; }
.agro-form .agro-btn { width: 100%; justify-content: center; }
.agro-form__note { font-size: .82rem; color: var(--grey-text); margin: .9rem 0 0; text-align: center; }

/* Submission status banner */
.agro-form__alert { padding: .85rem 1rem; border-radius: 6px; margin-bottom: 1.2rem; font-size: .92rem; font-weight: 500; line-height: 1.45; }
.agro-form__alert--ok { background: #eef6da; color: var(--forest); border-left: 4px solid var(--lemon); }
.agro-form__alert--err { background: #fbeaea; color: #8a1f1f; border-left: 4px solid #c0392b; }

/* Honeypot: hidden from real users, visible to bots */
.agro-hp { position: absolute !important; left: -9999px !important; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* =========================================================================
   FOOTER
   ========================================================================= */
.agro-footer { background: var(--forest-dark); color: rgba(255,255,255,.78); padding-block: 3.5rem 1.5rem; }
.agro-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1.2fr; gap: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255,255,255,.14); }
.agro-footer h4 { color: var(--white); font-size: 1rem; margin-bottom: 1.1rem; }
.agro-footer__brand-link { display: inline-flex; flex-direction: column; line-height: 1.12; text-decoration: none; }
.agro-footer__brandname { font-family: 'Poppins', sans-serif; font-weight: 700; color: var(--white); font-size: 1.25rem; letter-spacing: .01em; }
.agro-footer__brandsub { font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; color: var(--lemon); margin-top: 4px; }
.agro-footer__about { font-size: .92rem; margin: 1.1rem 0 1.25rem; max-width: 34ch; }
.agro-footer__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.agro-footer__list a { color: rgba(255,255,255,.78); font-size: .93rem; }
.agro-footer__list a:hover { color: var(--lemon); }
.agro-footer__list li { display: flex; gap: .6rem; align-items: flex-start; font-size: .93rem; min-width: 0; }
.agro-footer__list li i { color: var(--lemon); margin-top: .15rem; flex: none; }
/* Let long values (e.g. the email address) wrap instead of forcing a column wide */
.agro-footer__list span,
.agro-footer__list a { overflow-wrap: anywhere; word-break: break-word; min-width: 0; }
.agro-footer__social { display: flex; gap: .6rem; margin-top: 1rem; }
.agro-footer__social a {
	width: 40px; height: 40px; border-radius: 6px; display: grid; place-items: center;
	background: rgba(255,255,255,.08); color: var(--white); font-size: 1.2rem;
}
.agro-footer__social a:hover { background: var(--lemon); color: var(--forest); }
.agro-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-top: 1.5rem; font-size: .85rem; color: rgba(255,255,255,.6); }

/* =========================================================================
   LANGUAGE VISIBILITY (FR default)
   ========================================================================= */
[data-en] { } /* handled via JS innerHTML swap; default markup is French */

/* =========================================================================
   RESPONSIVE
   ========================================================================= */
@media (max-width: 980px) {
	.agro-hero__inner { grid-template-columns: 1fr; gap: 2.25rem; }
	.agro-hero__content { text-align: center; }
	.agro-hero__eyebrow,
	.agro-hero__actions,
	.agro-hero__stats { justify-content: center; }
	.agro-hero__lead { margin-inline: auto; }
	.agro-hero__media { order: -1; max-width: 520px; margin-inline: auto; }
	.agro-about__grid { grid-template-columns: 1fr; gap: 2.5rem; }
	.agro-about__media { max-width: 540px; margin-inline: auto; }
	.agro-cards { grid-template-columns: 1fr 1fr; }
	.agro-products { grid-template-columns: 1fr 1fr; }
	.agro-why__grid { grid-template-columns: 1fr 1fr; }
	.agro-contact__grid { grid-template-columns: 1fr; gap: 2.25rem; }
	.agro-footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

@media (max-width: 760px) {
	.agro-nav { display: none; }
	.agro-nav.is-open {
		display: block;
		position: fixed; inset: var(--header-h) 0 auto 0;
		background: var(--white);
		border-top: 3px solid var(--lemon);
		box-shadow: 0 18px 34px -18px rgba(17, 17, 17, .45);
		padding: .25rem 0 .5rem; z-index: 99;
		max-height: calc(100vh - var(--header-h)); overflow-y: auto;
	}
	.agro-nav.is-open .agro-nav__list { flex-direction: column; align-items: stretch; gap: 0; width: 100%; }
	.agro-nav.is-open .agro-nav__link {
		display: block; padding: 1rem 24px;
		font-size: 1.05rem; font-weight: 600; color: var(--forest);
		border-bottom: 1px solid var(--divider);
	}
	.agro-nav.is-open .agro-nav__list li:last-child .agro-nav__link { border-bottom: 0; }
	.agro-nav.is-open .agro-nav__link::after { display: none; }
	.agro-nav.is-open .agro-nav__link:hover,
	.agro-nav.is-open .agro-nav__link.is-active {
		background: var(--off-white);
		box-shadow: inset 4px 0 0 var(--lemon);
	}
	.agro-burger { display: block; }
	.agro-stats { grid-template-columns: 1fr 1fr; gap: 2rem; }
	.agro-form__row { grid-template-columns: 1fr; }
	.agro-logo { width: 88px; height: 60px; }
	.agro-container { padding-inline: 20px; }
	.agro-form { padding: 1.5rem; }
}

@media (max-width: 540px) {
	:root { --header-h: 74px; }
	.agro-cards { grid-template-columns: 1fr; }
	.agro-products { grid-template-columns: 1fr 1fr; }
	.agro-why__grid { grid-template-columns: 1fr; }
	.agro-hero h1 { font-size: 2.1rem; }
	.agro-hero__lead { font-size: 1.05rem; }
	.agro-hero__stats { gap: 1.25rem 1.75rem; padding-top: 1.25rem; }
	.agro-hero__stat-num { font-size: 1.5rem; }
	.agro-container { padding-inline: 16px; }
	.agro-header__inner { gap: .75rem; }
	.agro-header__actions { gap: .5rem; }
	.agro-lang__btn { padding: .4rem .55rem; font-size: .78rem; }
	.agro-logo { width: 79px; height: 54px; }

	/* Footer: brand full width, link menus in two columns */
	.agro-footer__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.75rem 1.5rem; }
	.agro-footer__brand { grid-column: 1 / -1; }

	/* Move the floating "Douala" badge into normal flow so it never overflows */
	.agro-about__media { max-width: 100%; }
	.agro-about__badge {
		position: static; left: auto; bottom: auto; max-width: none;
		margin-top: .75rem; border-radius: 0 0 8px 8px;
	}

	.agro-section__lead { font-size: 1.05rem; }
	.agro-card { padding: 1.5rem 1.35rem; }
	.agro-footer__bottom { flex-direction: column; gap: .5rem; }
}

@media (max-width: 380px) {
	.agro-products { grid-template-columns: 1fr; }
	.agro-hero h1 { font-size: 1.9rem; }
	.agro-hero__stats { flex-direction: row; gap: 1rem 1.25rem; }
	.agro-logo { width: 73px; height: 50px; }
}

/* Larger tap targets + smoother momentum scrolling on touch devices */
@media (hover: none) {
	.agro-nav__link, .agro-btn, .agro-lang__btn, .agro-burger { -webkit-tap-highlight-color: transparent; }
	.agro-btn { padding-block: 1rem; }
}

/* =========================================================================
   404, LEGAL PAGE, COOKIE BANNER, FOOTER LEGAL LINKS
   ========================================================================= */
.agro-404 { min-height: 58vh; display: grid; place-items: center; text-align: center; }
.agro-404__inner { max-width: 540px; }
.agro-404__code { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(4.5rem, 2rem + 14vw, 9rem); color: var(--lemon); line-height: 1; letter-spacing: -0.03em; }
.agro-404 h1 { font-size: clamp(1.6rem, 1.2rem + 2vw, 2.4rem); margin: .25rem 0 1rem; }
.agro-404 p { color: var(--grey-text); margin-bottom: 2rem; }

.agro-legal { max-width: 760px; }
.agro-legal h2 { font-size: 1.5rem; margin: 2.25rem 0 .75rem; }
.agro-legal h2:first-child { margin-top: 0; }
.agro-legal p { color: var(--grey-text); margin-bottom: 1rem; }
.agro-legal a { color: var(--forest); font-weight: 600; }

.agro-footer__legal { display: inline-flex; gap: .5rem; flex-wrap: wrap; }
.agro-footer__legal a { color: rgba(255,255,255,.6); }
.agro-footer__legal a:hover { color: var(--lemon); }

.agro-cookie {
	position: fixed; left: 0; right: 0; bottom: 0; z-index: 200;
	background: var(--white); border-top: 1px solid var(--divider);
	box-shadow: 0 -8px 30px -14px rgba(17,17,17,.2);
	display: flex; align-items: center; justify-content: space-between; gap: 1.5rem;
	padding: 1rem 24px; flex-wrap: wrap;
}
.agro-cookie[hidden] { display: none; }
.agro-cookie__text { margin: 0; font-size: .92rem; color: var(--black); max-width: 68ch; }
.agro-cookie__actions { display: flex; align-items: center; gap: 1.25rem; }
.agro-cookie__link { font-size: .9rem; color: var(--forest); font-weight: 600; white-space: nowrap; }
.agro-cookie__accept { padding: .6rem 1.5rem; }
@media (max-width: 540px) {
	.agro-cookie { padding: 1rem 16px; gap: 1rem; }
	.agro-cookie__actions { width: 100%; justify-content: space-between; }
}