/* Count on Water site styles.
   Layout: a quiet editorial frame (wordmark bar, generous serif ledes) around dense data tools.
   Brand rules applied: square corners, no shadows or gradients, one coral element per view,
   numbers in IBM Plex Mono with a kind chip, caps labels in Libre Franklin 500 at +.08em.
   The site deliberately commits to the brand's single light palette. */
:root {
  /* Surfaces */
  --abis: #081F24;
  --soguk-beyaz: #F7F9F9;
  --sis: #EDF1F2;
  --mercan-sis: #F8E6E4;
  /* Ramp, light to deep */
  --r1-epipelajik: #B8C9CC;
  --r2-mezopelajik: #6E8A8C;
  --r3-batipelajik: #35646C;
  --r4-abisopelajik: #1C4A52;
  --r5-hadal: #0A3038;
  /* Coral: graphic accent (one per view) and small text on light ground */
  --mercan: #FF6F61;
  --mercan-metin: #AE4740;
  /* Roles */
  --zemin: var(--soguk-beyaz);
  --panel: var(--sis);
  --murekkep: var(--abis);
  --ikincil: var(--r3-batipelajik);
  --cizgi: var(--r1-epipelajik);
  --baglanti: var(--r4-abisopelajik);
  --font-baslik: "Libre Franklin", "Helvetica Neue", Arial, sans-serif;
  --font-metin: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-veri: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --genislik: 1240px;
  color-scheme: light;
}

* { box-sizing: border-box; border-radius: 0; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--murekkep); font: 17px/1.55 var(--font-metin); }
img { max-width: 100%; }
[hidden] { display: none !important; }
a { color: var(--baglanti); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--murekkep); }
:focus-visible { outline: 2px solid var(--abis); outline-offset: 2px; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--r1-epipelajik); }

.kap { max-width: var(--genislik); margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }

/* Caps label: Libre Franklin 500, uppercase, +.08em, word spacing .1em, at most four words */
.etiket, .kicker { font: 500 12px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; word-spacing: .1em; color: var(--ikincil); }
.kicker { font-size: 13px; color: var(--r3-batipelajik); }

/* Number kind chip */
.cip-tur { display: inline-block; font: 500 10.5px/1 var(--font-veri); text-transform: uppercase; letter-spacing: .06em; color: var(--ikincil); border: 1px solid var(--cizgi); padding: 3px 5px; white-space: nowrap; vertical-align: 2px; }

/* Header */
.ust-serit { border-bottom: 1px solid var(--cizgi); background: var(--zemin); }
.ust-serit .kap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 28px; padding-block: 16px; }
.marka { font: 600 17px/1 var(--font-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--abis); text-decoration: none; white-space: nowrap; }
.marka:hover { color: var(--abis); }
.gezinti { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.gezinti a { font: 500 14.5px/1.2 var(--font-baslik); color: var(--abis); text-decoration: none; padding-block: 6px; border-bottom: 2px solid transparent; }
.gezinti a:hover { border-bottom-color: var(--r1-epipelajik); }
.gezinti a[aria-current="page"] { border-bottom-color: var(--abis); }

/* Footer */
.alt-serit { border-top: 1px solid var(--cizgi); margin-top: 72px; }
.alt-serit .kap { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 24px 40px; padding-block: 32px 40px; font: 15px/1.5 var(--font-metin); color: var(--ikincil); }
.alt-serit h2 { margin: 0 0 8px; }
.alt-serit p { margin: 0 0 6px; }
.alt-serit ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.alt-serit a { color: var(--abis); }

/* Type */
h1, h2, h3 { font-family: var(--font-baslik); font-weight: 600; color: var(--abis); text-wrap: balance; margin: 0; }
h1 { font-size: clamp(2.1rem, 4.6vw, 3.4rem); line-height: 1.06; letter-spacing: -0.02em; }
h2 { font-size: clamp(1.35rem, 2.4vw, 1.75rem); line-height: 1.15; letter-spacing: -0.01em; }
h3 { font-size: 1.1rem; line-height: 1.25; }
.lede { font: 400 clamp(1.08rem, 1.6vw, 1.25rem)/1.5 var(--font-metin); max-width: 62ch; margin: 0; text-wrap: pretty; }
.metin { max-width: 68ch; }
.metin p { margin: 0 0 1em; }
.not { font-size: 14.5px; color: var(--ikincil); }

/* Buttons */
.dugme { display: inline-flex; align-items: center; gap: 8px; font: 600 15.5px/1 var(--font-baslik); padding: 14px 20px; text-decoration: none; border: 1px solid var(--abis); cursor: pointer; }
.dugme-ana { background: var(--mercan); color: var(--abis); border-color: var(--mercan); }
.dugme-ana:hover { background: var(--abis); color: var(--soguk-beyaz); border-color: var(--abis); }
.dugme-ikinci { background: transparent; color: var(--abis); }
.dugme-ikinci:hover { background: var(--abis); color: var(--soguk-beyaz); }

/* Page head */
.sayfa-bas { padding-block: 48px 28px; display: grid; gap: 16px; }
.sayfa-bas .meta { display: flex; flex-wrap: wrap; gap: 6px 22px; font: 400 12.5px/1.4 var(--font-veri); color: var(--ikincil); }
.sayfa-bas .meta b { color: var(--abis); font-weight: 500; }

/* Home */
.giris { padding-block: 64px 40px; display: grid; gap: 22px; }
.giris h1 { max-width: 18ch; }
.giris-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.rakamlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--abis); border-bottom: 1px solid var(--cizgi); }
.rakam { padding: 18px 18px 20px 0; display: grid; gap: 6px; align-content: start; }
.rakam + .rakam { padding-left: 18px; border-left: 1px solid var(--cizgi); }
.rakam .cip-tur { justify-self: start; }
.rakam b { font: 500 clamp(1.8rem, 3.4vw, 2.6rem)/1 var(--font-veri); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.rakam span.ac { font-size: 15px; color: var(--ikincil); }
.bolum { padding-block: 56px 0; display: grid; gap: 20px; }
.bolum-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; }
.urunler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.urun { background: var(--panel); padding: 26px 26px 28px; display: grid; gap: 12px; align-content: start; }
.urun ul { margin: 0; padding-left: 1.1em; display: grid; gap: 4px; }
.urun .durum { font: 500 12px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; word-spacing: .1em; color: var(--r3-batipelajik); }
.ilkeler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.ilkeler div { border-top: 1px solid var(--abis); padding-top: 14px; display: grid; gap: 8px; align-content: start; }
.ilkeler p { margin: 0; font-size: 16px; }
.kapanis-listesi { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--abis); }
.kapanis-listesi li { display: grid; grid-template-columns: 110px minmax(0, 1fr) 150px; gap: 6px 20px; padding: 14px 0; border-bottom: 1px solid var(--cizgi); align-items: baseline; }
.kapanis-listesi .tarih { font: 500 13px/1.3 var(--font-veri); color: var(--abis); }
.kapanis-listesi .tarih small { display: block; font-weight: 400; color: var(--ikincil); }
.kapanis-listesi a { font: 600 16px/1.35 var(--font-baslik); color: var(--abis); text-decoration: none; }
.kapanis-listesi a:hover { text-decoration: underline; }
.kapanis-listesi .kim { font-size: 15px; color: var(--ikincil); }
.kapanis-listesi .tutar-k { font: 500 14px/1.3 var(--font-veri); text-align: right; font-variant-numeric: tabular-nums; }

/* Prose pages */
.duz-sayfa { display: grid; gap: 28px; padding-bottom: 16px; }
.duz-sayfa section { display: grid; gap: 10px; max-width: 72ch; }
.duz-sayfa h2 { font-size: 1.25rem; }
.duz-sayfa p { margin: 0; }
.duz-sayfa ul { margin: 0; padding-left: 1.2em; display: grid; gap: 4px; }
.yer-tutucu { background: var(--mercan-sis); color: var(--mercan-metin); font: 500 14px var(--font-veri); padding: 1px 4px; }

/* ===== Tender tool ===== */
.duzen { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 28px; align-items: start; }
.filtre { position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow-y: auto; overscroll-behavior: contain; background: var(--panel); }
.filtre-ac { display: none; }
.filtre-govde { display: grid; }
.grup { border-top: 1px solid var(--cizgi); padding: 14px 16px 16px; display: grid; gap: 9px; }
.grup:first-child { border-top: 0; }
.grup-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.grup-bas h2 { font: 500 12px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; word-spacing: .1em; color: var(--abis); }
.temizle { border: 0; background: none; color: var(--baglanti); font: 500 13px var(--font-baslik); cursor: pointer; padding: 2px 0; text-decoration: underline; text-underline-offset: 3px; }
.secenekler { display: grid; gap: 1px; }
.secenekler.kaydir { max-height: 236px; overflow-y: auto; padding-right: 4px; }
.secenek { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 4px 6px; cursor: pointer; font: 400 14.5px/1.25 var(--font-baslik); }
.secenek:hover { background: var(--soguk-beyaz); }
.secenek input { margin: 0; accent-color: var(--abis); width: 15px; height: 15px; }
.secenek .say { font: 400 12px/1 var(--font-veri); color: var(--ikincil); font-variant-numeric: tabular-nums; }
.secenek.bos { color: var(--r2-mezopelajik); }
.secenek.gizli { display: none; }
.bul, select.sec { width: 100%; padding: 7px 9px; border: 1px solid var(--cizgi); background: var(--soguk-beyaz); font: 400 14.5px var(--font-baslik); }
.parcali { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--abis); }
.parcali button { border: 0; border-left: 1px solid var(--abis); background: var(--soguk-beyaz); padding: 8px 4px; font: 500 13.5px/1.1 var(--font-baslik); cursor: pointer; display: grid; gap: 3px; justify-items: center; }
.parcali button:first-child { border-left: 0; }
.parcali button span { font: 400 11px/1 var(--font-veri); color: var(--ikincil); }
.parcali button[aria-pressed="true"] { background: var(--abis); color: var(--soguk-beyaz); }
.parcali button[aria-pressed="true"] span { color: var(--r1-epipelajik); }
.filtre-alt { border-top: 1px solid var(--cizgi); padding: 14px 16px; }
.sifirla { width: 100%; padding: 9px; border: 1px solid var(--abis); background: transparent; cursor: pointer; font: 600 14px var(--font-baslik); }
.sifirla:hover { background: var(--abis); color: var(--soguk-beyaz); }

main.sonuc { display: grid; gap: 20px; min-width: 0; }
.ozet { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); border-top: 1px solid var(--abis); border-bottom: 1px solid var(--cizgi); }
.sayilar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sayi-kutu { padding: 14px 16px 16px 0; display: grid; gap: 4px; align-content: start; border-bottom: 1px solid var(--cizgi); }
.sayi-kutu:nth-child(2n) { padding-left: 16px; border-left: 1px solid var(--cizgi); }
.sayi-kutu:nth-last-child(-n+2) { border-bottom: 0; }
.sayi-kutu .ust-satir { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.sayi-kutu b { font: 500 1.85rem/1.05 var(--font-veri); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.sayi-kutu small { color: var(--ikincil); font-size: 14px; }
.grafik { padding: 14px 0 10px 18px; border-left: 1px solid var(--cizgi); display: grid; gap: 6px; position: relative; min-width: 0; }
.grafik svg { width: 100%; height: auto; display: block; overflow: visible; }
.grafik .cubuk { fill: var(--r3-batipelajik); }
.grafik .cubuk.son { fill: var(--r2-mezopelajik); }
.grafik .hedef { fill: transparent; }
.grafik g.ust .cubuk { fill: var(--abis); }
.grafik .izgara { stroke: var(--cizgi); stroke-width: 1; }
.grafik text { fill: var(--ikincil); font: 10.5px var(--font-veri); }
.grafik-not { font: 400 11.5px/1.4 var(--font-veri); color: var(--ikincil); }
.ipucu { position: absolute; pointer-events: none; background: var(--abis); color: var(--soguk-beyaz); font: 400 13px/1.35 var(--font-baslik); padding: 7px 10px; white-space: nowrap; transform: translate(-50%, -100%); z-index: 2; }

.arac { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ara { flex: 1 1 260px; position: relative; }
.ara input { width: 100%; padding: 11px 12px 11px 36px; border: 1px solid var(--abis); background: var(--soguk-beyaz); font: 400 16px var(--font-baslik); }
.ara svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; stroke: var(--ikincil); fill: none; stroke-width: 2; }
.arac select { padding: 10px; border: 1px solid var(--abis); background: var(--soguk-beyaz); font: 400 14.5px var(--font-baslik); }
.kopyala { padding: 10px 14px; border: 1px solid var(--abis); background: var(--soguk-beyaz); cursor: pointer; font: 600 14.5px var(--font-baslik); }
.kopyala:hover { background: var(--abis); color: var(--soguk-beyaz); }

.cipler { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.cipler:empty { display: none; }
.cip { display: inline-flex; align-items: center; gap: 6px; padding: 4px 4px 4px 10px; background: var(--abis); color: var(--soguk-beyaz); font: 500 13.5px var(--font-baslik); border: 0; cursor: pointer; }
.cip i { font-style: normal; width: 18px; height: 18px; display: grid; place-items: center; font-weight: 600; }
.cip:hover i { background: var(--soguk-beyaz); color: var(--abis); }
.cip-sifirla { border: 0; background: none; color: var(--baglanti); cursor: pointer; font: 500 13.5px var(--font-baslik); padding: 4px 6px; text-decoration: underline; text-underline-offset: 3px; }

.paneller { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.panel { background: var(--panel); padding: 14px 16px 16px; display: grid; gap: 10px; align-content: start; min-width: 0; }
.panel-bas { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.panel-bas h2 { font: 600 1.05rem/1.2 var(--font-baslik); }
.lider { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.lider button { width: 100%; text-align: left; border: 0; background: none; padding: 6px 4px; cursor: pointer; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; }
.lider button:hover { background: var(--soguk-beyaz); }
.lider .ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 14.5px var(--font-baslik); }
.lider .ust { font: 400 12px/1.4 var(--font-veri); color: var(--ikincil); font-variant-numeric: tabular-nums; text-align: right; }
.lider .cizgi-bar { grid-column: 1 / -1; height: 4px; background: var(--soguk-beyaz); overflow: hidden; }
.lider .cizgi-bar span { display: block; height: 100%; background: var(--r3-batipelajik); }
.panel-bos { color: var(--ikincil); font-size: 14px; margin: 4px 0; }

.liste-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.liste-bas p { margin: 0; color: var(--ikincil); font: 400 14.5px var(--font-baslik); }
.liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--abis); }
.ilan { border-bottom: 1px solid var(--cizgi); }
.ilan-bas { width: 100%; text-align: left; border: 0; background: none; cursor: pointer; display: grid; grid-template-columns: 104px minmax(0, 1fr) 200px; gap: 4px 18px; padding: 14px 4px; align-items: start; }
.ilan-bas:hover { background: var(--sis); }
.ilan-bas[aria-expanded="true"] { background: var(--sis); }
.ilan-sol { display: grid; gap: 6px; justify-items: start; }
.ilan-sol time { font: 400 12.5px/1.2 var(--font-veri); color: var(--ikincil); font-variant-numeric: tabular-nums; }
.rozet { font: 500 10.5px/1 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; padding: 4px 6px; }
.rozet-a { background: var(--abis); color: var(--soguk-beyaz); }
.rozet-t { border: 1px solid var(--abis); color: var(--abis); padding: 3px 5px; }
.ilan-orta { display: grid; gap: 5px; min-width: 0; }
.ilan-baslik { font: 600 16px/1.32 var(--font-baslik); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ilan-bas[aria-expanded="true"] .ilan-baslik { display: block; -webkit-line-clamp: unset; overflow: visible; }
.ilan-ozgun { font: italic 400 14.5px/1.35 var(--font-metin); color: var(--ikincil); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ilan-ozgun .dil { font: normal 500 10px/1 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; border: 1px solid var(--cizgi); padding: 2px 4px; margin-right: 5px; vertical-align: 1px; }
.ilan-bas[aria-expanded="true"] .ilan-ozgun { white-space: normal; overflow-wrap: anywhere; }
.ilan-alt { font-size: 15px; color: var(--ikincil); overflow-wrap: anywhere; }
.ilan-alt b { color: var(--abis); font-weight: 600; }
.etiketler { display: flex; flex-wrap: wrap; gap: 4px; }
.e { font: 400 12px/1 var(--font-baslik); padding: 4px 6px; background: var(--sis); color: var(--r4-abisopelajik); white-space: nowrap; }
.e.sek { background: transparent; border: 1px solid var(--cizgi); padding: 3px 5px; color: var(--abis); }
.ilan-sag { display: grid; gap: 5px; justify-items: end; text-align: right; min-width: 0; }
.tutar { font: 500 1.1rem/1.1 var(--font-veri); font-variant-numeric: tabular-nums; }
.tutar small { font: 500 10.5px var(--font-veri); color: var(--ikincil); letter-spacing: .04em; margin-right: 4px; text-transform: uppercase; }
.tutar.yok { font: 400 13.5px var(--font-baslik); color: var(--ikincil); }
.kazanan { font: 400 14px/1.3 var(--font-baslik); overflow-wrap: anywhere; max-width: 100%; }
.kazanan.gizli-ad { color: var(--ikincil); font-style: italic; }
.sure { font: 500 12px/1 var(--font-veri); padding: 4px 6px; white-space: nowrap; }
.sure.acik { background: var(--r3-batipelajik); color: var(--soguk-beyaz); }
.sure.yakin { background: var(--mercan-sis); color: var(--mercan-metin); }
.sure.kapali { background: var(--sis); color: var(--ikincil); }
.sure.sonuc { background: var(--abis); color: var(--soguk-beyaz); }

.ilan-detay { padding: 6px 4px 18px 126px; display: grid; gap: 16px; background: var(--sis); }
.alanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px 20px; margin: 0; }
.alanlar div { min-width: 0; }
.alanlar dt { font: 500 11px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; color: var(--ikincil); }
.alanlar dd { margin: 3px 0 0; font: 400 15px/1.4 var(--font-metin); overflow-wrap: anywhere; }
.kod { font-family: var(--font-veri); font-size: 13px; }
.gecmis { display: grid; gap: 6px; }
.gecmis h4 { margin: 0; font: 500 12px/1.2 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; }
.gecmis ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--cizgi); }
.gecmis li { display: grid; grid-template-columns: 86px 62px minmax(0, 1fr) auto; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); font: 400 14px var(--font-baslik); align-items: baseline; }
.gecmis li .kod { color: var(--ikincil); font-size: 12px; }
.gecmis li .ne { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gecmis li .kim { font-size: 13px; color: var(--ikincil); text-align: right; max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.detay-dugmeler { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; }
.detay-dugmeler a, .detay-dugmeler button { font: 600 14.5px var(--font-baslik); }
.detay-dugmeler button { border: 0; background: none; color: var(--baglanti); cursor: pointer; padding: 0; text-decoration: underline; text-underline-offset: 3px; }

.daha { justify-self: center; padding: 11px 22px; border: 1px solid var(--abis); background: transparent; cursor: pointer; font: 600 14.5px var(--font-baslik); }
.daha:hover { background: var(--abis); color: var(--soguk-beyaz); }
.bos-durum { border: 1px dashed var(--r2-mezopelajik); padding: 28px 18px; text-align: center; color: var(--ikincil); font: 400 15px var(--font-baslik); }
.bos-durum button { margin-top: 12px; }
.yukleniyor { padding: 24px 4px; color: var(--ikincil); font: 400 15px var(--font-baslik); }

.bildirim { position: fixed; left: 50%; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--abis); color: var(--soguk-beyaz); padding: 10px 16px; font: 500 14.5px var(--font-baslik); z-index: 20; }
.yedek { position: fixed; inset: auto max(16px, env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px)); background: var(--soguk-beyaz); border: 1px solid var(--abis); padding: 12px; z-index: 21; display: grid; gap: 8px; }
.yedek textarea { width: 100%; height: 160px; font: 12px var(--font-veri); background: var(--sis); border: 1px solid var(--cizgi); }
.yedek div { display: flex; justify-content: space-between; gap: 8px; align-items: center; font: 400 14px var(--font-baslik); }

/* ===== Poland pipeline ===== */
.pl-ust { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.voy-grafik { display: grid; gap: 8px; }
.voy-grafik svg { width: 100%; height: auto; display: block; }
.voy-grafik .cubuk { fill: var(--r3-batipelajik); }
.voy-grafik .cubuk.secili { fill: var(--abis); }
.voy-grafik text { fill: var(--abis); font: 12px var(--font-baslik); }
.voy-grafik text.deger { fill: var(--ikincil); font: 11px var(--font-veri); }
.voy-grafik g { cursor: pointer; }
.uye-kutu { background: var(--panel); padding: 22px 24px; display: grid; gap: 10px; }
.uye-kutu ul { margin: 0; padding-left: 1.1em; display: grid; gap: 4px; }
.pl-filtre { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; }
.pl-filtre label { display: grid; gap: 4px; font: 500 12px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; color: var(--ikincil); }
.pl-filtre select, .pl-filtre input { padding: 9px 10px; border: 1px solid var(--abis); background: var(--soguk-beyaz); font: 400 14.5px var(--font-baslik); text-transform: none; letter-spacing: 0; color: var(--abis); min-width: 0; }
.pl-filtre input { width: min(280px, 100%); }
.tablo-kap { overflow-x: auto; border-top: 1px solid var(--abis); }
table.projeler { width: 100%; border-collapse: collapse; font: 400 14.5px/1.35 var(--font-baslik); min-width: 860px; }
.projeler th { text-align: left; font: 500 11px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; color: var(--ikincil); padding: 10px 10px 8px 0; border-bottom: 1px solid var(--cizgi); white-space: nowrap; vertical-align: bottom; }
.projeler th button { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--cizgi); }
.projeler th.sayi, .projeler td.sayi { text-align: right; }
.projeler td { padding: 12px 10px 12px 0; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.projeler td.sayi { font: 400 13.5px/1.35 var(--font-veri); font-variant-numeric: tabular-nums; white-space: nowrap; }
.projeler td.sayi small { display: block; color: var(--ikincil); }
.projeler .p-ad { font-weight: 600; color: var(--abis); }
.projeler .p-ozgun { display: block; font: italic 400 13.5px/1.35 var(--font-metin); color: var(--ikincil); margin-top: 3px; }
.projeler .p-yar { display: block; color: var(--ikincil); margin-top: 3px; font-size: 13.5px; }
.projeler .p-durum { font: 500 10.5px/1 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; padding: 4px 6px; white-space: nowrap; display: inline-block; }
.p-durum.secildi { background: var(--abis); color: var(--soguk-beyaz); }
.p-durum.degerlendirme { border: 1px solid var(--abis); padding: 3px 5px; }
.projeler .p-ted { font-size: 13.5px; }
.kaynak-not { font: 400 12.5px/1.5 var(--font-veri); color: var(--ikincil); max-width: 90ch; }

/* ===== Founding membership and sign-up forms ===== */
.uyelik { scroll-margin-top: 16px; }
.uyelik-bas { display: grid; gap: 12px; border-top: 1px solid var(--abis); padding-top: 28px; }
.planlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.plan { background: var(--panel); padding: 26px 26px 28px; display: grid; gap: 12px; align-content: start; }
.plan ul { margin: 0; padding-left: 1.1em; display: grid; gap: 6px; }
.plan .fiyat { margin: 4px 0 0; display: flex; align-items: baseline; gap: 8px; }
.plan .fiyat b { font: 500 clamp(2.4rem, 4.4vw, 3.2rem)/1 var(--font-veri); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; color: var(--abis); }
.plan .fiyat span { font: 400 15px var(--font-baslik); color: var(--ikincil); }
.plan-alt { margin: 0; font: 500 15px/1.4 var(--font-baslik); color: var(--abis); }
.plan-dip { margin: 4px 0 0; font-size: 14.5px; color: var(--ikincil); }
.plan-kurucu { background: var(--abis); color: var(--soguk-beyaz); }
.plan-kurucu .etiket { color: var(--r1-epipelajik); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.plan-kurucu .yer { border: 1px solid var(--r1-epipelajik); color: var(--soguk-beyaz); padding: 2px 5px; letter-spacing: .08em; }
.plan-kurucu .fiyat b, .plan-kurucu .plan-alt { color: var(--soguk-beyaz); }
.plan-kurucu .fiyat span { color: var(--r1-epipelajik); }
.plan-kurucu .dugme { justify-self: start; margin-top: 8px; }
.plan-kurucu .dugme-ana:hover { background: var(--soguk-beyaz); color: var(--abis); border-color: var(--soguk-beyaz); }
.uyelik-alt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; margin-top: 16px; }
.nasil { display: grid; gap: 18px; }
.adimlar { list-style: none; counter-reset: adim; margin: 0; padding: 0; display: grid; gap: 14px; }
.adimlar li { counter-increment: adim; position: relative; padding-left: 46px; min-height: 32px; }
.adimlar li::before { content: counter(adim); position: absolute; left: 0; top: 0; font: 500 15px/30px var(--font-veri); text-align: center; width: 30px; height: 30px; border: 1px solid var(--abis); color: var(--abis); }
.adimlar b { font-family: var(--font-baslik); color: var(--abis); }
.sss { margin: 0; border-top: 1px solid var(--cizgi); }
.sss div { padding: 14px 0; border-bottom: 1px solid var(--cizgi); display: grid; gap: 6px; }
.sss dt { font: 600 16px/1.3 var(--font-baslik); color: var(--abis); }
.sss dd { margin: 0; font-size: 16px; }
.kayit-form { background: var(--panel); padding: 24px 24px 26px; display: grid; gap: 16px; scroll-margin-top: 16px; }
.kayit-form fieldset { border: 0; margin: 0; padding: 0; display: grid; gap: 8px; min-width: 0; }
.kayit-form legend, .kayit-form > label, .alan-cift label { font: 500 12px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; color: var(--ikincil); padding: 0; }
.kayit-form legend { margin-bottom: 8px; }
.kayit-form > label, .alan-cift label { display: grid; gap: 5px; }
.kayit-form input[type="text"], .kayit-form input[type="email"], .kayit-form select { width: 100%; padding: 10px 11px; border: 1px solid var(--abis); background: var(--soguk-beyaz); font: 400 15.5px var(--font-baslik); text-transform: none; letter-spacing: 0; color: var(--abis); min-width: 0; }
.kayit-form input::placeholder { color: var(--r2-mezopelajik); }
.alan-cift { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.secim label { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 12px; background: var(--soguk-beyaz); border: 1px solid var(--cizgi); cursor: pointer; font: 400 15px/1.35 var(--font-baslik); }
.secim label:has(input:checked) { border-color: var(--abis); box-shadow: inset 3px 0 0 var(--abis); }
.secim b { color: var(--abis); }
.kutular label, .onay { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; font: 400 15px/1.35 var(--font-baslik); cursor: pointer; }
.kayit-form > label.onay { text-transform: none; letter-spacing: 0; color: var(--murekkep); font-size: 14.5px; }
.kayit-form input[type="radio"], .kayit-form input[type="checkbox"] { margin: 2px 0 0; width: 16px; height: 16px; accent-color: var(--abis); }
.kutular label:has(input:disabled) { color: var(--r2-mezopelajik); cursor: default; }
.bal { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gonder { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.gonder .not { margin: 0; }
.dugme-koyu { background: var(--abis); color: var(--soguk-beyaz); }
.dugme-koyu:hover { background: var(--r4-abisopelajik); border-color: var(--r4-abisopelajik); }
.dugme[disabled] { opacity: .6; cursor: progress; }
.form-durum { margin: 0; padding: 12px 14px; font: 400 15px/1.45 var(--font-baslik); background: var(--soguk-beyaz); border-left: 3px solid var(--abis); }
.form-durum.hata { border-left-color: var(--mercan); }
.kayit-form .gecersiz { border-color: var(--mercan-metin) !important; box-shadow: inset 0 0 0 1px var(--mercan-metin); }

/* Weekly email strip (home and tenders) */
.uyari { background: var(--panel); padding: 18px 20px; display: grid; gap: 10px; border-top: 2px solid var(--abis); scroll-margin-top: 16px; }
.uyari-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.uyari-metin { flex: 1 1 300px; display: grid; gap: 3px; min-width: 0; }
.uyari-metin b { font: 600 16.5px/1.3 var(--font-baslik); color: var(--abis); }
.uyari-metin span { font: 400 14.5px/1.4 var(--font-baslik); color: var(--ikincil); overflow-wrap: anywhere; }
.uyari-eposta { flex: 1 1 220px; max-width: 320px; }
.uyari-eposta input, .uyari input[type="text"], .uyari select { width: 100%; padding: 11px 12px; border: 1px solid var(--abis); background: var(--soguk-beyaz); font: 400 15.5px var(--font-baslik); color: var(--abis); min-width: 0; }
.uyari .dugme { padding-block: 12px; }
.uyari .not { margin: 0; font-size: 13.5px; }
.uyari-ek summary { cursor: pointer; font: 500 14.5px var(--font-baslik); color: var(--baglanti); text-decoration: underline; text-underline-offset: 3px; width: fit-content; }
.uyari-ek[open] { display: grid; gap: 14px; }
.uyari-ek[open] summary { margin-bottom: 4px; }
.uyari-ek .alan-cift label { display: grid; gap: 5px; font: 500 12px/1.3 var(--font-baslik); text-transform: uppercase; letter-spacing: .08em; color: var(--ikincil); }
.uyari .onay { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; font: 400 15px/1.35 var(--font-baslik); cursor: pointer; }
.uyari input[type="checkbox"] { margin: 2px 0 0; width: 16px; height: 16px; accent-color: var(--abis); }
.uyari .gecersiz { border-color: var(--mercan-metin) !important; box-shadow: inset 0 0 0 1px var(--mercan-metin); }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.durum-sayfa { min-height: 40vh; align-content: start; }
.iptal-form { display: grid; gap: 12px; justify-items: start; margin-top: 8px; }
@media (max-width: 640px) { .uyari-eposta { max-width: none; } .uyari .dugme { width: 100%; justify-content: center; } }

/* ===== Responsive ===== */
@media (max-width: 1080px) {
  .ozet { grid-template-columns: minmax(0, 1fr); }
  .grafik { border-left: 0; padding-left: 0; border-top: 1px solid var(--cizgi); }
  .ilan-bas { grid-template-columns: 96px minmax(0, 1fr) 170px; }
  .ilan-detay { padding-left: 118px; }
  .pl-ust { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .duzen { grid-template-columns: minmax(0, 1fr); }
  .filtre { position: static; max-height: none; overflow: visible; }
  .filtre-ac { display: flex; width: 100%; justify-content: space-between; align-items: center; border: 0; background: none; padding: 13px 16px; cursor: pointer; font: 600 15px var(--font-baslik); }
  .filtre-ac span { font: 400 12px var(--font-veri); color: var(--ikincil); }
  .filtre-govde { display: none; border-top: 1px solid var(--cizgi); }
  .filtre.acik .filtre-govde { display: grid; }
  .paneller, .urunler, .ilkeler, .planlar, .uyelik-alt { grid-template-columns: minmax(0, 1fr); }
  .rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rakam:nth-child(3) { padding-left: 0; border-left: 0; }
  .rakam:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
  .alt-serit .kap { grid-template-columns: minmax(0, 1fr); }
  .kapanis-listesi li { grid-template-columns: 96px minmax(0, 1fr); }
  .kapanis-listesi .tutar-k { grid-column: 2; text-align: left; }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .giris { padding-block: 40px 28px; }
  .ilan-bas { grid-template-columns: minmax(0, 1fr) auto; }
  .ilan-sol { grid-column: 1 / -1; display: flex; gap: 8px; align-items: center; }
  .ilan-orta { grid-column: 1 / -1; }
  .ilan-sag { grid-column: 1 / -1; justify-items: start; text-align: left; grid-auto-flow: column; justify-content: start; align-items: center; gap: 10px; }
  .ilan-detay { padding-left: 4px; }
  .gecmis li { grid-template-columns: 78px minmax(0, 1fr); }
  .gecmis li .tur, .gecmis li .kim { display: none; }
  .sayilar { grid-template-columns: minmax(0, 1fr); }
  .sayi-kutu:nth-child(2n) { padding-left: 0; border-left: 0; }
  .sayi-kutu:nth-last-child(2) { border-bottom: 1px solid var(--cizgi); }
  .alan-cift { grid-template-columns: minmax(0, 1fr); }
  .plan, .kayit-form { padding: 20px 18px 22px; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }