:root {
    --ana-yesil: #2d4038; 
    --altin: #c5a059; 
}

* { box-sizing: border-box !important; }

/* ANA KARTIN KENDİSİ */
.kozmik-sonuc-kart > div {
    position: relative !important; /* Çelik halatın bağlı olduğu direk */
    min-height: 400px !important; /* Hem PC hem Mobil için devasa emniyet alanı */
    padding-bottom: 90px !important; /* Butonların üzerine yazı binmesin diye alt boşluk */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Metni merkeze asar */
}

/* METİN ALANI */
.olumlama-kart-iskelet {
    width: 100% !important;
    text-align: center !important;
    /* Artık burada min-height olmasına gerek yok, ana kutu koruyor */
}

/* BUTONLAR: İŞTE KESİN ÇÖZÜM BURASI */
.olumlama-aksiyon-grubu {
    position: absolute !important; /* Metinden bağımsız, özgür bir ruh */
    bottom: 30px !important; /* Kutunun en altından tam 30px yukarıda SABİTLE */
    left: 50% !important;
    transform: translateX(-50%) !important; /* Yatayda milimetrik ortala */
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    z-index: 10 !important;
}

/* MOBİL ÖZEL MÜDAHALE */
@media screen and (max-width: 768px) {
    /* 1. ANA KUTU: Sabit bir oda oluşturuyoruz */
    .kozmik-sonuc-kart > div {
        position: relative !important; /* Butonların referans noktası */
        min-height: 480px !important; /* Mobilde en uzun cümleyi bile içine alan dev alan */
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important; /* Yazıyı tam merkeze asar */
        padding-bottom: 100px !important; /* Butonların üzerine yazı binmesin diye emniyet şeridi */
        box-sizing: border-box !important;
    }

    /* 2. METİN: Artık zıplamaya sebep olamaz */
    .olumlama-metni {
        font-size: 1.15rem !important;
        line-height: 1.6 !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }

    /* 3. BUTONLAR: İŞTE ÇÖZÜM BURASI (Absolute Positioning) */
    .olumlama-aksiyon-grubu {
        position: absolute !important; 
        bottom: 25px !important; /* Kutunun en dibinden tam 25px yukarıda çakılı kal! */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important;
        margin: 0 !important;
    }

    .olumlama-aksiyon-grubu button {
        flex: none !important; /* Genişliklerinin bozulmasını engelle */
    }
}