.social-share{display:inline-block;position:relative}.share-trigger-btn{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;transition:color .2s,border-color .2s;display:flex}.share-trigger-btn:hover{color:#111827;background:0 0;border-color:#9ca3af}.share-trigger-btn svg{width:16px;height:16px}.share-modal-overlay{z-index:1000;cursor:pointer;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.share-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.share-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.share-modal-header h3{color:#212529;margin:0;font-size:18px;font-weight:600}.close-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .2s}.close-btn:hover{color:#495057;background:#f8f9fa}.close-btn svg{width:20px;height:20px}.share-preview{background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:20px 24px}.share-preview p{color:#495057;margin:0 0 8px;font-size:14px;line-height:1.5}.share-url{color:#6c757d;word-break:break-all;background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:6px 8px;font-size:12px;display:block}.share-options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px 24px;display:grid}.share-option{cursor:pointer;color:#495057;background:#fff;border:2px solid #e9ecef;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.share-option:hover{border-color:var(--share-color);background:var(--share-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-icon{font-size:24px;line-height:1}.share-name{font-weight:500}.share-option[data-share=WhatsApp]:hover{background:#25d366;border-color:#25d366}.share-option[data-share=Facebook]:hover{background:#1877f2;border-color:#1877f2}.share-option[data-share=Twitter]:hover{background:#1da1f2;border-color:#1da1f2}.share-option[data-share=LinkedIn]:hover{background:#0077b5;border-color:#0077b5}.share-option[data-share=Telegram]:hover{background:#08c;border-color:#08c}.share-option[data-share=Copy\ Link]:hover{background:#28a745;border-color:#28a745}@media (max-width:480px){.share-modal{max-width:none;margin:10px}.share-modal-header,.share-preview,.share-options{padding-left:16px;padding-right:16px}.share-options{grid-template-columns:repeat(2,1fr)}.share-option{padding:12px 8px}.share-icon{font-size:20px}.share-name{font-size:12px}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.share-option.success{animation:.3s successPulse}