/* --- BÖLÜM ARKA PLANI --- */
.uk-icerik1-section {
    background-color: #041e42;
    padding: 50px 0 30px 0; 
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
}

/* --- BAŞLIK --- */
.uk-baslik {
    text-align: center;
    /* KANKACIM YAZI BOYUTU BURADA: 
       İlk değer (38px) mobildeki en küçük boyutu,
       Son değer (56px) bilgisayardaki en büyük boyutu belirler.
       Daha da büyütmek istersen 56px'i 64px veya 72px yapabilirsin. */
    font-size: clamp(38px, 5vw, 56px);
    font-weight: 700;
    
    /* BAŞLIK İLE MAKİNELER ARASI BOŞLUK: 
       Yazı büyüdüğü için 20px'i 25px yaptım. Gözüne dar gelirse 30px veya 40px yap. */
    margin-bottom: 25px; 
    letter-spacing: -1px;
}

/* --- MAKİNELERİN YAN YANA DİZİLİMİ (FLEXBOX) --- */
.uk-makineler-alani {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px; 
    
    /* KUTU GENİŞLİĞİ BURADA: 
       Resimler büyüyünce alana rahat sığmaları için 1050px'den 1250px'e çıkardım. */
    max-width: 1250px; 
    margin: 0 auto;
}

/* Tekil Makine Kutusu */
.uk-makine-kutu {
    flex: 1; 
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.uk-makine-kutu:hover {
    transform: translateY(-5px);
}

.uk-makine-kutu img {
    max-width: 100%;
    
    /* KANKACIM RESİM BOYUTU BURADA: 
       Önceki 280px'di, şimdi 380px yaptım. 
       Daha da devasa, ekrandan fırlayacak gibi olsun dersen 450px veya 500px yapabilirsin! */
    max-height: 380px; 
    
    object-fit: contain;
    filter: drop-shadow(0 10px 15px rgba(0,0,0,0.25)); 
}

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 768px) {
    .uk-icerik1-section {
        padding: 40px 0 30px 0;
    }
    .uk-makineler-alani {
        flex-direction: column; 
        gap: 40px;
    }
    .uk-makine-kutu img {
        /* MOBİLDEKİ RESİM BOYUTU BURADA: 
           Mobilde çok devasa olmasın diye 260px verdim, istersen 300px'e kadar çekebilirsin. */
        max-height: 260px;
    }
}