/* ============================================================
   "Duurzaam" section — Elementor (grid, faithful o-layout)
   ============================================================ */
   .tf-duurzaam{ --tf-blue:#3273eb; background:#f9f9fd; }

/* ---- base (xs): стек ---- */
.e-con.tf-duurzaam{
	display:grid;
	grid-auto-flow:dense;
	grid-template-columns:1.5625rem 4.6875rem 1fr 1.5625rem 1.5625rem;
	column-gap:0;
	row-gap:1.5625rem;
	padding: 6rem 0;                 /* o-band вертикаль; горизонталь = колонки-гутери */
}
.tf-duurzaam-copy       { grid-column:2 / span 3; }
.tf-duurzaam-media-main { grid-column:2 / span 3; }
.tf-duurzaam-media-sec  { grid-column:3; }

.e-con.tf-duurzaam-copy{
	display:flex; flex-direction:column;
	gap:1.5625rem; padding:0; min-width:0;
}
.e-con.tf-duurzaam-media-main,
.e-con.tf-duurzaam-media-sec{ padding:0; min-width:0; }

.tf-duurzaam-img-main img,
.tf-duurzaam-img-sec img{ display:block; width:100%; height:auto; }

/* Заголовок (.alpha) */
.tf-duurzaam-title .elementor-heading-title{
	margin:0; color:var(--tf-blue); font-weight:800;
	font-size:1.875rem; line-height:2.1875rem;
}

/* Чеклист (.c-usps--primary) */
.tf-duurzaam-list .elementor-icon-list-items{ margin:0; padding:0; }
.tf-duurzaam-list .elementor-icon-list-item{
	display:flex; align-items:flex-start;
	margin:0; padding:0; border:0;
	color:#000; font-size:.8125rem; line-height:1.35;
	margin-bottom: 16px;
}
.tf-duurzaam-list .elementor-icon-list-item + .elementor-icon-list-item{ margin-top:1.25rem; }
.tf-duurzaam-list .elementor-icon-list-icon{
	flex:0 0 1rem; width:1rem; height:1rem;
	margin:.15rem .625rem 0 0;
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43NjciIGhlaWdodD0iMTUuNzY4Ij48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjI2IiBkPSJNNy44ODQgMGE3Ljg4NCA3Ljg4NCAwIDEgMCA3Ljg4NCA3Ljg4NEE3Ljg4NyA3Ljg4NyAwIDAgMCA3Ljg4NCAwem0wIDE0LjE5MWE2LjMwNyA2LjMwNyAwIDEgMSA2LjMwNy02LjMwNyA2LjMxNSA2LjMxNSAwIDAgMS02LjMwNyA2LjMwN3pNMTEuNSA0LjQgNi4zIDkuNiA0LjI2NSA3LjU2IDMuMTUzIDguNjcybDMuMTUzIDMuMTUzIDYuMzA3LTYuMzA3eiIgZmlsbD0iIzMyNzNlYiIvPjwvc3ZnPg==") no-repeat 50%/contain;
}
.tf-duurzaam-list .elementor-icon-list-icon svg,
.tf-duurzaam-list .elementor-icon-list-icon i{ display:none; }
.tf-duurzaam-list .elementor-icon-list-text{ color:#000; }

.tf-duurzaam-img-main img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---- ≥768px: copy зверху на всю ширину, картинки під ним ---- */
@media (min-width:768px){
	.e-con.tf-duurzaam{
		grid-template-columns:3rem 4rem 1.15fr 1rem 1.85fr 3rem;
		grid-template-rows:auto auto 3rem;
		row-gap:2rem;
		padding: 8rem 0;
	}
	.tf-duurzaam-copy      { grid-column:2 / span 4; grid-row:1; align-self:start; }
	.tf-duurzaam-media-main{ grid-column:5 / span 2; grid-row:2; align-self:start; }
	.tf-duurzaam-media-sec { grid-column:3;          grid-row:2 / span 2; align-self:end; }

	.tf-duurzaam-title .elementor-heading-title{ font-size:2.375rem; line-height:2.75rem; }
	.tf-duurzaam-list .elementor-icon-list-item{ font-size:.875rem; }
	.tf-duurzaam-list .elementor-icon-list-item + .elementor-icon-list-item{ margin-top:1.875rem; }
}

/* ---- ≥992px: copy ліворуч, велика картинка вниз-праворуч до краю, мала знизу ---- */
@media (min-width:992px){
	.e-con.tf-duurzaam{
		grid-template-columns:4rem 10rem 20rem 2rem 1fr 4rem;
		grid-template-rows:auto auto 3rem;
		row-gap:4rem;
		padding:8rem 0;
	}
	.tf-duurzaam-copy      { grid-column:2 / span 2; grid-row:1 / span 2; align-self:start; }
	.tf-duurzaam-media-main{ grid-column:5 / span 2; grid-row:2;          align-self:start;          margin-top: 81px;}
	.tf-duurzaam-media-sec {
		grid-column: 3;
		grid-row: 2 / span 4;
		align-self: end;
	}


	

	.e-con.tf-duurzaam-copy{ gap:4rem; }
	.tf-duurzaam-title .elementor-heading-title{ font-size:3.125rem; line-height:3.625rem; }
	.tf-duurzaam-list .elementor-icon-list-item{ font-size:.9375rem; }


	.tf-duurzaam-img-main {
		height: 23rem;
	}

}

/* ---- ≥1200px ---- */
@media (min-width:1200px){
	.tf-duurzaam-media-sec { grid-column:3;          grid-row:2 / span 2; align-self:end; }

	.e-con.tf-duurzaam{
		grid-template-columns:6rem 14rem 18rem 2rem 1fr 6rem;
		padding:10rem 0;
	}
	.tf-duurzaam-img-main{
		height: 38.75rem;
	}
}

/* ---- ≥1550px ---- */
@media (min-width:1550px){
	.e-con.tf-duurzaam{
		grid-template-columns:10rem 15rem 30rem 5rem 1fr 10rem;
		grid-template-rows:auto auto 10rem;
		padding:12.5rem 0;
		margin-top: 87px;
	}
	.tf-duurzaam-title .elementor-heading-title{ font-size:4.125rem; line-height:4.1875rem; }
}

/* ---- ≤767px: стек + підняти малу картинку ---- */
@media (max-width:767px){
	.e-con.tf-duurzaam{
		grid-template-columns:1fr;      /* усе в один стовпець */
		column-gap:0;
		row-gap:0;
		padding: 8rem 1.5625rem 2rem;    /* гутери повертаю як padding */
	}
	.tf-duurzaam-copy,
	.tf-duurzaam-media-main,
	.tf-duurzaam-media-sec{ grid-column:1; }

	.tf-duurzaam-copy{ margin-bottom:2.5rem; }

	.tf-duurzaam-media-main{ position:relative; z-index:1; }

	.tf-duurzaam-media-sec{
		width: 70%;
		margin-top: -10rem;
		position: relative;
		z-index: 2;
		margin-left: 4rem;
	}
}



/* Паралакс-рамка головного фото */
.tf-duurzaam-media-main .tf-duurzaam-img-main{
	overflow:hidden;                 /* обрізає — межі стоять на місці */
}
.tf-duurzaam-media-main .tf-duurzaam-img-main img{
	display:block;
	width:100%;
	height:auto;
	transform:translate3d(0, var(--tf-par, 0px), 0);
	will-change:transform;
}

@media (prefers-reduced-motion:reduce){
	.tf-duurzaam-media-main .tf-duurzaam-img-main img{ transform:none; }
}