/* Mobil Sosyal Butonlar Özel CSS */
@media screen and (max-width: 768px) {
    .social-icons {
        position: fixed !important;
        right: 0 !important;
        top: 420px !important; /* Sabit piksel değeri ile 3 tık aşağı */
        transform: none !important; /* translateY(-50%) varsa iptal et */
        display: block !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 9999 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }

    .social-icon {
        display: block !important;
        width: 45px !important;
        height: 45px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        border: none !important;
        float: none !important;
        position: static !important;
    }
    
    .social-icons a {
        position: static !important;
    }

    .social-icon.whatsapp {
        background-color: #25D366 !important;
        position: static !important;
    }

    .social-icon.phone {
        background-color: #3498db !important;
        position: static !important;
    }

    .social-icon.mail {
        background-color: #e74c3c !important;
        position: static !important;
    }

    .social-icon.address {
        background-color: #f39c12 !important;
        position: static !important;
    }

    .social-icon i {
        display: block !important;
        font-size: 20px !important;
        line-height: 45px !important;
        color: white !important;
        text-align: center !important;
        position: static !important;
    }

    .social-icon span {
        display: none !important;
    }
}