/* ==================== ANA SAYFA BÖLÜM ARALIKLARI ====================
   Ana sayfadaki bölümlerin (Uzmanlık Alanlarımız, Çözümler, Bilgi Kartları)
   kendi iç boşlukları 80px olduğu için art arda geldiklerinde arada 160px
   boşluk oluşuyordu. Bu dosya yalnızca ana sayfada yüklenir ve bölüm
   ritmini dengeler; diğer sayfaların boşlukları değişmez. */

.gemka-main-content .gemka-hero-slider {
    /* Slider'ın alt boşluğu, sonraki bölümün üst boşluğuyla birleşiyordu. */
    margin-bottom: 0;
}

/* ---------------- BÖLÜMLER ARASI AYIRICI ÇİZGİ ----------------
   Panelden eklenen/çıkarılan bloklar dâhil ana sayfadaki her bölümün
   üstünde ince bir çizgi olur; böylece bölüm sınırları her zaman görünür. */

.gemka-main-content section:not(.gemka-hero-slider) {
    border-top: 1px solid rgba(13, 93, 87, 0.08);
}

/* "include" bloğunun sarmalayıcısı ayrıca çizgi çizmesin (tek çizgi kalsın). */
.gemka-main-content .gemka-paylasilan-bolum {
    border-top: 0;
    border-bottom: 0;
}

.gemka-main-content .gemka-expertise,
.gemka-main-content .gemka-solutions,
.gemka-main-content .gemka-info,
.gemka-main-content .gemka-projeler,
.gemka-main-content .gemka-about,
.gemka-main-content .gemka-mvd,
.gemka-main-content .gemka-services,
.gemka-main-content .gemka-products,
.gemka-main-content .gemka-contact {
    padding-top: 72px;
    padding-bottom: 72px;
}

/* Bölüm başlığı ile kartlar arasındaki mesafe de biraz daraltılır. */
.gemka-main-content .gemka-expertise__baslik,
.gemka-main-content .gemka-solutions__subtitle,
.gemka-main-content .gemka-info__subtitle,
.gemka-main-content .gemka-projeler__baslik {
    margin-bottom: 44px;
}

@media (max-width: 768px) {
    .gemka-main-content .gemka-expertise,
    .gemka-main-content .gemka-solutions,
    .gemka-main-content .gemka-info,
    .gemka-main-content .gemka-projeler,
    .gemka-main-content .gemka-about,
    .gemka-main-content .gemka-mvd,
    .gemka-main-content .gemka-services,
    .gemka-main-content .gemka-products,
    .gemka-main-content .gemka-contact {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .gemka-main-content .gemka-expertise__baslik,
    .gemka-main-content .gemka-solutions__subtitle,
    .gemka-main-content .gemka-info__subtitle,
    .gemka-main-content .gemka-projeler__baslik {
        margin-bottom: 34px;
    }
}

@media (max-width: 480px) {
    .gemka-main-content .gemka-expertise,
    .gemka-main-content .gemka-solutions,
    .gemka-main-content .gemka-info,
    .gemka-main-content .gemka-projeler,
    .gemka-main-content .gemka-about,
    .gemka-main-content .gemka-mvd,
    .gemka-main-content .gemka-services,
    .gemka-main-content .gemka-products,
    .gemka-main-content .gemka-contact {
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .gemka-main-content .gemka-expertise__baslik,
    .gemka-main-content .gemka-solutions__subtitle,
    .gemka-main-content .gemka-info__subtitle,
    .gemka-main-content .gemka-projeler__baslik {
        margin-bottom: 26px;
    }
}

/* ==================== ÇÖZÜMLER: 3'LÜ GÖSTERİM ====================
   Ana sayfadaki Çözümler bölümü, Projeler bölümüyle aynı düzende
   satırda üç kart olacak şekilde gösterilir. Çözümler sayfasındaki
   (2'li) düzen bu değişiklikten etkilenmez. */

.gemka-main-content .gemka-solutions__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

/* Üç kolonda kartlar daraldığı için iç boşluklar ve yazılar dengelenir. */
.gemka-main-content .gemka-solution-card__image img {
    padding: 14px;
}

.gemka-main-content .gemka-solution-card__title {
    font-size: 16px;
    margin: 16px 16px 10px 16px;
}

.gemka-main-content .gemka-solution-card__description {
    font-size: 13px;
    line-height: 1.6;
    margin: 0 16px 16px 16px;
    text-align: left;
}

.gemka-main-content .gemka-solution-card__button {
    margin: 0 16px 16px 16px;
    padding: 11px 18px;
    font-size: 13px;
}

@media (max-width: 1100px) {
    .gemka-main-content .gemka-solutions__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
}

@media (max-width: 640px) {
    .gemka-main-content .gemka-solutions__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}