#share-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 999;
}

#share-modal {
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    z-index: 1000;
    min-width: 320px;
    box-shadow: 0 4px 30px rgba(0,0,0,.2);
}

#share-modal h2    { margin: 0 0 20px; font-size: 1.2em; }
#share-close       { position: absolute; top: 12px; right: 12px; border: none; background: none; font-size: 1.2em; cursor: pointer; }

#share-links       { display: flex; flex-direction: column; gap: 12px; }
#share-links a     { display: flex; align-items: center; gap: 12px; padding: 10px 16px; border-radius: 6px; text-decoration: none; color: #fff; font-weight: bold; }
#share-links img   { width: 24px; height: 24px; filter: brightness(0) invert(1); }

#share-linkedin    { background: #0077b5; }
#share-facebook    { background: #1877f2; }
#share-mail        { background: #555; }

#share-links a:hover { opacity: .85; }