/* ================= TIMELINE WRAPPER ================= */
.kurt-timeline{
  position:relative;
  max-width:1000px;
  margin:0 auto;
  padding:40px 0;
}

/* Orta çizgi */
.kurt-timeline::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:3px;
  background:#57c4c9;
  transform:translateX(-50%);
}

/* ================= ROW ================= */
.timeline-row{
  position:relative;
  display:flex;
  width:100%;
  margin:80px 0;
}

/* ================= SOL / SAĞ ================= */
.timeline-left{
  justify-content:flex-end;
  padding-right:60px;
}

.timeline-right{
  justify-content:flex-start;
  padding-left:60px;
}

/* ================= NOKTA ================= */
.timeline-row::before{
  content:"";
  position:absolute;
  top:30px;
  left:50%;
  width:14px;
  height:14px;
  background:#fff;
  border:3px solid #57c4c9;
  border-radius:50%;
  transform:translateX(-50%);
  z-index:2;
}

/* ================= YIL ================= */
.timeline-row::after{
  content:attr(data-year);
  position:absolute;
  top:26px;
  font-size:13px;
  font-weight:600;
  color:#57c4c9;
  white-space:nowrap;
}

.timeline-left::after{
  left:50%;
  transform:translateX(18px);
}

.timeline-right::after{
  left:50%;
  transform:translateX(-80px);
}

/* ================= KART ================= */
.timeline-card{
  background:#f6fbfc;
  max-width:420px;
  padding:26px 28px;
  border-radius:14px;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.timeline-card p{
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:#24484e;
}

/* ================= HOVER ================= */
.timeline-card{
  transition:transform .3s ease, box-shadow .3s ease;
}

.timeline-row:hover .timeline-card{
  transform:translateY(-6px);
  box-shadow:0 30px 60px rgba(0,0,0,.12);
}

/* ================= RESPONSIVE ================= */
@media (max-width:900px){

  .kurt-timeline::before{
    left:24px;
  }

  .timeline-row{
    margin:50px 0;
    padding-left:60px;
  }

  .timeline-left,
  .timeline-right{
    justify-content:flex-start;
    padding:0;
  }

  .timeline-row::before{
    left:24px;
    transform:none;
  }

  .timeline-row::after{
    left:60px;
    transform:none;
    top:-22px;
  }

  .timeline-card{
    max-width:100%;
  }
}
/* ================= TARİHİ NOKTANIN İÇİNE AL ================= */

/* Dıştaki yılı iptal et */
.timeline-row::after{
  display:none;
}

/* Noktayı büyüt */
.timeline-row::before{
  width:38px;
  height:38px;
  background:#57c4c9;
  border:3px solid #57c4c9;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:11px;
  font-weight:600;
  content:attr(data-year);
}
.timeline-row::before {
    width: 60px;
    height: 60px;
    background: #57c4c9;
    border: 3px solid #57c4c9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    content: attr(data-year);
}
/* ================= MOBİL TIMELINE FIX ================= */
@media (max-width:900px){

  /* Timeline genel */
  .kurt-timeline{
    padding:20px 0;
  }

  /* Dikey çizgi */
  .kurt-timeline::before{
    left:32px;
  }

  /* Satır */
  .timeline-row{
    margin:60px 0;
    padding-left:90px;
  }

  /* Sol / sağ farkını sıfırla */
  .timeline-left,
  .timeline-right{
    justify-content:flex-start;
    padding:0;
  }

  /* Yıl balonu */
  .timeline-row::before{
    left:32px;
    transform:none;
    width:52px;
    height:52px;
    font-size:16px;
    line-height:1;
  }

  /* Kart */
  .timeline-card{
    max-width:100%;
    padding:22px 24px;
  }

  .timeline-card p{
    font-size:14px;
    line-height:1.7;
  }

}
@media (max-width:900px){

  /* Timeline konteyner referans olsun */
  .kurt-timeline{
    position:relative;
  }

  /* Satır padding azalt */
  .timeline-row{
    padding-left:80px;
  }

  /* Yıl balonu çizgiye kilitlensin */
  .timeline-row::before{
    position:absolute;
    left:32px;            /* çizgiyle aynı hiza */
    top:20px;
    transform:none;
    margin-left:-26px;    /* daireyi çizginin ortasına al */
  }

}
/* ================= TIMELINE TARİH YAKINLAŞTIRMA (FINAL) ================= */

/* Timeline genel boşluk */
.kurt-timeline{
  padding:30px 0; /* 40 → 30 */
}

/* TARİH ARASI MESAFE (ANA KONTROL) */
.timeline-row{
  margin:40px 0;   /* 80 → 40 : tarihleri yaklaştırır */
}

/* YIL BALONU (1970 / 1980 / 2000) */
.timeline-row::before{
  top:18px;        /* 30 → 18 : balonlar birbirine yaklaşır */
  width:56px;
  height:56px;
  font-size:18px;
}

/* Kart – yazı bloğu (DOKUNULMADI, SADECE HAFİF DENGE) */
.timeline-card{
  padding:24px 26px;      /* yazılar rahat kalsın */
}

.timeline-card p{
  font-size:15px;
  line-height:1.6;        /* yazı okunurluğu korunur */
}

/* ================= MOBİL AYAR ================= */
@media (max-width:900px){

  .kurt-timeline{
    padding:20px 0;
  }

  .timeline-row{
    margin:30px 0;        /* 60 → 30 */
    padding-left:80px;
  }

  .timeline-row::before{
    top:14px;
    width:48px;
    height:48px;
    font-size:16px;
  }

  .timeline-card{
    padding:22px 24px;
  }

  .timeline-card p{
    font-size:14px;
    line-height:1.6;
  }
}
.kurt-hero-inner{
  display:block;   /* flex’i tamamen kapat */
}

.kurt-hero h1{
  display:block;
}

.kurt-hero p{
  display:block;
  margin-top:18px;
  max-width:70ch;
  font-size:15px;
  opacity:.95;
}
.kurt-hero-inner p{
  float:none !important;
  position:static !important;
  width:100% !important;
  max-width:70ch;
  margin-top:18px;
  display:block;
  text-align:left;
}