.lead-box { position: fixed; inset: 0; z-index: 900; display: flex; align-items: center; justify-content: center; padding: 1rem; background: rgba(4, 10, 30, .78); opacity: 0; transition: opacity .25s; }
.lead-box[hidden] { display: none; }
.lead-box.open { opacity: 1; }
.lead-panel {
  width: min(680px, 100%); height: min(760px, calc(100vh - 2rem)); display: flex; flex-direction: column; overflow: hidden;
  background: var(--bg); border: 4px solid var(--blue); border-radius: 30px; box-shadow: 0 10px 0 var(--blue), 0 30px 60px rgba(0, 0, 0, .35);
  transform: translateY(20px) scale(.95); transition: transform .35s var(--bounce);
}
.lead-box.open .lead-panel { transform: none; }
.lead-head { display: flex; align-items: center; gap: .8rem; padding: .8rem 1rem; background: var(--blue); color: #fff; }
.lead-av { flex: 0 0 auto; width: 50px; height: 50px; border-radius: 50%; background: #fff; overflow: hidden; display: flex; align-items: flex-end; justify-content: center; border: 3px solid rgba(255, 255, 255, .6); }
.lead-av img { width: 100%; height: auto; }
.lead-head b { display: block; font-family: var(--font-display); font-size: 1.3rem; line-height: 1.05; }
.lead-head small { font-size: .82rem; opacity: .92; }
.lead-x { margin-left: auto; width: 42px; height: 42px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .7); background: rgba(255, 255, 255, .15); color: #fff; font-size: 1.05rem; cursor: pointer; }
.lead-x:hover { background: rgba(255, 255, 255, .3); }
.lead-body { position: relative; flex: 1; background: #fff; }
.lead-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .3s; }
.lead-box.ready .lead-frame { opacity: 1; }
.lead-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem; background: var(--bg); color: var(--text); font-family: var(--font-display); font-size: 1.15rem; }
.lead-loading img { width: 110px; height: auto; animation: bukiBob 1.6s ease-in-out infinite; }
.lead-loading p { margin: 0; text-align: center; }
.lead-box.ready .lead-loading { display: none; }
.lead-box.slow:not(.ready) .lead-loading p::after { content: ' Uzun sürdü, aşağıdan yeni sekmede açabilirsin.'; display: block; font-family: var(--font-body); font-size: .9rem; margin-top: .3rem; text-align: center; padding: 0 1.4rem; }
.lead-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .4rem 1rem; padding: .7rem 1rem; background: var(--bg-alt); border-top: 3px solid var(--line); font-size: .9rem; color: var(--text-sub); }
.lead-foot a { font-family: var(--font-display); font-weight: 700; color: var(--ink); text-decoration: none; }
.lead-foot a:hover { text-decoration: underline; }
.lead-wa { padding: .3rem .8rem; border-radius: 999px; background: #25d366; color: #fff !important; }
@media (max-width: 640px) {
  .lead-box { padding: 0; align-items: flex-end; }
  .lead-panel { width: 100%; height: 94vh; border-radius: 26px 26px 0 0; border-bottom: 0; }
}
@media print { .lead-box { display: none; } }