/* Sabit WhatsApp Buton Tasarımı */
.whatsapp-fixed-btn {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    background-color: #25d366 !important;
    width: 70px !important;
    height: 70px !important;
    border-radius: 50% !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4) !important;
    z-index: 999999 !important; /* Sayfadaki her şeyin üstünde olması için maksimum değer */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out !important;
    text-decoration: none !important;
    color:white;
}

    /* Üzerine gelince hafif büyüme efekti */
    .whatsapp-fixed-btn:hover {
        background-color: #20ba5a !important;
        transform: scale(1.1) !important;
        color:#000000;
    }

/* Mobil cihazlar için yerleşim */
@media (max-width: 768px) {
    .whatsapp-fixed-btn {
        width: 70px !important;
        height: 70px !important;
        bottom: 20px !important;
        right: 20px !important;
    }

        .whatsapp-fixed-btn svg {
            width: 40px !important;
            height: 40px !important;
        }
}

/* Sabit Garanti Butonu Tasarımı (Sadece Mobil) */
.garanti-fixed-btn {
    display: none !important; /* Masaüstünde tamamen gizler */
    position: fixed !important;
    bottom: 105px !important;
    right: 25px !important;
    background-color: #ebc763 !important;
    border-radius: 50% !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4) !important;
    z-index: 999999 !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out !important;
    text-decoration: none !important;
    color: white !important;
}

    /* Üzerine gelince hover efekti */
    .garanti-fixed-btn:hover {
        background-color: #04000b !important;
        transform: scale(1.1) !important;
        color: white !important;
    }

/* Mobil cihazlar için yerleşim ve görünürlük */
@media (max-width: 768px) {
    .garanti-fixed-btn {
        display: flex !important; /* Sadece mobilde görünür yapar */
        width: 70px !important;
        height: 70px !important;
        bottom: 100px !important; /* WhatsApp butonunun hemen üstünde kalması için */
        right: 20px !important;
    }
}