/* ============================================================
   GÖKYÜZÜ — Google Stitch "gokyuzu_anasayfa" tasarımının birebir saf CSS uygulaması
   (Tasarim/Stitch/gokyuzu.html, Tailwind → gk-* sınıfları). Çerçeve YOK, yalnız zemin tonu + hafif gölge.
   İç sayfalar ClaudeDesignV1 görünümünü kullanır; onların renkleri cd.css'te (otomatik üretilir).
   ============================================================ */
:root {
    --gk-primary: #005a71;
    --gk-pc: #0e7490;
    --gk-pf: #b9eaff;
    --gk-sari: #fed01b;
    --gk-sari-acik: #ffe083;
    --gk-sari-koyu: #735c00;
    --gk-sari-yazi: #231b00;
    --gk-ink: #0e1e1f;
    --gk-soluk: #3f484c;
    --gk-bg: #ebfdfe;
    --gk-sc: #dff1f2;
    --gk-scl: #e5f7f8;
    --gk-golge: 0 4px 20px rgba(0,0,0,0.05);
    --gk-golge-h: 0 8px 30px rgba(14,116,144,0.08);
    --gk-golge-b: 0 16px 40px rgba(15,23,42,0.06);
    --gk-r: 20px;
    --gk-font: 'Nunito Sans', 'Segoe UI', sans-serif;
}

body.gk-body { margin: 0; background: var(--gk-bg); color: var(--gk-ink); font-family: var(--gk-font); font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
.gk-body *, .gk-body ::before, .gk-body ::after { box-sizing: border-box; }
.gk-body a { text-decoration: none; }
.gk-body ::selection { background: var(--gk-sari-acik); color: var(--gk-sari-yazi); }
.gk-wrap { max-width: 1280px; margin: 0 auto; padding: 0 48px; position: relative; }
.gk-ms { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24; }
.gk-ms.dolu { font-variation-settings: 'FILL' 1, 'wght' 600, 'GRAD' 0, 'opsz' 24; }

/* ---------- Ortak düğmeler ---------- */
.gk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--gk-font); font-size: 16px; line-height: 24px; font-weight: 700; border-radius: var(--gk-r); border: 0; cursor: pointer; transition: all .2s; }
.gk-btn:active { transform: scale(.98); }
.gk-btn-sari { background: var(--gk-sari); color: var(--gk-sari-yazi) !important; box-shadow: var(--gk-golge); padding: 16px 32px; }
.gk-btn-sari:hover { box-shadow: 0 8px 24px rgba(250,204,21,0.35); }
.gk-btn-cam { background: rgba(255,255,255,0.2); color: #fff !important; padding: 16px 32px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.gk-btn-cam:hover { background: rgba(255,255,255,0.3); }
.gk-btn-mavi { background: var(--gk-pc); color: #fff !important; box-shadow: var(--gk-golge); padding: 14px 24px; }
.gk-btn-mavi:hover { background: var(--gk-primary); }

/* ---------- Üst menü ---------- */
.gk-header { position: sticky; top: 0; z-index: 50; width: 100%; background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: var(--gk-golge); }
.gk-header-ic { display: flex; align-items: center; justify-content: space-between; height: 80px; gap: 24px; }
.gk-marka { display: flex; align-items: center; gap: 12px; color: var(--gk-primary) !important; }
.gk-marka-ico { width: 44px; height: 44px; border-radius: var(--gk-r); background: var(--gk-sc); display: flex; align-items: center; justify-content: center; color: var(--gk-pc); box-shadow: var(--gk-golge); transition: transform .2s; overflow: hidden; flex-shrink: 0; }
.gk-marka-ico img { width: 100%; height: 100%; object-fit: cover; }
.gk-marka-ico .gk-ms { font-size: 24px; }
.gk-marka:hover .gk-marka-ico { transform: scale(1.05); }
.gk-marka-adi { display: flex; flex-direction: column; }
.gk-marka-adi b { font-size: 20px; line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; }
.gk-marka-adi span { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--gk-soluk); }
.gk-nav { display: flex; align-items: center; gap: 32px; }
.gk-nav > a, .gk-nav-acilir > button { font-family: var(--gk-font); font-size: 16px; line-height: 24px; font-weight: 700; color: var(--gk-soluk); background: none; border: 0; padding: 4px 0; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; position: relative; transition: color .2s; }
.gk-nav > a:hover, .gk-nav-acilir > button:hover { color: var(--gk-primary); }
.gk-nav a.aktif, .gk-nav-acilir.aktif > button { color: var(--gk-primary); }
.gk-nav a.aktif::after, .gk-nav-acilir.aktif > button::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 16px; height: 4px; border-radius: 9999px; background: var(--gk-pc); }
.gk-nav-acilir { position: relative; }
.gk-nav-acilir .gk-ms { font-size: 16px; }
.gk-acilir { position: absolute; left: 0; top: 100%; margin-top: 12px; width: 224px; background: #fff; border-radius: var(--gk-r); box-shadow: var(--gk-golge-b); padding: 12px; display: flex; flex-direction: column; gap: 4px; opacity: 0; transform: translateY(8px); pointer-events: none; transition: all .2s; }
.gk-acilir::before { content: ''; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.gk-nav-acilir:hover .gk-acilir, .gk-nav-acilir:focus-within .gk-acilir { opacity: 1; transform: translateY(0); pointer-events: auto; }
.gk-acilir a { padding: 10px 16px; border-radius: 12px; color: var(--gk-ink) !important; font-size: 14px; line-height: 20px; font-weight: 600; transition: background .2s, color .2s; }
.gk-acilir a:hover { background: var(--gk-sc); color: var(--gk-primary) !important; }
.gk-header-sag { display: flex; align-items: center; gap: 12px; }
.gk-header-sag .gk-btn-sari { padding: 12px 24px; }
.gk-header-sag .gk-btn-sari .gk-ms { font-size: 20px; }
.gk-hamburger { display: none; width: 44px; height: 44px; border-radius: 14px; border: 0; background: var(--gk-sc); color: var(--gk-primary); align-items: center; justify-content: center; cursor: pointer; }
.gk-mobil { display: none; flex-direction: column; gap: 2px; padding: 8px 20px 20px; background: #fff; }
.gk-mobil.acik { display: flex; }
.gk-mobil a { padding: 12px 14px; border-radius: 12px; font-weight: 700; color: var(--gk-ink) !important; }
.gk-mobil a:hover, .gk-mobil a.aktif { background: var(--gk-sc); color: var(--gk-primary) !important; }
.gk-mobil a.alt { padding-left: 30px; font-weight: 600; font-size: 14px; }

/* ---------- Hero ---------- */
.gk-hero { position: relative; padding: 128px 0; overflow: hidden; }
.gk-isik1 { position: absolute; top: -128px; right: -128px; width: 384px; height: 384px; border-radius: 50%; background: rgba(185,234,255,0.3); filter: blur(64px); pointer-events: none; }
.gk-isik2 { position: absolute; bottom: -96px; left: -80px; width: 320px; height: 320px; border-radius: 50%; background: rgba(255,224,131,0.4); filter: blur(64px); pointer-events: none; }
.gk-hero .gk-wrap { z-index: 10; }
.gk-hero-kutu { position: relative; width: 100%; border-radius: var(--gk-r); overflow: hidden; box-shadow: var(--gk-golge-b); background: #fff; }
.gk-hero-ic { position: relative; height: 620px; width: 100%; display: flex; align-items: center; justify-content: center; }
.gk-hero-ic > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gk-hero-ic::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,90,113,0.95), rgba(0,90,113,0.6), transparent); }
.gk-hero-yazi { position: relative; z-index: 10; max-width: 768px; margin: 0 auto; text-align: center; padding: 0 48px; display: flex; flex-direction: column; align-items: center; }
.gk-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 9999px; background: rgba(255,255,255,0.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: var(--gk-bg); font-size: 14px; line-height: 20px; font-weight: 600; margin-bottom: 24px; box-shadow: var(--gk-golge); }
.gk-rozet .gk-ms { color: var(--gk-sari); font-size: 14px; }
.gk-hero h1 { margin: 0 0 24px; color: #fff; font-size: 48px; line-height: 1.25; font-weight: 800; }
.gk-hero p { margin: 0 0 40px; max-width: 672px; color: rgba(235,253,254,0.9); font-size: 18px; line-height: 1.625; }
.gk-hero-btn { display: flex; align-items: center; gap: 16px; }

/* ---------- İstatistik kartları ---------- */
.gk-stat-bolum { position: relative; margin-top: -64px; z-index: 20; padding-bottom: 80px; }
.gk-stat-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.gk-stat { background: #fff; padding: 24px; border-radius: var(--gk-r); box-shadow: var(--gk-golge); display: flex; align-items: center; gap: 20px; transition: box-shadow .2s; }
.gk-stat:hover, .gk-kart:hover { box-shadow: var(--gk-golge-h); }
.gk-ikon { width: 56px; height: 56px; border-radius: var(--gk-r); background: var(--gk-sc); color: var(--gk-pc); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.gk-ikon .gk-ms { font-size: 30px; }
.gk-ikon.sari { background: rgba(255,224,131,0.5); color: var(--gk-sari-koyu); }
.gk-stat .deger { font-size: 32px; line-height: 40px; font-weight: 800; color: var(--gk-primary); }
.gk-stat .etiket { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--gk-soluk); }

/* ---------- Bölüm ortakları ---------- */
.gk-bolum { padding: 48px 0; }
.gk-kart { background: #fff; border-radius: var(--gk-r); box-shadow: var(--gk-golge); transition: box-shadow .2s; }
.gk-ust { text-align: center; max-width: 672px; margin: 0 auto 56px; }
.gk-ust-sol { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 48px; flex-wrap: wrap; }
.gk-etiket { color: var(--gk-pc); font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 8px; display: inline-flex; align-items: center; gap: 8px; }
.gk-etiket .gk-ms { font-size: 18px; }
.gk-etiket .gk-ms.sari { color: var(--gk-sari); font-size: 24px; }
.gk-h2 { margin: 0 0 16px; color: var(--gk-primary); font-size: 32px; line-height: 40px; font-weight: 700; }
.gk-ust-sol .gk-h2 { margin: 0; }
.gk-alt { margin: 0; color: var(--gk-soluk); font-size: 16px; line-height: 24px; }
.gk-tumu { display: inline-flex; align-items: center; gap: 8px; color: var(--gk-primary) !important; font-weight: 700; transition: color .2s; }
.gk-tumu:hover { color: var(--gk-pc) !important; }
.gk-tumu .gk-ms { font-size: 18px; }
.gk-izgara-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.gk-izgara-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }

/* ---------- Hakkımızda ---------- */
.gk-hak { padding: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.gk-hak-foto { position: relative; width: 100%; height: 440px; border-radius: var(--gk-r); overflow: hidden; box-shadow: var(--gk-golge-h); }
.gk-hak-foto img { width: 100%; height: 100%; object-fit: cover; }
.gk-hak-not { position: absolute; bottom: 16px; left: 16px; right: 16px; background: rgba(255,255,255,0.9); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 16px; border-radius: var(--gk-r); display: flex; align-items: center; gap: 12px; }
.gk-hak-not .gk-ms { color: var(--gk-sari); font-size: 24px; }
.gk-hak-not h4 { margin: 0; color: var(--gk-primary); font-size: 14px; line-height: 20px; font-weight: 700; }
.gk-hak-not p { margin: 0; color: var(--gk-soluk); font-size: 14px; line-height: 20px; }
.gk-hak .gk-h2 { margin-bottom: 24px; line-height: 1.25; }
.gk-hak-metin { color: var(--gk-soluk); font-size: 16px; line-height: 1.625; margin-bottom: 32px; }
.gk-hak-metin p { margin: 0 0 24px; }
.gk-hak-metin p:last-child { margin-bottom: 0; }
.gk-hak-kutular { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 32px; }
.gk-hak-kutular div { padding: 16px; border-radius: var(--gk-r); background: var(--gk-scl); display: flex; flex-direction: column; gap: 4px; }
.gk-hak-kutular b { color: var(--gk-primary); font-size: 20px; line-height: 28px; font-weight: 700; }
.gk-hak-kutular span { color: var(--gk-soluk); font-size: 14px; line-height: 20px; }

/* ---------- Kampanyalar ---------- */
.gk-kamp { overflow: hidden; display: flex; flex-direction: column; }
.gk-kamp-foto { position: relative; height: 224px; width: 100%; }
.gk-kamp-foto img { width: 100%; height: 100%; object-fit: cover; }
.gk-kamp-etiket { position: absolute; top: 16px; left: 16px; padding: 6px 12px; border-radius: 9999px; background: var(--gk-sc); color: var(--gk-primary); font-size: 12px; line-height: 16px; font-weight: 700; box-shadow: var(--gk-golge); }
.gk-kamp-etiket.sari { background: var(--gk-sari-acik); color: var(--gk-sari-koyu); }
.gk-kamp-govde { padding: 24px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.gk-kamp h3 { margin: 0 0 12px; color: var(--gk-ink); font-size: 20px; line-height: 28px; font-weight: 600; }
.gk-kamp-ozet { margin: 0 0 24px; color: var(--gk-soluk); font-size: 14px; line-height: 20px; }
.gk-ilerleme-ust { display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 20px; font-weight: 600; margin-bottom: 8px; }
.gk-ilerleme-ust b { color: var(--gk-primary); font-weight: 700; }
.gk-ilerleme-ust span { color: var(--gk-pc); font-weight: 800; }
.gk-ilerleme { width: 100%; height: 12px; border-radius: 9999px; background: var(--gk-sc); overflow: hidden; margin-bottom: 24px; }
.gk-ilerleme div { height: 100%; border-radius: 9999px; background: var(--gk-pc); transition: width .5s; }
.gk-kamp .gk-btn-sari { width: 100%; padding: 14px; }
.gk-kamp .gk-btn-sari .gk-ms { font-size: 18px; }

/* ---------- Duyurular ---------- */
.gk-duyuru { padding: 32px; display: flex; flex-direction: column; justify-content: space-between; }
.gk-duyuru-ust { display: flex; align-items: center; gap: 8px; color: var(--gk-soluk); font-size: 12px; line-height: 16px; font-weight: 600; margin-bottom: 16px; }
.gk-tarih-hap { padding: 4px 12px; border-radius: 9999px; background: var(--gk-sc); color: var(--gk-primary); font-weight: 700; }
.gk-duyuru h3 { margin: 0 0 12px; color: var(--gk-ink); font-size: 20px; line-height: 28px; font-weight: 600; transition: color .2s; }
.gk-duyuru h3 a { color: inherit !important; }
.gk-duyuru h3:hover { color: var(--gk-primary); }
.gk-duyuru p { margin: 0 0 24px; color: var(--gk-soluk); font-size: 14px; line-height: 1.625; }
.gk-ok-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gk-pc) !important; font-size: 14px; line-height: 20px; font-weight: 600; transition: transform .2s; }
.gk-ok-link:hover { transform: translateX(4px); }
.gk-ok-link .gk-ms { font-size: 16px; }

/* ---------- Yönetim kurulu ---------- */
.gk-uye { padding: 24px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.gk-uye-foto { width: 128px; height: 128px; border-radius: 50%; overflow: hidden; margin-bottom: 20px; box-shadow: var(--gk-golge); background: linear-gradient(135deg, var(--gk-pc), var(--gk-primary)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: 800; }
.gk-uye-foto img { width: 100%; height: 100%; object-fit: cover; }
.gk-uye h3 { margin: 0 0 4px; color: var(--gk-ink); font-size: 20px; line-height: 28px; font-weight: 700; }
.gk-uye p { margin: 0; color: var(--gk-primary); font-size: 14px; line-height: 20px; font-weight: 600; }

/* ---------- Komisyonlar ---------- */
.gk-kom-zemin { background: var(--gk-scl); border-radius: var(--gk-r); padding: 56px; }
.gk-kom-zemin .gk-ust { margin-bottom: 48px; }
.gk-kom-zemin .gk-h2 { margin-bottom: 12px; }
.gk-kom { padding: 28px; display: flex; flex-direction: column; align-items: flex-start; }
.gk-kom .gk-ikon { margin-bottom: 24px; }
.gk-kom h3 { margin: 0 0 8px; color: var(--gk-ink); font-size: 20px; line-height: 28px; font-weight: 700; }
.gk-kom p { margin: 0; color: var(--gk-soluk); font-size: 14px; line-height: 1.625; }

/* ---------- Etkinlikler ---------- */
.gk-etk { padding: 28px; display: flex; flex-direction: column; justify-content: space-between; color: inherit !important; }
.gk-etk-ust { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.gk-tarih { width: 56px; height: 56px; border-radius: var(--gk-r); background: var(--gk-sc); color: var(--gk-primary); font-weight: 700; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; }
.gk-tarih.sari { background: rgba(255,224,131,0.5); color: var(--gk-sari-koyu); }
.gk-tarih small { font-size: 12px; line-height: 16px; text-transform: uppercase; }
.gk-tarih b { font-size: 20px; line-height: 1; }
.gk-etk-tur { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--gk-pc); }
.gk-etk-tur.sari { color: var(--gk-sari-koyu); }
.gk-etk-saat { margin: 0; color: var(--gk-soluk); font-size: 14px; }
.gk-etk h3 { margin: 0 0 12px; color: var(--gk-ink); font-size: 20px; line-height: 28px; font-weight: 600; }
.gk-etk-aciklama { margin: 0 0 24px; color: var(--gk-soluk); font-size: 14px; line-height: 1.625; }
.gk-etk-yer { display: flex; align-items: center; gap: 8px; color: var(--gk-soluk); font-size: 12px; line-height: 16px; font-weight: 600; background: var(--gk-scl); padding: 12px; border-radius: 12px; }
.gk-etk-yer .gk-ms { color: var(--gk-primary); font-size: 16px; }

/* ---------- Şubeler ---------- */
.gk-sube { padding: 24px; display: flex; align-items: center; gap: 12px; }
.gk-sube-ikon { width: 40px; height: 40px; border-radius: 50%; background: var(--gk-sc); color: var(--gk-primary); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.gk-sube-ikon .gk-ms { font-size: 20px; }
.gk-sube h3 { margin: 0; color: var(--gk-ink); font-size: 20px; line-height: 28px; font-weight: 700; }

/* ---------- Çağrı ---------- */
.gk-cagri { position: relative; border-radius: var(--gk-r); background: var(--gk-primary); color: #fff; padding: 64px; box-shadow: var(--gk-golge-b); overflow: hidden; text-align: center; display: flex; flex-direction: column; align-items: center; }
.gk-cagri-isik1 { position: absolute; right: -80px; top: -80px; width: 320px; height: 320px; border-radius: 50%; background: rgba(14,116,144,0.4); filter: blur(40px); pointer-events: none; }
.gk-cagri-isik2 { position: absolute; left: -80px; bottom: -80px; width: 320px; height: 320px; border-radius: 50%; background: rgba(238,194,0,0.2); filter: blur(40px); pointer-events: none; }
.gk-cagri-ic { position: relative; z-index: 10; max-width: 672px; }
.gk-cagri .gk-rozet { background: rgba(255,255,255,0.1); box-shadow: none; }
.gk-cagri h2 { margin: 0 0 24px; font-size: 32px; line-height: 40px; font-weight: 800; }
.gk-cagri p { margin: 0 0 40px; color: rgba(235,253,254,0.9); font-size: 18px; line-height: 1.625; }
.gk-cagri-btn { display: flex; align-items: center; justify-content: center; gap: 16px; }
.gk-cagri-btn .gk-ms { font-size: 20px; }

/* ---------- İletişim ---------- */
.gk-ilet { padding: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.gk-ilet-sol { display: flex; flex-direction: column; justify-content: space-between; }
.gk-ilet-sol .gk-alt { margin-bottom: 32px; }
.gk-ilet-liste { display: flex; flex-direction: column; gap: 20px; }
.gk-ilet-satir { display: flex; align-items: flex-start; gap: 16px; }
.gk-ilet-satir .gk-ikon { width: 48px; height: 48px; color: var(--gk-primary); }
.gk-ilet-satir .gk-ikon .gk-ms { font-size: 24px; }
.gk-ilet-satir h4 { margin: 0; color: var(--gk-ink); font-size: 14px; line-height: 20px; font-weight: 700; }
.gk-ilet-satir p { margin: 0; color: var(--gk-soluk); font-size: 14px; line-height: 20px; }
.gk-iban { margin-top: 32px; padding: 24px; border-radius: var(--gk-r); background: var(--gk-scl); }
.gk-iban-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 12px; }
.gk-iban-ust b { color: var(--gk-primary); font-size: 14px; line-height: 20px; font-weight: 700; }
.gk-iban-ust span { color: var(--gk-soluk); font-size: 12px; line-height: 16px; font-weight: 500; }
.gk-iban-no { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 14px; font-weight: 700; color: var(--gk-ink); user-select: all; background: #fff; padding: 12px; border-radius: 12px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gk-iban-no button { border: 0; background: none; color: var(--gk-pc); cursor: pointer; padding: 0; }
.gk-iban-no .gk-ms { font-size: 16px; }
.gk-iban p { margin: 0; color: var(--gk-soluk); font-size: 14px; line-height: 20px; }
.gk-harita { position: relative; width: 100%; height: 100%; min-height: 360px; border-radius: var(--gk-r); overflow: hidden; box-shadow: var(--gk-golge); background: var(--gk-sc); }
.gk-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.gk-harita-kart { position: absolute; bottom: 24px; left: 24px; right: 24px; padding: 20px; border-radius: var(--gk-r); background: rgba(255,255,255,0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: var(--gk-golge-b); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.gk-harita-kart > div { display: flex; align-items: center; gap: 12px; }
.gk-harita-pin { width: 40px; height: 40px; border-radius: 50%; background: var(--gk-sari); color: var(--gk-sari-yazi); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.gk-harita-kart h5 { margin: 0; color: var(--gk-ink); font-size: 14px; line-height: 20px; font-weight: 700; }
.gk-harita-kart p { margin: 0; color: var(--gk-soluk); font-size: 14px; line-height: 20px; }
.gk-harita-kart a { padding: 8px 16px; border-radius: 12px; background: var(--gk-sc); color: var(--gk-primary) !important; font-size: 14px; font-weight: 600; white-space: nowrap; transition: all .2s; }
.gk-harita-kart a:hover { background: var(--gk-primary); color: #fff !important; }

/* ---------- Footer ---------- */
.gk-footer { width: 100%; padding: 48px 0; background: var(--gk-sc); color: var(--gk-ink); margin-top: 48px; }
.gk-footer-izgara { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 48px; }
.gk-footer-marka { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; color: var(--gk-primary); font-size: 20px; line-height: 28px; font-weight: 700; }
.gk-footer-marka .gk-marka-ico { width: 40px; height: 40px; background: #fff; }
.gk-footer-marka .gk-marka-ico .gk-ms { font-size: 20px; }
.gk-footer-ozet { margin: 0 0 24px; max-width: 384px; color: var(--gk-soluk); font-size: 16px; line-height: 1.625; }
.gk-sosyal { display: flex; align-items: center; gap: 12px; }
.gk-sosyal a { width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--gk-primary) !important; display: flex; align-items: center; justify-content: center; box-shadow: var(--gk-golge); transition: all .2s; font-size: 17px; }
.gk-sosyal a:hover { background: var(--gk-primary); color: #fff !important; }
.gk-footer h4 { margin: 0 0 16px; color: var(--gk-primary); font-size: 20px; line-height: 28px; font-weight: 600; }
.gk-footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.gk-footer ul a { color: var(--gk-soluk) !important; font-size: 14px; line-height: 20px; transition: color .2s; }
.gk-footer ul a:hover { color: var(--gk-primary) !important; }
.gk-footer-alt { padding-top: 32px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--gk-soluk); font-size: 12px; line-height: 16px; font-weight: 600; flex-wrap: wrap; }
.gk-footer-alt p { margin: 0; display: flex; align-items: center; gap: 4px; }
.gk-footer-alt .gk-ms { color: var(--gk-sari-koyu); font-size: 14px; }
.gk-footer-imza { margin-top: 16px; text-align: center; }

/* ---------- İç sayfalar (ClaudeDesignV1 görünümleri) bu düzende ---------- */
.gk-body .cd-page-hero { padding-top: 72px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1023px) {
    .gk-stat-izgara, .gk-izgara-4 { grid-template-columns: repeat(2, 1fr); }
    .gk-izgara-3 { grid-template-columns: 1fr; }
    .gk-hak, .gk-ilet { grid-template-columns: 1fr; }
    .gk-footer-izgara { grid-template-columns: 1fr 1fr; }
    .gk-footer-izgara > div:first-child { grid-column: 1 / -1; }
}
@media (max-width: 919px) {
    .gk-nav, .gk-header-sag .gk-btn-sari { display: none; }
    .gk-hamburger { display: flex; }
}
@media (max-width: 767px) {
    .gk-wrap { padding: 0 20px; }
    .gk-hero { padding: 48px 0 96px; }
    .gk-hero-ic { height: 560px; }
    .gk-hero-yazi { padding: 0 24px; }
    .gk-hero h1 { font-size: 34px; line-height: 42px; }
    .gk-hero-btn, .gk-cagri-btn { flex-direction: column; width: 100%; }
    .gk-hero-btn .gk-btn, .gk-cagri-btn .gk-btn { width: 100%; }
    .gk-hak, .gk-ilet, .gk-kom-zemin, .gk-cagri { padding: 32px 24px; }
    .gk-hak-foto { height: 380px; }
    .gk-h2 { font-size: 26px; line-height: 34px; }
    .gk-cagri h2 { font-size: 34px; line-height: 42px; }
    .gk-stat-izgara, .gk-izgara-4, .gk-footer-izgara { grid-template-columns: 1fr; }
    .gk-footer-alt { flex-direction: column; text-align: center; }
}