/* ============================================================
   GASMUDER - Ana Stil Dosyasi
   Lacivert agirlikli, kurumsal ve premium tasarim
   ============================================================ */

/* ---- Tasarim degiskenleri ---- */
:root{
    --lacivert:        #16264f;
    --lacivert-koyu:   #0f1b3d;
    --lacivert-acik:   #24386f;
    --lacivert-soluk:  #eef1f7;
    --bordo:           #8e2c3b;
    --bordo-koyu:      #6f1f2c;
    --altin:           #c4a14e;
    --zemin:           #f4f6fa;
    --kart:            #ffffff;
    --metin:           #1b2236;
    --metin-soluk:     #5c6679;
    --cizgi:           #e5e8f0;
    --golge-yumusak:   0 2px 10px rgba(16,27,61,.06);
    --golge-orta:      0 10px 30px rgba(16,27,61,.10);
    --golge-guclu:     0 24px 60px rgba(16,27,61,.18);
    --gecis:           .25s cubic-bezier(.4,0,.2,1);
    --kose:            14px;
    --kose-kucuk:      10px;
    --kapsayici:       1200px;
}

/* ---- Reset ---- */
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
    font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
    color:var(--metin);
    background:var(--zemin);
    line-height:1.65;
    font-size:16px;
    overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }
h1,h2,h3,h4,h5{ font-family:'Source Serif 4',Georgia,serif; line-height:1.2; color:var(--lacivert); font-weight:600; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; }
:focus-visible{ outline:3px solid var(--altin); outline-offset:2px; }

/* ---- Yardimci ---- */
.kapsayici{ width:100%; max-width:var(--kapsayici); margin:0 auto; padding:0 24px; }
.erisim-atla{
    position:absolute; left:-999px; top:0; z-index:9999;
    background:var(--lacivert); color:#fff; padding:12px 20px; border-radius:0 0 8px 0;
}
.erisim-atla:focus{ left:0; }

/* Bolum basligi */
.bolum-ust{ text-align:center; max-width:720px; margin:0 auto 48px; }
.bolum-etiket{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'Plus Jakarta Sans',sans-serif; font-size:.78rem; font-weight:700; letter-spacing:.14em;
    text-transform:uppercase; color:var(--bordo); margin-bottom:14px;
}
.bolum-etiket::before,.bolum-etiket::after{ content:""; width:26px; height:2px; background:var(--bordo); opacity:.5; }
.bolum-baslik{ font-size:clamp(1.7rem,3.4vw,2.5rem); margin-bottom:14px; }
.bolum-aciklama{ color:var(--metin-soluk); font-size:1.02rem; }

/* Butonlar */
.dugme{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 28px; border-radius:50px; font-weight:700; font-size:.95rem;
    transition:var(--gecis); cursor:pointer; white-space:nowrap;
}
.dugme-birincil{ background:var(--bordo); color:#fff; box-shadow:0 8px 22px rgba(142,44,59,.28); }
.dugme-birincil:hover{ background:var(--bordo-koyu); transform:translateY(-2px); box-shadow:0 12px 28px rgba(142,44,59,.34); }
.dugme-ikincil{ background:var(--lacivert); color:#fff; }
.dugme-ikincil:hover{ background:var(--lacivert-koyu); transform:translateY(-2px); }
.dugme-cizgili{ background:transparent; color:var(--lacivert); border:2px solid var(--cizgi); }
.dugme-cizgili:hover{ border-color:var(--lacivert); background:var(--lacivert); color:#fff; }
.dugme-beyaz{ background:#fff; color:var(--lacivert); }
.dugme-beyaz:hover{ transform:translateY(-2px); box-shadow:var(--golge-orta); }

/* ============================================================
   UST SERIT
   ============================================================ */
.ust-serit{ background:var(--lacivert-koyu); color:#cdd5e6; font-size:.84rem; }
.ust-serit-ic{ display:flex; justify-content:space-between; align-items:center; min-height:42px; gap:20px; }
.ust-serit a{ color:#cdd5e6; transition:var(--gecis); }
.ust-serit a:hover{ color:#fff; }
.ust-serit-sol{ display:flex; gap:24px; flex-wrap:wrap; }
.ust-serit-sol i,.ust-serit-sag i{ color:var(--altin); }
.ust-serit-sag{ display:flex; align-items:center; gap:16px; }
.ust-serit-sag a:not(.ust-serit-adres){
    width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center;
    border:1px solid rgba(255,255,255,.15); border-radius:50%;
}
.ust-serit-sag a:hover{ background:var(--bordo); border-color:var(--bordo); }
.ust-serit-sag a i{ color:#cdd5e6; }
.ust-serit-sag a:hover i{ color:#fff; }

/* ============================================================
   SITE HEADER + MENU
   ============================================================ */
.site-header{
    background:#fff; box-shadow:var(--golge-yumusak); position:sticky; top:0; z-index:1000;
    transition:box-shadow var(--gecis);
}
.site-header.kucuk{ box-shadow:var(--golge-orta); }
.site-header-ic{ display:flex; align-items:center; justify-content:space-between; min-height:88px; gap:24px; }

.logo-alan{ display:flex; align-items:center; gap:14px; }
.logo-gorsel{ width:60px; height:60px; border-radius:50%; object-fit:cover; box-shadow:0 4px 12px rgba(16,27,61,.12); }
.logo-yazi{ display:flex; flex-direction:column; line-height:1.15; }
.logo-yazi strong{ font-family:'Source Serif 4',serif; font-size:1.5rem; color:var(--lacivert); letter-spacing:.5px; }
.logo-yazi small{ font-size:.6rem; color:var(--metin-soluk); font-weight:600; max-width:255px; line-height:1.3; }

/* Menu liste */
.ana-menu{ display:flex; align-items:center; gap:28px; }
.menu-liste{ display:flex; align-items:center; gap:4px; }
.menu-oge{ position:relative; }
.menu-baglanti{
    display:flex; align-items:center; gap:8px; padding:12px 16px; border-radius:10px;
    font-weight:600; font-size:.95rem; color:var(--metin); transition:var(--gecis);
}
.menu-baglanti i:first-child{ color:var(--bordo); font-size:.92rem; }
.menu-anasayfa-yazi{ display:none; }
.menu-anasayfa{ padding-left:14px; padding-right:14px; }
.menu-anasayfa i:first-child{ font-size:1.05rem; }
.menu-baglanti .ok{ font-size:.7rem; color:var(--metin-soluk); transition:transform var(--gecis); }
.menu-baglanti:hover,.menu-baglanti.aktif{ color:var(--lacivert); background:var(--lacivert-soluk); }
.menu-acilir:hover .menu-baglanti .ok{ transform:rotate(180deg); }

/* Acilir alt menu (masaustu) */
.alt-menu{
    position:absolute; top:calc(100% + 12px); left:0; min-width:262px; background:#fff;
    border-radius:var(--kose); box-shadow:var(--golge-guclu); padding:10px;
    opacity:0; visibility:hidden; transform:translateY(10px); transition:var(--gecis);
    border-top:3px solid var(--bordo); z-index:50;
}
.menu-acilir:hover .alt-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.alt-menu::before{ content:""; position:absolute; top:-12px; left:0; right:0; height:12px; }
.alt-menu li a{
    display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:8px;
    font-size:.92rem; font-weight:600; color:var(--metin); transition:var(--gecis);
}
.alt-menu li a i{ width:18px; color:var(--bordo); }
.alt-menu li a:hover{ background:var(--lacivert-soluk); color:var(--lacivert); padding-left:18px; }

.alt-menu-tetik{ display:none; }

/* CTA */
.menu-cta{
    display:inline-flex; align-items:center; gap:9px; background:var(--bordo); color:#fff;
    padding:12px 20px; border-radius:50px; font-weight:700; font-size:.9rem;
    box-shadow:0 8px 20px rgba(142,44,59,.26); transition:var(--gecis);
}
.menu-cta:hover{ background:var(--bordo-koyu); transform:translateY(-2px); }

/* Hamburger */
.hamburger-dugme{ display:none; flex-direction:column; gap:5px; padding:8px; z-index:1100; }
.hamburger-dugme span{ width:28px; height:3px; background:var(--lacivert); border-radius:3px; transition:var(--gecis); }
.hamburger-dugme.acik{ display:none; }

.mobil-menu-kapat{ display:none; }
.menu-perde{
    position:fixed; inset:0; background:rgba(15,27,61,.55);
    opacity:0; visibility:hidden; transition:var(--gecis); z-index:990;
}
.menu-perde.acik{ opacity:1; visibility:visible; }

/* ============================================================
   HERO (Ana sayfa)
   ============================================================ */
.hero{
    position:relative; color:#fff; overflow:hidden;
    background:
        linear-gradient(135deg, rgba(15,27,61,.96) 0%, rgba(22,38,79,.92) 55%, rgba(111,31,44,.85) 130%);
}
.hero::before{
    content:""; position:absolute; inset:0;
    background-image:radial-gradient(circle at 20% 30%, rgba(196,161,78,.12), transparent 40%),
                     radial-gradient(circle at 85% 70%, rgba(142,44,59,.25), transparent 45%);
    pointer-events:none;
}
.hero-desen{
    position:absolute; inset:0; opacity:.05;
    background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30z' fill='none' stroke='%23ffffff' stroke-width='1'/%3E%3C/svg%3E");
    pointer-events:none;
}
.hero-ic{ position:relative; z-index:2; display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; padding:90px 0 100px; }
.hero-rozet{
    display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16); padding:8px 18px; border-radius:50px;
    font-size:.82rem; font-weight:600; letter-spacing:.04em; margin-bottom:24px;
}
.hero-rozet i{ color:var(--altin); }
.hero h1{ color:#fff; font-size:clamp(2.1rem,4.6vw,3.5rem); line-height:1.12; margin-bottom:22px; }
.hero h1 .vurgu{ color:var(--altin); font-style:italic; }
.hero-metin{ font-size:1.06rem; color:#d5dbea; max-width:600px; margin-bottom:16px; }
.hero-slogan{ font-size:1.08rem; color:#fff; max-width:600px; margin:14px 0 32px; padding:13px 18px; background:rgba(196,161,78,.12); border-left:3px solid var(--altin); border-radius:0 10px 10px 0; }
.hero-slogan strong{ color:var(--altin); font-family:'Source Serif 4',serif; }
.hero-dugmeler{ display:flex; gap:16px; flex-wrap:wrap; }
.hero-istatistik{ display:flex; gap:36px; margin-top:48px; padding-top:32px; border-top:1px solid rgba(255,255,255,.14); }
.hero-istatistik .sayi{ font-family:'Source Serif 4',serif; font-size:2.1rem; font-weight:700; color:#fff; }
.hero-istatistik .etiket{ font-size:.82rem; color:#aab4cc; }

/* Hero gorsel taraf */
.hero-gorsel-alan{ position:relative; display:flex; justify-content:center; }
.hero-logo-cember{
    width:340px; height:340px; border-radius:50%; background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center;
    backdrop-filter:blur(4px); box-shadow:0 30px 80px rgba(0,0,0,.35);
    animation:hafifYuz 6s ease-in-out infinite;
}
.hero-logo-cember img{ width:270px; height:270px; border-radius:50%; object-fit:cover; }
@keyframes hafifYuz{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-14px); } }
.hero-cember-halka{ position:absolute; top:50%; left:50%; width:400px; height:400px; border:2px dashed rgba(196,161,78,.35); border-radius:50%; animation:donus 40s linear infinite; }
@keyframes donus{ from{ transform:translate(-50%,-50%) rotate(0); } to{ transform:translate(-50%,-50%) rotate(360deg); } }

.hero-dalga{ position:absolute; bottom:-1px; left:0; width:100%; z-index:2; line-height:0; }
.hero-dalga svg{ width:100%; height:70px; display:block; }

/* ============================================================
   SAYFA BASLIGI (ic sayfalar)
   ============================================================ */
.sayfa-basligi{
    position:relative; color:#fff; padding:64px 0 56px; overflow:hidden;
    background:linear-gradient(120deg, var(--lacivert-koyu), var(--lacivert) 70%);
}
.sayfa-basligi::after{
    content:""; position:absolute; right:-60px; top:-60px; width:280px; height:280px;
    background:radial-gradient(circle, rgba(142,44,59,.4), transparent 70%); border-radius:50%;
}
.sayfa-basligi-ic{ position:relative; z-index:2; }
.sayfa-basligi h1{ color:#fff; font-size:clamp(1.8rem,3.6vw,2.7rem); margin-bottom:14px; }
.ekmek-kirintisi{ display:flex; align-items:center; gap:10px; font-size:.9rem; color:#b9c2da; flex-wrap:wrap; }
.ekmek-kirintisi a{ color:#b9c2da; transition:var(--gecis); }
.ekmek-kirintisi a:hover{ color:#fff; }
.ekmek-kirintisi i{ font-size:.7rem; color:var(--altin); }
.ekmek-kirintisi .simdi{ color:#fff; font-weight:600; }

/* ============================================================
   BOLUMLER
   ============================================================ */
.bolum{ padding:84px 0; }
.bolum-zemin{ background:#fff; }
.bolum-lacivert{ background:var(--lacivert); color:#fff; }
.bolum-lacivert .bolum-baslik{ color:#fff; }
.bolum-lacivert .bolum-aciklama{ color:#c3cbe0; }

/* Hizmet/ozellik kartlari */
.ozellik-izgara{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:26px; }
.ozellik-kart{
    background:var(--kart); border:1px solid var(--cizgi); border-radius:var(--kose);
    padding:36px 30px; transition:var(--gecis); position:relative; overflow:hidden;
}
.ozellik-kart::before{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:var(--bordo); transform:scaleX(0); transform-origin:left; transition:var(--gecis); }
.ozellik-kart:hover{ transform:translateY(-6px); box-shadow:var(--golge-orta); border-color:transparent; }
.ozellik-kart:hover::before{ transform:scaleX(1); }
.ozellik-ikon{
    width:62px; height:62px; border-radius:16px; display:flex; align-items:center; justify-content:center;
    background:var(--lacivert-soluk); color:var(--lacivert); font-size:1.5rem; margin-bottom:22px; transition:var(--gecis);
}
.ozellik-kart:hover .ozellik-ikon{ background:var(--lacivert); color:#fff; }
.ozellik-kart h3{ font-size:1.25rem; margin-bottom:12px; }
.ozellik-kart p{ color:var(--metin-soluk); font-size:.96rem; }

/* ============================================================
   HABER & ETKINLIK KARTLARI
   ============================================================ */
.kart-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(330px,1fr)); gap:30px; }
.icerik-kart{
    background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); overflow:hidden;
    display:flex; flex-direction:column; transition:var(--gecis); height:100%;
}
.icerik-kart:hover{ transform:translateY(-6px); box-shadow:var(--golge-orta); border-color:transparent; }
.icerik-kart-gorsel{ position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--lacivert-soluk); }
.icerik-kart-gorsel img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.icerik-kart:hover .icerik-kart-gorsel img{ transform:scale(1.06); }
.icerik-kart-gorsel .bos-gorsel{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--lacivert); opacity:.25; font-size:3rem; }
.icerik-kart-rozet{
    position:absolute; top:14px; left:14px; background:var(--bordo); color:#fff;
    padding:7px 14px; border-radius:50px; font-size:.78rem; font-weight:700; display:flex; align-items:center; gap:6px;
}
.icerik-kart-tarih-kutu{
    position:absolute; top:14px; right:14px; background:rgba(15,27,61,.92); color:#fff; border-radius:12px;
    text-align:center; padding:8px 12px; line-height:1.1; min-width:58px;
}
.icerik-kart-tarih-kutu .gun{ font-size:1.4rem; font-weight:800; display:block; font-family:'Source Serif 4',serif; }
.icerik-kart-tarih-kutu .ay{ font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--altin); }
.icerik-kart-govde{ padding:24px; display:flex; flex-direction:column; flex:1; }
.icerik-kart-meta{ display:flex; gap:16px; font-size:.8rem; color:var(--metin-soluk); margin-bottom:12px; }
.icerik-kart-meta i{ color:var(--bordo); margin-right:5px; }
.icerik-kart h3{ font-size:1.22rem; margin-bottom:12px; line-height:1.3; }
.icerik-kart h3 a{ transition:var(--gecis); }
.icerik-kart h3 a:hover{ color:var(--bordo); }
.icerik-kart p{ color:var(--metin-soluk); font-size:.94rem; margin-bottom:18px; flex:1; }
.icerik-kart-devam{ display:inline-flex; align-items:center; gap:8px; color:var(--bordo); font-weight:700; font-size:.9rem; transition:var(--gecis); align-self:flex-start; }
.icerik-kart-devam:hover{ gap:12px; }

/* ============================================================
   KURUL & UYE KARTLARI
   ============================================================ */
.kurul-bolum{ margin-bottom:60px; }
.kurul-bolum-baslik{ display:flex; align-items:center; gap:14px; margin-bottom:30px; padding-bottom:16px; border-bottom:2px solid var(--cizgi); }
.kurul-bolum-baslik .ikon{ width:48px; height:48px; border-radius:12px; background:var(--lacivert); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.2rem; flex-shrink:0; }
.kurul-bolum-baslik h2{ font-size:1.6rem; }
.kurul-bolum-baslik p{ font-size:.92rem; color:var(--metin-soluk); margin-top:2px; }

.uye-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:26px; }
.uye-kart{
    background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); overflow:hidden;
    text-align:center; transition:var(--gecis);
}
.uye-kart:hover{ transform:translateY(-6px); box-shadow:var(--golge-orta); border-color:transparent; }
.uye-foto{ aspect-ratio:1/1; overflow:hidden; background:var(--lacivert-soluk); position:relative; }
.uye-foto img{ width:100%; height:100%; object-fit:cover; }
.uye-foto .bos{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--lacivert); opacity:.3; font-size:3.5rem; }
.uye-bilgi{ padding:22px 18px; }
.uye-bilgi h3{ font-size:1.16rem; margin-bottom:5px; }
.uye-unvan{ display:inline-block; color:var(--bordo); font-weight:700; font-size:.84rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:12px; }
.uye-ozgecmis-dugme{ font-size:.86rem; color:var(--lacivert); font-weight:600; display:inline-flex; align-items:center; gap:7px; }
.uye-ozgecmis-dugme:hover{ color:var(--bordo); }
.uye-ozgecmis{ font-size:.9rem; color:var(--metin-soluk); margin-top:14px; text-align:left; display:none; padding-top:14px; border-top:1px solid var(--cizgi); }
.uye-ozgecmis.acik{ display:block; }

/* ============================================================
   BANKA HESAP KARTLARI
   ============================================================ */
.banka-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(360px,1fr)); gap:26px; }
.banka-kart{
    background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); overflow:hidden; transition:var(--gecis);
}
.banka-kart:hover{ box-shadow:var(--golge-orta); transform:translateY(-4px); }
.banka-kart-ust{
    background:linear-gradient(120deg,var(--lacivert),var(--lacivert-acik)); color:#fff;
    padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.banka-kart-ust h3{ color:#fff; font-size:1.2rem; }
.banka-kart-ust .para{ background:var(--bordo); padding:5px 14px; border-radius:50px; font-size:.8rem; font-weight:700; }
.banka-kart-govde{ padding:24px 26px; }
.banka-satir{ display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; border-bottom:1px dashed var(--cizgi); }
.banka-satir:last-child{ border-bottom:none; }
.banka-satir .etiket{ font-size:.85rem; color:var(--metin-soluk); display:flex; align-items:center; gap:8px; }
.banka-satir .etiket i{ color:var(--bordo); }
.banka-satir .deger{ font-weight:700; color:var(--lacivert); text-align:right; word-break:break-all; }
.iban-satir .deger{ font-family:'Plus Jakarta Sans',monospace; letter-spacing:.5px; }
.kopyala-dugme{ margin-left:10px; background:var(--lacivert-soluk); color:var(--lacivert); width:32px; height:32px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; transition:var(--gecis); flex-shrink:0; }
.kopyala-dugme:hover{ background:var(--lacivert); color:#fff; }

/* ============================================================
   ICERIK / METIN SAYFALARI
   ============================================================ */
.icerik-duzen{ display:grid; grid-template-columns:1fr 320px; gap:48px; align-items:start; }
.metin-icerik{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); padding:44px; box-shadow:var(--golge-yumusak); }
.metin-icerik h1,.metin-icerik h2,.metin-icerik h3{ margin:28px 0 14px; }
.metin-icerik h2{ font-size:1.5rem; padding-left:16px; border-left:4px solid var(--bordo); }
.metin-icerik h3{ font-size:1.25rem; }
.metin-icerik p{ margin-bottom:16px; color:#3a4256; }
.metin-icerik ul,.metin-icerik ol{ margin:0 0 18px 22px; }
.metin-icerik ul li,.metin-icerik ol li{ margin-bottom:9px; color:#3a4256; }
.metin-icerik ul{ list-style:none; margin-left:0; }
.metin-icerik ul li{ padding-left:30px; position:relative; }
.metin-icerik ul li::before{ content:"\f00c"; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--bordo); position:absolute; left:0; top:1px; font-size:.85rem; }
.metin-icerik ol{ list-style:decimal; }
.metin-icerik blockquote{ border-left:4px solid var(--altin); background:var(--lacivert-soluk); padding:18px 24px; border-radius:0 10px 10px 0; margin:20px 0; font-style:italic; color:var(--lacivert); }
.metin-icerik img{ border-radius:var(--kose-kucuk); margin:20px 0; }
.metin-icerik a{ color:var(--bordo); font-weight:600; text-decoration:underline; }

/* Yan panel */
.yan-panel{ position:sticky; top:110px; display:flex; flex-direction:column; gap:24px; }
.yan-kutu{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); padding:26px; box-shadow:var(--golge-yumusak); }
.yan-kutu h4{ font-size:1.1rem; margin-bottom:16px; padding-bottom:12px; border-bottom:2px solid var(--cizgi); display:flex; align-items:center; gap:10px; }
.yan-kutu h4 i{ color:var(--bordo); }
.yan-liste li a{ display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--cizgi); font-size:.93rem; font-weight:500; transition:var(--gecis); }
.yan-liste li:last-child a{ border-bottom:none; }
.yan-liste li a i{ color:var(--bordo); width:18px; }
.yan-liste li a:hover{ color:var(--bordo); padding-left:6px; }
.yan-kutu-iletisim p{ font-size:.9rem; color:var(--metin-soluk); display:flex; gap:10px; margin-bottom:12px; }
.yan-kutu-iletisim p i{ color:var(--bordo); margin-top:3px; }

/* Indirme kutusu (uyelik dilekcesi) */
.indirme-kutu{
    background:linear-gradient(120deg,var(--lacivert),var(--lacivert-acik)); color:#fff; border-radius:var(--kose);
    padding:44px; text-align:center; box-shadow:var(--golge-orta);
}
.indirme-kutu .indirme-ikon{ width:84px; height:84px; margin:0 auto 22px; background:rgba(255,255,255,.12); border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:2.2rem; color:var(--altin); }
.indirme-kutu h3{ color:#fff; font-size:1.5rem; margin-bottom:12px; }
.indirme-kutu p{ color:#cdd5e6; margin-bottom:26px; max-width:520px; margin-left:auto; margin-right:auto; }

/* ============================================================
   ILETISIM
   ============================================================ */
.iletisim-izgara{ display:grid; grid-template-columns:1fr 1.3fr; gap:40px; align-items:start; }
.iletisim-kartlar{ display:flex; flex-direction:column; gap:20px; }
.iletisim-kart{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); padding:26px; display:flex; gap:18px; align-items:flex-start; transition:var(--gecis); }
.iletisim-kart:hover{ box-shadow:var(--golge-orta); transform:translateY(-3px); }
.iletisim-kart .ikon{ width:54px; height:54px; flex-shrink:0; border-radius:14px; background:var(--lacivert-soluk); color:var(--lacivert); display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
.iletisim-kart h4{ font-size:1.05rem; margin-bottom:5px; }
.iletisim-kart p,.iletisim-kart a{ color:var(--metin-soluk); font-size:.94rem; }
.iletisim-kart a:hover{ color:var(--bordo); }
.harita-cerceve{ border-radius:var(--kose); overflow:hidden; box-shadow:var(--golge-yumusak); border:1px solid var(--cizgi); height:100%; min-height:420px; }
.harita-cerceve iframe{ width:100%; height:100%; border:0; min-height:420px; }

/* Form */
.iletisim-form{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--kose); padding:36px; box-shadow:var(--golge-yumusak); }
.form-grup{ margin-bottom:20px; }
.form-grup label{ display:block; font-weight:600; font-size:.9rem; margin-bottom:8px; color:var(--lacivert); }
.form-grup input,.form-grup textarea,.form-grup select{
    width:100%; padding:13px 16px; border:1.5px solid var(--cizgi); border-radius:var(--kose-kucuk);
    font-family:inherit; font-size:.95rem; transition:var(--gecis); background:#fbfcfe; color:var(--metin);
}
.form-grup input:focus,.form-grup textarea:focus,.form-grup select:focus{ outline:none; border-color:var(--lacivert); background:#fff; box-shadow:0 0 0 4px rgba(22,38,79,.08); }
.form-grup textarea{ resize:vertical; min-height:130px; }
.form-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }

/* Uyari / bilgi kutulari */
.uyari{ padding:16px 20px; border-radius:var(--kose-kucuk); margin-bottom:22px; display:flex; gap:12px; align-items:flex-start; font-size:.92rem; }
.uyari i{ margin-top:3px; }
.uyari-basari{ background:#e7f6ed; color:#1d7a47; border:1px solid #b6e3c8; }
.uyari-hata{ background:#fde8eb; color:#a32436; border:1px solid #f6c2cb; }
.uyari-bilgi{ background:var(--lacivert-soluk); color:var(--lacivert); border:1px solid #cdd6e9; }

/* Bos durum */
.bos-durum{ text-align:center; padding:70px 20px; color:var(--metin-soluk); }
.bos-durum i{ font-size:3.2rem; color:var(--cizgi); margin-bottom:18px; }
.bos-durum h3{ color:var(--lacivert); margin-bottom:8px; }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{ background:var(--lacivert-koyu); color:#aab4cc; }
.footer-ust{ padding:64px 0 44px; }
.footer-izgara{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:40px; }
.footer-logo{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.footer-logo img{ width:56px; height:56px; border-radius:50%; }
.footer-logo strong{ display:block; font-family:'Source Serif 4',serif; color:#fff; font-size:1.3rem; }
.footer-logo span{ font-size:.78rem; color:#8c98b5; }
.footer-aciklama{ font-size:.92rem; line-height:1.7; margin-bottom:22px; }
.footer-sosyal{ display:flex; gap:12px; }
.footer-sosyal a{ width:40px; height:40px; border-radius:10px; background:rgba(255,255,255,.07); display:flex; align-items:center; justify-content:center; color:#cdd5e6; transition:var(--gecis); }
.footer-sosyal a:hover{ background:var(--bordo); color:#fff; transform:translateY(-3px); }
.footer-baslik{ color:#fff; font-size:1.08rem; margin-bottom:20px; position:relative; padding-bottom:12px; }
.footer-baslik::after{ content:""; position:absolute; left:0; bottom:0; width:36px; height:3px; background:var(--bordo); border-radius:3px; }
.footer-liste li{ margin-bottom:11px; }
.footer-liste li a{ font-size:.92rem; transition:var(--gecis); display:inline-flex; align-items:center; gap:8px; }
.footer-liste li a::before{ content:"\f105"; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--bordo); font-size:.8rem; }
.footer-liste li a:hover{ color:#fff; padding-left:5px; }
.footer-iletisim-liste li{ display:flex; gap:12px; margin-bottom:16px; font-size:.9rem; line-height:1.5; }
.footer-iletisim-liste li i{ color:var(--altin); margin-top:3px; }
.footer-iletisim-liste a:hover{ color:#fff; }
.footer-alt{ border-top:1px solid rgba(255,255,255,.08); padding:22px 0; }
.footer-alt-ic{ display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; font-size:.85rem; }
.footer-alt p strong{ color:#fff; }
.footer-alt-link a{ transition:var(--gecis); }
.footer-alt-link a:hover{ color:#fff; }
.footer-alt-link span{ margin:0 6px; opacity:.4; }
.footer-kredi{ margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.06); text-align:center; font-size:.82rem; opacity:.75; }
.footer-kredi a{ color:var(--altin); font-weight:600; transition:var(--gecis); }
.footer-kredi a:hover{ color:#fff; }

/* Yukari cik */
.yukari-cik{
    position:fixed; right:26px; bottom:94px; width:50px; height:50px; border-radius:50%;
    background:var(--bordo); color:#fff; display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 26px rgba(142,44,59,.35); opacity:0; visibility:hidden; transform:translateY(20px);
    transition:var(--gecis); z-index:900;
}
.yukari-cik.gorunur{ opacity:1; visibility:visible; transform:translateY(0); }
.yukari-cik:hover{ background:var(--bordo-koyu); transform:translateY(-3px); }

/* Sabit WhatsApp butonu */
.whatsapp-buton{
    position:fixed; right:24px; bottom:24px; z-index:1000;
    width:58px; height:58px; border-radius:50%;
    background:#25d366; color:#fff; text-decoration:none;
    display:flex; align-items:center; justify-content:center;
    font-size:1.95rem; box-shadow:0 6px 22px rgba(37,211,102,.45);
    transition:transform .2s ease, box-shadow .2s ease;
    animation:wa-nabiz 2.6s infinite;
}
.whatsapp-buton:hover{ transform:scale(1.08); color:#fff; box-shadow:0 8px 28px rgba(37,211,102,.6); }
@keyframes wa-nabiz{
    0%{ box-shadow:0 6px 22px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,.45); }
    70%{ box-shadow:0 6px 22px rgba(37,211,102,.45), 0 0 0 16px rgba(37,211,102,0); }
    100%{ box-shadow:0 6px 22px rgba(37,211,102,.45), 0 0 0 0 rgba(37,211,102,0); }
}
@media (prefers-reduced-motion:reduce){ .whatsapp-buton{ animation:none; } }

/* Sayfalama */
.sayfalama{ display:flex; justify-content:center; gap:8px; margin-top:50px; flex-wrap:wrap; }
.sayfalama a,.sayfalama span{ min-width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1.5px solid var(--cizgi); font-weight:600; transition:var(--gecis); padding:0 12px; background:#fff; }
.sayfalama a:hover{ border-color:var(--lacivert); background:var(--lacivert); color:#fff; }
.sayfalama .aktif{ background:var(--bordo); border-color:var(--bordo); color:#fff; }

/* Detay sayfasi */
.detay-kapak{ aspect-ratio:21/9; border-radius:var(--kose); overflow:hidden; margin-bottom:32px; box-shadow:var(--golge-orta); background:var(--lacivert-soluk); }
.detay-kapak img{ width:100%; height:100%; object-fit:cover; }
.detay-meta{ display:flex; flex-wrap:wrap; gap:20px; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--cizgi); font-size:.9rem; color:var(--metin-soluk); }
.detay-meta span{ display:inline-flex; align-items:center; gap:8px; }
.detay-meta i{ color:var(--bordo); }
.geri-don{ display:inline-flex; align-items:center; gap:8px; color:var(--lacivert); font-weight:600; margin-top:30px; }
.geri-don:hover{ color:var(--bordo); gap:12px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1080px){
    .hero-ic{ grid-template-columns:1fr; text-align:center; gap:40px; }
    .hero-metin{ margin-left:auto; margin-right:auto; }
    .hero-slogan{ margin-left:auto; margin-right:auto; }
    .hero-dugmeler,.hero-istatistik{ justify-content:center; }
    .hero-gorsel-alan{ order:-1; }
    .hero-logo-cember{ width:240px; height:240px; }
    .hero-logo-cember img{ width:190px; height:190px; }
    .hero-cember-halka{ width:290px; height:290px; }
    .footer-izgara{ grid-template-columns:1fr 1fr; gap:36px; }
    .icerik-duzen{ grid-template-columns:1fr; }
    .yan-panel{ position:static; }
    .iletisim-izgara{ grid-template-columns:1fr; }
}

@media (max-width:900px){
    /* Mobil menu */
    .hamburger-dugme{ display:flex; }
    .ana-menu{
        position:fixed; top:0; right:-100%; width:min(360px,86%); height:100vh; background:#fff;
        flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; padding:24px;
        box-shadow:-20px 0 60px rgba(0,0,0,.2); transition:right .35s cubic-bezier(.4,0,.2,1);
        z-index:1050; overflow-y:auto;
    }
    .ana-menu.acik{ right:0; }
    .mobil-menu-kapat{
        display:flex; align-self:flex-end; width:44px; height:44px; border-radius:10px; background:var(--lacivert-soluk);
        color:var(--lacivert); align-items:center; justify-content:center; font-size:1.2rem; margin-bottom:14px;
    }
    .menu-liste{ flex-direction:column; align-items:stretch; gap:2px; width:100%; }
    .menu-oge{ width:100%; border-bottom:1px solid var(--cizgi); }
    .menu-baglanti{ padding:15px 12px; justify-content:flex-start; font-size:1rem; }
    .menu-anasayfa-yazi{ display:inline; }
    .menu-baglanti .ok{ display:none; }
    .menu-acilir{ position:relative; }
    .alt-menu-tetik{
        display:flex; position:absolute; top:9px; right:0; width:44px; height:44px; border-radius:10px;
        align-items:center; justify-content:center; color:var(--lacivert); transition:var(--gecis); z-index:2;
    }
    .alt-menu-tetik.acik{ transform:rotate(180deg); background:var(--lacivert-soluk); }
    .alt-menu{
        position:static; opacity:1; visibility:visible; transform:none; box-shadow:none; border-top:none;
        max-height:0; overflow:hidden; padding:0 0 0 14px; transition:max-height .3s ease; min-width:0;
        border-left:2px solid var(--lacivert-soluk);
    }
    .alt-menu.acik{ max-height:500px; padding-bottom:10px; }
    .menu-cta{ margin-top:20px; justify-content:center; }
    .alt-menu li a:hover{ padding-left:14px; }
}

@media (max-width:768px){
    .ust-serit-sol a:last-child,.ust-serit-adres{ display:none; }
    .bolum{ padding:60px 0; }
    .footer-ust{ padding:48px 0 30px; }
    .footer-izgara{ grid-template-columns:1fr; gap:32px; }
    .hero-ic{ padding:56px 0 80px; }
    .hero-istatistik{ flex-wrap:wrap; gap:24px; }
    .form-ikili{ grid-template-columns:1fr; }
    .metin-icerik{ padding:28px 22px; }
    .banka-izgara{ grid-template-columns:1fr; }
    .footer-alt-ic{ justify-content:center; text-align:center; }
    .logo-yazi small{ display:block; font-size:.5rem; line-height:1.25; max-width:185px; font-weight:600; }
    .logo-yazi strong{ font-size:1.25rem; }
    .logo-gorsel{ width:46px; height:46px; }
    .site-header-ic{ gap:12px; min-height:72px; }
    .hamburger-dugme{ flex-shrink:0; }
}

@media (max-width:480px){
    .kapsayici{ padding:0 16px; }
    .hero h1{ font-size:1.9rem; }
    .hero-dugmeler{ flex-direction:column; }
    .hero-dugmeler .dugme{ width:100%; justify-content:center; }
    .bolum-baslik{ font-size:1.5rem; }
    .kart-izgara,.uye-izgara,.ozellik-izgara{ grid-template-columns:1fr; }
    .hero-istatistik .sayi{ font-size:1.7rem; }
    .whatsapp-buton{ right:16px; bottom:16px; width:52px; height:52px; font-size:1.7rem; }
    .yukari-cik{ right:18px; bottom:80px; width:44px; height:44px; }
}

/* Erisilebilirlik: hareketi azalt */
@media (prefers-reduced-motion:reduce){
    *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
}

/* Kaydirma animasyonu */
.canlan{ opacity:0; transform:translateY(28px); transition:opacity .6s ease, transform .6s ease; }
.canlan.gorundu{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce){ .canlan{ opacity:1; transform:none; } }