/* ════════════════════════════════════════════════════════════════════════
   site-v2-kampanya.css — yeni sitenin kampanya sayfaları (docs/89-ek dilim 3–6: Dilim 4b kampanya /kampanya, /en/campaign). Teklif penceresi bu dosyada değil: site-v2-pencere.css.
   Sahibi Hat C (A3 sürüm 3 §V3.2, CTO kararı 28.10); iskeleti Dilim K kurdu, içeriği Hat C yazar.
   Yalnızca isteyen sayfada yüklenir: görünüm ViewData[SiteV2Styles.ViewDataKey] = SiteV2Styles.Kampanya; main sınıfı "dcs-page dcs-kampanya".
   Her seçici .dcs-kampanya ile başlar (@media içi dahil; bekçi SiteKitV2UnitTests). Ortak parçaların stili site-v2.css'in kit bloğundadır,
   burada yalnızca bu gruba özgü kurallar durur. Satır içi style=, u-* yardımcı sınıfı ve ws-* eski sınıf yok (H-2, H-5).
   ════════════════════════════════════════════════════════════════════════ */

/* ── Öncü tasarımı (_CampaignPioneer, açık TR; DÖ-2): campaign.css aynen yüklenir, yalnızca değişkenleri kimlik tokenlarına eşlenir ve
   kontrastı düzeltilir. Sayfa açık zeminde sabit (K-4). Sinyal (#CCFF3D) açık zeminde metin rengi olamaz (~1,2:1): açık bölümlerde vurgu
   mürekkep ve serif italik, koyu bölümlerde (yolculuk, kapanış) sinyal; sinyal yüzeyinde metin mürekkep (beyaz kalmaz; bekçi
   CampaignV2UnitTests campaign.css'teki her sinyal zeminli kuralı burada arar). ── */
.dcs-kampanya .camp {
  --ink: var(--dcs-ink);
  --ink-2: var(--dcs-text-2);
  --muted: var(--dcs-text-3);
  --line: var(--dcs-line);
  --soft: var(--dcs-bg);
  --paper: var(--dcs-surface);
  --signal: var(--dcs-signal);
  --signal-dark: color-mix(in srgb, var(--dcs-signal) 86%, var(--dcs-ink));
  --night: var(--dcs-ink);
}
/* 4b inceleme Öneri 5: iç kenar boşluğu kitle aynı (.dcs-page .dcs-wrap: 1200 px, 20 px); campaign.css 28 / 20 / 16 px veriyordu (sahibin bildirdiği kayma) */
.dcs-kampanya .camp .shell { max-width: 1200px; padding-inline: 20px; }
/* Sinyal yüzeyinde mürekkep metin */
.dcs-kampanya .camp .button,
.dcs-kampanya .camp .button:hover,
.dcs-kampanya .camp .avatar,
.dcs-kampanya .camp .phone-screen .mini-action,
.dcs-kampanya .camp .demo-tab[aria-selected="true"] .demo-number,
.dcs-kampanya .camp .profile-card .fake-button,
.dcs-kampanya .camp .journey-proof i,
.dcs-kampanya .camp .dcard-avatar,
.dcs-kampanya .camp .dcard-btn-save { color: var(--dcs-on-signal); }
.dcs-kampanya .camp .button,
.dcs-kampanya .camp .button:hover { box-shadow: none; }
.dcs-kampanya .camp .button-ghost,
.dcs-kampanya .camp .button-ghost:hover { color: var(--dcs-ink); }
/* Odak (4b inceleme Önemli 1, Öneri 6): açık zeminde temanın odak rengi (campaign.css'in pembe halkası #ff8c96 yerine); koyu bölümlerde
   sinyal — kapanış formunun düğmesinde mürekkep üstünde mürekkep halka ~1,2:1 kalıyordu */
.dcs-kampanya .camp :focus-visible { outline: 3px solid var(--dcs-focus); outline-offset: 3px; }
.dcs-kampanya .camp .button:focus-visible { outline: 2px solid var(--dcs-focus); outline-offset: 3px; }
.dcs-kampanya .camp .journey :focus-visible,
.dcs-kampanya .camp .living :focus-visible,
.dcs-kampanya .camp .final :focus-visible,
.dcs-kampanya .camp .final .button:focus-visible,
.dcs-kampanya .camp .offer-price :focus-visible { outline-color: var(--dcs-signal); }
/* Açık zeminde sinyal metni → mürekkep (vurgu serif italik) */
.dcs-kampanya .camp .eyebrow,
.dcs-kampanya .camp .brand em,
.dcs-kampanya .camp .crm-arrow { color: var(--dcs-accent-text); }
.dcs-kampanya .camp .signal,
.dcs-kampanya .camp .hero h1 span { color: var(--dcs-accent-text); font-family: var(--dcs-font-serif); font-style: italic; font-weight: 400; letter-spacing: -.01em; }
/* Koyu bölümlerde vurgu sinyal (mürekkep zeminde yüksek kontrast) */
.dcs-kampanya .camp .journey .eyebrow,
.dcs-kampanya .camp .final .eyebrow,
.dcs-kampanya .camp .final .display span { color: var(--dcs-signal); }
.dcs-kampanya .camp .journey .signal { color: var(--dcs-signal); font-family: inherit; font-style: normal; font-weight: 700; letter-spacing: -.03em; }
/* 4b inceleme Önemli 2: koyu bölümde soluk metin (--muted → --dcs-text-3) mürekkepte 3,1:1 kalıyordu; bant metni (kapanış bandıyla aynı) */
.dcs-kampanya .camp .living .lead { color: var(--dcs-band-text); }
/* Eski kırmızıya sabitlenmiş süsler kimliğe */
.dcs-kampanya .camp .journey-step.is-active::before { box-shadow: 0 0 0 8px color-mix(in srgb, var(--dcs-signal) 16%, transparent); }
.dcs-kampanya .camp .pioneers-copy { border-left-color: var(--dcs-ink); }
.dcs-kampanya .camp .tap-card span:first-child { background: var(--dcs-signal); }
.dcs-kampanya .camp .sparkline i:nth-child(2n) { background: color-mix(in srgb, var(--dcs-ink) 72%, transparent); }
.dcs-kampanya .camp .dcard-logo { background: var(--dcs-signal); color: var(--dcs-on-signal); }
.dcs-kampanya .camp .dcard-tile { background: var(--dcs-bg); color: var(--dcs-ink); }
.dcs-kampanya .camp .tag { background: var(--dcs-signal); color: var(--dcs-on-signal); }
.dcs-kampanya .camp .dcard-cover { background: linear-gradient(135deg, var(--dcs-ink) 0%, var(--dcs-text-2) 55%, var(--dcs-signal) 100%); }

/* ── Açık EN ve kapalı hâller (CampaignV2): kit bölümleri + bu grubun parçaları ── */
.dcs-kampanya .dcs-kampanya__badge { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; }
.dcs-kampanya .dcs-kampanya__badge strong { font-weight: 700; color: var(--dcs-text); }
.dcs-kampanya .dcs-kampanya__dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--dcs-ink); box-shadow: 0 0 0 3px var(--dcs-signal); }
.dcs-kampanya .dcs-kampanya__countdown { margin: 24px 0 0; }
.dcs-kampanya .dcs-kampanya__countdown-label { display: block; margin: 0 0 8px; font-family: var(--dcs-font-mono); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--dcs-text-3); }
.dcs-kampanya .dcs-kampanya__countdown-cells { display: flex; flex-wrap: wrap; gap: 8px; }
.dcs-kampanya .dcs-kampanya__countdown-cell { display: grid; justify-items: center; min-width: 64px; padding: 10px 8px; border: 1px solid var(--dcs-line); border-radius: 12px; background: var(--dcs-surface); }
.dcs-kampanya .dcs-kampanya__countdown-cell strong { font-family: var(--dcs-font-mono); font-size: 24px; font-weight: 500; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--dcs-text); }
.dcs-kampanya .dcs-kampanya__countdown-cell span { font-size: 12px; color: var(--dcs-text-3); }
/* Bitişte betik sayacı gizler ve iletiyi baştan var olan canlı bölgeye yazar (display kuralları hidden'ı ezmesin) */
.dcs-kampanya .dcs-kampanya__countdown [hidden] { display: none; }
.dcs-kampanya .dcs-kampanya__countdown-done { margin: 0; font-family: var(--dcs-font-mono); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--dcs-text-2); }
.dcs-kampanya .dcs-kampanya__hero-img { display: block; width: 100%; height: auto; border: 1px solid var(--dcs-line); border-radius: 20px; }
.dcs-kampanya .dcs-kampanya__stack { position: relative; padding: 28px 0; }
.dcs-kampanya .dcs-kampanya__float { position: absolute; padding: 12px 16px; border: 1px solid var(--dcs-line); border-radius: 14px; background: var(--dcs-surface); box-shadow: 0 12px 32px color-mix(in srgb, var(--dcs-ink) 12%, transparent); }
.dcs-kampanya .dcs-kampanya__float--1 { left: 0; bottom: 0; }
.dcs-kampanya .dcs-kampanya__float--2 { right: 0; top: 0; }
.dcs-kampanya .dcs-kampanya__float-label { font-size: 13px; color: var(--dcs-text-3); }
.dcs-kampanya .dcs-kampanya__float-value { font-size: 22px; font-weight: 600; line-height: 1.2; color: var(--dcs-text); }
.dcs-kampanya .dcs-kampanya__numbers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
/* Hesap bölümü gri zeminde (4b inceleme Öneri 4: üç düz bölüm art arda geliyordu); kartlar zemin tonunda */
.dcs-kampanya .dcs-kampanya__number { display: grid; align-content: start; gap: 6px; min-width: 0; padding: 20px; border: 1px solid var(--dcs-line); border-radius: 16px; background: var(--dcs-bg); }
.dcs-kampanya .dcs-kampanya__number strong { font-size: clamp(26px, 3.4vw, 36px); font-weight: 600; line-height: 1.1; letter-spacing: -.02em; color: var(--dcs-text); overflow-wrap: anywhere; }
.dcs-kampanya .dcs-kampanya__number span { font-size: 15px; line-height: 1.45; color: var(--dcs-text-2); }
.dcs-kampanya .dcs-kampanya__note { max-width: 72ch; margin: 24px 0 0; font-size: 16px; line-height: 1.65; color: var(--dcs-text-2); }
.dcs-kampanya .dcs-kampanya__story { max-width: 840px; }
.dcs-kampanya .dcs-kampanya__story p { max-width: 68ch; margin: 16px 0 0; font-size: 18px; line-height: 1.6; color: var(--dcs-text-2); }
.dcs-kampanya .dcs-kampanya__story .dcs-btn { margin-top: 28px; max-width: 100%; white-space: normal; text-align: center; }
.dcs-kampanya .dcs-kampanya__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dcs-kampanya .dcs-kampanya__step { min-width: 0; padding: 24px; border: 1px solid var(--dcs-line); border-radius: 16px; background: var(--dcs-surface); }
.dcs-kampanya .dcs-kampanya__step-num { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--dcs-signal); color: var(--dcs-on-signal); font-family: var(--dcs-font-mono); font-weight: 600; }
.dcs-kampanya .dcs-kampanya__step-title { margin: 16px 0 8px; font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--dcs-text); }
.dcs-kampanya .dcs-kampanya__step p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--dcs-text-2); }
@media (max-width: 899px) {
  .dcs-kampanya .dcs-kampanya__numbers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dcs-kampanya .dcs-kampanya__steps { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 639px) {
  .dcs-kampanya .dcs-kampanya__stack { padding: 0; }
  .dcs-kampanya .dcs-kampanya__float { position: static; display: inline-block; margin: 12px 8px 0 0; }
}
@media (max-width: 479px) { .dcs-kampanya .dcs-kampanya__numbers { grid-template-columns: minmax(0, 1fr); } }