.share-wrapper{position:relative;display:inline-block}.share-btn{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--c-gray-100);color:var(--c-gray-800);border:1px solid var(--c-border);border-radius:var(--radius-lg);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all var(--transition-base)}.share-btn:hover{background:var(--c-gray-200)}.share-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:var(--c-gray-900);border-radius:var(--radius-xl);padding:var(--space-2);box-shadow:var(--shadow-xl);min-width:200px;z-index:100;display:flex;flex-direction:column;gap:var(--space-1);animation:fadeInScale .2sease forwards}.share-menu:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--c-gray-900)}.share-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);color:var(--c-white);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--fs-sm);font-weight:500;transition:background .2s;white-space:nowrap}.share-item:hover{background:#ffffff1a}.share-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center}.share-icon svg,.share-icon img{width:100%;height:100%}.share-icon--tg{background:#2aabee;color:#fff}.share-icon--vk{background:#07f;color:#fff}.share-icon--ok{background:#ee8208;color:#fff}.share-icon--wa{background:#25d366;color:#fff}.share-icon--copy{background:#fff3;color:#fff}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-10px) scale(1)}}@media(max-width:480px){.share-menu{left:auto;right:0;transform:translateY(-10px)}.share-menu:after{left:auto;right:20px;transform:none}}