/* Tilda İnşaat — tasarım sistemi
   Kaynak maket: ChatGPT görseli 30.09.2026 (tasarim/maket-gpt.png)
   Marka renkleri logo sunumundan: derin lacivert #14222D, bronz #A47D54
   Maketten ölçülen: koyu yeşil #1B2A1F, düğme yeşili #2A402D, zemin #F8F8F8 */

/* ---------- Belirteçler ---------- */
:root {
  --orman:      #1B2A1F;
  --yesil:      #2A402D;
  --yesil-koyu: #1F3123;
  --zemin:      #F8F8F8;
  --beyaz:      #FFFFFF;
  --metin:      #1A1F1C;
  --sonuk:      #6F7671;
  --cizgi:      #E5E5E2;
  --cizgi-koyu: #31402F;
  --bronz:      #A47D54;
  --lacivert:   #14222D;
  --yumusak:    #F1F2EF;

  --kap:    1440px;
  --icerik: 1280px;
  --okuma:   800px;

  --bosluk-xs:   8px;
  --bosluk-sm:  16px;
  --bosluk-md:  24px;
  --bosluk-lg:  40px;
  --bosluk-xl:  64px;
  --bosluk-2xl: 96px;

  --yan-dolgu: 56px;
  --bolum-ara: 104px;
  --ust-bant:  84px;

  --baslik-yazi: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --govde-yazi:  "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --gecis: .32s cubic-bezier(.22,.61,.36,1);
  --golge: 0 14px 40px rgba(26,31,28,.10);
}

@media (max-width: 1100px) { :root { --yan-dolgu: 32px; --bolum-ara: 76px; --ust-bant: 76px; } }
@media (max-width: 700px)  { :root { --yan-dolgu: 20px; --bolum-ara: 58px; --ust-bant: 68px; } }

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font-family: var(--govde-yazi); font-size: 16px; line-height: 1.68;
  -webkit-font-smoothing: antialiased;
}
img, svg, video, iframe { max-width: 100%; display: block; }
img { height: auto; }
a { color: inherit; }
button { font: inherit; }

h1, h2, h3, h4 { font-family: var(--baslik-yazi); font-weight: 600; margin: 0; text-wrap: balance; }
h1 { font-size: clamp(32px, 4.4vw, 54px); line-height: 1.1;  letter-spacing: -.022em; }
h2 { font-size: clamp(25px, 3.1vw, 40px); line-height: 1.18; letter-spacing: -.02em; }
h3 { font-size: clamp(19px, 1.9vw, 25px); line-height: 1.26; letter-spacing: -.01em; }
h4 { font-size: 18px; line-height: 1.35; }
p  { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }

.kap       { width: 100%; max-width: var(--icerik); margin-inline: auto; padding-inline: var(--yan-dolgu); }
.kap-genis { width: 100%; max-width: var(--kap);    margin-inline: auto; padding-inline: var(--yan-dolgu); }
.bolum     { padding-block: var(--bolum-ara); }
.bolum-dar { padding-block: calc(var(--bolum-ara) * .66); }

.etiket { font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--sonuk); }
.one-cikan { font-size: clamp(16px, 1.3vw, 18px); line-height: 1.68; color: var(--sonuk); max-width: 62ch; }
.kucuk { font-size: 14px; }

/* ---------- Düğmeler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 26px; border: 1px solid transparent; border-radius: 4px;
  font-size: 15px; font-weight: 500; line-height: 1.15; text-decoration: none; cursor: pointer;
  transition: background var(--gecis), color var(--gecis), border-color var(--gecis);
}
.dugme-yesil { background: var(--yesil); color: var(--beyaz); }
.dugme-yesil:hover { background: var(--yesil-koyu); }
.dugme-cizgi { background: transparent; color: var(--metin); border-color: var(--cizgi); }
.dugme-cizgi:hover { border-color: var(--metin); }
.dugme-acik { background: transparent; color: var(--beyaz); border-color: rgba(255,255,255,.6); }
.dugme-acik:hover { background: var(--beyaz); color: var(--metin); border-color: var(--beyaz); }
.dugme-beyaz { background: var(--beyaz); color: var(--metin); }
.dugme-beyaz:hover { background: var(--yumusak); }
.metin-bag { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 500; }
.metin-bag::after { content: "\2192"; transition: transform var(--gecis); }
.metin-bag:hover::after { transform: translateX(4px); }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--yesil); outline-offset: 3px;
}
.atla { position: absolute; left: -9999px; top: 0; z-index: 200; background: var(--yesil); color: #fff; padding: 12px 18px; }
.atla:focus { left: 12px; top: 12px; }

/* ---------- Üst bant ---------- */
.ust {
  position: fixed; inset: 0 0 auto; z-index: 90; height: var(--ust-bant);
  display: flex; align-items: center; background: var(--beyaz);
  border-bottom: 1px solid var(--cizgi); transition: background var(--gecis), border-color var(--gecis);
}
.ust.saydam { background: transparent; border-bottom-color: transparent; color: var(--beyaz); }
.ust-ic { display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-lg); width: 100%; }
.marka { display: inline-flex; align-items: center; flex: none; text-decoration: none; }
.marka img { height: 40px; width: auto; }
.ust.saydam .marka .koyu-logo { display: none; }
.ust:not(.saydam) .marka .acik-logo { display: none; }

.menu { display: flex; align-items: center; gap: 2px; margin: 0; padding: 0; list-style: none; }
.menu > li { position: relative; }
.menu > li > a { display: inline-flex; align-items: center; gap: 6px; padding: 10px 15px; text-decoration: none; font-size: 15px; white-space: nowrap; }
.menu > li > a:hover { color: var(--yesil); }
.ust.saydam .menu > li > a:hover { color: var(--beyaz); text-decoration: underline; text-underline-offset: 5px; }
.alt-menu {
  position: absolute; top: calc(100% + 2px); left: 0; min-width: 240px; margin: 0; padding: 8px 0;
  list-style: none; background: var(--beyaz); border: 1px solid var(--cizgi); color: var(--metin);
  box-shadow: var(--golge); opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity var(--gecis), transform var(--gecis), visibility var(--gecis);
}
.menu > li:hover > .alt-menu, .menu > li:focus-within > .alt-menu { opacity: 1; visibility: visible; transform: none; }
.alt-menu a { display: block; padding: 10px 20px; text-decoration: none; font-size: 15px; }
.alt-menu a:hover { background: var(--yumusak); }

.ust-eylem { display: flex; align-items: center; gap: 10px; flex: none; }
.ust-tel { display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  min-height: 44px; min-width: 44px; text-decoration: none;
  color: inherit; font-family: var(--baslik-yazi); font-size: 20px; font-weight: 700;
  letter-spacing: .02em; white-space: nowrap; line-height: 1;
  transition: opacity var(--gecis); }
.ust-tel svg { width: 26px; height: 26px; flex: none; }
.ust-tel:hover { opacity: .75; }
.ust.saydam .ust-tel { color: var(--beyaz); }
.mobil-dugme { display: none; width: 44px; height: 44px; border: 0; background: transparent; color: inherit; cursor: pointer; align-items: center; justify-content: center; }
.mobil-dugme span { position: relative; display: block; width: 22px; height: 1.6px; background: currentColor; }
.mobil-dugme span::before, .mobil-dugme span::after { content: ""; position: absolute; left: 0; width: 22px; height: 1.6px; background: currentColor; }
.mobil-dugme span::before { top: -7px; } .mobil-dugme span::after { top: 7px; }

/* ---------- Mobil menü ---------- */
.mobil-menu { position: fixed; inset: 0; z-index: 110; background: var(--orman); color: var(--beyaz); display: none; flex-direction: column; overflow-y: auto; }
.mobil-menu.acik { display: flex; }
.mobil-menu-ust { display: flex; align-items: center; justify-content: space-between; height: var(--ust-bant); padding-inline: var(--yan-dolgu); border-bottom: 1px solid var(--cizgi-koyu); }
.mobil-menu-ust img { height: 34px; }
.mobil-kapat { width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font-size: 26px; line-height: 1; cursor: pointer; }
.mobil-menu nav { padding: var(--bosluk-md) var(--yan-dolgu); flex: 1; }
.mobil-menu nav > ul { list-style: none; margin: 0; padding: 0; }
.mobil-menu nav > ul > li { border-bottom: 1px solid var(--cizgi-koyu); }
.mobil-menu nav a, .mobil-katla {
  display: flex; align-items: center; justify-content: space-between; width: 100%;
  padding: 17px 0; text-decoration: none; background: 0; border: 0; color: inherit; cursor: pointer;
  font-family: var(--baslik-yazi); font-size: 19px; font-weight: 600; text-align: left;
}
.mobil-alt { list-style: none; margin: 0 0 12px; padding: 0; display: none; }
.mobil-alt.acik { display: block; }
.mobil-alt a { font-family: var(--govde-yazi); font-size: 16px; font-weight: 400; padding: 11px 0 11px 18px; border-left: 1px solid var(--cizgi-koyu); }
.mobil-iletisim { padding: var(--bosluk-md) var(--yan-dolgu) var(--bosluk-xl); border-top: 1px solid var(--cizgi-koyu); display: grid; gap: 10px; }
.mobil-iletisim a { text-decoration: none; }
.mobil-iletisim .dugme { width: 100%; }

/* ---------- Hero ---------- */
.hero { position: relative; min-height: 100svh; display: flex; align-items: flex-end; color: var(--beyaz); overflow: hidden; }
.hero-katman { position: absolute; inset: 0; z-index: 0; }
.hero-kare { position: absolute; inset: 0; opacity: 0; transition: opacity .9s ease; }
.hero-kare.etkin { opacity: 1; }
.hero-kare img { width: 100%; height: 100%; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(180deg, rgba(20,26,22,.62) 0%, rgba(20,26,22,.2) 38%, rgba(20,26,22,.88) 100%); }
.hero > .kap { position: relative; z-index: 2; width: 100%; padding-block: calc(var(--ust-bant) + 32px) var(--bosluk-2xl); }
.hero h1 { max-width: 15ch; margin: 0 0 16px; }
.hero-cumle { font-size: clamp(16px, 1.4vw, 19px); color: rgba(255,255,255,.9); max-width: 48ch; margin-bottom: var(--bosluk-lg); }
.hero-sayac { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: rgba(255,255,255,.82); margin-bottom: 14px; letter-spacing: .04em; }
.hero-sayac i { display: block; width: 44px; height: 1px; background: rgba(255,255,255,.4); font-style: normal; }
.hero-proje-adi { position: absolute; right: var(--yan-dolgu); bottom: var(--bosluk-2xl); z-index: 2; text-align: right; }
.hero-proje-adi b { display: block; font-family: var(--baslik-yazi); font-size: 19px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.hero-proje-adi span { font-size: 13px; color: rgba(255,255,255,.75); }
.hero-nokta { display: flex; gap: 8px; margin-top: var(--bosluk-md); }
.hero-nokta button { width: 36px; min-height: 32px; border: 0; padding: 14px 0; background: transparent; cursor: pointer; position: relative; }
.hero-nokta button::before { content: ""; position: absolute; inset: 50% 0 auto; height: 3px; transform: translateY(-50%); background: rgba(255,255,255,.34); }
.hero-nokta button.etkin::before { background: var(--beyaz); }

/* ---------- Özellik şeridi ---------- */
.ozellik-serit { background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.ozellik-serit ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); }
.ozellik-serit li { display: flex; align-items: center; gap: 12px; padding: 22px 26px; font-size: 15px; }
.ozellik-serit li + li { border-left: 1px solid var(--cizgi); }
.ozellik-serit svg { flex: none; width: 22px; height: 22px; color: var(--yesil); }

/* ---------- Bölüm başlığı ---------- */
.bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--bosluk-lg); margin-bottom: var(--bosluk-xl); flex-wrap: wrap; }
.bolum-bas h2 { max-width: 22ch; }
.bolum-bas p  { max-width: 46ch; color: var(--sonuk); margin: 0; }

/* ---------- Öne çıkan proje ---------- */
.one-proje { display: grid; grid-template-columns: 1fr 1.05fr; gap: var(--bosluk-2xl); align-items: center; }
.one-proje-gorsel { aspect-ratio: 4/3; overflow: hidden; border-radius: 4px; background: var(--yumusak); }
.one-proje-gorsel img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Veri şeridi (ikonlu) ---------- */
.veri-serit { display: flex; flex-wrap: wrap; gap: var(--bosluk-lg); margin: var(--bosluk-lg) 0; }
.veri { display: flex; align-items: center; gap: 11px; }
.veri svg { flex: none; width: 21px; height: 21px; color: var(--yesil); }
.veri b { display: block; font-family: var(--baslik-yazi); font-size: 19px; font-weight: 600; line-height: 1.1; }
.veri span { font-size: 13px; color: var(--sonuk); }
.koyu .veri svg { color: var(--bronz); }
.koyu .veri span { color: rgba(255,255,255,.66); }

/* ---------- Proje kartları ---------- */
.proje-serit  { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--bosluk-md); }
.proje-izgara { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: var(--bosluk-lg); }
.proje-kart { display: block; text-decoration: none; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 4px; overflow: hidden; transition: box-shadow var(--gecis), transform var(--gecis); }
a.proje-kart:hover { box-shadow: var(--golge); transform: translateY(-3px); }
.proje-kart-gorsel { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--yumusak); }
.proje-kart-gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.22,.61,.36,1); }
a.proje-kart:hover .proje-kart-gorsel img { transform: scale(1.04); }
.proje-kart-govde { padding: var(--bosluk-md); }
.proje-kart-govde h3 { font-size: 19px; margin-bottom: 3px; }
.proje-kart-yer { font-size: 14px; color: var(--sonuk); display: flex; align-items: center; gap: 6px; }
.proje-kart-yer svg { width: 14px; height: 14px; flex: none; }
.proje-kart-durum { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; font-size: 13px; color: var(--yesil); }
.proje-kart-durum::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.proje-kart-veri { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 12px; font-size: 13px; color: var(--sonuk); }
.proje-kart-ok { display: flex; align-items: center; justify-content: space-between; margin-top: var(--bosluk-sm); padding-top: var(--bosluk-sm); border-top: 1px solid var(--cizgi); font-size: 14px; font-weight: 500; }
.proje-kart.pasif { cursor: default; }
.proje-kart.pasif .proje-kart-gorsel img { filter: grayscale(.4); }
.proje-kart.pasif .proje-kart-ok, .proje-kart.pasif .proje-kart-durum { color: var(--sonuk); }

/* ---------- Filtre ---------- */
.filtre { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--bosluk-xl); }
.filtre button { padding: 11px 20px; border: 1px solid var(--cizgi); border-radius: 4px; background: var(--beyaz); font-size: 14px; cursor: pointer; transition: background var(--gecis), color var(--gecis), border-color var(--gecis); min-height: 44px; }
.filtre button.etkin { background: var(--yesil); border-color: var(--yesil); color: var(--beyaz); }

/* ---------- Koyu bantlar ---------- */
.koyu { background: var(--orman); color: var(--beyaz); }
.koyu .etiket { color: rgba(255,255,255,.6); }
.koyu .one-cikan, .koyu .bolum-bas p { color: rgba(255,255,255,.74); }
.beyaz-zemin { background: var(--beyaz); }
.yumusak-zemin { background: var(--yumusak); }

.gorsel-bant { position: relative; min-height: 440px; display: flex; align-items: center; overflow: hidden; color: var(--beyaz); }
.gorsel-bant > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.gorsel-bant::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(20,26,22,.88) 0%, rgba(20,26,22,.6) 58%, rgba(20,26,22,.36) 100%); }
.gorsel-bant > .kap { position: relative; z-index: 2; }
.gorsel-bant h2 { max-width: 16ch; margin-bottom: 18px; }
.gorsel-bant p { color: rgba(255,255,255,.84); max-width: 44ch; margin-bottom: var(--bosluk-lg); }

/* ---------- İstatistik bandı ---------- */
.istatistik { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bosluk-2xl); align-items: center; }
.istatistik-sayilar { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--bosluk-lg); margin-top: var(--bosluk-xl); }
.istatistik-sayilar b { display: block; font-family: var(--baslik-yazi); font-size: clamp(28px, 3.2vw, 42px); font-weight: 600; line-height: 1.05; }
.istatistik-sayilar span { font-size: 14px; color: var(--sonuk); }
.istatistik-gorsel { aspect-ratio: 5/4; overflow: hidden; border-radius: 4px; }
.istatistik-gorsel img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- Donatı ızgarası ---------- */
.donati-izgara { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: var(--bosluk-md); }
.donati-izgara.dort { grid-template-columns: repeat(4, minmax(0,1fr)); }
.donati { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 4px; padding: var(--bosluk-md); min-height: 132px; display: flex; flex-direction: column; gap: 10px; }
.donati svg { width: 24px; height: 24px; color: var(--yesil); }
.donati b { font-family: var(--baslik-yazi); font-size: 15px; font-weight: 600; line-height: 1.3; }
.donati span { font-size: 13px; color: var(--sonuk); line-height: 1.5; }

/* ---------- Galeri ---------- */
.galeri { display: grid; grid-template-columns: repeat(12, 1fr); gap: var(--bosluk-md); }
.galeri figure { margin: 0; overflow: hidden; border-radius: 4px; background: var(--yumusak); }
.galeri figure img { width: 100%; height: 100%; object-fit: cover; cursor: zoom-in; }
.galeri .g-8 { grid-column: span 8; aspect-ratio: 16/10; }
.galeri .g-4 { grid-column: span 4; aspect-ratio: 4/5; }
.galeri .g-6 { grid-column: span 6; aspect-ratio: 3/2; }
.galeri-grup { font-size: 1.15rem; margin: var(--bosluk-xl) 0 var(--bosluk-md); }
.galeri-grup:first-child { margin-top: 0; }

/* ---------- Proje iç sayfası ---------- */
.proje-hero { position: relative; min-height: 70svh; display: flex; align-items: flex-end; color: var(--beyaz); overflow: hidden; }
.proje-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.proje-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(20,26,22,.55) 0%, rgba(20,26,22,.18) 40%, rgba(20,26,22,.85) 100%); }
.proje-hero > .kap { position: relative; z-index: 2; width: 100%; padding-block: calc(var(--ust-bant) + 40px) var(--bosluk-xl); }
.proje-hero h1 { margin: 10px 0 12px; }
.proje-yer { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; color: rgba(255,255,255,.86); }
.proje-yer svg { width: 16px; height: 16px; flex: none; }
.proje-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin-top: var(--bosluk-lg); }

.sekme-menu { position: sticky; top: var(--ust-bant); z-index: 60; background: var(--beyaz); border-bottom: 1px solid var(--cizgi); }
.sekme-menu ul { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; overflow-x: auto; scrollbar-width: none; }
.sekme-menu ul::-webkit-scrollbar { display: none; }
.sekme-menu a { display: inline-block; padding: 17px 16px; text-decoration: none; font-size: 15px; white-space: nowrap; color: var(--sonuk); border-bottom: 2px solid transparent; }
.sekme-menu a:hover, .sekme-menu a.etkin { color: var(--metin); border-bottom-color: var(--yesil); }

.oda-tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.oda-tablo th, .oda-tablo td { text-align: left; padding: 12px 4px; border-bottom: 1px solid var(--cizgi); }
.oda-tablo th { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--sonuk); font-weight: 500; }
.oda-tablo td:last-child, .oda-tablo th:last-child { text-align: right; font-variant-numeric: tabular-nums; }
.tablo-kaydir { overflow-x: auto; }
.plan-kutu { background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 4px; padding: var(--bosluk-md); }

/* ---------- 360 sanal tur ---------- */
.tur { position: relative; border-radius: 4px; overflow: hidden; background: var(--orman); color: var(--beyaz); }
.tur > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .45; z-index: 0; }
.tur-ic { position: relative; z-index: 1; padding: var(--bosluk-2xl) var(--bosluk-xl); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 16px; min-height: 360px; justify-content: center; }
.tur-rozet { width: 68px; height: 68px; border-radius: 50%; border: 1px solid rgba(255,255,255,.45); display: grid; place-items: center; }
.tur-rozet svg { width: 30px; height: 30px; }
.tur h2 { max-width: 18ch; }
.tur p { color: rgba(255,255,255,.82); max-width: 52ch; }

/* ---------- Kampanya ---------- */
.kampanya-kart { position: relative; border-radius: 4px; overflow: hidden; background: var(--orman); color: var(--beyaz); display: grid; grid-template-columns: 1.15fr 1fr; align-items: stretch; }
.kampanya-gorsel { position: relative; min-height: 320px; }
.kampanya-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kampanya-govde { padding: var(--bosluk-xl); display: flex; flex-direction: column; justify-content: center; gap: 14px; }
.kampanya-govde h3 { font-size: clamp(21px, 2.2vw, 28px); }
.kampanya-govde ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 9px; }
.kampanya-govde li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: rgba(255,255,255,.84); }
.kampanya-govde li svg { flex: none; width: 17px; height: 17px; margin-top: 4px; color: var(--bronz); }
.kampanya-rozet { display: inline-flex; align-self: flex-start; padding: 7px 13px; border: 1px solid var(--bronz); color: var(--bronz); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; border-radius: 3px; }

/* ---------- Blog ---------- */
.yazi-one { display: grid; grid-template-columns: 1.05fr 1fr; align-items: stretch; }
.yazi-one-gorsel { position: relative; overflow: hidden; min-width: 0; background: var(--yumusak); }
.yazi-one-gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: transform .7s cubic-bezier(.22,.61,.36,1); }
a.proje-kart:hover .yazi-one-gorsel img { transform: scale(1.04); }
.yazi-one-govde { min-width: 0; padding: var(--bosluk-xl); display: flex; flex-direction: column; justify-content: center; }
.yazi-dizi { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: var(--bosluk-lg); }
.yazi-kart { text-decoration: none; display: block; background: var(--beyaz); border: 1px solid var(--cizgi); border-radius: 4px; overflow: hidden; transition: box-shadow var(--gecis); }
.yazi-kart:hover { box-shadow: var(--golge); }
.yazi-kart > div { aspect-ratio: 3/2; overflow: hidden; background: var(--yumusak); }
.yazi-kart img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.22,.61,.36,1); }
.yazi-kart:hover img { transform: scale(1.04); }
.yazi-kart-govde { padding: var(--bosluk-md); }
.yazi-kart h3 { font-size: 19px; margin: 6px 0 8px; }
.yazi-kart p { color: var(--sonuk); font-size: 15px; }

/* ---------- Form ---------- */
.form-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bosluk-md); }
.alan { display: grid; gap: 7px; }
.alan.tam { grid-column: 1 / -1; }
.alan label { font-size: 13px; color: var(--sonuk); }
.alan input, .alan select, .alan textarea {
  width: 100%; padding: 15px 16px; min-height: 54px; border: 1px solid var(--cizgi); border-radius: 4px;
  background: var(--beyaz); font-family: var(--govde-yazi); font-size: 16px; color: var(--metin);
}
.alan textarea { min-height: 130px; resize: vertical; }
.alan input:focus, .alan select:focus, .alan textarea:focus { border-color: var(--yesil); outline: none; box-shadow: 0 0 0 3px rgba(42,64,45,.14); }
.kvkk { grid-column: 1 / -1; display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--sonuk); }
.kvkk input { width: 22px; height: 22px; min-height: 0; flex: none; margin-top: 2px; }
.koyu .alan label, .koyu .kvkk { color: rgba(255,255,255,.66); }
.koyu .alan input, .koyu .alan select, .koyu .alan textarea { background: #24352A; border-color: var(--cizgi-koyu); color: var(--beyaz); }
.form-bilgi { grid-column: 1 / -1; margin-top: var(--bosluk-xs); padding: 14px 16px; border-left: 2px solid var(--bronz); background: rgba(164,125,84,.10); font-size: 15px; }

/* ---------- İletişim ---------- */
.iletisim-izgara { display: grid; grid-template-columns: 42fr 58fr; gap: var(--bosluk-2xl); }
.iletisim-bilgi ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--bosluk-md); }
.iletisim-bilgi a { text-decoration: none; }
.harita { width: 100%; height: 420px; border: 0; background: var(--yumusak); }

/* ---------- Alt bant ---------- */
.alt { background: var(--orman); color: var(--beyaz); padding-block: var(--bosluk-2xl) var(--bosluk-lg); }
.alt img.logo { height: 44px; margin-bottom: 18px; }
.alt-izgara { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: var(--bosluk-xl); }
.alt h4 { font-family: var(--govde-yazi); font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.56); margin-bottom: 16px; }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.alt a { text-decoration: none; color: rgba(255,255,255,.84); font-size: 15px; }
.alt a:hover { color: var(--beyaz); }
.alt address { color: rgba(255,255,255,.7); font-size: 15px; font-style: normal; }
.alt-son { margin-top: var(--bosluk-2xl); padding-top: var(--bosluk-md); border-top: 1px solid var(--cizgi-koyu); display: flex; justify-content: space-between; gap: var(--bosluk-md); flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,.58); }
.alt-son ul { display: flex; gap: 20px; }

/* ---------- WhatsApp ---------- */
.wa { position: fixed; right: 20px; bottom: 20px; z-index: 95; width: 56px; height: 56px; border-radius: 50%; background: #25D366; color: #fff; display: grid; place-items: center; box-shadow: 0 8px 26px rgba(16,32,20,.26); transition: transform var(--gecis); }
.wa:hover { transform: scale(1.06); }
.wa svg { width: 29px; height: 29px; }

/* ---------- Büyüteç ---------- */
.buyutec { position: fixed; inset: 0; z-index: 130; display: none; align-items: center; justify-content: center; padding: var(--bosluk-lg); background: rgba(20,26,22,.95); }
.buyutec.acik { display: flex; }
.buyutec img { max-width: 100%; max-height: 88vh; object-fit: contain; }
.buyutec-kapat { position: absolute; top: 14px; right: 18px; width: 48px; height: 48px; border: 0; background: transparent; color: #fff; font-size: 34px; cursor: pointer; }

/* ---------- Mobil alt eylem ---------- */
.mobil-eylem { display: none; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
  .proje-serit { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .donati-izgara, .donati-izgara.dort { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .alt-izgara { grid-template-columns: 1fr 1fr; gap: var(--bosluk-lg); }
  .yazi-one { grid-template-columns: 1fr; }
  .yazi-one-gorsel { aspect-ratio: 3/2; }
  .yazi-dizi { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ozellik-serit ul { grid-template-columns: repeat(2, 1fr); }
  .ozellik-serit li:nth-child(3) { border-left: 0; }
  .ozellik-serit li:nth-child(n+3) { border-top: 1px solid var(--cizgi); }
}

@media (max-width: 960px) {
  .menu, .ust-eylem .dugme { display: none; }
  .ust-tel { font-size: 17px; min-width: 44px; }
  .ust-tel span { display: none; }
  .mobil-dugme { display: inline-flex; }
  .one-proje, .istatistik, .iletisim-izgara, .kampanya-kart { grid-template-columns: 1fr; gap: var(--bosluk-xl); }
  .kampanya-gorsel { min-height: 240px; }
  .kampanya-govde { padding: var(--bosluk-lg); }
  .galeri .g-8, .galeri .g-4, .galeri .g-6 { grid-column: span 12; aspect-ratio: 3/2; }
  .hero-proje-adi { display: none; }
  .istatistik-gorsel { aspect-ratio: 16/10; }
  .metin-bag { padding-block: 10px; }
  .alt a, .alt-son a { display: inline-block; padding-block: 10px; }
  .iletisim-bilgi a { display: inline-block; padding-block: 8px; }
  .kvkk a { display: inline-block; padding-block: 12px; margin-block: -12px; }
}

@media (max-width: 700px) {
  .hero { min-height: 100svh; }
  .hero > .kap { padding-bottom: var(--bosluk-xl); }
  .proje-serit, .proje-izgara { grid-template-columns: 1fr; }
  .donati-izgara, .donati-izgara.dort { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .istatistik-sayilar { grid-template-columns: repeat(3, 1fr); gap: var(--bosluk-md); }
  .yazi-dizi { grid-template-columns: 1fr; }
  .alt-izgara { grid-template-columns: 1fr; gap: var(--bosluk-lg); }
  .alt-son { flex-direction: column; gap: 8px; }
  .alt-son ul { flex-wrap: wrap; gap: 14px; }
  .form-izgara { grid-template-columns: 1fr; }
  .ozellik-serit li { padding: 18px 20px; font-size: 14px; }
  .veri-serit { gap: var(--bosluk-md) var(--bosluk-lg); }
  .harita { height: 300px; }
  .wa { right: 14px; bottom: 14px; }
  .tur-ic { padding: var(--bosluk-xl) var(--bosluk-md); min-height: 300px; }
  body.proje-sayfasi { padding-bottom: 66px; }
  body.proje-sayfasi .wa { bottom: 78px; }
  body.proje-sayfasi .mobil-eylem { display: grid; grid-template-columns: 1fr 1fr; position: fixed; inset: auto 0 0; z-index: 85; background: var(--orman); border-top: 1px solid var(--cizgi-koyu); }
  .mobil-eylem a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 60px; text-decoration: none; color: var(--beyaz); font-size: 15px; font-weight: 500; }
  .mobil-eylem a + a { background: var(--yesil); }
  .sekme-menu { top: 0; }
}

@media print {
  .ust, .mobil-menu, .mobil-eylem, .sekme-menu, .alt, .wa { display: none !important; }
  body { background: #fff; }
}

/* ---------- Hero metin geçişi ---------- */
.hero-metin { display: none; }
.hero-metin.etkin { display: block; }
.hero-sayac b { font-weight: 600; font-family: var(--baslik-yazi); }

/* ---------- Projeler bandı ---------- */
.proje-bant { display: block; border-radius: 4px; overflow: hidden; transition: transform var(--gecis), box-shadow var(--gecis); }
.proje-bant:hover { transform: translateY(-2px); box-shadow: var(--golge); }
.proje-bant img { width: 100%; height: auto; }

/* Güncel yasal metinlerin eski tasarım içinde okunabilirliği. */
.yasal-metin { max-width:900px; padding-bottom:80px; }
.yasal-tarih { font-size:13px; color:var(--sonuk); margin:0 0 36px; }
.yasal-bolum { margin-bottom:34px; }
.yasal-bolum h2 { font-size:23px; line-height:1.4; margin-bottom:16px; }
.yasal-bolum p { line-height:1.9; font-size:15px; }
@media(max-width:480px) { .yasal-bolum h2 { font-size:21px; } }
/* Instagram kampanya tasarımı: kampanya kartının üstünde, kartla birleşik (23.10.2026) */
.kampanya-tasarim { margin: 0; border-radius: 4px 4px 0 0; overflow: hidden; background: var(--orman); }
.kampanya-tasarim img { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 711; object-fit: cover; }
.kampanya-tasarim.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
@media (max-width: 900px) { .kampanya-tasarim.ikili { grid-template-columns: 1fr; } }
.kampanya-tasarim + .kampanya-kart { border-radius: 0 0 4px 4px; }