.flex-control-nav li a {
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    font-size: 16px !important;
    border-radius: 50%;
    text-align: center;
    background-color: #fff !important;
    text-decoration: none;
    color: #333;
    margin: 0 5px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}



.flex-control-nav li a {
    border-bottom: none;
}

    .flex-control-nav li a.flex-active {
        animation: approachEffect 0.3s ease;
        width: 25px !important;
        height: 25px !important;
        font-size: 20px !important;
    }

.grid > li {
    opacity: inherit !important;
}

/* Mevcut .grid kısmını bununla değiştirin */
.grid, #GundemWrapper ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 25px !important;
    align-items: stretch !important;
    list-style: none !important; /* Noktaları kaldırmak için */
    padding: 0 !important;
}

.GundemBoxTags {
    margin-left: 0px !important;
}
/* ===== GENEL GRID DÜZENİ ===== */
.grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Yan yana 2'li düzen */
    gap: 25px !important;
    align-items: stretch !important;
}

@media (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr !important;
    }
}

/* Sadece bu iki tanımı güncellemen yeterli */
.GundemBoxer {
    display: flex !important;
    flex-direction: column !important;
    /* height: 580px !important; /* Kartın toplam yüksekliği */ */ position: relative;
    background: #fff;
}


/* Görsel Alanı */
.GundemBox img, .GundemBoxGallery img {
    /* height: 200px !important;  */
    object-fit: cover !important;
}

/* 	.GundemBoxSummary {
		height: 70px !important;
		overflow: hidden;
	} */

.GundemBoxSummary a {
    font-weight: bold;
    font-size: 16px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.GundemBoxText {
    /* height: 100px !important; */
    margin-left: 10px !important;
    /* overflow: hidden !important;  */
}

    .GundemBoxText p {
        display: -webkit-box !important;
        -webkit-line-clamp: 12; /* Metni 4 satırla sınırla */
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-right: 10px;
        font-size: 13px;
        line-height: 1.5;
    }

/* Mobil için özel düzenleme - 12 satır göster */
@media (max-width: 767px) {
    .GundemBoxText p {
        display: -webkit-box !important;
        -webkit-line-clamp: 12 !important; /* Mobilde de 12 satır göster */
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        margin-right: 10px;
        font-size: 13px !important;
        line-height: 1.5 !important;
        max-height: none !important; /* Yükseklik sınırını kaldır */
        height: auto !important;
    }
    
    .GundemBoxText {
        max-height: none !important; /* Container yükseklik sınırını kaldır */
        height: auto !important;
        overflow: visible !important;
    }
    
    .GundemBoxer {
        height: auto !important; /* Kart yüksekliğini serbest bırak */
        min-height: auto !important;
    }
}

/* Etiket/Tag Alanı */
.GundemBoxTags {
    /* height: 50px !important; /* Etiketler için sabit yer */ */ padding: 5px 10px !important;
    /* overflow: hidden; */
    /* border-top: 1px solid #f9f9f9; */
    margin: 22px auto 14px auto;
    padding: 10px !important;
}

/* İstatistik Alanı (Yorum, Beğeni, Göz) */
.GundemStats {
    margin-top: auto !important; /* En alta yapıştır */
    padding: 10px !important;
    border-top: 1px solid #eee;
    display: flex !important;
    gap: 15px;
}

/* Gereksiz boşlukları temizle */
.ClearBoth, br {
    display: none !important;
}
/* TAG İKON DÜZELTME */
.GundemBoxTags .Row {
    overflow: hidden;
}

.GundemBoxTags .Tags {
    background-image: url('/images/icons/tag.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
    display: inline-block;
    min-height: 18px;
    line-height: 18px;
}