/* ==========================================================================
   KURUMSAL SAYFA CSS - TAM DİNAMİK YÖNETİM PANELİ SENKRONİZASYONU
   ========================================================================== */

/* Genel Konteyner */
.ae-container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.relative-z { position: relative; z-index: 2; }

/* SAYFA BAŞLIĞI */
.ae-page-header { position: relative; padding: 100px 0 60px 0; background-size: cover; background-position: center; background-attachment: fixed; text-align: center; }
.ae-header-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.95) 100%); z-index: 1; }
.ae-page-title { color: #ffffff; font-size: 2.8rem; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 2px; }
.ae-breadcrumb { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; gap: 12px; font-size: 1rem; color: #cbd5e1; }
.ae-breadcrumb a { color: #38bdf8; text-decoration: none; transition: 0.3s; }
.ae-breadcrumb a:hover { color: #ffffff; }
.ae-breadcrumb i { font-size: 0.8rem; color: #94a3b8; }
.ae-breadcrumb .ae-active { color: #ffffff; }

/* ==========================================================================
   BİZ KİMİZ / ÖN YÜZ ÖZET BÖLÜMÜ (TAB 1 DİZAYNI)
   ========================================================================== */
.ae-about-summary-section { padding: 90px 0 60px 0; background: #ffffff; color: #334155; }
.ae-summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }

/* Sol Taraf: Çift Fotoğraf & Tecrübe Rozeti */
.ae-summary-images { position: relative; padding-right: 30px; padding-bottom: 30px; }
.ae-img-main img { width: 100%; height: 420px; object-fit: cover; border-radius: 20px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); }
.ae-img-sub { position: absolute; bottom: 0; right: 0; width: 55%; border: 6px solid #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); }
.ae-img-sub img { width: 100%; height: 220px; object-fit: cover; display: block; }

.ae-experience-badge { position: absolute; top: 30px; left: -20px; background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%); color: #ffffff; padding: 20px 25px; border-radius: 16px; display: flex; align-items: center; gap: 15px; box-shadow: 0 10px 25px rgba(2, 132, 199, 0.3); z-index: 3; }
.ae-badge-num { font-size: 2.5rem; font-weight: 800; line-height: 1; }
.ae-badge-text { display: flex; flex-direction: column; }
.ae-badge-text strong { font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase; }
.ae-badge-text span { font-size: 0.75rem; opacity: 0.9; }

/* Sağ Taraf Metin İçerikleri */
.ae-badge-tag { display: inline-flex; align-items: center; gap: 8px; background: #f0f9ff; color: #0284c7; padding: 8px 16px; border-radius: 50px; font-weight: 700; font-size: 0.85rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; border: 1px solid #bae6fd; }
.ae-main-heading { font-size: 2.3rem; font-weight: 800; color: #0f172a; line-height: 1.25; margin-bottom: 20px; }
.ae-main-heading .ae-highlight { color: #0284c7; display: block; }
.ae-description { font-size: 1.05rem; line-height: 1.8; color: #475569; margin-bottom: 15px; }
.ae-sub-description { font-size: 0.95rem; line-height: 1.7; color: #64748b; margin-bottom: 25px; border-left: 3px solid #0284c7; padding-left: 15px; }

/* Buton ve İletişim Notu Barı */
.ae-action-bar { display: flex; align-items: center; gap: 25px; margin-top: 30px; flex-wrap: wrap; }
.ae-btn-primary { background: #0284c7; color: #ffffff; padding: 14px 28px; border-radius: 12px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 10px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(2, 132, 199, 0.25); }
.ae-btn-primary:hover { background: #0369a1; transform: translateY(-2px); color: #ffffff; box-shadow: 0 8px 20px rgba(2, 132, 199, 0.35); }
.ae-contact-note { display: flex; flex-direction: column; }
.ae-contact-note small { color: #64748b; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; }
.ae-contact-note strong { color: #0f172a; font-size: 1.1rem; font-weight: 800; }


/* ==========================================================================
   KURUMSAL DETAY BÖLÜMÜ (TAB 2 DİZAYNI)
   ========================================================================== */
.ae-corporate-content { padding: 60px 0 80px 0; background: #ffffff; color: #334155; }

.ae-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; margin-bottom: 60px; background: #f8fafc; padding: 30px; border-radius: 20px; border: 1px solid #e2e8f0; }
.ae-intro-grid.no-image { grid-template-columns: 1fr; text-align: center; max-width: 900px; margin-left: auto; margin-right: auto; }
.ae-intro-image img { width: 100%; height: auto; max-height: 380px; object-fit: cover; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
.ae-intro-title { font-size: 1.1rem; color: #0284c7; letter-spacing: 2px; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; }
.ae-intro-slogan { font-size: 2rem; color: #0f172a; font-weight: 800; margin-bottom: 15px; line-height: 1.2; }
.ae-intro-text { font-size: 1.05rem; line-height: 1.8; color: #475569; }

/* Vizyon & Misyon Grid */
.ae-vision-mission-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; margin-bottom: 70px; }
.ae-vm-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 20px; padding: 40px 30px; display: flex; gap: 20px; transition: all 0.3s ease; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); }
.ae-vm-card:hover { border-color: #bae6fd; box-shadow: 0 10px 30px rgba(2, 132, 199, 0.08); transform: translateY(-5px); }
.ae-vm-icon { flex-shrink: 0; width: 60px; height: 60px; background: #f0f9ff; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; color: #0284c7; }
.ae-vm-content .ae-vm-title { font-size: 1.4rem; color: #0f172a; margin-bottom: 15px; font-weight: 700; }
.ae-vm-content p { font-size: 0.95rem; line-height: 1.7; color: #475569; }

/* Hizmetlerimiz Listesi (Dinamik İkonlu) */
.ae-services-section { background: #f8fafc; border-radius: 20px; padding: 40px; border: 1px solid #e2e8f0; }
.ae-services-title { font-size: 1.8rem; color: #0f172a; margin-bottom: 30px; display: flex; align-items: center; gap: 12px; font-weight: 700; }
.ae-services-title i { color: #0284c7; }
.ae-services-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }
.ae-services-list li { background: #ffffff; padding: 15px 20px; border-radius: 10px; border-left: 4px solid #0284c7; display: flex; align-items: center; gap: 12px; font-size: 1rem; font-weight: 600; color: #334155; transition: all 0.3s ease; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02); }
.ae-services-list li i { color: #0284c7; font-size: 1.1rem; width: 22px; text-align: center; }
.ae-services-list li:hover { background: #f0f9ff; transform: translateX(5px); box-shadow: 0 5px 15px rgba(2, 132, 199, 0.05); }


/* ==========================================================================
   HARİTA BÖLÜMÜ (TAB 3 DİZAYNI)
   ========================================================================== */
.ae-map-section { padding: 0 0 80px 0; background: #ffffff; text-align: center; }
.ae-map-title { font-size: 2.2rem; color: #0f172a; margin-bottom: 10px; font-weight: 800; }
.ae-map-subtitle { color: #475569; margin-bottom: 40px; font-size: 1.1rem; }
.ae-map-wrapper { position: relative; border-radius: 20px; overflow: hidden; padding: 8px; background: #f1f5f9; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; }
.ae-map-wrapper iframe { display: block; border-radius: 14px; width: 100%; height: 450px; border: 0; }


/* ==========================================================================
   MOBİL UYUM (RESPONSIVE)
   ========================================================================== */
@media (max-width: 992px) {
    .ae-summary-grid { grid-template-columns: 1fr; gap: 40px; }
    .ae-summary-images { padding-right: 0; padding-bottom: 0; max-width: 550px; margin: 0 auto; }
    .ae-intro-grid { grid-template-columns: 1fr; }
    .ae-vision-mission-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .ae-page-title { font-size: 2.2rem; }
    .ae-main-heading { font-size: 1.8rem; }
    .ae-intro-slogan { font-size: 1.6rem; }
    .ae-services-list { grid-template-columns: 1fr; }
    .ae-vm-card { flex-direction: column; text-align: center; padding: 30px 20px; }
    .ae-vm-icon { margin: 0 auto; }
    .ae-experience-badge { left: 0; top: -15px; padding: 12px 18px; }
    .ae-badge-num { font-size: 1.8rem; }
    .ae-action-bar { flex-direction: column; align-items: flex-start; gap: 15px; }
}