/* ============================================================
   "Zó werkt thermovormen" split + fade slider — Elementor
   ============================================================ */
   .e-con.tf-overons-how{ overflow:hidden; padding:0; }
   .tf-overons-how-widget,
   .tf-overons-how-widget > .elementor-widget-container{ width:100%; }

/* split-сітка */
.tf-how{ display:grid; grid-template-columns:1fr; }
@media (min-width:992px){
	.tf-how{ grid-template-columns:repeat(2,50%); align-items:center; }
}

/* ---- слайдер (ліва колонка) ---- */
.tf-how__media{ position:relative; overflow:hidden; height: 100%; }
.tf-how__slides{ position:relative; width:100%; height: 100%; padding-bottom:60%; }  /* аспект */
@media (min-width:992px){ .tf-how__slides{ padding-bottom:80%; } }

.tf-how__slide{
	position:absolute; inset:0; margin:0;
	opacity:0;
	transition:opacity .6s cubic-bezier(.22,.61,.36,1);
}
.tf-how__slide.is-active{ opacity:1; }
.tf-how__slide img{ width:100%; height:100%; object-fit:cover; display:block; }

/* nav (flickity--flip: низ-праворуч над фото) */
.tf-how__nav{
	position:absolute;
	right: 20px;
	bottom: 20px;
	display:flex; gap:.625rem; z-index:5;
}
.tf-how__btn{
	display:flex; align-items:center; justify-content:center;
	width:2.5rem; height:2.5rem;
	border:.0625rem solid #fff; border-radius:50%;
	background:transparent; color:#fff; cursor:pointer;
	transition:background-color .5s cubic-bezier(.22,.61,.36,1),
	color .5s cubic-bezier(.22,.61,.36,1),
	border-color .5s cubic-bezier(.22,.61,.36,1);
	padding: 0;
}
.tf-how__btn:hover{ background:#fff; color:#000; }

.tf-how__btn:focus{  background:#fff; color:#000;}


.tf-how__btn svg{ width: 18px; height: 18px; stroke: none; fill:currentColor; }
/* prev — біла заливка/оранжева стрілка (.flickity-prev-next-button.previous) */
.tf-how__btn--prev{ background:#fff; border-color:#fff; color:#eb6049; }
.tf-how__btn--prev:hover{ background:#eb6049; border-color:#eb6049; color:#fff; }

/* ---- копірайт (c-split-content__body) ---- */
.tf-how__copy{
	display:flex; flex-direction:column; gap:1.5625rem;
	padding:4.6875rem 1.5625rem;               /* o-band + split-body */
}
.tf-how__eyebrow{
	margin:0; color:#3273eb;
	font-size:.625rem; font-weight:500;
	letter-spacing:.15em; line-height:1.6; text-transform:uppercase;
}
.tf-how__text{ margin:0; color:#000; font-size:1rem; line-height:1.6666666667; }

/* CTA (.c-link) — dual-arrow hover */
.tf-how__cta{
	position:relative;
	display:inline-block;
	align-self:flex-start;
	color:#eb6049;
	text-decoration:none;
	white-space:nowrap;
	font-size:.8125rem;
	font-weight:500;
	letter-spacing:.15em;
	line-height:1;
	text-transform:uppercase;
	margin-right:.78125rem;
	padding-right:.78125rem;
	transition:all .5s cubic-bezier(.22,.61,.36,1);
}

/* дві стрілки */
.tf-how__cta::after,
.tf-how__cta::before{
	content:"";
	position:absolute;
	top:50%;
	width:.75rem;
	height:1.0625rem;
	transform:translateY(-50%);
	background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS41MjQiIGhlaWdodD0iOS41NTMiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMDUiIGQ9Im0xMC43NDcgMC0uODQyLjg0MiAzLjMzMiAzLjMzOEgwdjEuMTk0aDEzLjIzN0w5Ljg5OSA4LjcwNmwuODQ4Ljg0OCA0Ljc3Ny00Ljc3N3oiIGZpbGw9IiNlYjYwNDkiLz48L3N2Zz4=") no-repeat 50%/contain;
	pointer-events:none;
	transition:all .5s cubic-bezier(.22,.61,.36,1);
}
.tf-how__cta::after{ left:100%; opacity:1; }   /* видима у спокої, справа */
.tf-how__cta::before{ left:-10%; opacity:0; }   /* прихована зліва */

/* hover / focus */
.tf-how__cta:hover,
.tf-how__cta:focus{
	color:#eb6049;
	padding-left:1.5625rem;                        /* текст їде вправо */
}
.tf-how__cta:hover::after,
.tf-how__cta:focus::after{ left:110%; opacity:0; }  /* стара стрілка вилітає */
.tf-how__cta:hover::before,
.tf-how__cta:focus::before{ left:0; opacity:1; }    /* нова влітає зліва */

/* ---- ≥768px ---- */
@media (min-width:768px){
	.tf-how__copy{ padding:6rem 3rem; }
	.tf-how__eyebrow{ font-size:.6875rem; }
	.tf-how__text{ font-size:1.125rem; line-height:1.875rem; }
}
/* ---- ≥992px ---- */
@media (min-width:992px){
	.tf-how__copy{ padding:8rem 4rem; }
	.tf-how__nav{
		right: 42px;
		bottom: 42px;
	}
}
/* ---- ≥1200px ---- */
@media (min-width:1200px){
	.tf-how__copy{ padding:10rem 10rem 10rem 6rem; }   /* --large-right>lg */
	.tf-how__eyebrow{ font-size:.8125rem; }
	.tf-how__text{ font-size:1.25rem; line-height:2.25rem; }
	.tf-how__btn{ width:3.125rem; height:3.125rem; }
	.tf-how__btn svg{ width: 24px; height: 24px; stroke: none; fill:currentColor; }
}
/* ---- ≥1550px ---- */
@media (min-width:1550px){
	.tf-how__copy{ padding:12.5rem 12.5rem 12.5rem 5rem; }
	.tf-how__text{ font-size:1.5rem; line-height:2.5rem; }
	.tf-how__btn{ width:3.875rem; height:3.875rem; }
}
/* ---- ≥1800px ---- */
@media (min-width:1800px){
	.tf-how__copy{ padding:12.5rem 20rem 12.5rem 10rem; }
}