/* ═══ SOHBET ═══ */
.sohbet { padding: clamp(90px, 12vh, 150px) clamp(20px, 4vw, 48px); }

.sohbet-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(32px, 6vw, 90px);
  max-width: 1060px;
  margin: 0 auto;
  align-items: center;
}
.sohbet-copy h2 { margin-top: 16px; }
.sohbet-copy .section-sub { max-width: 42ch; }

.nudge { margin-top: 40px; }
.nudge-title { font-size: 15px; font-weight: 600; color: var(--kisik); }
.nudge-btn {
  display: inline-flex; align-items: center; gap: 10px;
  height: 56px; padding: 0 28px;
  margin-top: 14px;
  border: 0; border-radius: 999px; cursor: pointer;
  background: var(--buz-zemin); color: var(--arduvaz);
  font-family: var(--font); font-size: 16px; font-weight: 700;
  transition: transform .3s var(--ease-out), background .3s, box-shadow .3s;
}
.nudge-btn:hover { background: var(--buz); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(46,74,99,.16); }
.nudge-btn:active { transform: scale(.96); }
.nudge-btn:disabled { opacity: .5; cursor: default; transform: none; box-shadow: none; }
.nudge-note { margin-top: 12px; font-size: 13.5px; color: var(--soluk-metin); }

.chat-panel {
  background: #fff;
  border-radius: 28px;
  box-shadow: var(--golge-yuzen);
  overflow: hidden;
}
.chat-head {
  display: flex; align-items: center; gap: 12px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--kenar-acik);
}
.chat-head .p-mini { width: 38px; height: 38px; font-size: 14px; }
.chat-head strong { display: block; font-size: 15.5px; }
.chat-head span:not(.p-mini) { font-size: 12.5px; color: var(--kisik); }

.chat-body { padding: 22px; display: flex; flex-direction: column; gap: 10px; }

.msg {
  transition: opacity .5s var(--ease-out), transform .5s var(--ease-out);
  transition-delay: var(--msg-delay, 0s);
}
.js .msg { opacity: 0; transform: translateY(12px); }
.js .chat-panel.in-view .msg { opacity: 1; transform: none; }

.chat-quote {
  align-self: flex-start;
  background: var(--buz-acik);
  border-left: 3px solid var(--buz);
  border-radius: 6px 16px 16px 6px;
  padding: 10px 14px;
  max-width: 82%;
}
.chat-quote-label { font-size: 11px; font-weight: 600; color: var(--arduvaz); letter-spacing: .02em; }
.chat-quote-text { font-size: 13.5px; font-style: italic; color: var(--kisik); margin-top: 3px; }

.bubble {
  max-width: 76%;
  padding: 11px 15px;
  font-size: 14.5px; line-height: 1.5;
}
.bubble--in {
  align-self: flex-start;
  background: var(--ekran);
  border-radius: 20px 20px 20px 6px;
}
.bubble--out {
  align-self: flex-end;
  background: var(--arduvaz); color: #fff;
  border-radius: 20px 20px 6px 20px;
}
.bubble--nudge {
  align-self: center;
  display: inline-flex; align-items: center; gap: 7px;
  background: var(--buz-zemin); color: var(--arduvaz);
  font-size: 12.5px; font-weight: 600;
  border-radius: 999px;
  padding: 7px 15px;
}
.bubble--nudge.bump { animation: nudgeBump .55s var(--ease-out); }
@keyframes nudgeBump {
  0% { transform: scale(1); }
  35% { transform: scale(1.12); }
  100% { transform: scale(1); }
}

.voice { display: inline-flex; align-items: center; gap: 3px; }
.voice i {
  width: 3px; border-radius: 99px; background: var(--arduvaz);
  height: 12px;
  animation: kvBar 1s ease-in-out infinite;
}
.voice i:nth-child(2) { height: 18px; animation-delay: .15s; }
.voice i:nth-child(3) { height: 9px; animation-delay: .3s; }
.voice i:nth-child(4) { height: 16px; animation-delay: .45s; }
.voice i:nth-child(5) { height: 11px; animation-delay: .6s; }
.voice span { margin-left: 8px; font-size: 12px; font-weight: 600; color: var(--kisik); }
@keyframes kvBar {
  0%, 100% { transform: scaleY(.55); }
  50% { transform: scaleY(1); }
}

.chat-composer {
  display: flex; align-items: center; justify-content: space-between;
  margin: 0 22px 22px;
  background: var(--ekran);
  border-radius: 999px;
  padding: 13px 18px;
  font-size: 14px; color: var(--soluk-metin);
}

@media (max-width: 860px) {
  .sohbet-grid { grid-template-columns: 1fr; }
}