/* ===== SERVICES COMPACT STYLING ===== */
/* Ana sayfadaki Services bölümünü uzatmak için */

/* Services section padding'lerini artır */
.services {
    padding-top: 80px !important; /* 50px'den 80px'e artırıldı */
    padding-bottom: 100px !important; /* 65px'den 100px'e artırıldı */
    margin-top: 15px !important; /* 8px'den 15px'e artırıldı */
    background-color: #fef2f2 !important; /* Hafif kırmızı arka plan */
}

/* Section title margin'lerini artır */
.services .section-title {
    margin-bottom: 40px !important; /* 25px'den 40px'e artırıldı */
}

.services .section-title h2 {
    margin-bottom: 20px !important; /* 15px'den 20px'e artırıldı */
    font-size: 2rem !important; /* 1.8rem'den 2rem'e artırıldı */
}

.services .section-title p {
    font-size: 0.9rem !important; /* 1rem'den 0.9rem'e küçültüldü */
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* Service card'ları uzat */
.services .service-card {
    padding: 25px !important; /* 18px'den 25px'e artırıldı */
    min-height: 320px !important; /* 260px'den 320px'e artırıldı */
    max-height: 320px !important;
}

.services .service-card img,
.services .service-card .service-img {
    width: 100% !important;
    height: 180px !important; /* Sabit yükseklik */
    max-height: 180px !important;
    object-fit: cover !important; /* Resmi kes ve doldur */
    object-position: center !important; /* Ortadan hizala */
    margin-bottom: 16px !important;
    border-radius: 8px !important;
    display: block !important;
}

.services .service-card h4 {
    font-size: 1.1rem !important; /* 1rem'den 1.1rem'e artırıldı */
    margin-bottom: 12px !important; /* 8px'den 12px'e artırıldı */
    line-height: 1.3 !important;
}

.services .service-card p {
    font-size: 0.9rem !important; /* 0.8rem'den 0.9rem'e artırıldı */
    line-height: 1.4 !important;
    margin-bottom: 15px !important; /* 10px'den 15px'e artırıldı */
    min-height: 3em !important; /* 2.4em'den 3em'e artırıldı */
}

.services .service-card .hr-line {
    margin: 15px 0 !important; /* 12px'den 15px'e artırıldı */
}

/* Read more alanını uzat */
.services .service-card .readmore {
    margin-top: 12px !important; /* 8px'den 12px'e artırıldı */
}

.services .service-card .readmore a {
    font-size: 0.9rem !important; /* 0.85rem'den 0.9rem'e artırıldı */
}

/* Navigation button'ları büyüt */
.services .btns button {
    padding: 10px 15px !important; /* 8px 12px'den 10px 15px'e artırıldı */
    font-size: 1rem !important;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .services {
        padding-top: 60px !important; /* 35px'den 60px'e artırıldı */
        padding-bottom: 80px !important; /* 45px'den 80px'e artırıldı */
    }
    
    .services .service-card {
        padding: 20px !important; /* 15px'den 20px'e artırıldı */
        min-height: 300px !important; /* 240px'den 300px'e artırıldı */
        max-height: 300px !important;
    }
    
    .services .service-card img,
    .services .service-card .service-img {
        width: 100% !important;
        height: 160px !important;
        max-height: 160px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    .services .section-title h2 {
        font-size: 1.8rem !important; /* 1.6rem'den 1.8rem'e artırıldı */
    }
}

@media (max-width: 576px) {
    .services {
        padding-top: 50px !important; /* 30px'den 50px'e artırıldı */
        padding-bottom: 70px !important; /* 40px'den 70px'e artırıldı */
    }
    
    .services .service-card {
        padding: 18px !important; /* 12px'den 18px'e artırıldı */
        min-height: 280px !important; /* 220px'den 280px'e artırıldı */
        max-height: 280px !important;
    }
    
    .services .service-card img,
    .services .service-card .service-img {
        width: 100% !important;
        height: 140px !important;
        max-height: 140px !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}
