/* Tema: FERAH — Faz 3/D5.
   Temel stilin (varsayılan temadan miras) ÜSTÜNE görünüm katmanı:
   keskin köşeler, çizgisel üst bar, gölge yerine kenarlık, sıkı ve
   büyük tipografi. Renkler YALNIZ var(--token) — palet mekanizması
   temadan bağımsızdır ve görsel kırmızı çizgiler bu dosyayı da tarar. */

/* ── köşeler: kart dili yuvarlaktan keskine ─────────────────────────── */
.kart,
.banner-kart,
.hero,
.hesap-form-kap,
button,
.dugme,
input,
select,
textarea {
  border-radius: 0;
}

/* ── yüzeyler: gölge yerine belirgin kenarlık ───────────────────────── */
.kart,
.hero,
.hesap-form-kap {
  box-shadow: none;
  border: 1px solid var(--kenar);
}

/* ── üst bar: dolgudan çizgiye ──────────────────────────────────────── */
.ust {
  border-bottom: 2px solid var(--metin);
  background: var(--zemin);
}

.marka {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 800;
}

/* ── tipografi: başlıklar daha iri ve sıkı ──────────────────────────── */
h1 {
  font-size: 2rem;
  letter-spacing: -.02em;
}

.bolum-basligi {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .95rem;
  border-bottom: 1px solid var(--ayrac);
  padding-bottom: .4rem;
}

/* ── kategori halkaları: daire yerine kare ──────────────────────────── */
.kategori-halka img,
.kategori-harf {
  border-radius: 0;
}

/* ── banner şeridi: başlık bandı zeminle ayrışır ────────────────────── */
.banner-baslik {
  background: var(--metin);
  color: var(--zemin);
  border-radius: 0;
}

/* ── alt bilgi: çizgisel ayrım ──────────────────────────────────────── */
.alt {
  border-top: 2px solid var(--metin);
  background: var(--zemin);
}