/* Imported from: ../../styles/nc-tipografi.css */
/* NC TASARIM SİSTEMİ — tipografi. Faz 0.
 *
 * NEDEN BU DOSYA VAR: tema tipografi className'leri (`_SewBN6r2ez` vb.) KARARSIZ —
 * yayınlanan CSS'te kuralları yok ve sınıf adı token'a değil sıraya bağlı.
 * Ölçüm: docs/studio-notlar/2026-08-31-tipografi-classname-kararsiz.md
 * Fontlar tema tarafından yükleniyor; yalnız BAĞLAMA güvenilmez.
 *
 * ##  KURAL: BU DOSYADAKİ TİPOGRAFİ UTILITY'LERİ RENK BELİRLEMEZ.  ##
 * Sebebi ölçülmüş bir hatadır: MarkaSeridi ve YardimSeridi koyu zeminli ve
 * metin rengini sarmalayıcıdaki inline `color:#ffffff` ile MİRAS bırakıyor.
 * Utility çocuk öğede renk verirse mirası ezer ve koyu zeminde kontrast
 * 1,8:1'e (etiket) ve 2,3:1'e (gövde) düşer — 4,5:1 sınırının çok altı.
 * Renk bileşenin kendi CSS'inin ya da aşağıdaki opt-in renk sınıflarının işidir.
 */

.cc_twnkcbd7_tuBfn0zElz .nc-imza-testi { outline-color: rgb(1 2 3); }

/* ---- Tipografi: yalnız aile / boyut / ağırlık / ritim. RENK YOK. ---- */

.cc_twnkcbd7_tuBfn0zElz .nc-display {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 7.5vw, 76px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -0.02em;
  font-variation-settings: "SOFT" 40, "WONK" 1, "opsz" 72;
}
.cc_twnkcbd7_tuBfn0zElz .nc-h2 {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: clamp(27px, 4.4vw, 44px);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.015em;
  font-variation-settings: "SOFT" 40, "WONK" 1, "opsz" 40;
}
.cc_twnkcbd7_tuBfn0zElz .nc-h3 {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: clamp(21px, 2.6vw, 28px);
  font-weight: 600;
  line-height: 1.16;
  letter-spacing: -0.01em;
  font-variation-settings: "SOFT" 40, "WONK" 1, "opsz" 28;
}
.cc_twnkcbd7_tuBfn0zElz .nc-govde {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.62;
}
.cc_twnkcbd7_tuBfn0zElz .nc-govde-buyuk {
  font-family: "Poppins", system-ui, -apple-system, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
}
.cc_twnkcbd7_tuBfn0zElz .nc-etiket {
  font-family: "DM Mono", ui-monospace, monospace;
  font-size: 14px; /* 60+ tabanı; 13px kapının altındaydı (Codex, 2 Eyl 2026) */
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.cc_twnkcbd7_tuBfn0zElz .nc-sayi {
  font-family: "DM Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

/* ---- Renk: OPT-IN. Açık zeminde kullan; koyu zeminde `nc-ters-*` kullan. ---- */

.cc_twnkcbd7_tuBfn0zElz .nc-metin-ana { color: var(--1QyC2Xla3O, #1C1A1D); }
.cc_twnkcbd7_tuBfn0zElz .nc-metin-ikincil { color: var(--79GJzc9RAk, #5A5257); }
.cc_twnkcbd7_tuBfn0zElz .nc-metin-vurgu { color: var(--59B9UOa2Vc, #7A1F52); }

/* Koyu zemin (Zemin/Derin #2A0F1E) üzerinde AA/AAA sağlayan çiftler. */
.cc_twnkcbd7_tuBfn0zElz .nc-ters-ana { color: var(--fwUr2Oxnij, #FCFCFB); }   /* #2A0F1E üzerinde 16,4:1 */
.cc_twnkcbd7_tuBfn0zElz .nc-ters-ikincil { color: #E8DDE3; }                       /* #2A0F1E üzerinde 12,4:1 */
.cc_twnkcbd7_tuBfn0zElz .nc-ters-vurgu { color: #F0A9C8; }                       /* #2A0F1E üzerinde  7,6:1 */

/* End import: ../../styles/nc-tipografi.css */
/* ===== MarkaSeridi — katalog blokları arasındaki koyu anlatım şeridi =====
 * YardimSeridi ile aynı ölçüler ve tipografi: sayfada üç kez tekrarlanan
 * TEK bir imza öğe. Üç farklı bant tasarımı rastgele görünürdü.
 * 60+ kuralları: gövde >=16px, kontrast >=4,5:1, hover'a bağlı etkileşim yok.
 */

.cc_twnkcbd7_tuBfn0zElz .nc-serit {
  /* FOUC kapısı — bkz. utils/hazir.tsx: bu dosya uygulanınca kök açılır (max-height/visibility → none). */
  --nc-serit-hazir: none;
  box-sizing: border-box;
  width: 100%;
  padding: 64px 20px;
}

@media (min-width: 1024px) {
  .cc_twnkcbd7_tuBfn0zElz .nc-serit {
    padding: 88px 48px;
  }
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit *, .cc_twnkcbd7_tuBfn0zElz .nc-serit *::before, .cc_twnkcbd7_tuBfn0zElz .nc-serit *::after {
  box-sizing: border-box;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__ic {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__etiket {
  margin: 0 0 18px;
  text-transform: uppercase;
  opacity: 0.7;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__baslik {
  margin: 0;
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -0.01em;
}

@media (min-width: 1024px) {
  .cc_twnkcbd7_tuBfn0zElz .nc-serit__baslik {
    font-size: 40px;
  }
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__metin {
  max-width: 52ch;
  margin: 18px auto 0;
  opacity: 0.85;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__maddeler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 28px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__madde {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

/* Maddeler arası ayraç — yalnız aynı satırda ve ilkinden sonra. */
.cc_twnkcbd7_tuBfn0zElz .nc-serit__madde + .nc-serit__madde::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.5;
  transform: translateY(-50%);
}

/* ===== Kayan şerit modu ===== */

.cc_twnkcbd7_tuBfn0zElz .nc-serit--marquee {
  padding: 0;
  overflow: hidden;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__ray {
  display: flex;
  width: max-content;
  animation: cc_twnkcbd7_tuBfn0zElz_nc-serit-kay var(--sure, 45s) linear infinite;
}

@keyframes cc_twnkcbd7_tuBfn0zElz_nc-serit-kay {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__akis {
  display: flex;
  align-items: center;
  flex: none;
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__akis-oge {
  display: inline-flex;
  align-items: center;
  padding: 18px 0;
  white-space: nowrap;
}

@media (min-width: 1024px) {
  .cc_twnkcbd7_tuBfn0zElz .nc-serit__akis-oge {
    padding: 24px 0;
  }
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__akis-metin {
  font-family: "Fraunces", Georgia, "Times New Roman", serif;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .cc_twnkcbd7_tuBfn0zElz .nc-serit__akis-metin {
    font-size: 30px;
  }
}

.cc_twnkcbd7_tuBfn0zElz .nc-serit__ayrac {
  margin: 0 28px;
  font-size: 14px;
  opacity: 0.55;
}

@media (min-width: 1024px) {
  .cc_twnkcbd7_tuBfn0zElz .nc-serit__ayrac {
    margin: 0 40px;
  }
}

/* WCAG 2.2.2 / 60+ kuralı 14: hareketi azaltmak isteyen kullanıcıda şerit
   durur ve maddeler sabit olarak sarılır. */
@media (prefers-reduced-motion: reduce) {
  .cc_twnkcbd7_tuBfn0zElz .nc-serit__ray {
    animation: none;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .cc_twnkcbd7_tuBfn0zElz .nc-serit--marquee {
    padding: 18px 20px;
  }

  .cc_twnkcbd7_tuBfn0zElz .nc-serit__ray > .nc-serit__akis[aria-hidden="true"] {
    display: none;
  }

  .cc_twnkcbd7_tuBfn0zElz .nc-serit__akis {
    flex-wrap: wrap;
    justify-content: center;
  }

  .cc_twnkcbd7_tuBfn0zElz .nc-serit__akis-oge {
    padding: 6px 0;
  }
}