/* BP Impact environnemental widget styles
 *
 * Tunisia product page "Impact environnemental" section.
 *
 * Layout:
 *   - widget stays inside its own 1140px container (centered)
 *   - centered header: eyebrow + serif title + description
 *   - 2-column block (~50/50 with 28px gap) below the header:
 *       LEFT: full-bleed rounded image panel
 *       RIGHT: 3 stacked rounded info cards
 *   - bottom strip: full-width rounded panel with a small
 *     green leaf circle, a strong + secondary text block, and
 *     a small decorative botanical
 *   - 2 subtle cream line-art landscape illustrations
 *     (one on the left, one on the right)
 *     (clouds, fields, trees, wind turbines) absolutely
 *     positioned around the section, low opacity, never
 *     affecting layout
 *
 * Approved palette ONLY:
 *   #374F37  deep green
 *   #EDDBC3  cream
 *   #B8B25A  olive / gold
 *   #FFFFFF  white
 *   plus existing neutral tokens (#FBF6EC, #E4DCCB, #1F2A1F,
 *   #5C6A5C). No invented greens or browns.
 *
 * SCOPING:
 *   Every rule is scoped under `.bp-impact-environnemental`
 *   (the widget's own root). There are NO global selector
 *   leaks: no rule targets `.elementor-section`,
 *   `.elementor-container`, `.e-con`, `.e-con-inner`,
 *   `.elementor-widget-wrap`, etc. unless the selector ALSO
 *   carries the `.bp-impact-environnemental` class.
 *
 *   Logical CSS properties (margin-inline, padding-inline,
 *   inset-inline, inline-size, block-size) are used so LTR
 *   and RTL share the same ruleset.
 */

/* =========================================================
 * ROOT (full-viewport background layer)
 * The section root breaks out of any parent Elementor
 * container and spans the full viewport width so the two
 * landscape decorations can sit at the actual screen edges.
 *
 * Breakout technique:
 *   width: 100vw  -> fill the viewport
 *   margin-inline: calc(50% - 50vw) -> shift half the parent
 *     width to the left and half to the right, so the
 *     element starts at the left viewport edge and ends at
 *     the right viewport edge regardless of the parent
 *     container's width.
 *   overflow-x: clip  -> prevent any horizontal scroll that
 *     would otherwise be caused by 100vw + the scrollbar.
 *
 * The 1140px content constraint is applied to the inner
 * wrapper below; the root itself only carries the cream
 * background, the two landscape decorations, and the
 * vertical padding.
 * ========================================================= */
.bp-impact-environnemental {
	/* ---- Theme tokens (approved palette only) ---- */
	--bp-ie-green:        #374F37;
	--bp-ie-olive:        #B8B25A;
	--bp-ie-cream:        #EDDBC3;
	--bp-ie-white:        #FFFFFF;
	--bp-ie-text:         #1F2A1F;
	--bp-ie-text-muted:   #5C6A5C;
	--bp-ie-border:       #E4DCCB;
	--bp-ie-card-bg:      #FBF6EC;

	--bp-ie-inner-max:    1140px;
	--bp-ie-cards-gap:    14px;

	--bp-ie-font-body:    var(--bp-font-body, 'Manrope', system-ui, sans-serif);
	--bp-ie-font-display: var(--bp-font-display, 'DM Serif Display', Georgia, serif);

	/* Per-landscape-element variables (Width / X / Y / Rotation / Opacity) */
	--bp-ie-ld_left-w:         420px;
	--bp-ie-ld_left-x:         0px;
	--bp-ie-ld_left-y:         0px;
	--bp-ie-ld_left-rotate:    0deg;
	--bp-ie-ld_left-opacity:   45%;

	--bp-ie-ld_right-w:        420px;
	--bp-ie-ld_right-x:        0px;
	--bp-ie-ld_right-y:        0px;
	--bp-ie-ld_right-rotate:   0deg;
	--bp-ie-ld_right-opacity:  45%;

	position: relative;
	isolation: isolate;
	overflow-x: clip;
	overflow-y: visible;
	box-sizing: border-box;
	inline-size: 100vw;
	max-inline-size: 100vw;
	margin-inline: calc(50% - 50vw);
	padding-block: 72px;
	padding-inline: 0;
	background: var(--bp-ie-card-bg);
	color: var(--bp-ie-text);
	font-family: var(--bp-ie-font-body);
}

.elementor-18 .elementor-element.elementor-element-1ce78a8 .bp-impact-environnemental {
	margin-block-start: 100px !important;
}

.bp-impact-environnemental *,
.bp-impact-environnemental *::before,
.bp-impact-environnemental *::after {
	box-sizing: border-box;
}

/* =========================================================
 * INNER (1140px centered content box)
 * The inner wrapper is the only 1140px-constrained element.
 * The landscape decorations live in the full-width root so
 * they can sit at the actual screen edges.
 * ========================================================= */
.bp-impact-environnemental .bp-ie__inner {
	position: relative;
	z-index: 2;
	inline-size: 100%;
	max-inline-size: var(--bp-ie-inner-max);
	margin-inline: auto;
	padding-inline: clamp(16px, 3vw, 24px);
	display: flex;
	flex-direction: column;
	gap: 0;
}

/* =========================================================
 * Landscape decorations
 * Each landscape element is absolutely positioned inside the
 * widget's own root (z-index below content), at low opacity,
 * and never affects layout. Selectors are scoped to the
 * `.bp-impact-environnemental` root.
 *
 * The decorations are explicitly excluded from the shared
 * `data-bp-reveal` observer: no animation, no transition,
 * no opacity sweep, no transform on entry. They belong to
 * the static background layer of the section.
 * ========================================================= */
.bp-impact-environnemental .bp-ie__landscape {
	position: absolute;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--bp-ie-olive);
	max-inline-size: 40%;
	inline-size: var(--bp-ie-width, 120px);
	opacity: var(--bp-ie-opacity, 50%);
	transform: translate(
		var(--bp-ie-x, 0px),
		var(--bp-ie-y, 0px)
	) rotate(var(--bp-ie-rotate, 0deg));
	animation: none !important;
	transition: none !important;
	will-change: auto;
}

.bp-impact-environnemental .bp-ie__landscape img,
.bp-impact-environnemental .bp-ie__landscape svg {
	inline-size: 100%;
	block-size: auto;
	display: block;
	color: inherit;
	fill: none;
	stroke: currentColor;
}

/* Per-element variable mapping - each landscape element
 * pulls its own --bp-ie-{key}-{w,x,y,rotate,opacity} values
 * defined on the root. They are pinned to the top-left and
 * top-right edges of the section, peeking out like the
 * botanicals on the other Barbary sections. */
.bp-impact-environnemental .bp-ie__landscape--ld_left {
	--bp-ie-width:   var(--bp-ie-ld_left-w);
	--bp-ie-x:       var(--bp-ie-ld_left-x);
	--bp-ie-y:       var(--bp-ie-ld_left-y);
	--bp-ie-rotate:  var(--bp-ie-ld_left-rotate);
	--bp-ie-opacity: var(--bp-ie-ld_left-opacity);
	inset-block-start: 0;
	left: 0;
	right: auto;
}

.bp-impact-environnemental .bp-ie__landscape--ld_right {
	--bp-ie-width:   var(--bp-ie-ld_right-w);
	--bp-ie-x:       var(--bp-ie-ld_right-x);
	--bp-ie-y:       var(--bp-ie-ld_right-y);
	--bp-ie-rotate:  var(--bp-ie-ld_right-rotate);
	--bp-ie-opacity: var(--bp-ie-ld_right-opacity);
	inset-block-start: 0;
	right: 0;
	left: auto;
}

/* =========================================================
 * HEADER
 * ========================================================= */
.bp-impact-environnemental .bp-ie__header {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 14px;
	margin-block-end: 40px;
}

.bp-impact-environnemental .bp-ie__eyebrow {
	position: relative;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	color: var(--bp-ie-green);
	font-family: var(--bp-ie-font-body);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	line-height: 1.3;
	white-space: nowrap;
}

.bp-impact-environnemental .bp-ie__eyebrow-line {
	inline-size: 44px;
	block-size: 1px;
	background: var(--bp-ie-olive);
	flex: 0 0 auto;
}

.bp-impact-environnemental .bp-ie__eyebrow-text {
	white-space: nowrap;
}

.bp-impact-environnemental .bp-ie__eyebrow-leaf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 16px;
	block-size: 16px;
	color: var(--bp-ie-olive);
	flex: 0 0 auto;
}

.bp-impact-environnemental .bp-ie__eyebrow-mark {
	inline-size: 100%;
	block-size: 100%;
	display: block;
}

.bp-impact-environnemental .bp-ie__title {
	margin: 0;
	color: #374F3C;
	font-family: var(--bp-ie-font-display);
	font-weight: 400;
	font-size: clamp(34px, 3.6vw, 44px);
	line-height: 1.12;
	letter-spacing: -0.005em;
	max-inline-size: 980px;
}

.bp-impact-environnemental .bp-ie__description {
	margin: 0;
	color: var(--bp-ie-text);
	font-family: var(--bp-ie-font-body);
	font-size: 16.5px;
	line-height: 1.55;
	max-inline-size: 720px;
}

/* =========================================================
 * TWO COLUMNS
 * ~50/50 desktop layout with a 28px gap. On tablet / mobile
 * the columns stack vertically (image first, then cards).
 * ========================================================= */
.bp-impact-environnemental .bp-ie__cols {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 28px;
	row-gap: 24px;
	align-items: stretch;
}

.bp-impact-environnemental .bp-ie__col {
	position: relative;
	display: flex;
	flex-direction: column;
	min-inline-size: 0;
	min-block-size: 100%;
}

/* =========================================================
 * LEFT IMAGE PANEL
 * The image fills the whole panel (object-fit:cover) so there
 * is never any blank space. A custom placeholder line-art SVG
 * is shown when no image is set so the section is never empty.
 * ========================================================= */
.bp-impact-environnemental .bp-ie__image {
	position: relative;
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 560px;
	margin: 0;
	overflow: hidden;
	border-radius: 18px;
	background: linear-gradient(180deg, #FBF6EC 0%, #EDDBC3 100%);
	display: flex;
	align-items: stretch;
	justify-content: stretch;
}

.bp-impact-environnemental .bp-ie__image img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: inherit;
}

.bp-impact-environnemental .bp-ie__image--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
}

.bp-impact-environnemental .bp-ie__image-placeholder {
	inline-size: 100%;
	block-size: auto;
	max-block-size: 100%;
	display: block;
}

/* =========================================================
 * RIGHT CARDS
 * 3 stacked rounded info cards. Each card has a large
 * circular icon, a vertical divider, a title + description,
 * and a small decorative botanical.
 * ========================================================= */
.bp-impact-environnemental .bp-ie__col--right {
	display: flex;
	flex-direction: column;
	gap: var(--bp-ie-cards-gap, 14px);
	min-inline-size: 0;
}

.bp-impact-environnemental .bp-ie__card {
	position: relative;
	display: grid;
	grid-template-columns: auto 1px 1fr auto;
	align-items: center;
	column-gap: 18px;
	padding: 20px 20px;
	background: var(--bp-ie-card-bg);
	border: 1px solid var(--bp-ie-border);
	border-radius: 18px;
	min-inline-size: 0;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.bp-impact-environnemental .bp-ie__card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(31,42,31,0.06);
}

.bp-impact-environnemental .bp-ie__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 56px;
	block-size: 56px;
	min-inline-size: 56px;
	min-block-size: 56px;
	border-radius: 50%;
	background: var(--bp-ie-green);
	color: var(--bp-ie-white);
	flex: 0 0 auto;
	box-shadow: 0 6px 16px rgba(31,42,31,0.18);
}

.bp-impact-environnemental .bp-ie__card-icon i,
.bp-impact-environnemental .bp-ie__card-icon svg {
	inline-size: 28px;
	block-size: 28px;
	max-inline-size: 28px;
	max-block-size: 28px;
	fill: currentColor;
}

.bp-impact-environnemental .bp-ie__card-divider {
	inline-size: 1px;
	block-size: 56px;
	background: var(--bp-ie-border);
	flex: 0 0 auto;
	border-radius: 1px;
}

.bp-impact-environnemental .bp-ie__card-body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-inline-size: 0;
	padding-inline-end: 4px;
}

.bp-impact-environnemental .bp-ie__card-title {
	margin: 0;
	color: var(--bp-ie-green);
	font-family: var(--bp-ie-font-display);
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: -0.005em;
}

.bp-impact-environnemental .bp-ie__card-description {
	margin: 0;
	color: var(--bp-ie-text-muted);
	font-family: var(--bp-ie-font-body);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.55;
}

.bp-impact-environnemental .bp-ie__card-botanical {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 44px;
	block-size: 44px;
	color: var(--bp-ie-olive);
	flex: 0 0 auto;
	align-self: center;
}

.bp-impact-environnemental .bp-ie__card-botanical img,
.bp-impact-environnemental .bp-ie__card-botanical svg {
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: 100%;
	max-block-size: 100%;
	display: block;
	object-fit: contain;
	fill: none;
	stroke: currentColor;
}

/* =========================================================
 * BOTTOM STRIP
 * Visual shell provided by the site-wide `.bp-info-strip`
 * utility (see `assets/css/elementor/bp-info-strip.css`).
 * Only the strong/secondary text hierarchy remains as a
 * variant-specific override, since the strip has two body
 * lines with a small visual weight difference.
 * ========================================================= */
.bp-impact-environnemental .bp-ie__strip {
	position: relative;
	z-index: 2;
	margin-block-start: 28px;
}

.bp-impact-environnemental .bp-ie__strip-text--strong {
	color: var(--bp-ie-green);
	font-weight: 700;
}

.bp-impact-environnemental .bp-ie__strip-text--secondary {
	color: var(--bp-ie-text-muted);
	font-weight: 500;
}

/* =========================================================
 * TABLET (769–1024)
 * ========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {
	.bp-impact-environnemental { padding-block: 56px; }
	.bp-impact-environnemental .bp-ie__header { margin-block-end: 32px; }
	.bp-impact-environnemental .bp-ie__title { font-size: clamp(30px, 4.2vw, 38px); }
	.bp-impact-environnemental .bp-ie__description { font-size: 15.5px; }
	.bp-impact-environnemental .bp-ie__cols { column-gap: 22px; row-gap: 20px; }
	.bp-impact-environnemental .bp-ie__image { min-block-size: 460px; }
	.bp-impact-environnemental .bp-ie__card { column-gap: 14px; padding: 18px 18px; }
	.bp-impact-environnemental .bp-ie__card-icon { inline-size: 48px; block-size: 48px; min-inline-size: 48px; min-block-size: 48px; }
	.bp-impact-environnemental .bp-ie__card-icon i,
	.bp-impact-environnemental .bp-ie__card-icon svg { inline-size: 24px; block-size: 24px; }
	.bp-impact-environnemental .bp-ie__card-divider { block-size: 46px; }
	.bp-impact-environnemental .bp-ie__card-title { font-size: 17px; }
	.bp-impact-environnemental .bp-ie__card-description { font-size: 13.5px; }
	.bp-impact-environnemental .bp-ie__card-botanical { inline-size: 38px; block-size: 38px; }
	.bp-impact-environnemental .bp-ie__strip { margin-block-start: 24px; }

	/* Tablet: scale the side landscapes down a bit so they
	 * stay anchored to the viewport edges without crowding
	 * the stacked content. */
	.bp-impact-environnemental .bp-ie__landscape--ld_left,
	.bp-impact-environnemental .bp-ie__landscape--ld_right {
		--bp-ie-ld_left-w:   340px;
		--bp-ie-ld_right-w:  340px;
		--bp-ie-ld_left-opacity:  40%;
		--bp-ie-ld_right-opacity: 40%;
	}
}

/* =========================================================
 * MOBILE (≤ 768px)
 * Stacks: header → image → 3 info cards → bottom strip.
 * No horizontal overflow, no overlap, no clipping.
 * ========================================================= */
@media (max-width: 768px) {

	.bp-impact-environnemental { padding-block: 48px; }

	.bp-impact-environnemental .bp-ie__header { margin-block-end: 28px; gap: 12px; }
	.bp-impact-environnemental .bp-ie__eyebrow { font-size: 12px; letter-spacing: 0.18em; gap: 10px; }
	.bp-impact-environnemental .bp-ie__eyebrow-line { inline-size: 24px; }
	.bp-impact-environnemental .bp-ie__eyebrow-leaf { inline-size: 14px; block-size: 14px; }
	.bp-impact-environnemental .bp-ie__title { font-size: clamp( 28px, 7.5vw, 34px ); line-height: 1.12; }
	.bp-impact-environnemental .bp-ie__description { font-size: 15px; line-height: 1.55; max-inline-size: 540px; }

	.bp-impact-environnemental .bp-ie__cols {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 20px;
	}

	.bp-impact-environnemental .bp-ie__col--left { order: 0; }
	.bp-impact-environnemental .bp-ie__col--right { order: 1; }

	.bp-impact-environnemental .bp-ie__image { min-block-size: 320px; border-radius: 16px; }
	.bp-impact-environnemental .bp-ie__image--empty { padding: 18px; }

	.bp-impact-environnemental .bp-ie__col--right { gap: 12px; }
	.bp-impact-environnemental .bp-ie__card { border-radius: 16px; padding: 16px 16px; column-gap: 14px; }
	.bp-impact-environnemental .bp-ie__card-icon { inline-size: 44px; block-size: 44px; min-inline-size: 44px; min-block-size: 44px; }
	.bp-impact-environnemental .bp-ie__card-icon i,
	.bp-impact-environnemental .bp-ie__card-icon svg { inline-size: 22px; block-size: 22px; }
	.bp-impact-environnemental .bp-ie__card-divider { block-size: 42px; }
	.bp-impact-environnemental .bp-ie__card-title { font-size: 16px; }
	.bp-impact-environnemental .bp-ie__card-description { font-size: 13px; }
	.bp-impact-environnemental .bp-ie__card-botanical { inline-size: 34px; block-size: 34px; }

	.bp-impact-environnemental .bp-ie__strip { margin-block-start: 24px; }

	/* Keep the two side landscapes on mobile but scale them down
	 * so the stacked layout never feels busy. */
	.bp-impact-environnemental .bp-ie__landscape--ld_left,
	.bp-impact-environnemental .bp-ie__landscape--ld_right {
		--bp-ie-ld_left-w:   200px;
		--bp-ie-ld_right-w:  200px;
		--bp-ie-ld_left-opacity:  35%;
		--bp-ie-ld_right-opacity: 35%;
		--bp-ie-ld_left-y:   0px;
		--bp-ie-ld_right-y:  0px;
	}
}

/* =========================================================
 * SMALL MOBILE (≤ 480px)
 * ========================================================= */
@media (max-width: 480px) {

	.bp-impact-environnemental { padding-block: 40px; }

	.bp-impact-environnemental .bp-ie__header { margin-block-end: 22px; }
	.bp-impact-environnemental .bp-ie__title { font-size: clamp( 24px, 7.5vw, 30px ); }
	.bp-impact-environnemental .bp-ie__description { font-size: 14.5px; }

	.bp-impact-environnemental .bp-ie__image { min-block-size: 260px; }
	.bp-impact-environnemental .bp-ie__card { padding: 14px 14px; column-gap: 12px; }
	.bp-impact-environnemental .bp-ie__card-icon { inline-size: 40px; block-size: 40px; min-inline-size: 40px; min-block-size: 40px; }
	.bp-impact-environnemental .bp-ie__card-icon i,
	.bp-impact-environnemental .bp-ie__card-icon svg { inline-size: 20px; block-size: 20px; }
	.bp-impact-environnemental .bp-ie__card-divider { block-size: 36px; }
	.bp-impact-environnemental .bp-ie__card-title { font-size: 15px; }
	.bp-impact-environnemental .bp-ie__card-description { font-size: 12.5px; }
	.bp-impact-environnemental .bp-ie__card-botanical { inline-size: 30px; block-size: 30px; }

	/* On very small screens the side landscapes are scaled
	 * down further so they never crowd the stacked content
	 * and never overflow the viewport. */
	.bp-impact-environnemental .bp-ie__landscape--ld_left,
	.bp-impact-environnemental .bp-ie__landscape--ld_right {
		--bp-ie-ld_left-w:   140px;
		--bp-ie-ld_right-w:  140px;
		--bp-ie-ld_left-opacity:  28%;
		--bp-ie-ld_right-opacity: 28%;
	}
}

/* =========================================================
 * Safe-area insets (notched devices)
 * ========================================================= */
@supports (padding: max(0px)) {
	.bp-impact-environnemental .bp-ie__inner {
		padding-inline-start: max(clamp(16px, 3vw, 24px), env(safe-area-inset-left));
		padding-inline-end:   max(clamp(16px, 3vw, 24px), env(safe-area-inset-right));
	}
}

/* ---------------- SMALL MOBILE (≤ 480px) ----------------
 * Impact cards become a vertical column, image/icon above
 * text, full width within the 18px page gutter. */
@media ( max-width: 480px ) {
	.bp-impact-environnemental .bp-ie__inner {
		inline-size: calc(100% - 36px) !important;
		max-inline-size: none !important;
		min-inline-size: 0 !important;
		margin-inline: auto !important;
		padding-inline: 0 !important;
	}
	.bp-impact-environnemental .bp-ie__cards,
	.bp-impact-environnemental .bp-ie__grid,
	.bp-impact-environnemental .bp-ie__row,
	.bp-impact-environnemental .bp-ie__metrics {
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-auto-columns: 1fr !important;
		grid-auto-flow: row !important;
		column-gap: 0 !important;
		row-gap: 16px !important;
		width: 100% !important;
	}
	.bp-impact-environnemental .bp-ie__card,
	.bp-impact-environnemental .bp-ie__metric,
	.bp-impact-environnemental .bp-ie__row > * {
		grid-column: 1 / -1 !important;
		inline-size: 100% !important;
		max-inline-size: none !important;
		min-inline-size: 0 !important;
		flex: 0 0 auto !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
		margin: 0 !important;
	}

	.bp-ie,
	.bp-impact-environnemental,
	.bp-impact-environnemental * {
		min-inline-size: 0 !important;
	}
}

/* =========================================================
 * ARABIC / RTL
 * Display family falls back to the Arabic family; the rest
 * of the layout mirrors automatically through logical
 * properties.
 * ========================================================= */
[lang="ar"] .bp-impact-environnemental .bp-ie__title,
[dir="rtl"] .bp-impact-environnemental .bp-ie__title {
	font-family: var(--bp-font-arabic, 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
}

[lang="ar"] .bp-impact-environnemental .bp-ie__card-title,
[dir="rtl"] .bp-impact-environnemental .bp-ie__card-title {
	font-family: var(--bp-font-arabic, 'Noto Sans Arabic', 'Segoe UI', Tahoma, sans-serif);
	font-weight: 700;
}

/* =========================================================
 * Reduced motion
 * ========================================================= */
@media (prefers-reduced-motion: reduce) {
	.bp-impact-environnemental [data-bp-reveal],
	.bp-impact-environnemental [data-bp-stagger] {
		opacity: 1 !important;
		transform: none !important;
		animation: none !important;
		transition: none !important;
	}
	.bp-impact-environnemental .bp-ie__card { transition: none; }
}

/* =========================================================
 * Print
 * ========================================================= */
@media print {
	.bp-impact-environnemental { padding-block: 0; }
	.bp-impact-environnemental .bp-ie__landscape { display: none; }
}