/* ══════════════════════════════════════════════════════════════════════
   CMZ MOBİLYA — Fiyat Hesabı (Sürüm 2 — Tipografi & Rakam Düzenlemesi)

   Tipografi Sistemi:
     Manrope (Tüm başlıklar, sayılar, formlar ve etiketler).
     Tok, mimari, okunaklı ve dengeli duruş.
   ══════════════════════════════════════════════════════════════════════ */

@import url("stil.css");

:root {
  --baslik: "Manrope", system-ui, -apple-system, sans-serif;
  --serif: "Manrope", system-ui, -apple-system, sans-serif;
  --sans: "Manrope", system-ui, -apple-system, sans-serif;
  --marka: "Manrope", system-ui, -apple-system, sans-serif;
}

/* ── Başlık Tipografisi ─────────────────────────────────────────────── */
h1, h2, h3,
.giris h1,
.hesap-kart h2,
.panel h2,
.ozet-sag h3 {
  font-family: var(--baslik);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.giris h1 {
  font-size: clamp(24px, 3.2vw, 36px);
  line-height: 1.25;
}

.hesap-kart h2 {
  font-size: 24px;
  letter-spacing: -0.015em;
}

.panel h2 {
  font-size: clamp(20px, 2.6vw, 28px);
  letter-spacing: -0.015em;
}

.ust .marka b {
  font-family: var(--marka);
  font-weight: 500;
  letter-spacing: 0.06em;
}

.geri-site {
  font-family: var(--sans);
  font-size: 13.5px;
  letter-spacing: 0.02em;
}

.ray li span {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 13.5px;
  letter-spacing: 0.02em;
}

.secim b, .anahtar b {
  font-family: var(--sans);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
}

/* ── Yaklaşık Fiyat Kutusu (Rakamın ve TL'nin Taşmasını Önleme) ─────── */
.tutar-sayi {
  font-family: var(--baslik);
  font-weight: 600;
  font-size: clamp(20px, 2.4vw, 30px);
  line-height: 1.25;
  margin-top: 8px;
  letter-spacing: -0.02em;
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
}

.tutar-sayi .kdv {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.08em;
  color: var(--soluk);
  margin-left: 2px;
  white-space: nowrap;
}

.alan input, .alan textarea {
  font-family: var(--sans);
  font-size: 16px;
}

.alan input::placeholder, .alan textarea::placeholder {
  font-size: 14.5px;
  opacity: 0.65;
}