.product-share{position:relative;display:inline-flex;align-items:center;margin:14px 0 0 10px;vertical-align:middle}
.share-trigger{width:46px;height:46px;padding:0;border:1px solid #d5dce5;border-radius:50%;display:grid;place-items:center;background:#fff;color:#394554;cursor:pointer;box-shadow:0 4px 14px #102b5114;transition:transform .18s,box-shadow .18s}
.share-trigger:hover{transform:translateY(-1px);box-shadow:0 7px 18px #102b5122}
.share-trigger:focus-visible{outline:3px solid #80bfff;outline-offset:2px}
.share-trigger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.share-menu{position:absolute;z-index:30;left:0;bottom:54px;width:210px;padding:10px;border:1px solid #dbe1e8;border-radius:13px;background:#fff;box-shadow:0 14px 38px #102b5128}
.share-menu[hidden]{display:none}
.share-menu strong{display:block;padding:6px 9px 9px;font:700 14px Arial,sans-serif;color:#263548}
.share-menu a,.share-menu button{display:block;width:100%;padding:10px 9px;border:0;border-radius:8px;background:transparent;color:#263548;text-align:left;text-decoration:none;font:700 14px Arial,sans-serif;cursor:pointer}
.share-menu a:hover,.share-menu button:hover{background:#f1f5f9}
.share-status{position:absolute;left:0;top:52px;width:220px;color:#16834a;font:700 13px Arial,sans-serif}
@media(max-width:600px){.product-share{margin-left:8px}.share-menu{left:auto;right:0}.share-status{left:auto;right:0;text-align:right}}