/* 1. GLOBAL RESET & FIXES */
/* iPhone'da görsellerin dışarı taşmasını ve yatay kaydırmayı önler */
* { box-sizing: border-box; }
img { max-width: 100%; height: auto; display: inline-block; }

body { 
    margin: 0; 
    padding: 0; 
    font-family: 'Roboto', Arial, sans-serif; 
    background-color: #fafafa; 
    overflow-x: hidden; 
    -webkit-font-smoothing: antialiased;
}

/* 2. GRID & LAYOUT STABILIZATION */
/* CSS yüklenmeden önce sayfanın zıplamasını (CLS) engeller */
.container { 
    margin-right: auto; 
    margin-left: auto; 
    padding-left: 15px; 
    padding-right: 15px; 
    width: 1170px; 
    max-width: 100%; 
    display: block; 
}
.row { 
    margin-left: -15px; 
    margin-right: -15px; 
    display: flex; 
    flex-wrap: wrap; 
}

/* 3. HEADER & NAVIGATION */
.header { 
    display: block; 
    width: 100%; 
    height: 110px; 
    background: #000024; 
    position: relative; 
    z-index: 1000; 
}
.newHeaderMenuAll { 
    background-color: #000024; 
    min-height: 50px; 
    width: 100%; 
}
.header-title { 
    float: left; 
    margin-top: 3px; 
}
.header-title img { 
    width: 150px !important; 
    height: auto !important; 
    display: block; 
}

/* 4. SLIDER RESERVATION & IPHONE FIX */
/* iPhone'daki "huge image / devasa görsel" sorununu background-attachment ile çözer */
.homeSliderItem { 
    display: block !important; 
    position: relative !important; 
    width: 100% !important;
    min-height: 624px; 
    background-color: #f0f0f0; 
    
    /* iOS Safari Fix: background-attachment: fixed iPhone'da görseli bozar */
    background-attachment: scroll !important; 
    background-size: cover !important; 
    background-position: center center !important; 
    background-repeat: no-repeat !important;
    overflow: hidden;
}

/* Slider kütüphanesi yüklenene kadar alanın çökmesini engeller */
.owl-carousel { 
    display: block !important; 
    min-height: 624px; 
    visibility: visible !important; 
    width: 100% !important;
}

/* 5. MOBILE OPTIMIZATION */
@media (max-width: 767px) {
    .container { width: 100%; padding-left: 10px; padding-right: 10px; }
    
    .header { height: auto; min-height: 90px; }
    .header-title { width: 100%; text-align: center; float: none; }
    .header-title img { margin: 0 auto; width: 120px !important; }

    /* Mobilde slider yüksekliğini sabitleyerek CLS'yi sıfırlar */
    .homeSliderItem, .owl-carousel { 
        min-height: 300px !important; 
        height: 300px !important; 
    }
}