/* ==========================================================================
   HAKKIMDA SAYFASI ÖZEL TASARIMI
   ========================================================================== */

/* 1. Hero Bölümü (Giriş) */
.hakkimda-hero {
    height: 60vh;
    background: linear-gradient(rgba(64, 112, 110, 0.7), rgba(64, 112, 110, 0.7)), 
                url('https://images.unsplash.com/photo-1522771739844-6a9f6d5f14af?auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    position: relative;
    margin-bottom: 80px;
}
.hero-content h1 { font-size: 4em; color: #fff; margin-bottom: 15px; }
.hero-content p { font-size: 20px; color: rgba(255,255,255,0.9); max-width: 600px; margin: 0 auto; }

/* 2. Hakkımda Detay Alanı */
.container { max-width: 1200px; margin: 0 auto; padding: 0 5%; }
.hakkimda-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; align-items: center; }

.sub-title { color: var(--primary); font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; margin-bottom: 15px; display: block; }
.hakkimda-text h2 { font-size: 3em; margin-bottom: 25px; }
.hakkimda-text p { margin-bottom: 20px; font-size: 17.5px; }

/* Vizyon Kutuları */
.vizyon-kutusu { margin-top: 40px; display: grid; gap: 25px; }
.vizyon-item { display: flex; gap: 20px; background: #fff; padding: 20px; border-radius: 20px; box-shadow: var(--shadow-sm); border: 1px solid rgba(0,0,0,0.02); transition: 0.3s; }
.vizyon-item:hover { transform: translateX(10px); box-shadow: var(--shadow-md); }
.vizyon-item .icon { font-size: 30px; }
.vizyon-item h4 { margin: 0 0 5px 0; font-family: 'Nunito', sans-serif; font-size: 18px; color: var(--primary); }
.vizyon-item p { margin: 0; font-size: 14.5px; line-height: 1.5; }

/* Resim Çerçevesi */
.img-frame { position: relative; }
.img-frame img { width: 100%; border-radius: 40px; box-shadow: var(--shadow-lg); position: relative; z-index: 2; }
.img-frame:after { content: ''; position: absolute; top: 30px; left: 30px; right: -30px; bottom: -30px; border: 3px solid var(--primary-light); border-radius: 40px; z-index: 1; }

/* 3. Uzmanlık Bölümü */
.uzmanlik-section { padding: 120px 0; background: var(--primary-light); margin-top: 100px; text-align: center; }
.uzmanlik-section h2 { font-size: 3em; margin-bottom: 60px; }
.uzmanlik-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; }
.uzmanlik-card { background: var(--card-bg); padding: 50px 40px; border-radius: 30px; box-shadow: var(--shadow-md); transition: 0.4s; }
.uzmanlik-card:hover { transform: translateY(-15px); box-shadow: var(--shadow-lg); }
.card-icon { font-size: 50px; margin-bottom: 25px; display: inline-block; }
.uzmanlik-card h3 { font-size: 22px; margin-bottom: 15px; }
.uzmanlik-card p { font-size: 15.5px; margin: 0; }

/* Gece Modu Hakkımda Uyumu */
[data-theme="dark"] .uzmanlik-section { background: rgba(64, 112, 110, 0.1); }
[data-theme="dark"] .vizyon-item { background: var(--card-bg); border-color: rgba(255,255,255,0.05); }

/* Mobil Uyumluluk */
@media (max-width: 992px) {
    .hakkimda-grid { grid-template-columns: 1fr; text-align: center; }
    .hakkimda-text { order: 2; }
    .hakkimda-image { order: 1; max-width: 400px; margin: 0 auto; }
    .hero-content h1 { font-size: 2.8em; }
    .img-frame:after { display: none; }
}