/* 샵 화면 CSS — shared 영역
 * 화면: deal.view, product_view
 * :where(.pg-화면이름) 이 붙은 규칙은 그 화면에만 적용된다(우선순위는 그대로). 규칙: public/css/shop/README.md */


/* ───────── partials/share_button ───────── */
/* resources/views/shop/partials/share_button.blade.php (본문) 에서 분리 — 이 화면 전용 스타일 */
.sp-share-btn {
        display:inline-flex; align-items:center; justify-content:center;
        width:38px; height:38px; padding:0;
        border:1px solid var(--gm-border,#e0e0e0); border-radius:50%;
        background:#fff; color:#555; cursor:pointer;
        transition:background .15s, color .15s, border-color .15s;
}
.sp-share-btn:hover { background:#f6f7f9; color:var(--gm-primary-dark,#188fb0); border-color:#cfd4da; }
.sp-share-btn:active { transform:scale(.94); }
/* 링크 복사 완료 토스트 */
.sp-share-toast {
        position:fixed; left:50%; bottom:84px; transform:translate(-50%,12px);
        background:#222; color:#fff; font-size:13px; padding:9px 16px; border-radius:20px;
        opacity:0; pointer-events:none; transition:opacity .25s, transform .25s; z-index:9999;
}
.sp-share-toast.show { opacity:1; transform:translate(-50%,0); }