/* ======================================================
   GLOBAL SİTE İSKELETİ VE GENİŞLİK AYARLARI (index.css)
   ====================================================== */

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

body { 
    font-family: 'Gilroy', 'Inter', sans-serif; 
    background-color: #f8fafc; /* Sitenin genel arka plan rengi */
    overflow-x: hidden; 
}

/* 🖥️ MASAÜSTÜ GENİŞLİK AYARI */
/* Sitenin maksimum ne kadar genişleyeceğini buradan ayarlayabilirsin */
.container { 
    max-width: 1400px; /* Burayı değiştirerek siteyi daraltıp genişletebilirsin */
    margin: 0 auto; 
    padding: 0 1px; /* Sağdan soldan iç boşluk */
    width: 100%;
}

/* 📐 ANA MANŞET ALANI (Hero Section) DÜZENİ */
.main-hero-section { 
    background-color: #ffffff; 
    padding-bottom: 10px; 
}

.hero-layout { 
    display: flex; 
    gap: 20px; 
}

.desktop-side-menu { 
    width: 240px; /* Sol menünün genişliği */
    flex-shrink: 0; 
    display: none; 
}

.hero-content { 
    flex: 1; 
    min-width: 0; 
}

@media (min-width: 1025px) { 
    .desktop-side-menu { display: block; } 
}

/* 📱 MOBİL GENİŞLİK VE BOŞLUK AYARI */
@media (max-width: 1024px) {
    .container {
        padding: 0 50px; /* Mobilde sağdan soldan ne kadar boşluk kalacağını buradan ayarlayabilirsin */
    }
    
    .hero-layout { 
        padding: 100; /* Slider'ın mobilde tam ekrana yapışması için sıfırladık */
        gap: 50px; 
    }
}