/* Genel Ayarlar */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: #333;
}

/* Renk Değişkenleri */
:root {
    --taxi-yellow: #f1c40f; /* Taksi Sarısı */
    --dark-bg: #2c3e50;
    --text-light: #fff;
}

.container {
    max-width: 1100px;
    margin: auto;
    padding: 0 20px;
}

/* Header (Üst Menü)
header {
    background: var(--taxi-yellow);
    color: var(--dark-bg);
    padding: 1rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
} */

/* header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
} */

/* header .logo h1 {
    font-size: 1.5rem;
    font-weight: bold;
}

header nav ul {
    display: flex;
    list-style: none;
}

header nav ul li {
    margin-left: 20px;
}

header nav ul li a {
    text-decoration: none;
    color: var(--dark-bg);
    font-weight: 600;
    transition: color 0.3s;
}

header nav ul li a:hover {
    color: #fff;
} */

/* Buton Stilleri */
/* .btn-nav {
    background: var(--dark-bg);
    color: var(--taxi-yellow) !important;
    padding: 8px 15px;
    border-radius: 5px;
} */

.btn-cta {
    display: inline-block;
    background: var(--taxi-yellow);
    color: var(--dark-bg);
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    margin-top: 20px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.btn-cta:hover {
    transform: scale(1.05);
    background: #d4ac0d;
}

/* --- WhatsApp Butonu Tasarımı --- */

.btn-whatsapp {
    display: inline-block;
    background: #25d366; /* WhatsApp Yeşili */
    color: #fff;
    padding: 15px 40px; /* Boyut ayarı */
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: none;
    margin-top: 20px; /* Üstteki butonla arası */
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    
    /* Animasyon Tanımlama */
    animation: pulse-green 2s infinite;
}

.btn-whatsapp i {
    margin-right: 8px;
    font-size: 1.4rem;
}




/* --- DİKKAT ÇEKİCİ KAMPANYA KUTUSU (RESPONSIVE V3) --- */

.campaign-box {
    /* Konumlandırma */
    margin: 35px auto 0; /* Üstten boşluk, yanlardan ortala */
    display: block; /* Mobilde düzgün hizalama için block veya inline-block ayarı */
    width: fit-content; /* İçerik kadar genişle */
    max-width: 90%; /* ASLA ekranın %90'ından geniş olma (Telefonda taşmayı engeller) */
    
    /* Görünüm */
    background: rgba(0, 0, 0, 0.85);
    border: 3px solid #ffd700;
    padding: 15px 20px;
    border-radius: 15px;
    position: relative;
    
    /* Animasyon */
    animation: intensive-alarm 0.8s infinite alternate;
}

/* Başlık Yazısı */
.camp-title {
    color: #ffd700;
    font-size: 1.5rem; /* Masaüstü boyutu */
    font-weight: 900;
    line-height: 1.2; /* Satır aralığını sıkılaştır */
    text-transform: uppercase;
    margin-bottom: 5px;
    animation: text-flash 0.8s infinite alternate;
}

/* Alt Başlık */
.camp-subtitle {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 1px;
    word-wrap: break-word; /* Uzun kelimeler taşarsa alt satıra al */
}


@keyframes intensive-alarm {
    0% {
        box-shadow: 0 0 5px #ffd700, inset 0 0 5px #ffd700;
        border-color: #ffd700;
        transform: scale(1);
    }
    100% {
        box-shadow: 0 0 25px #ff4500, inset 0 0 10px #ff4500;
        border-color: #ff4500;
        background: rgba(50, 0, 0, 0.9);
       
        transform: scale(1.03); 
    }
}

@keyframes text-flash {
    0% { color: #ffd700; text-shadow: 0 0 5px rgba(255, 215, 0, 0.5); }
    100% { color: #fff; text-shadow: 0 0 15px #fff, 0 0 10px #ff4500; }
}


@media (max-width: 768px) {
    .campaign-box {
        width: 90%; 
        padding: 15px 10px; 
        margin-top: 25px;
    }

    .camp-title  {
       font-size: 0.7rem !important;
        margin-bottom: 5px;
    }

    .camp-subtitle {
        font-size: 0.85rem; 
        letter-spacing: 0.5px;
    }
    
 
    @keyframes intensive-alarm {
        0% {
            box-shadow: 0 0 5px #ffd700;
            border-color: #ffd700;
            transform: scale(1);
        }
        100% {
            box-shadow: 0 0 15px #ff4500;
            border-color: #ff4500;
            transform: scale(1.02); 
        }
    }
}





.map-section {
    padding: 50px 0;
    background-color: #fff; 
}

.map-container {
    position: relative;
    overflow: hidden;
    border-radius: 20px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); 
    border: 5px solid var(--taxi-yellow); 
}

.map-container iframe {
    display: block; 
    width: 100%;    
    height: 400px; 
}


@media (max-width: 768px) {
    .map-container iframe {
        height: 300px; 
    }
    .map-section {
        padding: 30px 0;
    }
}




















.btn-whatsapp:hover {
    background: #128c7e;
    transform: scale(1.05); 
    transition: 0.3s;
}

/* Animasyon (Nabız Efekti) */
@keyframes pulse-green {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}






/* Hero (Karşılama) Bölümü */
/* Hero (Karşılama) Bölümü */
.hero {
    min-height: 100vh;
   
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
                url('taksi.jpg');
    
    background-size: cover;       
    background-position: center;  
    background-attachment: fixed; 
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.hero h2 {
    font-size: 3rem;
    margin-bottom: 10px;
}

.hero p {
    font-size: 1.2rem;
    margin-bottom: 20px;
}


/* .services {
    padding: 60px 0;
    background: #f9f9f9;
    text-align: center;
} */

/* .section-title {
    font-size: 2rem;
    margin-bottom: 40px;
    color: var(--dark-bg);
} */

/* .service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
} */

/* .service-card {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: transform 0.3s;
} */

/* .service-card:hover {
    transform: translateY(-10px);
} */

/* .service-card i {
    font-size: 3rem;
    color: var(--taxi-yellow);
    margin-bottom: 15px;
} */

/* Footer */
/* --- PREMIUM FOOTER TASARIMI --- */

.site-footer {
    background-color: #080808; /* Siteden bir tık daha koyu (Simsiyah) */
    border-top: 1px solid rgba(255, 215, 0, 0.15); /* Üstte ince sarı çizgi */
    padding-top: 70px;
    color: #bbb;
    font-size: 0.95rem;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
}

/* Kolon Yapısı */
.footer-col {
    flex: 1;
    min-width: 250px; /* Mobilde sıkışmasın */
}

/* Footer Logo */
.footer-logo {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 800;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-logo i {
    color: #FFD700;
}

.gold {
    color: #FFD700;
}

.footer-desc {
    line-height: 1.6;
    color: #888;
}

/* Başlıklar */
.footer-col h3 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 10px;
}

/* Başlık Altı Sarı Çizgi */
.footer-col h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #FFD700;
}

/* Link Listeleri */
.footer-links, .contact-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li, .contact-info li {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

/* Link Animasyonları */
.footer-links a {
    color: #bbb;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: #FFD700;
    padding-left: 5px; /* Hover olunca sağa kayar */
}

.footer-links i {
    font-size: 12px;
    color: #FFD700;
}

/* İletişim İkonları */
.contact-info i {
    color: #FFD700;
    font-size: 18px;
    margin-top: 3px;
}

.contact-info a {
    color: #bbb;
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-info a:hover {
    color: #fff;
}

/* En Alt Telif Çubuğu */
.footer-bottom {
    background-color: #000; /* Tam siyah */
    text-align: center;
    padding: 20px;
    margin-top: 60px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-bottom p {
    margin: 0;
    font-size: 0.85rem;
    color: #666;
}

/* MOBİL UYUM */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* Alt alta diz */
        gap: 50px;
    }
    
    .site-footer {
        padding-top: 50px;
        /* Mobilde footer'ın en altına boşluk bırakalım (Belki WhatsApp butonu vardır) */
        padding-bottom: 20px;
    }
}







/* --- YENİLENMİŞ CSS (Belirgin Izgara ve Derinlik Efekti) --- */

/* 1. Garanti Kodu */
.seo-location-cards-container * {
  box-sizing: border-box;
}

/* 2. Ana Konteyner - GÜÇLENDİRİLMİŞ ARKA PLAN */
.seo-location-cards-container {
  padding: 80px 20px 100px;
  position: relative;
  overflow: hidden;
  
  /* Ana Zemin Rengi (Koyu Antrasit) */
  background-color: #121212;
  
  /* KATMANLI ARKA PLAN DESENİ */
  background-image: 
      /* 1. Katman: Merkeze vuran hafif sarı spot ışığı (Derinlik için) */
      radial-gradient(circle at center, rgba(255, 215, 0, 0.08) 0%, transparent 70%),
      
      /* 2. Katman: Yatay Çizgiler (Görünürlük %8 yapıldı) */
      linear-gradient(rgba(255, 215, 0, 0.08) 1px, transparent 1px),
      
      /* 3. Katman: Dikey Çizgiler (Görünürlük %8 yapıldı) */
      linear-gradient(90deg, rgba(255, 215, 0, 0.08) 1px, transparent 1px);

  /* Izgara Boyutu (Biraz daha genişletildi) */
  background-size: 100% 100%, 40px 40px, 40px 40px;
  
  /* Kenarları hafif karartan gölge (Vignette) */
  box-shadow: inset 0 0 100px rgba(0,0,0,1);
}

/* (Eski kodlardan kalanları temizleme) */
.seo-location-cards-container::before,
.seo-location-cards-container::after {
  display: none;
}


/* --- Başlık Alanı --- */
.seo-section-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 60px;
  position: relative;
  z-index: 2;
}
.seo-section-header h2 {
  color: #FFD700;
  font-size: 2.4rem;
  margin-bottom: 15px;
  text-shadow: 0px 2px 10px rgba(0,0,0,0.8);
}
.seo-section-header p {
  color: #e0e0e0;
  font-size: 1.2rem;
  text-shadow: 0px 2px 5px rgba(0,0,0,0.8);
}

.seo-cards-wrapper {
  display: flex;
  justify-content: center;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

/* --- KART TASARIMI --- */
.seo-card {
  /* Kart rengi: Zemindeki çizgiler karışmasın diye biraz daha mat */
  background: #1e1e1e;
  
  border: 1px solid rgba(255, 215, 0, 0.15); 
  border-radius: 16px;
  padding: 45px 30px;
  text-align: center;
  flex: 1 1 300px;
  
  /* Kartı öne çıkaran güçlü gölge */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
  
  border-bottom: 3px solid transparent;
  position: relative;
  transition: all 0.4s ease-out;
}

/* Hover (Üzerine gelince) Efekti */
.seo-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 30px 60px rgba(255, 215, 0, 0.1); /* Sarımsı hafif gölge */
  border-bottom-color: #FFD700;
  background: #252525;
}

/* İkon Kutusu */
.card-icon-box {
  font-size: 42px;
  color: #FFD700;
  margin-bottom: 25px;
  display: inline-block;
  padding: 22px;
  border-radius: 50%;
  background: rgba(255, 215, 0, 0.08);
  transition: all 0.4s ease-out;
}

.seo-card:hover .card-icon-box {
  transform: scale(1.1);
  background: #FFD700;
  color: #1a1a1a;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.5); /* Parlama efekti güçlendirildi */
}

/* Yazı Stilleri */
.card-title {
  font-size: 1.4rem;
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: 700;
}

.card-text {
  font-size: 1.05rem;
  color: #cccccc;
  line-height: 1.7;
}

.card-text strong {
  color: #FFD700;
  font-weight: 600;
}

@media (max-width: 768px) {
  .seo-cards-wrapper {
    flex-direction: column;
    align-items: center;
  }
  .seo-card {
    width: 100%;
    max-width: 450px;
    margin-bottom: 25px;
  }
  .seo-location-cards-container {
      padding: 60px 15px 80px;
  }
}



















/* --- PREMIUM GLOW FAQ TASARIMI (HAREKETSİZ VERSİYON) --- */

/* --- GÜNCELLENMİŞ FAQ BÖLÜMÜ (Izgaralı Arka Plan Dahil) --- */
.faq-section {
  padding: 100px 20px; /* Mobilde ve masaüstünde ferah boşluk */
  position: relative;
  overflow: hidden; /* Taşmaları engeller */
  
  /* --- KOPYALANAN ARKA PLAN KODLARI BAŞLANGICI --- */
  
  /* Ana Zemin Rengi */
  background-color: #121212;
  
  /* KATMANLI ARKA PLAN DESENİ (Aynı teknolojik görünüm) */
  background-image: 
      /* 1. Katman: Merkeze vuran hafif sarı spot ışığı */
      radial-gradient(circle at center, rgba(255, 215, 0, 0.08) 0%, transparent 70%),
      
      /* 2. Katman: Yatay Çizgiler */
      linear-gradient(rgba(255, 215, 0, 0.08) 1px, transparent 1px),
      
      /* 3. Katman: Dikey Çizgiler */
      linear-gradient(90deg, rgba(255, 215, 0, 0.08) 1px, transparent 1px);

  /* Izgara Boyutu (40px kareler - Yukarıdakiyle eşitlendi) */
  background-size: 100% 100%, 40px 40px, 40px 40px;
  
  /* Kenarları karartan gölge (Vignette) */
  box-shadow: inset 0 0 100px rgba(0,0,0,1);
  
  /* --- KOPYALANAN ARKA PLAN KODLARI BİTİŞİ --- */
}

.faq-container {
  max-width: 800px;
  margin: 0 auto;
}

/* Başlık Alanı */
.faq-header {
  text-align: center;
  margin-bottom: 60px;
}

.faq-header h2 {
  color: #FFD700;
  font-size: 2.5rem;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}

.faq-header p {
  color: #888;
  font-size: 1.1rem;
}

/* --- Soru Kutusu --- */
.faq-item {
  background: #1a1a1a;
  margin-bottom: 20px;
  border-radius: 12px;
  border: 1px solid #333;
  overflow: hidden;
  transition: all 0.4s ease;
  position: relative;
}

/* Hover Efekti (SADECE RENK DEĞİŞİR, HAREKET ETMEZ) */
.faq-item:hover {
  border-color: #555; /* Çerçeve hafif belirginleşir */
  /* transform: translateY(-2px);  <-- BU SATIRI SİLDİM, ARTIK ZIPLAMAZ */
}

/* --- AKTİF (AÇIK) DURUM --- */
.faq-item[open] {
  background: #181818;
  border-color: #FFD700;
  box-shadow: 0 0 25px rgba(255, 215, 0, 0.15);
}

.faq-item[open] summary {
  background: linear-gradient(90deg, rgba(255, 215, 0, 0.1) 0%, transparent 100%);
  border-left: 4px solid #FFD700;
}

/* --- Başlık Kısmı --- */
.faq-item summary {
  padding: 25px 30px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  outline: none;
  border-left: 4px solid transparent;
  transition: all 0.3s ease;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-question {
  color: #ffffff;
  font-weight: 600;
  font-size: 1.15rem;
  letter-spacing: 0.5px;
  transition: color 0.3s ease;
}

.faq-item[open] .faq-question {
  color: #FFD700;
}

/* --- İKON TASARIMI --- */
.faq-icon-wrapper {
  width: 36px;
  height: 36px;
  background: rgba(255, 215, 0, 0.1);
  border: 2px solid #FFD700;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFD700;
  font-size: 14px;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
}

/* Açılınca İkon Değişimi */
.faq-item[open] .faq-icon-wrapper {
  transform: rotate(135deg); 
  background: #FFD700; 
  color: #000; 
  border-color: #FFD700;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.6); 
}

/* --- Cevap Kısmı --- */
.faq-answer {
  padding: 0 30px 30px 30px;
  color: #ccc;
  line-height: 1.7;
  font-size: 1.05rem;
  animation: fadeIn 0.5s ease;
}

.faq-answer p {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin: 0;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .faq-header h2 { font-size: 1.8rem; }
  .faq-item summary { padding: 20px; }
  .faq-question { font-size: 1rem; }
}















/* --- ADIM 1: YAZI TİPİ GÜNCELLEMESİ --- */

/* Sitedeki tüm elemanları yakalar ve fontu değiştirir */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, button, input, textarea, div {
    font-family: 'Poppins', sans-serif !important;
}





























/* --- MODERN HEADER TASARIMI --- */


/* --- HEADER ALT ÇİZGİLERİ TEMİZLEME --- */

/* 1. Tüm linklerin ve butonun altındaki standart çizgiyi kaldır */
.site-header a, 
.nav-link, 
.header-cta-btn {
    text-decoration: none !important; /* Yazı altı çizgisini sil */
    border-bottom: none !important;   /* Varsa kenarlık çizgisini sil */
}

/* --- MOBİL WHATSAPP BUTONU AYARLARI --- */

/* 1. Varsayılan olarak (Bilgisayarda) gizle */
.mobile-only-wa {
    display: none;
}

/* 2. MOBİL GÖRÜNÜM AYARLARI */
@media (max-width: 768px) {
    
    /* Mobilde görünür yap */
    .mobile-only-wa {
        display: block;
    }

    /* Butonun Tasarımı (Yuvarlak ve Yeşil) */
    .header-wa-btn {
        background-color: #25D366; /* WhatsApp Yeşili */
        color: #fff !important;
        width: 45px;  /* Genişlik */
        height: 45px; /* Yükseklik */
        border-radius: 50%; /* Tam yuvarlak */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px; /* İkon boyutu */
        box-shadow: 0 0 10px rgba(37, 211, 102, 0.4); /* Hafif yeşil parlama */
        transition: transform 0.2s ease;
        text-decoration: none;
        border: none;
    }

    /* Tıklayınca ufak hareket */
    .header-wa-btn:active {
        transform: scale(0.95);
    }

    /* --- DÜZEN AYARI (İki butonu yan yana sığdırmak için) --- */
    
    /* Menü listesini yan yana ve sıkışık düzenle */
    .main-nav ul {
        gap: 10px !important; /* Butonlar arası boşluk */
    }

    /* Mevcut Sarı Arama Butonunu da WhatsApp ile aynı boya getir */
    .header-cta-btn {
        width: 45px;
        height: 45px;
        padding: 0 !important; /* İç boşluğu sıfırla */
        justify-content: center; /* İkonu ortala */
        font-size: 20px;
    }
    
    /* Sarı butonun içindeki ikonu ortala */
    .header-cta-btn i {
        margin: 0 !important;
    }
}






/* Header Konumu ve Zemin Ayarı */
.site-header {
    position: fixed; /* Sayfa kaydırılsa da üstte sabit kalır */
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Her şeyin üstünde dursun */
    background: rgba(18, 18, 18, 0.85); /* Yarı şeffaf koyu zemin */
    backdrop-filter: blur(10px); /* Arkası buzlu cam gibi görünsün */
    border-bottom: 1px solid rgba(255, 215, 0, 0.1); /* İnce sarı çizgi */
    padding: 15px 0;
    transition: all 0.3s ease;
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}

/* --- LOGO TASARIMI --- */
.logo-wrapper {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 15px;
}

.logo-icon {
    font-size: 32px;
    color: #FFD700; /* Altın Sarısı */
    background: rgba(255, 215, 0, 0.1);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #FFD700;
    transition: transform 0.3s ease;
}

/* Logo üzerine gelince ikon oynasın */
.logo-wrapper:hover .logo-icon {
    transform: rotate(-15deg) scale(1.1);
    background: #FFD700;
    color: #000;
}

.logo-text {
    display: flex;
    flex-direction: column;
}

.brand-name {
    font-size: 1.4rem;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    letter-spacing: 1px;
}

.brand-sub {
    font-size: 0.85rem;
    color: #bbb;
    font-weight: 400;
    margin-top: 3px;
}

/* --- MENÜ TASARIMI --- */
.main-nav ul {
    display: flex;
    align-items: center;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-link {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
    position: relative;
    padding: 5px 0;
    transition: color 0.3s ease;
}

/* Linklerin altına sarı çizgi efekti */
.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #FFD700;
    transition: width 0.3s ease;
}

.nav-link:hover {
    color: #FFD700;
}

.nav-link:hover::after {
    width: 100%;
}

/* --- Header İçi Özel Buton (Call to Action) --- */
.header-cta-btn {
    background-color: #FFD700;
    color: #000 !important;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
    font-size: 0.95rem;
}

.header-cta-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.6);
    background-color: #ffcc00;
}

/* Mobil İkon (Masaüstünde gizli) */
.mobile-menu-toggle {
    display: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

/* --- MOBİL UYUMLULUK (Responsive) --- */
@media (max-width: 768px) {
    .brand-sub { display: none; } /* Mobilde uzun yazıyı gizle, sade olsun */
    .brand-name { font-size: 1.2rem; }
    
    /* Mobilde Menüyü Şimdilik Gizleyelim veya Basitleştirelim */
    /* Basit çözüm: Sadece logoyu ve butonu gösterelim */
    .main-nav ul {
        gap: 15px;
    }
    .nav-link { display: none; } /* Linkleri gizle */
    .header-cta-btn span { display: none; } /* Buton yazısını gizle */
    .header-cta-btn { padding: 10px; border-radius: 50%; } /* Sadece telefon ikonu kalsın */
    .header-cta-btn i { font-size: 1.2rem; margin: 0; }
}



























/* --- %100 MOBİL UYUMLULUK GARANTİ YAMASI --- */

@media (max-width: 768px) {
    
    /* 1. Genel Ayar: Sayfa sağa sola oynamasın */
    body, html {
        overflow-x: hidden;
    }

    /* 2. Başlık Boyutlarını Mobilde Küçült */
    /* Bilgisayarda 3.5rem olan başlık, telefonda 2.2rem olur */
    .hero-icerik h1 {
        font-size: 2.2rem !important; 
    }
    
    .section-title, .faq-header h2, .seo-section-header h2 {
        font-size: 1.8rem !important; /* Diğer başlıklar da taşmasın */
    }

    /* 3. Kenar Boşluklarını Rahatlat */
    /* Bilgisayarda 100px olan boşluk telefonda 50px'e düşer (Yer kaplamasın) */
    .hero-tam-ekran, .faq-section, .teknolojik-arkaplan, .services {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    /* 4. İçerikler Kenara Yapışmasın */
    .container, .header-container, .faq-container, .hero-icerik {
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 100% !important;
    }

    /* 5. Header'daki Butonların Hizası */
    /* WhatsApp ve Telefon butonunu tam ortalar */
    .header-container {
        justify-content: space-between !important;
    }
    
    .main-nav ul {
        padding-right: 0 !important; /* Sağa boşluk kalmasın */
    }
}












/* --- YENİ NESİL "NEDEN BİZ" TASARIMI (Dark Mode Uyumlu) --- */

/* --- YENİ NESİL "NEDEN BİZ" TASARIMI (Arka Plan Fix) --- */

.neden-biz-modern {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0; /* Üstten alttan boşluk */
    position: relative;
    overflow: hidden;

    /* --- İŞTE EKSİK OLAN ARKA PLAN KODLARI --- */
    
    /* 1. Ana Zemin Rengi */
    background-color: #121212;

    /* 2. Katmanlı Desen (Spot Işığı + Izgaralar) */
    background-image: 
        radial-gradient(circle at center, rgba(255, 215, 0, 0.08) 0%, transparent 70%), /* Ortada ışık */
        linear-gradient(rgba(255, 215, 0, 0.08) 1px, transparent 1px), /* Yatay Çizgiler */
        linear-gradient(90deg, rgba(255, 215, 0, 0.08) 1px, transparent 1px); /* Dikey Çizgiler */

    /* 3. Boyutlandırma */
    background-size: 100% 100%, 40px 40px, 40px 40px;

    /* 4. Kenar Karartma (Vignette) */
    box-shadow: inset 0 0 100px rgba(0,0,0,1);
}

/* (Geri kalan kodlar aynı, ama kapsayıcı için bunu ekle) */
.modern-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex; 
    gap: 80px; 
    align-items: center; 
    padding: 0 20px;
    position: relative;
    z-index: 2; /* İçerik arka planın üstünde kalsın */
}

/* --- SOL TARAF (BAŞLIK VE HİKAYE) --- */
.left-content {
    flex: 1; /* Genişliğin %50'si */
    text-align: left;
}

.subtitle {
    color: #FFD700; /* Altın Sarısı */
    font-size: 0.9rem;
    letter-spacing: 4px; /* Harf aralığını aç */
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    opacity: 0.9;
}

.left-content h2 {
    font-size: 3.2rem;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #fff !important;
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
}

.highlight {
    color: #FFD700;
    font-style: italic;
    /* Yazının arkasına hafif bir parlama ekle */
    text-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
}

.left-content p {
    color: #bbb !important; /* Yumuşak gri */
    font-size: 1.15rem;
    margin-bottom: 35px;
    line-height: 1.8;
    max-width: 90%; /* Çok yayılmasın */
}

.gold-divider {
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, #FFD700, transparent); /* Sola doğru sönen çizgi */
    border-radius: 2px;
}

/* --- SAĞ TARAF (YATAY ÖZELLİK BARLARI) --- */
.right-features {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 25px; /* Barların arası */
}

/* --- KARTLARIN OPAKLIĞINI VE GÖRÜNÜRLÜĞÜNÜ ARTIRMA --- */

.feature-bar {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    
    /* ESKİSİ: background: rgba(255, 255, 255, 0.03); (Çok şeffaftı) */
    
    /* YENİSİ: Koyu Gri ve %90 Doluluk Oranı (Neredeyse katı) */
    background: rgba(30, 30, 30, 0.9); 
    
    /* Arkadaki çizgileri bulanıklaştır (Buzlu cam etkisi artırıldı) */
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);

    /* Çerçeveyi biraz daha belirgin yapalım */
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    padding: 30px;
    border-radius: 16px;
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    
    /* Kartın kendisine gölge ekleyip zeminden ayıralım */
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* Barın Üzerine Gelince (HOVER) */
.feature-bar:hover {
    /* Hover olunca tamamen SİYAH ve NET olsun */
    background: #000000;
    
    transform: translateX(10px);
    border-color: #FFD700; /* Çerçeve tam sarı */
    
    /* Gölgeyi artır */
    box-shadow: 0 15px 40px rgba(0,0,0,0.8);
}

/* Sol tarafta ince sarı çizgi (Hover olunca çıkar) */
.feature-bar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: #FFD700;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.feature-bar:hover::before {
    opacity: 1;
}

/* İkon Kutusu */
.f-icon {
    min-width: 65px;
    height: 65px;
    background: rgba(255, 215, 0, 0.1);
    border-radius: 12px; /* Karemsi yuvarlak */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #FFD700;
    border: 1px solid rgba(255, 215, 0, 0.2);
    transition: all 0.4s ease;
}

.feature-bar:hover .f-icon {
    background: #FFD700;
    color: #000;
    transform: rotateY(180deg); /* İkon döner */
    box-shadow: 0 0 25px rgba(255, 215, 0, 0.5);
}

/* Metinler */
.f-text h3 {
    font-size: 1.3rem !important;
    margin-bottom: 8px;
    color: #fff !important;
    font-weight: 600;
}

.f-text p {
    font-size: 0.95rem !important;
    margin: 0;
    color: #aaa !important;
    line-height: 1.6;
}

/* --- MOBİL UYUMLULUK AYARLARI --- */
@media (max-width: 900px) {
    .modern-container {
        flex-direction: column; /* Alt alta diz */
        gap: 40px;
    }
    
    .left-content {
        text-align: center; /* Yazıları ortala */
        padding: 0 10px;
    }
    
    .left-content p {
        max-width: 100%;
    }

    .gold-divider {
        margin: 0 auto; /* Çizgiyi ortala */
        background: linear-gradient(90deg, transparent, #FFD700, transparent); /* İki ucu sönen çizgi */
    }
    
    .left-content h2 {
        font-size: 2.4rem;
    }

    .feature-bar {
        padding: 20px;
        align-items: center; /* Mobilde ikonu ortala */
        text-align: left;
    }
    
    .f-icon {
        min-width: 50px;
        height: 50px;
        font-size: 22px;
    }
}


























/* --- TEKİL BÖLÜMÜ TAM EKRAN YAPMA KODU (Scroll Snap Yok) --- */

.tam-ekran-icerik {
    /* 1. Yükseklik: İçerik az olsa bile en az ekran boyu kadar (100vh) ol */
    min-height: 100vh; 
    
    /* 2. Hizalama: İçindekileri tam göbeğe al */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Dikey ortalama */
    align-items: center;     /* Yatay ortalama */
    
    /* 3. Header Payı: Üstteki sabit menünün altında kalmasın diye boşluk */
    padding-top: 100px; 
    padding-bottom: 50px;
    
    box-sizing: border-box;
}














/* --- TAM EKRAN İÇİN MOBİL GÜVENLİK YAMASI --- */
@media (max-width: 768px) {
    .tam-ekran-icerik {
        /* 1. Zorla tam ekran yapmayı iptal et, içerik kadar uzasın */
        min-height: auto !important; 
        height: auto !important;
        
        /* 2. İçeriği ortalamayı bırak, üstten başlasın (Kesilmeyi önler) */
        justify-content: flex-start !important;
        
        /* 3. Header'ın altında kalmaması için üst boşluğu artır */
        padding-top: 120px !important; 
        
        /* 4. Alt tarafa da rahat bir boşluk bırak */
        padding-bottom: 80px !important;
    }
}