diff --git a/src/components/site-top-banner.tsx b/src/components/site-top-banner.tsx
index 2a2357f..9392e82 100644
--- a/src/components/site-top-banner.tsx
+++ b/src/components/site-top-banner.tsx
@@ -3,7 +3,17 @@
 import { startTransition, useEffect, useState } from "react";
 import NumberFlow, { NumberFlowGroup } from "@number-flow/react";
 import { CalendarDays, Clock3 } from "lucide-react";
-import { sezonAsamasi, sezonHedefi, type SezonAsamasi } from "@/lib/sezon";
+import {
+  BANT_ARIA,
+  BANT_METNI,
+  SEZON_TAKVIMI,
+  sezonAsamasi,
+  sezonHedefi,
+  type SezonAraligi,
+  type SezonAsamasi,
+} from "@/lib/sezon";
+import { trTarih } from "@/lib/tarih";
+import { TERCIH_YILI, VERI_ARALIGI } from "@/lib/veri-yillari";
 
 type GeriSayim = {
   asama: SezonAsamasi;
@@ -27,6 +37,27 @@ function geriSayimiHesapla(simdi: number): GeriSayim {
   };
 }
 
+/**
+ * "29 Temmuz – 10 Ağustos 2026": aralık aynı yıl içindeyse yıl yalnızca sonda
+ * yazılır. `trTarih` bilinçli olarak `Date`/`toLocale*` kullanmaz; sunucu ile
+ * tarayıcı saat dilimi farklı olsa da aynı metni üretir.
+ */
+function araligiBicimlendir(takvim: SezonAraligi) {
+  const baslangicIso = takvim.baslangic.slice(0, 10);
+  const bitisIso = takvim.bitis.slice(0, 10);
+  const yil = bitisIso.slice(0, 4);
+  const baslangic = trTarih(baslangicIso);
+
+  return {
+    baslangicIso,
+    bitisIso,
+    baslangicMetni: baslangicIso.startsWith(yil)
+      ? baslangic.replace(` ${yil}`, "")
+      : baslangic,
+    bitisMetni: trTarih(bitisIso),
+  };
+}
+
 const BIRIMLER = [
   { anahtar: "gun", etiket: "gün" },
   { anahtar: "saat", etiket: "sa" },
@@ -48,36 +79,50 @@ export function SiteTopBanner() {
     return () => window.clearInterval(zamanlayici);
   }, []);
 
-  const asamaMetni =
-    geriSayim?.asama === "baslamadi"
-      ? "Başlamasına"
-      : geriSayim?.asama === "sona-erdi"
-        ? "Tercih dönemi sona erdi"
-        : "Sona ermesine";
+  // Takvim açıklanmamışsa aşama zamandan bağımsızdır; mount öncesinde de
+  // bilinir, böylece boş sayaç bir an görünüp kaybolmaz. Takvim varsa sunucu
+  // çıktısı eskisi gibi "devam-ediyor" varsayar, ilk tikte gerçeğine döner.
+  const takvim = SEZON_TAKVIMI[TERCIH_YILI] ?? null;
+  const asama: SezonAsamasi =
+    geriSayim?.asama ?? (takvim ? "devam-ediyor" : "takvim-belirsiz");
+  const hedef = sezonHedefi(asama);
+  const aralik = takvim ? araligiBicimlendir(takvim) : null;
 
   return (
     <section
-      aria-label="2026 YKS tercih dönemi"
+      aria-label={BANT_ARIA}
       className="relative z-50 border-b border-primary-foreground/15 bg-primary text-primary-foreground print:hidden"
     >
       <div className="mx-auto flex min-h-12 max-w-6xl flex-wrap items-center justify-center gap-x-5 gap-y-1.5 px-4 py-2 sm:justify-between">
         <div className="flex min-w-0 items-center gap-2.5">
           <CalendarDays className="size-4 shrink-0 opacity-80" aria-hidden />
           <p className="truncate text-sm font-semibold tracking-[-0.01em]">
-            <span className="hidden sm:inline">2026 YKS tercih dönemi · </span>
-            <time dateTime="2026-07-29">29 Temmuz</time>
-            <span aria-hidden> – </span>
-            <time dateTime="2026-08-10">10 Ağustos 2026</time>
+            <span className="hidden sm:inline">{BANT_ARIA} · </span>
+            {aralik ? (
+              <>
+                <time dateTime={aralik.baslangicIso}>
+                  {aralik.baslangicMetni}
+                </time>
+                <span aria-hidden> – </span>
+                <time dateTime={aralik.bitisIso}>{aralik.bitisMetni}</time>
+              </>
+            ) : (
+              // Takvim yok: uydurma tarih yerine elimizdeki veriyi söyle.
+              <span>{VERI_ARALIGI} verisi</span>
+            )}
           </p>
         </div>
 
-        <div className="flex items-center gap-2.5" role="timer">
+        <div
+          className="flex items-center gap-2.5"
+          role={hedef !== null ? "timer" : undefined}
+        >
           <div className="flex items-center gap-1.5 text-xs font-medium opacity-85">
             <Clock3 className="size-3.5" aria-hidden />
-            <span>{asamaMetni}</span>
+            <span>{BANT_METNI[asama]}</span>
           </div>
 
-          {geriSayim?.asama !== "sona-erdi" ? (
+          {hedef !== null ? (
             <dl
               className="flex items-baseline gap-1 font-mono text-xs tabular-nums"
               aria-label={