/* ═══════════════════════════════════════════
   TRUST CONSULTING — V3 TASARIM
   Açık mavi gradient, nav bar yok, büyük kartlar
   ═══════════════════════════════════════════ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background: #2a5078;
    background-image:
        radial-gradient(ellipse at 15% 25%, rgba(80,175,255,0.35) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 70%, rgba(100,160,255,0.28) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 5%,  rgba(130,195,255,0.2) 0%, transparent 40%);
    color: #e2eaf8;
    line-height: 1.6;
    min-height: 100vh;
}

/* ── ANA LAYOUT ── */
.ana-layout { min-height: 100vh; display: flex; flex-direction: column; }

/* ── BAŞLIK KARTI (index) ── */
.baslik-karti {
    position: relative;
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem 2.5rem;
    background: rgba(255,255,255,0.025);
    
    overflow: hidden;
}
.baslik-karti::before {
    content: '';position: absolute;top: -20%;left: -10%;
    width: 600px;height: 600px;
    background: radial-gradient(circle, rgba(40,120,220,0.14) 0%, transparent 65%);
    border-radius: 50%;pointer-events: none;
}
.baslik-karti::after {
    content: '';position: absolute;bottom: -10%;right: -5%;
    width: 400px;height: 400px;
    background: radial-gradient(circle, rgba(90,60,200,0.1) 0%, transparent 65%);
    border-radius: 50%;pointer-events: none;
}
.baslik-merkez {
    flex: 1;display: flex;flex-direction: column;align-items: center;
    justify-content: center;text-align: center;gap: 1.8rem;
    padding: 3rem 1rem;position: relative;z-index: 1;
}
.baslik-merkez img {
    width: 130px;height: 130px;border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.08);
    padding: 5px;object-fit: contain;
    box-shadow: 0 0 0 8px rgba(40,120,220,0.08),0 0 0 16px rgba(40,120,220,0.04),0 12px 40px rgba(0,0,0,0.4);
}
.baslik-merkez h1 {
    color: white;font-size: 3.5rem;font-weight: 800;letter-spacing: 1px;
    line-height: 1.1;text-shadow: 0 4px 20px rgba(0,0,0,0.3);
}
.baslik-merkez > div > p {
    color: rgba(255,255,255,0.5);font-size: 0.85rem;letter-spacing: 3.5px;text-transform: uppercase;
}
.baslik-aciklama {
    color: rgba(255,255,255,0.6);font-size: 1rem;max-width: 480px;margin: 0 auto;line-height: 1.6;
}

/* İstatistikler */
.baslik-stats {
    display: flex;gap: 2.5rem;justify-content: center;flex-wrap: wrap;margin-top: 0.5rem;
}
.bs-item { text-align: center; }
.bs-sayi { font-size: 1.8rem;font-weight: 800;color: white;line-height: 1; }
.bs-etiket { font-size: 0.72rem;color: rgba(255,255,255,0.4);letter-spacing: 1px;text-transform: uppercase;margin-top: 0.2rem; }
.bs-ayirici { width: 1px;background: rgba(255,255,255,0.1);align-self: stretch; }

/* Alt butonlar */
.baslik-alt-butonlar {
    display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 1;
}
.anasayfa-btn {
    display: inline-flex;align-items: center;gap: 0.5rem;
    background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.18);
    color: rgba(255,255,255,0.75);padding: 0.6rem 1.4rem;border-radius: 25px;
    font-size: 0.86rem;font-weight: 600;cursor: default;transition: all 0.2s;text-decoration: none;
}

/* Kayıt Ol butonu */
.kayit-ol-btn {
    background: linear-gradient(135deg, #0f0c29, #302b63, #1a1a2e);
    background-size: 200% 200%;
    animation: kg 4s ease infinite, glow 2.5s ease-in-out infinite;
    color: white;border: 1px solid rgba(255,255,255,0.2);border-radius: 25px;
    padding: 0.65rem 1.8rem;font-size: 0.9rem;font-weight: 700;cursor: pointer;
    letter-spacing: 0.3px;position: relative;overflow: hidden;font-family: inherit;
}
.kayit-ol-btn::before {
    content: '';position: absolute;inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    animation: sweep 3s ease-in-out infinite;transform: translateX(-100%);
}
@keyframes sweep { 0%{transform:translateX(-100%)} 100%{transform:translateX(300%)} }
@keyframes kg { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes glow { 0%,100%{box-shadow:0 0 0 0 rgba(80,60,200,0.5)} 50%{box-shadow:0 0 0 10px rgba(80,60,200,0)} }

/* Dil seçici */
.baslik-dil { position: absolute;top: 1.8rem;right: 1.8rem;z-index: 10; }
.dil-widget { position: relative; }
.dil-aktif-btn {
    background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);
    color: white;padding: 0.4rem 1rem;border-radius: 25px;font-size: 0.82rem;
    font-weight: 700;cursor: pointer;display: flex;align-items: center;gap: 0.4rem;
}
.dil-aktif-btn:hover { background: rgba(255,255,255,0.18); }
.dil-ok { font-size: 0.65rem; }
.dil-dropdown {
    position: absolute;top: calc(100% + 8px);right: 0;
    background: rgba(20,40,65,0.96);border: 1px solid rgba(255,255,255,0.15);
    border-radius: 14px;overflow: hidden;max-height: 0;opacity: 0;
    transition: max-height 0.3s ease, opacity 0.25s;min-width: 155px;z-index: 200;
    box-shadow: 0 8px 30px rgba(0,0,0,0.4);
}
.dil-dropdown.acik { max-height: 200px;opacity: 1; }
.dil-secim {
    display: flex;align-items: center;gap: 0.5rem;padding: 0.7rem 1.1rem;
    text-decoration: none;color: rgba(255,255,255,0.75);font-size: 0.86rem;
    font-weight: 500;transition: background 0.15s;
}
.dil-secim:hover { background: rgba(255,255,255,0.08);color: white; }
.dil-secim.secili { color: white;font-weight: 700;background: rgba(34,113,177,0.25); }

/* ── PANEL KARTLAR ── */
.panel-kartlar { display: flex;flex-direction: column;flex: 1; }
.panel-kart {
    display: flex;align-items: center;gap: 2.2rem;padding: 3rem 2.5rem;
    text-decoration: none;color: white;background: transparent;
    transition: all 0.25s;min-height: 220px;position: relative;overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.panel-kart:last-child { border-bottom: none; }
.panel-kart::before { content: '';position: absolute;inset: 0;background: rgba(255,255,255,0.035);opacity: 0;transition: opacity 0.25s; }
.panel-kart:hover::before { opacity: 1; }
.panel-kart:hover { padding-left: 3rem; }
.panel-kart:hover .pk-ok { opacity: 1;transform: translateX(5px); }
.pk-ikon { width: 80px;height: 80px;flex-shrink: 0;display: flex;align-items: center;justify-content: center; }
.pk-ikon svg { width: 100%;height: 100%;color: rgba(255,255,255,0.7);transition: all 0.25s; }
.panel-kart:hover .pk-ikon svg { color: white;filter: drop-shadow(0 0 10px rgba(255,255,255,0.25)); }
.pk-yazi { flex: 1; }
.pk-yazi h2 { font-size: 1.6rem;font-weight: 700;color: white;margin-bottom: 0.3rem; }
.pk-yazi p { font-size: 0.92rem;color: rgba(255,255,255,0.38); }
.pk-ok { font-size: 1.6rem;color: rgba(255,255,255,0.3);opacity: 0.4;transition: all 0.25s;flex-shrink: 0; }

/* ── DİĞER SAYFALAR HEADER ── */
.diger-header {
    position: relative !important;
    background: rgba(42,80,120,0.8);
    border-bottom: 1px solid rgba(255,255,255,0.08);display: flex;
    align-items: center;justify-content: space-between;padding: 1rem 1.5rem;
    position: sticky;top: 0;z-index: 100;
}
.diger-logo { display: flex;align-items: center;gap: 0.9rem;text-decoration: none; }
.diger-logo img { width: 52px;height: 52px;border-radius: 50%;border: 2px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.08);padding: 3px;object-fit: contain; }
.diger-logo h1 { color: white;font-size: 1.35rem;font-weight: 800; }
.diger-logo p { color: rgba(255,255,255,0.5);font-size: 0.68rem;letter-spacing: 2px;text-transform: uppercase; }
.diger-sag { display: flex;align-items: center;gap: 1rem; }
.admin-link { color: rgba(255,200,80,0.8);font-size: 0.78rem;font-weight: 700;text-decoration: none; }

/* ── SECTION TITLE ── */
.section-title { font-size: 1.3rem;font-weight: 700;color: white;margin: 1.8rem 0 1.2rem;padding-bottom: 0.6rem; }

/* ── MAIN ── */
main { max-width: 1100px;margin: 0 auto;padding: 2rem 1.5rem 4rem; }

/* ── FLASH ── */
.flash-container { margin-bottom: 1.2rem; }
.flash { padding: 0.85rem 1.2rem;border-radius: 12px;font-weight: 500;text-align: center;margin-bottom: 0.5rem; }
.flash.success { background: rgba(39,174,96,0.2);color: #7dfa9e;border: 1px solid rgba(39,174,96,0.3); }
.flash.error { background: rgba(231,76,60,0.2);color: #fca5a5;border: 1px solid rgba(231,76,60,0.3); }

/* ── STATS GRID ── */
.stats-grid { display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem;margin-bottom: 2rem; }
.stat-kart {
    background: rgba(34,113,177,0.2);
    border: 1px solid rgba(34,113,177,0.3);border-radius: 16px;
    padding: 1.4rem 1rem;text-align: center;color: white;
}
.stat-sayi { font-size: 2rem;font-weight: 800;line-height: 1;margin-bottom: 0.3rem;color: #60b3f0; }
.stat-etiket { font-size: 0.76rem;color: rgba(255,255,255,0.6); }

/* ── HAKKIMIZDA KART ── */
.hakkimizda-kart {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);border-radius: 16px;
    padding: 1.5rem;margin-bottom: 1.2rem;border-left: 3px solid rgba(34,113,177,0.6);
}
.hakkimizda-kart h3 { color: white;font-size: 1rem;margin-bottom: 0.6rem; }
.hakkimizda-kart p { color: rgba(255,255,255,0.7);font-size: 0.9rem;line-height: 1.7; }

/* ── GÜVEN ── */
.guven-grid { display: grid;grid-template-columns: repeat(auto-fit, minmax(240px,1fr));gap: 1rem;margin-top: 1rem; }
.guven-item { display: flex;gap: 0.8rem;align-items: flex-start;background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 0.9rem; }
.guven-ikon { font-size: 1.5rem;min-width: 28px; }
.guven-item strong { font-size: 0.88rem;color: white;display: block;margin-bottom: 0.2rem; }
.guven-item p { font-size: 0.78rem;color: rgba(255,255,255,0.5);margin: 0; }

/* ── OFİS ── */
.ofis-grid { display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-bottom: 2rem; }
.ofis-liste { display: flex;flex-direction: column;gap: 0.7rem;margin-bottom: 1.5rem; }
.ofis-kart { background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 1rem 1.2rem;display: flex;align-items: flex-start;gap: 0.9rem;border-left: 3px solid rgba(34,113,177,0.5); }
.ofis-bayrak { font-size: 1.6rem;flex-shrink: 0;margin-top: 0.1rem; }
.ofis-kart h4 { color: #60b3f0;font-size: 0.88rem;margin-bottom: 0.2rem; }
.ofis-kart p { font-size: 0.8rem;color: rgba(255,255,255,0.6);line-height: 1.5; }
.ofis-kart a { color: #60b3f0;text-decoration: none; }

/* ── VİZE KARTLARI ── */
.vize-grid { display: grid;grid-template-columns: repeat(4,1fr);gap: 0.8rem;margin-bottom: 2rem; }
.vize-kart { background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;padding: 1.1rem 0.8rem;text-align: center;transition: all 0.2s;cursor: pointer; }
.vize-kart:hover { background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.2);transform: translateY(-2px); }
.vize-icon { font-size: 2rem;display: block;margin-bottom: 0.4rem; }
.vize-kart p { font-size: 0.78rem;font-weight: 600;color: rgba(255,255,255,0.85); }

/* ── HİZMET LİSTELERİ ── */
.hizmet-liste { list-style: none;display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 2rem; }
.hizmet-liste li { background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.08);border-radius: 12px;padding: 0.85rem 1.1rem;display: flex;align-items: center;gap: 0.8rem;font-size: 0.9rem;color: rgba(255,255,255,0.8);transition: all 0.2s; }
.hizmet-liste li:hover { background: rgba(255,255,255,0.09);transform: translateX(4px); }
.hizmet-liste .icon { font-size: 1.25rem;min-width: 28px; }
.egitim-liste { list-style: none;display: flex;flex-direction: column;gap: 0.4rem;margin-bottom: 1.5rem; }
.egitim-liste li { background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.07);border-radius: 10px;padding: 0.75rem 1rem;display: flex;align-items: center;gap: 0.7rem;font-size: 0.88rem;color: rgba(255,255,255,0.75); }

/* ── MOSAİC ── */
.mosaic-btn-wrap { display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;margin: 1.2rem 0 1.8rem; }
.mosaic-btn-dark,.mosaic-btn-light { display: flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1rem 2rem;border-radius: 14px;text-decoration: none;font-weight: 700;font-size: 1rem;color: white;min-width: 220px;transition: all 0.2s; }
.mosaic-btn-dark { background: rgba(42,80,120,0.7);border: 1px solid rgba(34,113,177,0.5); }
.mosaic-btn-light { background: rgba(34,113,177,0.4);border: 1px solid rgba(34,113,177,0.6); }
.mosaic-btn-dark:hover,.mosaic-btn-light:hover { transform: translateY(-2px);background: rgba(34,113,177,0.5); }

/* ── SSS ── */
.sss-liste { display: flex;flex-direction: column;gap: 0.5rem;margin-bottom: 2rem; }
.sss-item { background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;overflow: hidden; }
.sss-soru { width: 100%;background: none;border: none;padding: 1rem 1.2rem;text-align: left;font-size: 0.95rem;font-weight: 600;color: rgba(255,255,255,0.85);cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 0.8rem;transition: background 0.2s;font-family: inherit; }
.sss-soru:hover { background: rgba(255,255,255,0.05); }
.sss-no { display: inline-flex;align-items: center;justify-content: center;min-width: 28px;height: 28px;background: rgba(34,113,177,0.4);color: white;border-radius: 50%;font-size: 0.7rem;font-weight: 800;flex-shrink: 0; }
.sss-soru span:nth-child(2) { flex: 1;text-align: left;line-height: 1.4; }
.sss-ikon { font-size: 1.3rem;color: rgba(255,255,255,0.4);font-weight: 400;min-width: 20px;text-align: center; }
.sss-cevap { max-height: 0;overflow: hidden;transition: max-height 0.35s ease, padding 0.25s;font-size: 1rem;color: rgba(255,255,255,0.75);line-height: 1.85;padding: 0 1.2rem; }
.sss-cevap strong { color: white; }
.sss-item.acik .sss-cevap { max-height: 500px;padding: 0 1.2rem 1.2rem; }
.sss-item.acik .sss-soru { background: rgba(34,113,177,0.15);color: white; }

/* ── YORUMLAR ── */
.yorumlar-liste { display: flex;flex-direction: column;gap: 0.8rem;margin-bottom: 2rem; }
.yorum-kart { background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;padding: 1.2rem 1.4rem;border-left: 3px solid rgba(34,113,177,0.5); }
.yorum-metin { font-size: 0.98rem;font-weight: 500;color: rgba(255,255,255,0.85);line-height: 1.7;font-style: italic;margin-bottom: 0.6rem; }
.yorum-isim { font-size: 0.82rem;font-weight: 700;color: #60b3f0; }
.yorum-isim span { color: rgba(255,255,255,0.4);font-weight: 400; }
.yorum-form-kart { background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: 16px;padding: 1.5rem;margin-top: 1rem; }
.yorum-form-kart h3 { color: white;font-size: 1rem;margin-bottom: 0.8rem; }
.yorum-form-satir { display: grid;grid-template-columns: 1fr 1fr;gap: 1rem; }

/* ── İLETİŞİM ── */
.iletisim-dikey { display: flex;flex-direction: column;gap: 1.5rem; }
.iletisim-form-kart,.iletisim-bilgi-kart { background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 18px;padding: 1.6rem; }
.iletisim-form-kart h3,.iletisim-bilgi-kart h3 { color: white;font-size: 1rem;margin-bottom: 1rem; }
.iletisim-satir { display: flex;gap: 0.8rem;align-items: flex-start;margin-bottom: 0.8rem;font-size: 0.87rem; }
.iletisim-satir .ic { font-size: 1.3rem;min-width: 28px; }
.iletisim-satir a { color: #60b3f0;text-decoration: none; }
.sosyal-butonlar { display: flex;flex-direction: column;gap: 0.5rem;margin-top: 0.5rem; }
.sosyal-btn { display: block;padding: 0.55rem 0.9rem;border-radius: 10px;text-decoration: none;font-size: 0.82rem;font-weight: 600;transition: opacity 0.2s; }
.whatsapp-link { background: rgba(37,211,102,0.2);color: #7dfa9e;border: 1px solid rgba(37,211,102,0.3); }
.tiktok-link { background: rgba(255,255,255,0.08);color: rgba(255,255,255,0.8);border: 1px solid rgba(255,255,255,0.12); }
.instagram-link { background: rgba(225,48,108,0.15);color: #ff96b4;border: 1px solid rgba(225,48,108,0.3); }

/* ── ÜNİVERSİTELER ── */
.uni-ulke-grid { display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 0.7rem;margin-bottom: 1.5rem; }
.uni-ulke-kart { background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 12px;padding: 0.85rem 0.9rem;cursor: pointer;font-weight: 600;font-size: 0.84rem;color: rgba(255,255,255,0.8);transition: all 0.2s;display: flex;align-items: center;justify-content: space-between;gap: 0.4rem; }
.uni-ulke-kart:hover { background: rgba(255,255,255,0.1);border-color: rgba(255,255,255,0.2);transform: translateY(-2px);color: white; }
.uni-ulke-kart.aktif { background: rgba(34,113,177,0.25);border-color: rgba(34,113,177,0.5);color: white; }
.uni-sayi { background: rgba(34,113,177,0.5);color: white;border-radius: 20px;padding: 1px 7px;font-size: 0.7rem;font-weight: 700;white-space: nowrap; }
.uni-panel { display: none;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-top: 3px solid rgba(34,113,177,0.6);border-radius: 16px;padding: 1.5rem;margin-bottom: 2rem; }
.uni-panel-baslik { display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem; }
.uni-panel-baslik h2 { font-size: 1rem;color: white; }
.uni-kapat-btn { background: rgba(255,255,255,0.08);border: 1px solid rgba(255,255,255,0.15);border-radius: 8px;padding: 0.4rem 1rem;cursor: pointer;font-size: 0.82rem;color: rgba(255,255,255,0.7);font-weight: 600; }
.uni-arama { width: 100%;padding: 0.65rem 1rem;background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.15);border-radius: 10px;font-size: 0.9rem;margin-bottom: 1rem;color: white;font-family: inherit; }
.uni-arama::placeholder { color: rgba(255,255,255,0.35); }
.uni-arama:focus { outline: none;border-color: rgba(34,113,177,0.6); }
.uni-item { display: flex;align-items: center;gap: 0.7rem;padding: 0.6rem 0.7rem;border-radius: 8px;font-size: 0.86rem;color: rgba(255,255,255,0.75);border-bottom: 1px solid rgba(255,255,255,0.05);transition: background 0.15s; }
.uni-item:hover { background: rgba(255,255,255,0.06);color: white; }
.uni-no { min-width: 24px;height: 24px;background: rgba(34,113,177,0.3);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.68rem;font-weight: 700;color: #60b3f0;flex-shrink: 0; }
.tm-onay-badge { background: rgba(39,174,96,0.3);color: #7dfa9e;border: 1px solid rgba(39,174,96,0.4);font-size: 0.7rem;font-weight: 700;padding: 2px 7px;border-radius: 20px;white-space: nowrap;flex-shrink: 0; }

/* ── FORMLAR ── */
.form-grup { margin-bottom: 0.9rem; }
.form-grup label { display: block;font-size: 0.83rem;font-weight: 600;color: rgba(255,255,255,0.7);margin-bottom: 0.35rem; }
.form-grid-2 { display: grid;grid-template-columns: 1fr 1fr;gap: 0.8rem; }
input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea,select {
    width: 100%;padding: 0.65rem 0.9rem;background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.15);border-radius: 10px;font-size: 0.9rem;
    color: white;font-family: inherit;transition: border 0.2s;
}
input::placeholder,textarea::placeholder { color: rgba(255,255,255,0.3); }
input:focus,textarea:focus,select:focus { outline: none;border-color: rgba(34,113,177,0.7);background: rgba(255,255,255,0.1); }
select option { background: #1a2e45;color: white; }
textarea { resize: vertical;min-height: 80px; }
.gonder-btn { width: 100%;padding: 0.85rem;background: rgba(34,113,177,0.5);border: 1px solid rgba(34,113,177,0.6);color: white;border-radius: 12px;font-size: 0.95rem;font-weight: 700;cursor: pointer;transition: all 0.2s;font-family: inherit;margin-top: 0.3rem; }
.gonder-btn:hover { background: rgba(34,113,177,0.7);transform: translateY(-1px); }

/* ── CTA ── */
.cta-btn { display: inline-block;background: rgba(255,255,255,0.15);border: 1px solid rgba(255,255,255,0.3);color: white;padding: 0.8rem 2rem;border-radius: 30px;font-weight: 700;font-size: 0.95rem;text-decoration: none;transition: all 0.25s; }
.cta-btn:hover { background: rgba(255,255,255,0.25);transform: translateY(-2px); }

/* ── MODAL ── */
.modal-overlay { display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.7);z-index: 2000;align-items: center;justify-content: center;padding: 1rem; }
.modal-overlay.aktif { display: flex; }
.modal-kutu { background: rgba(25,50,80,0.95);border: 1px solid rgba(255,255,255,0.15);border-radius: 20px;padding: 2rem;max-width: 560px;width: 100%;max-height: 90vh;overflow-y: auto;box-shadow: 0 20px 60px rgba(0,0,0,0.5);position: relative; }
.modal-kutu h2 { color: white; }
.modal-kapat-btn { position: absolute;top: 1rem;right: 1rem;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.15);border-radius: 50%;width: 32px;height: 32px;cursor: pointer;font-size: 1rem;display: flex;align-items: center;justify-content: center;color: white; }
.modal-kapat-btn:hover { background: rgba(255,255,255,0.2); }
.modal-evrak-liste { list-style: none;display: flex;flex-direction: column;gap: 0.4rem;margin-top: 0.5rem; }
.modal-evrak-liste li { background: rgba(255,255,255,0.05);border-radius: 8px;padding: 0.6rem 0.8rem;font-size: 0.85rem;border-left: 3px solid rgba(34,113,177,0.5);line-height: 1.6;color: rgba(255,255,255,0.75); }

/* Kayıt modal */
.kayit-modal-overlay { display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.7);z-index: 2000;align-items: center;justify-content: center;padding: 1rem; }
.kayit-modal-overlay.aktif { display: flex; }
.kayit-modal-kutu { background: rgba(25,50,80,0.95);border: 1px solid rgba(255,255,255,0.15);border-radius: 20px;padding: 2rem;max-width: 520px;width: 100%;max-height: 90vh;overflow-y: auto;box-shadow: 0 20px 60px rgba(0,0,0,0.5);position: relative; }
.kayit-modal-kutu h2 { color: white;font-size: 1.15rem;margin-bottom: 1.2rem; }

/* Fiyat panel */
.fiyat-panel { display: none;position: fixed;inset: 0;background: rgba(0,0,0,0.7);z-index: 2000;align-items: center;justify-content: center; }
.fiyat-panel.aktif { display: flex; }
.fiyat-icerik { background: rgba(25,50,80,0.97);border: 1px solid rgba(255,255,255,0.12);border-radius: 20px 20px 0 0;padding: 2rem;width: 100%;max-width: 600px;max-height: 80vh;overflow-y: auto;position: relative; }
.fiyat-tablo { width: 100%;border-collapse: collapse;font-size: 0.88rem; }
.fiyat-tablo th { background: rgba(34,113,177,0.3);color: #60b3f0;padding: 0.7rem;text-align: left; }
.fiyat-tablo td { padding: 0.7rem;border-bottom: 1px solid rgba(255,255,255,0.06);color: rgba(255,255,255,0.75); }
.fiyat-not { font-size: 0.7rem;color: rgba(245,158,11,0.8);margin-left: 0.3rem; }

/* ── FLOAT BUTONLAR ── */
.whatsapp-float { display:none !important; position: fixed;bottom: 1.2rem;right: 1.2rem;z-index: 500;background: rgba(37,211,102,0.25);border: 1px solid rgba(37,211,102,0.4);color: #7dfa9e;padding: 0.65rem 1.2rem;border-radius: 30px;text-decoration: none;font-weight: 700;font-size: 0.88rem;transition: all 0.25s; }
.whatsapp-float:hover { background: rgba(37,211,102,0.4);transform: translateY(-3px); }
.fiyat-float-btn { position: fixed;bottom: 4.5rem;right: 1.2rem;z-index: 500;background: linear-gradient(135deg, #b8860b, #daa520, #ffd700);color: #1a1a1a;padding: 0.7rem 1.3rem;border-radius: 30px;border: none;font-weight: 800;font-size: 0.88rem;cursor: pointer;transition: all 0.25s;font-family: inherit;box-shadow: 0 4px 20px rgba(218,165,32,0.4); }
.fiyat-float-btn:hover { transform: translateY(-2px) scale(1.05);box-shadow: 0 6px 25px rgba(218,165,32,0.6); }

/* ── FOOTER ── */
footer { background: rgba(15,30,50,0.9);border-top: 1px solid rgba(255,255,255,0.07);margin-top: 3rem; }
.footer-ic { display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 2rem;padding: 2.5rem 2rem;max-width: 1100px;margin: 0 auto; }
.footer-kolon h4 { color: white;font-size: 0.9rem;font-weight: 700;margin-bottom: 1rem; }
.footer-logo { display: flex;align-items: center;gap: 0.8rem;margin-bottom: 1rem; }
.footer-logo img { width: 44px;height: 44px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.08);padding: 3px;object-fit: contain; }
.footer-logo strong { color: white;display: block;font-size: 0.9rem; }
.footer-logo span { color: rgba(255,255,255,0.4);font-size: 0.72rem; }
.footer-iletisim-liste { display: flex;flex-direction: column;gap: 0.4rem; }
.footer-iletisim-liste a { color: rgba(255,255,255,0.5);text-decoration: none;font-size: 0.8rem; }
.footer-nav { display: flex;flex-direction: column;gap: 0.5rem; }
.footer-nav a { color: rgba(255,255,255,0.5);text-decoration: none;font-size: 0.82rem;transition: all 0.2s; }
.footer-nav a:hover { color: white;padding-left: 4px; }
.footer-sosyal { display: flex;flex-direction: column;gap: 0.5rem; }
.footer-sosyal a { color: rgba(255,255,255,0.55);text-decoration: none;font-size: 0.8rem;padding: 0.4rem 0.7rem;border-radius: 8px;transition: all 0.2s; }
.fs-wa { background: rgba(37,211,102,0.15);border: 1px solid rgba(37,211,102,0.35);color: #7dfa9e; }
.fs-wa:hover { background: rgba(37,211,102,0.3); }
.fs-ig { background: rgba(225,48,108,0.15);border: 1px solid rgba(225,48,108,0.35);color: #ff96b4; }
.fs-ig:hover { background: rgba(225,48,108,0.3); }
.fs-tt { background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.15);color: rgba(255,255,255,0.8); }
.fs-tt:hover { background: rgba(255,255,255,0.12); }
.footer-alt { text-align: center;padding: 1rem 2rem;border-top: 1px solid rgba(255,255,255,0.06);font-size: 0.76rem;color: rgba(255,255,255,0.3); }

/* Twemoji */
img.emoji { height: 1em;width: 1em;margin: 0 0.05em 0 0.1em;vertical-align: -0.1em;display: inline-block; }

/* ══ MOBİL ══ */
@media (max-width: 768px) {
    .baslik-karti { min-height: 90vh;padding: 1.5rem; }
    .baslik-merkez h1 { font-size: 2.2rem; }
    .baslik-merkez img { width: 100px;height: 100px; }
    .baslik-stats { gap: 1.2rem; }
    .baslik-dil { top: 1rem;right: 1rem; }
    .panel-kart { padding: 2rem 1.2rem;gap: 1.2rem;min-height: 160px; }
    .panel-kart:hover { padding-left: 1.6rem; }
    .pk-ikon { width: 50px;height: 50px; }
    .pk-yazi h2 { font-size: 1.1rem; }
    .pk-yazi p { font-size: 0.78rem; }
    main { padding: 1.2rem 0.85rem 2.5rem; }
    .stats-grid { grid-template-columns: repeat(2,1fr); }
    .vize-grid { grid-template-columns: repeat(2,1fr); }
    .uni-ulke-grid { grid-template-columns: repeat(2,1fr); }
    .form-grid-2 { grid-template-columns: 1fr; }
    .yorum-form-satir { grid-template-columns: 1fr; }
    .guven-grid { grid-template-columns: 1fr; }
    .ofis-grid { grid-template-columns: 1fr; }
    .mosaic-btn-wrap { flex-direction: column; }
    .mosaic-btn-dark,.mosaic-btn-light { min-width: unset;width: 100%; }
    .footer-ic { grid-template-columns: 1fr;gap: 1.5rem;padding: 1.5rem 1rem; }
    .whatsapp-float { display:none !important; font-size: 0.78rem;padding: 0.6rem 1rem;bottom: 0.8rem;right: 0.8rem; }
    .fiyat-float-btn { font-size: 0.78rem;bottom: 4rem;right: 0.8rem; }
    .diger-logo img { width: 44px;height: 44px; }
    .diger-logo h1 { font-size: 1.1rem; }
    .sss-soru { font-size: 0.88rem; }
    .sss-cevap { font-size: 0.92rem; }
    .kayit-modal-kutu,.modal-kutu { padding: 1.5rem; }
}
@media (max-width: 400px) {
    .vize-grid { grid-template-columns: repeat(2,1fr); }
    .baslik-merkez h1 { font-size: 1.8rem; }
}

/* ── EKSİK FİYAT STİLLERİ ── */
.fiyat-baslik { color: #60b3f0; font-size: 0.95rem; font-weight: 700; margin: 1.2rem 0 0.5rem; }
.fiyat-deger { text-align: right; color: white; font-weight: 700; white-space: nowrap; }
.fiyat-ulke-baslik { font-size: 0.85rem; font-weight: 700; color: rgba(130,180,255,0.8); margin: 0.8rem 0 0.3rem; }
.fiyat-icerik h3 { color: white; font-size: 1.2rem; margin-bottom: 1rem; }
.fiyat-kapat-btn { position: absolute;top: 1rem;right: 1rem;background: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.15);border-radius: 50%;width: 32px;height: 32px;cursor: pointer;font-size: 1rem;color: white; }

/* ══════ V3 FIX — PERFORMANS & DÜZELTMELER ══════ */

/* 1. Performans: backdrop-filter kaldır (yavaşlatıyor) */
.baslik-karti, .diger-header, .panel-kart, .glass, .glass-dark,
.hakkimizda-kart, .sss-item, .yorum-kart, .ulke-kart, .vize-kart,
.uni-ulke-kart, .uni-panel, .iletisim-form-kart, .iletisim-bilgi-kart,
.stat-kart, .ofis-kart, .hizmet-liste li, .egitim-liste li,
.mosaic-btn-dark, .mosaic-btn-light, .cta-btn, .gonder-btn,
.whatsapp-float, .fiyat-float-btn, .dil-aktif-btn {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* 2. WhatsApp float kaldır */
.whatsapp-float { display: none !important; }

/* 3. Fiyat panel mobilde ortada açılsın */
.fiyat-panel { align-items: center !important; justify-content: center !important; }
.fiyat-icerik { border-radius: 20px !important; max-height: 85vh; }
@media (max-width: 768px) {
    .fiyat-icerik { border-radius: 16px !important; margin: 0.5rem; max-height: 90vh; }
}

/* 4. Evrak modal uyarı metni okunabilir */
.modal-evrak-liste li[style*="background:#fff8e1"],
.modal-evrak-liste li[style*="fff8e1"] {
    color: #8b6914 !important;
    font-weight: 600 !important;
}

/* 5. Geri dönüş butonu (diğer sayfalar header'ında) */
.geri-ana-btn {
    display: inline-flex; align-items: center; gap: 0.4rem;
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
    color: rgba(255,255,255,0.7); text-decoration: none;
    padding: 0.35rem 0.9rem; border-radius: 20px;
    font-size: 0.78rem; font-weight: 600; transition: all 0.2s; margin-right: 0.5rem;
}
.geri-ana-btn:hover { background: rgba(255,255,255,0.15); color: white; }

/* 6. Hizmetler ülke kartları - kare, bayrak üstte, tıklanabilir */
.ulke-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.8rem !important;
}
.ulke-kart {
    padding: 1.2rem 0.8rem !important;
    text-align: center !important;
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-height: 100px;
}
.ulke-kart .bayrak, .ulke-kart .icon {
    font-size: 2.2rem !important;
    display: block !important;
    margin-bottom: 0.5rem !important;
}
@media (max-width: 768px) {
    .ulke-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

/* 7. Hizmetler "tıklayın" metni büyüt */
.vize-grid + p, p[style*="color:#4a7a9b"] {
    font-size: 1rem !important;
    color: rgba(255,255,255,0.6) !important;
}

/* 8. Footer sosyal medya renkleri güçlendir */
.footer-sosyal .fs-wa {
    background: rgba(37,211,102,0.2) !important;
    border: 1px solid rgba(37,211,102,0.4) !important;
    color: #25D366 !important;
}
.footer-sosyal .fs-ig {
    background: rgba(225,48,108,0.2) !important;
    border: 1px solid rgba(225,48,108,0.4) !important;
    color: #E1306C !important;
}
.footer-sosyal .fs-tt {
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    color: white !important;
}

/* ══════ V3 FIX2 — MOBİL & ÜLKE KARTLARI ══════ */

/* Mobilde kartlara padding ekle */
@media (max-width: 768px) {
    main { padding: 1.2rem 1rem 2.5rem !important; }
    .uni-ulke-kart { padding: 0.7rem 0.6rem !important; font-size: 0.78rem !important; }
    .panel-kart { padding: 1.8rem 1.2rem !important; }
    .section-title { margin: 1.2rem 0 0.8rem !important; font-size: 1.15rem !important; }
}

/* Ülke kartları — mor yazı düzelt, normal beyaz yap */
.ulke-kart, a.ulke-kart {
    color: white !important;
    text-decoration: none !important;
}
.ulke-kart strong {
    color: white !important;
    font-size: 0.9rem;
    display: block;
    margin-bottom: 0.2rem;
}
.ulke-kart p {
    color: rgba(255,255,255,0.5) !important;
    font-size: 0.78rem;
}


/* ══════ V3 FIX3 ══════ */

/* 1. Header sabit KALMASIN */
.diger-header {
    position: relative !important;
    top: auto !important;
}

/* 2. Vize kartları mobilde ortaya hizala */
@media (max-width: 768px) {
    .vize-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 0.6rem !important;
        padding: 0 0.3rem !important;
    }
    .vize-kart {
        padding: 0.9rem 0.5rem !important;
    }
    .vize-icon { font-size: 1.6rem !important; }
    .vize-kart p { font-size: 0.72rem !important; }
}

/* 3. Ülke kartları glass container içinde (vize kartları gibi) */
.ulke-grid {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 18px !important;
    padding: 1rem !important;
}
@media (max-width: 768px) {
    .ulke-grid {
        padding: 0.6rem !important;
        gap: 0.6rem !important;
    }
}

/* ══════ V3 FIX4 ══════ */

/* 1. Tüm sayfada koyu/okunamayan yazıları beyaz yap */
.modal-kutu h2, .modal-kutu h4,
.fiyat-icerik h2, .fiyat-icerik h3,
.section-title,
.hakkimizda-kart h3,
.iletisim-form-kart h3, .iletisim-bilgi-kart h3,
.yorum-form-kart h3,
.vize-kart p {
    color: white !important;
}

/* Modal evrak başlık rengi */
#modal-baslik-alani h2 {
    color: white !important;
}

/* 2. Mobilde tüm içerik iki yandan boşluk - footer gibi */
@media (max-width: 768px) {
    main {
        padding: 1rem 0.8rem 2.5rem !important;
    }
    .baslik-karti {
        padding: 1.5rem 0.8rem !important;
    }
    .panel-kart {
        margin: 0 0.4rem !important;
    }
    .section-title {
        padding-left: 0.3rem !important;
    }
    /* Vize grid container */
    .vize-grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Ülke grid container */
    .ulke-grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* 3. Ülke kartları her biri ayrı kare - vize kartları gibi görünsün */
.ulke-kart {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 14px !important;
    padding: 1.1rem 0.8rem !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 110px !important;
    transition: all 0.2s !important;
}
.ulke-kart:hover {
    background: rgba(255,255,255,0.1) !important;
    transform: translateY(-2px) !important;
}
.ulke-kart .bayrak {
    font-size: 2.2rem !important;
    margin-bottom: 0.4rem !important;
}

/* Ülke grid - glass container KALDIR, her kart ayrı */
.ulke-grid {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* ══════ V3 FIX6 — TÜM SAYFALARDA İKİ YANDAN BOŞLUK ══════ */

/* Mobilde main padding artır */
@media (max-width: 768px) {
    main {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    /* Section title */
    .section-title {
        margin-left: 0.2rem !important;
        margin-right: 0.2rem !important;
    }
    /* Tüm grid'ler ve listeler */
    .vize-grid,
    .ulke-grid,
    .uni-ulke-grid,
    .stats-grid,
    .guven-grid,
    .hizmet-liste,
    .egitim-liste,
    .sss-liste,
    .yorumlar-liste,
    .ofis-liste,
    .ofis-grid,
    .iletisim-dikey,
    .mosaic-btn-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Hakkımızda kartları */
    .hakkimizda-kart {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Üniversite panel */
    .uni-panel {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* CTA butonlar */
    .cta-bolum {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Form kartlar */
    .iletisim-form-kart,
    .iletisim-bilgi-kart,
    .yorum-form-kart {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Footer sosyal butonlar padding düzelt */
.footer-sosyal a {
    display: block !important;
    margin-bottom: 0.4rem !important;
}

/* ══════ V3 FIX6 — MOBİLDE İKİ YANDAN BOŞLUK ══════ */
@media (max-width: 768px) {
    /* Tüm sayfada içerik iki yandan boşluk */
    main {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    /* Kartlar, gridler, listeler - hepsi */
    .vize-grid,
    .ulke-grid,
    .uni-ulke-grid,
    .uni-panel,
    .hizmet-liste,
    .egitim-liste,
    .sss-liste,
    .yorumlar-liste,
    .yorum-form-kart,
    .iletisim-dikey,
    .iletisim-form-kart,
    .iletisim-bilgi-kart,
    .hakkimizda-kart,
    .guven-grid,
    .stats-grid,
    .ofis-liste,
    .ofis-grid,
    .mosaic-btn-wrap,
    .cta-bolum,
    .section-title,
    .flash-container,
    .guven-kart {
        margin-left: 0.2rem !important;
        margin-right: 0.2rem !important;
    }

    /* Header da biraz padding */
    .diger-header {
        padding-left: 0.8rem !important;
        padding-right: 0.8rem !important;
    }

    /* Footer sosyal ile aynı hizada - zaten güzel */
    footer .footer-ic {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* ══════ V3 FIX7 — MAIN PADDING MOBİL ══════ */
@media (max-width: 768px) {
    main {
        padding: 1.2rem 1rem 2.5rem !important;
    }
}

/* ══════ V3 FIX8 ══════ */

/* 1. Logo küçült */
.baslik-merkez img {
    width: 90px !important;
    height: 90px !important;
    box-shadow: 0 0 0 5px rgba(40,120,220,0.08), 0 0 0 10px rgba(40,120,220,0.04), 0 8px 30px rgba(0,0,0,0.3) !important;
}

/* 2. Dil dropdown yukarı açılsın (sol alttaki için) */
.dil-dropdown-yukari {
    top: auto !important;
    bottom: calc(100% + 8px) !important;
}

/* 3. Baslik-dil sağ üst pozisyonu kaldır (artık sol altta) */
.baslik-dil { display: none; }

/* ══════ V3 FIX9 ══════ */

/* 1. Tüm panellerde içerik kenara yapışmasın */
main {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 2rem 2.5rem 4rem !important;
}
@media (max-width: 768px) {
    main {
        padding: 1.2rem 1.2rem 2.5rem !important;
    }
}

/* 2. Ana sayfada dil dropdown taşmasın */
.baslik-alt-butonlar .dil-dropdown {
    left: 0 !important;
    right: auto !important;
    min-width: 155px;
}

/* ══════ V3 FIX10 ══════ */

/* 1. Logo büyüt - masaüstü 200px, mobil 130px */
.baslik-merkez img {
    width: 200px !important;
    height: 200px !important;
}
@media (max-width: 768px) {
    .baslik-merkez img {
        width: 130px !important;
        height: 130px !important;
    }
}

/* 2. Tüm kartlar kenara yapışmasın - main içeriğe padding */
main {
    padding: 2rem 3rem 4rem !important;
}
@media (max-width: 1200px) {
    main {
        padding: 2rem 2rem 4rem !important;
    }
}
@media (max-width: 768px) {
    main {
        padding: 1.2rem 1.2rem 2.5rem !important;
    }
}
/* ══ ANA SAYFA TAM GENİŞLİK ══ */
body.sayfa-index main.tc-main {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 62px 0 0 0 !important;
}
body.sayfa-index .tc-hero,
body.sayfa-index .tc-kartlar,
body.sayfa-index .tc-footer {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body.sayfa-index .tc-kart {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
body.sayfa-index .tc-kartlar {
    gap: 2px !important;
    padding: 0 !important;
}
body.sayfa-index .tc-footer {
    padding: 28px 16px 20px !important;
}
/* ── SAĞ ALT FLOAT BUTONLAR ── */
.tc-float-bar {
    position: fixed;
    bottom: 24px;
    right: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
}
.tc-float-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
}
.tc-float-btn:hover {
    transform: scale(1.15);
}
.tc-float-wa {
    background: #25D366;
    box-shadow: 0 4px 15px rgba(37,211,102,0.4);
}
.tc-float-wa:hover {
    box-shadow: 0 6px 25px rgba(37,211,102,0.7);
}
.tc-float-ai {
    background: linear-gradient(135deg, #667eea, #764ba2);
}
.tc-float-kayit {
    background: linear-gradient(135deg, #f59e0b, #ef4444);
}