/* Şifre ekranı */
#password-overlay{
  position: fixed;
  inset: 0;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999;
}
.password-box{
  background:#0b0b0b;
  border:1px solid #222;
  border-radius:18px;
  padding:28px;
  width:min(460px, 92vw);      /* kartı büyüttük */
  color:#fff;
  text-align:center;
  box-shadow: 0 12px 36px rgba(0,0,0,0.45);
}
.password-box h2{ margin:0 0 14px; }
.password-box input,
.password-box button{
  width:100%;
  box-sizing:border-box;       /* taşma olmasın */
  padding:12px 14px;           /* sağ-sol iç boşluk */
  border-radius:12px;
  border:1px solid #333;
}
.password-box input{
  background:#111; color:#fff; margin-top:10px;
}
.password-box button{
  background:#1f1f1f; color:#fff; cursor:pointer; margin-top:10px;
}
.password-box button:hover{ filter:brightness(1.2); }
.password-error{ margin-top:8px; color:#ff6b6b; min-height:1em; font-size:20px; }

/* Genel */
.section { text-align:center; font-size:2em; color:#fff; }
#section1 { background:#000; }

p {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
  line-height: 1.7;
  font-size: 28px;
  color: #f5f5f5;
  text-align: center;
}

#section2 { background: #000; }

/* Fotoğraf + Yazı */
.photo-text-layout { background: #000; }
.photo-text-layout .pt-wrapper{
  width:min(1200px,92vw);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:48px;
}
.photo-text-layout .pt-box{
  background:#0b0b0b; border:1px solid #222; border-radius:18px; padding:28px; color:#fff;
}
.photo-text-layout .pt-text{
  display:flex; justify-content:center; align-items:center; text-align:center;
}
.photo-text-layout .pt-text h2{ font-size:clamp(24px,3vw,36px); margin:0 0 12px; }
.photo-text-layout .pt-media img{
  width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.45);
}

/* Video stack */
.video-stack-layout { background:#000; }
.video-stack-layout .vs-wrapper{
  width:min(1400px,94vw); margin:0 auto; padding:24px 0 32px;
  display:flex; flex-direction:column; gap:16px; min-height:100vh; justify-content:center;
}
.video-stack-layout .vs-title{ color:#fff; text-align:center; font-size:clamp(28px,3.2vw,44px); margin:0; }
.video-stack-layout .vs-video{
  width:100%; aspect-ratio:16/9; display:block; border-radius:12px; background:#000; outline:1px solid #222;
}

/* rakan xayah fotoları kısmı */
#section6 { background:#000; }
.s6-wrapper{ display:flex; align-items:center; justify-content:center; gap:40px; }
.s6-title{ color:#fff; font-size:clamp(28px,3.2vw,44px); text-align:center; }
.tilt-left, .tilt-right{ width:420px; height:420px; object-fit:cover; }
.tilt-left{ transform:rotate(-15deg); }
.tilt-right{ transform:rotate(15deg); }

/* Efekt overlay (kalp + konfeti) */
.heart-overlay{
  position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:hidden; z-index:3;
}

/* Kalp yağmuru */
.heart{ position:absolute; top:-50px; animation:fall linear forwards; }
@keyframes fall{ to{ transform:translateY(110vh); opacity:0; } }

/* Konfeti yukarı fırlatma */
.confetti{
  position:absolute; bottom:0; width:8px; height:14px; background:#fff; opacity:.95; animation:confetti-rise linear forwards;
}
@keyframes confetti-rise{
  0%{ transform:translateY(0) rotate(0deg); opacity:1; }
  100%{ transform:translateY(-500px) rotate(720deg); opacity:0; }
}

/* Diğer bölümler arka plan */
#section4, #section5, #section7, #section8, #section9, #section10, #section11,
#section12, #section13, #section14, #section15, #section16, #section17,
#section18, #section19, #section20, #section21, #section22, #section23 { background:#000; }