/* ─────── SECTORS SECTION ─────── */
.sectors{
  position:relative;
  isolation:isolate;
  clip-path:inset(0 16px round 20px);
}
.sectors::before{
  content:'';
  position:absolute;
  top:0;bottom:0;
  left:16px;right:16px;
  background:#f9f6f4;
  border-radius:20px;
  z-index:-1;
  pointer-events:none;
}
/* Panelsiz varyant (iç sayfa "Diğer Faaliyet Alanları"): zemin yok, slider beyaz zeminde akar.
   Çift sınıf spesifikliği responsive.css'teki .sectors clip kuralını da geçersiz kılar. */
.sectors.sectors--plain{clip-path:none}
.sectors.sectors--plain::before{content:none}
.sec-head-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:20px;
}
.view-all-group{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  flex-shrink:0;
}
.view-all-pill,.view-all-circ{
  background:var(--white);
  color:var(--ink);
  border-radius:99px;
  transition:transform .25s ease, background .25s ease, color .25s ease;
  box-shadow:0 4px 16px -8px rgba(18,18,18,0.15);
}
.view-all-pill{
  padding:13px 22px;
  font-size:14px;
  font-weight:500;
  display:inline-flex;
  align-items:center;
}
.view-all-circ{
  width:46px;height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.view-all-pill:hover{background:var(--ink);color:var(--white);transform:translateY(-2px)}
.view-all-circ:hover{background:var(--ink);color:var(--white);transform:translateY(-2px) rotate(45deg)}
.sec-rail-container{
  position:relative;
}
.sec-rail{
  display:flex;
  gap:24px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:0 max(24px, calc((100vw - 1000px) / 2));
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
  user-select:none;
}
.sec-rail.dragging{
  cursor:grabbing;
  scroll-behavior:auto;
}
.sec-rail.dragging .sec-card{pointer-events:none}
.sec-rail::-webkit-scrollbar{display:none}
.sec-rail img{-webkit-user-drag:none;user-drag:none}
.sec-rail .sec-card{-webkit-user-drag:none}
.sec-card{
  flex:0 0 1000px;
  aspect-ratio:5/3;
  position:relative;
  border-radius:24px;
  overflow:hidden;
  background:#010f27;
  cursor:pointer;
  box-shadow:0 20px 50px -22px rgba(18,18,18,0.28);
  opacity:0.38;
  transition:opacity .55s cubic-bezier(.2,.65,.3,1), transform .35s ease;
}
.sec-card.is-active{
  opacity:1;
}
.sec-card:hover{transform:translateY(-3px)}
.sec-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1.2s cubic-bezier(.2,.65,.3,1);
}
.sec-card:hover img{transform:scale(1.04)}
.sec-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,
    rgba(18,18,18,0.15) 0%,
    rgba(18,18,18,0) 25%,
    rgba(18,18,18,0) 50%,
    rgba(18,18,18,0.70) 100%);
  pointer-events:none;
}
.sec-badge{
  position:absolute;
  top:28px;
  left:32px;
  z-index:2;
  background:rgba(255,255,255,0.96);
  color:var(--ink);
  padding:8px 16px;
  border-radius:99px;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  backdrop-filter:blur(8px);
}
.sec-title{
  position:absolute;
  bottom:32px;
  left:36px;
  right:36px;
  z-index:2;
  color:var(--white);
}
.sec-title h3{
  font-family:var(--sans);
  font-weight:600;
  font-size:44px;
  line-height:1.04;
  color:var(--white);
  margin-bottom:6px;
}
.sec-title .sub{
  font-size:16px;
  line-height:1.6;
  color:var(--white);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:0;
  max-height:0;
  padding-top:0;
  transform:translateY(6px);
  transition:opacity .35s ease .05s, transform .35s ease .05s, max-height .35s ease, padding-top .35s ease;
}
.sec-card:hover .sec-title .sub{
  opacity:1;
  max-height:120px;
  padding-top:10px;
  transform:translateY(0);
}
.sec-nav-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  width:54px;height:54px;
  border-radius:99px;
  background:var(--white);
  border:1px solid var(--line);
  color:var(--ink);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:all .25s ease;
}
#secPrev{left:max(24px, calc((100% - 1440px) / 2 + 24px))}
#secNext{right:max(24px, calc((100% - 1440px) / 2 + 24px))}
.sec-nav-btn:hover{
  background:var(--ink);
  color:var(--white);
  border-color:var(--ink);
}
.sec-dots{
  display:none;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:16px 0 4px;
}
.sec-dot{
  width:8px;height:8px;
  border-radius:99px;
  background:rgba(18,18,18,0.18);
  border:none;
  padding:0;
  cursor:pointer;
  transition:background .25s ease, width .25s ease;
}
.sec-dot.is-active{
  background:var(--ink);
  width:22px;
}