/* iletisim/contact.css — İletişim sayfası (legal.css'in üstüne) */
.ct-head { padding-block: clamp(32px, 5vw, 64px) clamp(18px, 2.4vw, 30px); position: relative; isolation: isolate; }

.ct-head .ct-intro { margin-top: 18px; }

.ct-card { margin-bottom: clamp(8px, 2vw, 20px); border-radius: 26px; border: 1px solid var(--ctl); background: #21180f; box-shadow: 0 40px 80px -44px rgba(0,0,0,.9); overflow: hidden; }
.ct-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px clamp(18px, 2.6vw, 30px); }
.ct-bar-title { font-family: var(--sans); font-size: clamp(18px, 1.8vw, 21px); font-weight: 700; letter-spacing: -.01em; }
.ct-x { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; color: var(--ctm); transition: background .15s, color .15s; }
.ct-x:hover { background: rgba(228,213,183,.12); color: var(--beige); }
.ct-x svg { width: 16px; height: 16px; }

.ct-panes { display: grid; grid-template-columns: minmax(250px, .82fr) minmax(0, 1.18fr); margin-inline: clamp(10px, 1.6vw, 18px); border-radius: 20px; border: 1px solid var(--ctl); background: rgba(10,7,5,.38); }

.ct-profile { display: flex; flex-direction: column; align-items: center; text-align: center; padding: clamp(22px, 3vw, 34px) clamp(18px, 2.4vw, 30px); border-right: 1px dashed rgba(228,213,183,.16); }
.ct-avatar { position: relative; width: clamp(110px, 12vw, 138px); aspect-ratio: 1; margin-top: 20px; border-radius: 50%; display: grid; place-items: center; background: #3a2b1c; box-shadow: 0 0 0 4px rgba(228,213,183,.09), 0 22px 40px -18px rgba(0,0,0,.8); }
.ct-avatar img { width: 72%; height: auto; display: block; filter: drop-shadow(0 8px 14px rgba(0,0,0,.5)); }
.ct-live { position: absolute; right: 6px; bottom: 6px; width: 20px; height: 20px; border-radius: 50%; background: var(--cta); border: 4px solid #1b130d; box-shadow: 0 0 14px rgba(232,255,77,.6); }
.ct-name { margin-top: 18px; font-size: 22px; font-weight: 700; line-height: 1.2; }
.ct-role { font-size: 15px; color: var(--ctm); }
.ct-chip { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding: 5px 14px; border-radius: 999px; font-size: 13.5px; line-height: 1.3; color: var(--ctm); background: rgba(228,213,183,.07); border: 1px solid var(--ctl); }
.ct-chip svg { width: 15px; height: 15px; flex-shrink: 0; }
.ct-info { list-style: none; width: 100%; margin-top: 26px; padding: 8px 18px; text-align: left; border-radius: 16px; background: rgba(228,213,183,.05); }
.ct-info li { display: flex; flex-direction: column; gap: 1px; padding: 9px 0; min-width: 0; }
.ct-info-k { font-size: 12.5px; color: var(--ctm); letter-spacing: .3px; }
.ct-info-v { font-size: 16px; font-weight: 600; color: var(--beige); text-decoration: none; overflow-wrap: anywhere; }
a.ct-info-v:hover { color: var(--cta); }
.ct-soon { color: var(--sub, #9c8e77); font-weight: 500; }
.ct-social { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; justify-content: center; }
.ct-social a { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: var(--beige); background: rgba(228,213,183,.08); border: 1px solid var(--ctl); transition: background .15s, color .15s, transform .15s; }
.ct-social a:hover { background: var(--cta); color: var(--bg); transform: translateY(-2px); }
.ct-social svg { width: 18px; height: 18px; fill: currentColor; }

.ct-fields { padding: clamp(22px, 3vw, 34px) clamp(18px, 2.8vw, 36px); display: flex; flex-direction: column; gap: 16px; min-width: 0; position: relative; }
.ct-field label { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; font-size: 14.5px; font-weight: 600; color: var(--ctm); }
.ct-count { font-weight: 400; font-size: 12.5px; opacity: .75; font-variant-numeric: tabular-nums; }
.ct-field input, .ct-field textarea { width: 100%; font: inherit; font-size: 16px; font-weight: 600; color: var(--beige); background: rgba(228,213,183,.07); border: 1px solid transparent; border-radius: 14px; padding: 13px 16px; transition: border-color .15s, background .15s; }
.ct-field textarea { resize: vertical; min-height: 140px; line-height: 1.55; font-weight: 500; }
.ct-field input::placeholder, .ct-field textarea::placeholder { color: rgba(205,191,162,.45); font-weight: 400; }
.ct-field input:hover, .ct-field textarea:hover { background: rgba(228,213,183,.1); }
.ct-field input:focus, .ct-field textarea:focus { outline: none; border-color: var(--cta); background: rgba(228,213,183,.1); box-shadow: 0 0 0 3px rgba(232,255,77,.14); }
.ct-field.is-bad input, .ct-field.is-bad textarea { border-color: #ff8a6b; }
.ct-err { min-height: 0; font-size: 13.5px; color: #ff9d82; margin-top: 6px; }
.ct-err:empty { display: none; }
.ct-consent { display: flex; gap: 12px; align-items: flex-start; font-size: 14.5px; line-height: 1.55; color: var(--ctm); cursor: pointer; }
.ct-consent input { appearance: none; flex-shrink: 0; width: 22px; height: 22px; margin-top: 1px; border-radius: 7px; background: rgba(228,213,183,.08); border: 1px solid rgba(228,213,183,.3); display: grid; place-items: center; cursor: pointer; transition: background .15s, border-color .15s; }
.ct-consent input:checked { background: var(--cta); border-color: var(--cta); }
.ct-consent input:checked::after { content: ""; width: 10px; height: 5px; border: solid var(--bg); border-width: 0 0 2.5px 2.5px; transform: translateY(-1px) rotate(-45deg); }
.ct-consent a { color: var(--beige); text-underline-offset: 3px; }
.ct-consent a:hover { color: var(--cta); }
.ct-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

.ct-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; padding: 16px clamp(18px, 2.6vw, 30px) 20px; }
.ct-status { font-size: 14.5px; color: var(--ctm); min-height: 1.4em; flex: 1 1 220px; }
.ct-status.ok { color: var(--cta); }
.ct-status.bad { color: #ff9d82; }
.ct-btns { display: flex; gap: 10px; margin-left: auto; }
.ct-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 24px; border-radius: 999px; font-size: 15.5px; font-weight: 700; text-decoration: none; transition: transform .15s, background .15s, opacity .15s; }
.ct-btn:active { transform: scale(.98); }
.ct-btn-ghost { color: var(--beige); background: rgba(228,213,183,.1); border: 1px solid var(--ctl); }
.ct-btn-ghost:hover { background: rgba(228,213,183,.2); }
.ct-btn-main { color: #1b130d; background: #eadcbf; }
.ct-btn-main:hover { background: var(--cta); }
.ct-btn-main[disabled] { opacity: .6; cursor: progress; }
.ct-see { margin-top: clamp(20px, 3vw, 32px); margin-bottom: clamp(36px, 5vw, 64px); }

@media (max-width: 820px) {
  .ct-panes { grid-template-columns: minmax(0, 1fr); }
  .ct-profile { border-right: 0; border-bottom: 1px dashed rgba(228,213,183,.16); }
  .ct-btns { width: 100%; margin-left: 0; }
  .ct-btn { flex: 1; }
}

/* ---- v2: canlı önizleme ---- */
.ct-head { padding-block: clamp(34px, 5vw, 70px) clamp(22px, 3vw, 36px); }
.ct-head .ct-title { font-size: clamp(38px, 5.6vw, 76px); max-width: 14ch; }
.ct-card { background: #21180f; }
.ct-prev-title { align-self: flex-start; font-size: 15px; font-weight: 700; color: var(--ctm); letter-spacing: 0; }
.ct-profile { align-items: center; }
.ct-avatar { margin-top: 14px; overflow: visible; }
.ct-avatar img { transition: opacity .2s, transform .3s var(--cte); }
.ct-ini { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; font-family: var(--serif); font-weight: 700; font-size: clamp(38px, 4.4vw, 52px); letter-spacing: .02em; color: var(--beige); background: #4a3724; }
.ct-ini.pop, .ct-avatar img.pop { animation: ctPop .35s var(--cte); }
@keyframes ctPop { 0% { transform: scale(.88); } 100% { transform: scale(1); } }
.ct-name { min-height: 1.3em; overflow-wrap: anywhere; }
.ct-name.is-empty, .ct-role.is-empty, .ct-bubble.is-empty { color: rgba(205,191,162,.45); font-weight: 400; }
.ct-role { margin-top: 2px; font-size: 15px; overflow-wrap: anywhere; }
.ct-bubble { position: relative; width: 100%; margin-top: 16px; padding: 14px 16px; border-radius: 16px 16px 16px 4px; text-align: left; font-size: 15px; line-height: 1.55; color: var(--beige); background: rgba(228,213,183,.09); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.ct-fields { justify-content: center; }
.ct-status #ctReply { color: var(--ctm); }
.ct-status.ok #ctReply, .ct-status.bad #ctReply { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .ct-card { animation: ctRise .6s var(--cte) both; }
  @keyframes ctRise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
}

.ct-chip, .ct-count { font-variant-numeric: tabular-nums; }
.ct-consent input:focus-visible { outline: 3px solid var(--cta); outline-offset: 3px; }
.ct-field input[aria-invalid="true"], .ct-field textarea[aria-invalid="true"] { border-color: #ff8a6b; }

/* ---- v3: gönderici / alıcı ---- */
.ct-card { position: relative; }
.ct-prev-title { transition: none; }
@media (prefers-reduced-motion: no-preference) {
  .ct-swap { animation: ctSwap .4s var(--cte); }
  @keyframes ctSwap { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}
.ct-fly { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 28px clamp(16px, 4vw, 48px); background: #21180f; text-align: center; }
.ct-fly[hidden] { display: none; }
.ct-fly-row { display: flex; align-items: flex-start; justify-content: center; gap: clamp(8px, 2vw, 24px); width: min(760px, 100%); }
.ct-actor { flex: 0 0 clamp(110px, 24vw, 190px); display: flex; flex-direction: column; align-items: center; min-width: 0; }
.ct-av { position: relative; width: clamp(84px, 14vw, 120px); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; background: #3a2b1c; box-shadow: 0 0 0 4px rgba(228,213,183,.09); }
.ct-av-from span { font-family: var(--serif); font-weight: 700; font-size: clamp(30px, 5vw, 44px); color: var(--beige); }
.ct-av-to img { width: 72%; height: auto; }
.ct-tick { position: absolute; right: -2px; bottom: -2px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--cta); color: var(--bg); border: 4px solid #21180f; transform: scale(0); }
.ct-tick svg { width: 16px; height: 16px; }
.ct-actor-name { margin-top: 14px; max-width: 100%; font-size: 18px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.ct-actor-sub { max-width: 100%; font-size: 14px; color: var(--ctm); overflow-wrap: anywhere; }
.ct-track { position: relative; flex: 1 1 0; min-width: 60px; height: clamp(84px, 14vw, 120px); }
.ct-trail { position: absolute; left: 6px; right: 6px; top: 50%; border-top: 2px dotted rgba(228,213,183,.3); }
.ct-plane { position: absolute; left: 0; top: calc(50% - 22px); width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #1b130d; background: #eadcbf; opacity: 0; will-change: transform; }
.ct-plane svg { width: 22px; height: 22px; transform: rotate(8deg); }
.ct-fly-text { min-height: 1.6em; max-width: 44ch; font-size: 17px; color: var(--beige); }
.ct-fly.go .ct-plane { animation: ctFlight 1.6s cubic-bezier(.45, 0, .25, 1) forwards; }
.ct-fly.arrived .ct-plane { opacity: 0; animation: none; }
.ct-fly.arrived .ct-tick { animation: ctTick .45s var(--cte) forwards; }
.ct-fly.arrived .ct-av-to { animation: ctBounce .5s var(--cte); }
@keyframes ctFlight {
  0% { opacity: 0; transform: translate(0, 0) scale(.7); }
  12% { opacity: 1; }
  50% { transform: translate(calc(var(--d, 200px) * .5), -26px) scale(1.05) rotate(-6deg); }
  90% { opacity: 1; }
  100% { opacity: 0; transform: translate(var(--d, 200px), 0) scale(.6); }
}
@keyframes ctTick { 0% { transform: scale(0); } 70% { transform: scale(1.18); } 100% { transform: scale(1); } }
@keyframes ctBounce { 0% { transform: scale(1); } 40% { transform: scale(1.09); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  .ct-fly.go .ct-plane { animation: none; opacity: 0; }
  .ct-fly.arrived .ct-tick { animation: none; transform: scale(1); }
}
@media (max-width: 520px) { .ct-actor { flex-basis: 96px; } .ct-actor-name { font-size: 16px; } .ct-track { min-width: 44px; } }
.ct-fly .ct-btn { flex: none; }
@media (max-width: 520px) { .ct-fly-row { gap: 4px; } .ct-actor { flex-basis: 118px; } .ct-actor-sub { font-size: 12.5px; } .ct-track { min-width: 30px; } .ct-av { width: 78px; } }

/* marka sitesi uyarlaması */
.ct-wrap{width:100%;max-width:1300px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.ct-title{font-family:var(--serif);font-weight:700;font-size:clamp(34px,5.4vw,68px);line-height:1.06;letter-spacing:-.02em;max-width:18ch;text-wrap:balance}
.ct-intro{margin-top:18px;max-width:62ch;font-size:clamp(18px,1.5vw,21px);line-height:1.65;color:var(--ctm)}
.ct-see-x{font-size:14.5px;color:var(--ctm)}.ct-see-x a{text-underline-offset:3px}.ct-see-x a:hover{color:var(--cta)}
.ct-btn-main[disabled]{opacity:.6}
body.ctpg .ct-card,body.ctpg .ct-head{position:relative}