.gramer-nav-container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 0 !important;
    margin-top: 35px !important;
    border-top: 1px dashed #ccc !important;
    font-family: Arial, sans-serif !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.gramer-nav-btn {
    display: inline-flex !important;
    flex-direction: column !important;
    text-decoration: none !important;
    
   /* İstediğiniz Özel Renkler ve Özel Köşe Yuvarlaklıkları */
    color: #ffffff !important; 
    background-color: #55749f !important; /* İstediğiniz buton rengi */
    border: 1px solid #ff8400 !important;   /* İstediğiniz 1px kenarlık rengi */
    border-radius: 14px 2px 36px 14px !important; /* Saat yönü: Sol-Üst, Sağ-Üst, Sağ-Alt, Sol-Alt */
    
    padding: 6px 14px !important;
    width: auto !important;
    max-width: 42% !important; 
    min-width: 120px !important;
    
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.2s ease !important;
}

.gramer-nav-btn:hover {
    /* Fare üzerine geldiğinde renkleri hafifçe canlandırır */
    background-color: #435f87 !important; 
    border-color: #e67700 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-1px) !important;
}

.gramer-nav-next {
    text-align: right !important;
}

.gramer-nav-prev {
    text-align: left !important;
}

.gramer-nav-yon {
    font-size: 0.7rem !important;
    color: #e2e8f0 !important; /* Mavi arka planda rahat okunsun diye açık renk yapıldı */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.gramer-nav-isim {
    font-weight: bold !important; /* Başlıklar daha net görünsün diye kalınlaştırıldı */
    font-size: 0.85rem !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.gramer-nav-mevcut {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 10px !important;
}

.gramer-nav-sayi {
    font-size: 0.75rem !important;
    color: #666666 !important;
    font-weight: bold !important;
}

.gramer-nav-mevcut-isim {
    font-weight: normal !important;
    font-size: 0.8rem !important;
    color: #444444 !important;
    margin-top: 1px !important;
}

.gramer-nav-bosluk {
    width: auto !important;
    min-width: 120px !important;
}

@media (max-width: 600px) {
    .gramer-nav-container {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .gramer-nav-btn {
        max-width: 100% !important;
        width: 100% !important;
        text-align: center !important;
    }
    .gramer-nav-next, .gramer-nav-prev {
        text-align: center !important;
    }
    .gramer-nav-bosluk {
        display: none !important;
    }
}