.hero {
        position: relative; /* Bu, alt elementlerin konumlandırılması için gereklidir, ancak widget için artık doğrudan gerekli değil */
    }
    
    /* Yeni Sürüklenebilir Sosyal Medya Widget'ı */
    #sticky-social-widget {
        position: fixed;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        background-color: rgba(255, 255, 255, 0.85);
        backdrop-filter: blur(8px);
        border-radius: 25px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        z-index: 1000;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 12px 8px;
        cursor: grab;
        transition: box-shadow 0.3s ease;
    }
    #sticky-social-widget.dragging {
        cursor: grabbing;
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
    }

    #sticky-social-widget a {
        font-size: 1.25rem; /* 20px */
        margin: 10px 0;
        color: #374151; /* gray-700 */
        transition: transform 0.2s ease, color 0.2s ease;
    }

    #sticky-social-widget a:hover {
        transform: scale(1.2);
        color: #ef6603; /* Ana vurgu rengi */
    }