.share-list { display: grid; gap: 10px; }
.share-item { display: grid; grid-template-columns: 56px 1fr; gap: 10px 12px; align-items: center; padding: 12px; border: 1px solid rgba(127, 127, 127, 0.25); border-radius: 12px; }
.share-thumb { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; }
.share-item .share-body:first-child { grid-column: 1 / -1; }
.share-body { display: grid; gap: 2px; min-width: 0; }
.share-name { font-size: 15px; line-height: 1.25; }
.share-price { font-size: 14px; font-weight: 600; }
.share-price[data-demo="true"]::before { content: "Demo price"; margin-right: 6px; padding: 1px 5px; border-radius: 4px; background: #fff7d6; color: #54450f; font-size: 9.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; }
.share-note { font-size: 12px; opacity: 0.7; }
.share-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.share-btn { min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(127, 127, 127, 0.4); background: transparent; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }
.share-btn.primary { background: #00a884; border-color: #00a884; color: #fff; font-weight: 600; }
.share-btn:disabled { opacity: 0.6; cursor: default; }
.share-btn:focus-visible { outline: 2px solid #00a884; outline-offset: 2px; }
.share-feedback { font-size: 12px; opacity: 0.8; word-break: break-all; }
.share-empty { margin: 0; font-size: 14px; opacity: 0.7; }