/* Eksper Home Slider Language 1.1.0 */
.ehsl-slide-root{
  position:relative!important;
  isolation:isolate;
}

.ehsl-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2147482000!important;
  pointer-events:none!important;
  overflow:hidden!important;
  opacity:0;
  visibility:hidden;
  font-family:Inter,Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
}

.ehsl-slide-root.ehsl-enabled > .ehsl-overlay{
  opacity:1;
  visibility:visible;
}

.ehsl-overlay *{box-sizing:border-box}
.ehsl-mask,.ehsl-copy{position:absolute}

/* Slide 1: Filtrasyon Çözümlerinde / Yüksek Verimlilik */
.ehsl-overlay--1 .ehsl-mask--main{
  left:4.5%;
  top:27.5%;
  width:50.5%;
  height:29%;
  border-radius:18px;
  background:
    linear-gradient(90deg,
      rgba(219,226,242,.995) 0%,
      rgba(219,226,242,.995) 63%,
      rgba(219,226,242,.965) 79%,
      rgba(219,226,242,0) 100%);
  -webkit-backdrop-filter:blur(26px) saturate(.85);
  backdrop-filter:blur(26px) saturate(.85);
  box-shadow:inset 0 0 55px rgba(235,240,250,.62);
}

.ehsl-overlay--1 .ehsl-copy--main{
  left:7.4%;
  top:33%;
  width:44%;
  color:#6f7cba;
  font-size:clamp(36px,3.8vw,68px);
  line-height:1.12;
  font-weight:760;
  letter-spacing:-.04em;
  text-align:center;
  white-space:pre-line;
  text-shadow:0 2px 18px rgba(255,255,255,.22);
}

/* Slide 2 üst yazı: İhtiyaçlarınız için */
.ehsl-overlay--2 .ehsl-mask--top{
  left:23.5%;
  top:8.2%;
  width:55%;
  height:20.5%;
  border-radius:16px;
  background:
    linear-gradient(90deg,
      rgba(218,225,241,0) 0%,
      rgba(218,225,241,.94) 11%,
      rgba(218,225,241,.995) 27%,
      rgba(218,225,241,.995) 76%,
      rgba(218,225,241,.92) 89%,
      rgba(218,225,241,0) 100%);
  -webkit-backdrop-filter:blur(24px) saturate(.9);
  backdrop-filter:blur(24px) saturate(.9);
}

.ehsl-overlay--2 .ehsl-copy--top{
  left:25%;
  top:12.1%;
  width:52%;
  color:#7e89c8;
  font-size:clamp(36px,4.5vw,78px);
  line-height:1;
  font-weight:770;
  letter-spacing:-.045em;
  text-align:center;
}

/* Slide 2 alt yazı: Geniş Ürün Yelpazesi */
.ehsl-overlay--2 .ehsl-mask--bottom{
  left:9%;
  right:9%;
  bottom:0;
  height:25%;
  background:
    linear-gradient(0deg,
      rgba(39,48,60,.995) 0%,
      rgba(47,57,69,.985) 34%,
      rgba(62,73,86,.94) 55%,
      rgba(95,107,119,.56) 76%,
      rgba(95,107,119,0) 100%);
  -webkit-backdrop-filter:blur(10px) saturate(.72);
  backdrop-filter:blur(10px) saturate(.72);
}

.ehsl-overlay--2 .ehsl-copy--bottom{
  left:11%;
  right:11%;
  bottom:6.5%;
  color:#fff;
  font-size:clamp(46px,5.8vw,98px);
  line-height:.98;
  font-weight:820;
  letter-spacing:-.05em;
  text-align:center;
  text-shadow:0 8px 28px rgba(0,0,0,.3);
}

.ehsl-overlay .ehsl-copy{
  opacity:0;
  transform:translate3d(0,14px,0);
  transition:opacity .48s ease,transform .68s cubic-bezier(.16,1,.3,1);
}

.ehsl-slide-active.ehsl-enabled .ehsl-copy,
.swiper-slide-active.ehsl-enabled .ehsl-copy,
.slick-active.ehsl-enabled .ehsl-copy,
.active.ehsl-enabled .ehsl-copy,
.ehsl-slide-root.ehsl-enabled:not(.swiper-slide):not(.slick-slide):not(.owl-item) .ehsl-copy{
  opacity:1;
  transform:none;
}

@media(max-width:1100px){
  .ehsl-overlay--1 .ehsl-mask--main{left:2%;width:58%}
  .ehsl-overlay--1 .ehsl-copy--main{left:5%;width:50%;font-size:clamp(31px,5vw,56px)}
  .ehsl-overlay--2 .ehsl-mask--top{left:18%;width:64%}
  .ehsl-overlay--2 .ehsl-copy--top{left:20%;width:60%;font-size:clamp(32px,5.8vw,62px)}
  .ehsl-overlay--2 .ehsl-copy--bottom{left:7%;right:7%;font-size:clamp(42px,7vw,78px)}
}

@media(max-width:700px){
  .ehsl-overlay--1 .ehsl-mask--main{left:0;top:27%;width:72%;height:31%}
  .ehsl-overlay--1 .ehsl-copy--main{left:3%;top:33%;width:64%;font-size:clamp(25px,7.2vw,42px)}
  .ehsl-overlay--2 .ehsl-mask--top{left:8%;top:8%;width:84%;height:21%}
  .ehsl-overlay--2 .ehsl-copy--top{left:10%;top:12%;width:80%;font-size:clamp(28px,7.5vw,46px)}
  .ehsl-overlay--2 .ehsl-mask--bottom{left:0;right:0;height:26%}
  .ehsl-overlay--2 .ehsl-copy--bottom{left:3%;right:3%;bottom:7%;font-size:clamp(34px,9vw,58px)}
}

@media(prefers-reduced-motion:reduce){
  .ehsl-overlay .ehsl-copy{transition:none;transform:none;opacity:1}
}

/* 1.2.0 STABLE: aktif slide class'larını izlemek gerekmez; slider zaten görünmeyen sahneyi kendi gizler. */
.ehsl-slide-root.ehsl-enabled > .ehsl-overlay .ehsl-copy{
  opacity:1;
  transform:none;
}