/* ============================================================
   LOVE-TIMELINE — Aşk Zaman Tüneli (Premium Koyu + Altın)
   ============================================================ */
.blk-wrap[data-block="love-timeline"]{
  background:
    radial-gradient(1100px 500px at 50% -10%, rgba(212,175,55,.10), transparent 60%),
    linear-gradient(180deg, #0B0D12 0%, #12151E 55%, #0B0D12 100%);
  padding:max(36px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(44px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  width:100%;
  max-width:100vw;
  box-sizing:border-box;
  overflow:hidden;
}
.lt-inner{max-width:min(860px, 100%); width:100%; margin:0 auto; box-sizing:border-box;}
.lt-header{text-align:center; margin-bottom:56px;}
.lt-kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size:.78rem; font-weight:700; letter-spacing:.28em; text-transform:uppercase;
  color:var(--blk-accent,#D4AF37);
  border:1px solid rgba(212,175,55,.35);
  background:rgba(212,175,55,.08);
  padding:8px 18px; border-radius:40px;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
}
.lt-heading{
  font-family:'Cinzel', 'Cormorant Garamond', Georgia, serif;
  font-size:clamp(1.9rem, 5.4vw, 3rem); font-weight:600;
  color:#F4F5F7; margin:20px 0 12px; letter-spacing:.01em;
  text-shadow:0 2px 30px rgba(212,175,55,.18);
}
.lt-sub{color:#A8AEB8; font-size:1rem; max-width:520px; margin:0 auto; line-height:1.7;}

/* --- Tünel rayı --- */
.lt-track{position:relative; padding:10px 0 30px; width:100%; box-sizing:border-box;}
.lt-line{
  position:absolute; top:0; bottom:0; left:50%; width:2px; transform:translateX(-50%);
  background:linear-gradient(180deg, transparent 0%, rgba(212,175,55,.55) 12%, rgba(212,175,55,.55) 88%, transparent 100%);
}
.lt-line::after{
  content:""; position:absolute; inset:-2px;
  background:linear-gradient(180deg, transparent, rgba(212,175,55,.25), transparent);
  filter:blur(6px);
}
.lt-item{
  position:relative; width:50%; padding:0 48px 44px 0;
  opacity:0; transform:translateY(34px) scale(.97);
  transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1);
  transition-delay:calc(var(--lt-delay, 0) * 90ms);
  box-sizing:border-box;
}
.lt-item.lt-visible{opacity:1; transform:translateY(0) scale(1);}
.lt-item:nth-child(odd){left:0; text-align:right;}
.lt-item:nth-child(even){left:50%; padding:0 0 44px 48px; text-align:left;}
.lt-item:nth-child(even) .lt-medallion{left:-30px; right:auto;}
.lt-item:nth-child(odd) .lt-medallion{right:-30px; left:auto;}

.lt-medallion{
  position:absolute; top:14px; width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:1.15rem; color:#0B0D12;
  background:radial-gradient(circle at 32% 28%, #F3E5AB, #D4AF37 62%, #9d7c1f 100%);
  box-shadow:0 0 0 5px rgba(212,175,55,.14), 0 12px 30px rgba(0,0,0,.5), 0 0 26px rgba(212,175,55,.35);
  z-index:2;
}
.lt-card{
  display:inline-block; max-width:400px; text-align:inherit;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(212,175,55,.22);
  border-radius:20px; padding:22px 24px;
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(0,0,0,.45);
  transition:border-color .4s, transform .4s, box-shadow .4s;
  box-sizing:border-box;
}
.lt-item.lt-visible .lt-card:hover{
  border-color:rgba(212,175,55,.55);
  transform:translateY(-4px);
  box-shadow:0 22px 54px rgba(0,0,0,.55), 0 0 30px rgba(212,175,55,.12);
}
.lt-date{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.72rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--blk-accent,#D4AF37);
}
.lt-title{
  font-family:'Cinzel', Georgia, serif;
  font-size:1.28rem; font-weight:600; color:#F4F5F7; margin:10px 0 8px;
}
.lt-desc{color:#A8AEB8; font-size:.94rem; line-height:1.65; margin:0;}

@media(max-width:720px){
  .lt-line{left:22px;}
  .lt-item, .lt-item:nth-child(even){width:100%; left:0; text-align:left; padding:0 0 32px 58px;}
  .lt-item:nth-child(odd) .lt-medallion,
  .lt-item:nth-child(even) .lt-medallion{left:0; right:auto;}
  .lt-medallion{width:46px; height:46px; font-size:0.95rem; top:8px;}
  .lt-card{max-width:100%; width:100%; padding:18px 16px; border-radius:16px;}
}

@media(max-width:400px){
  .lt-line{left:18px;}
  .lt-item, .lt-item:nth-child(even){padding:0 0 26px 48px;}
  .lt-medallion{width:38px; height:38px; font-size:0.82rem;}
  .lt-card{padding:14px 12px;}
}