/* Compact share row on the product detail page. It rides the brand line above
   the product title, so it stays clear of the buy box. Icons only: each button
   carries its channel name as its accessible name and its tooltip. */
.productShare{position:relative;display:flex;align-items:center;gap:6px;margin:0}
.pdBrandRow #pdShare{margin-left:auto}
/* The heading names the group for assistive technology without taking space. */
.psTitle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}
/* Wraps rather than overflowing when the brand line gets narrow, and stays
   right-aligned with the row it rides on. */
.psRow{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.psBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#fff;border:1px solid #dbe4f3;border-radius:50%;font:inherit;color:var(--pd-muted,#55647b);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.psBtn:hover{background:#edf3ff;border-color:#c7d9f5;color:var(--pd-accent,#034dc3)}
.psBtn:focus-visible{outline:3px solid var(--pd-accent,#034dc3);outline-offset:2px}
.psBtn:disabled{opacity:.65;cursor:wait}
.psBtn.psPrimary{background:#edf3ff;border-color:#c7d9f5;color:var(--pd-accent,#034dc3)}
.psBtn.psPrimary:hover{background:#e2edff}
.psBtn svg{width:16px;height:16px;flex:none}
/* The confirmation floats, so showing it never moves the title or the buy box. */
.psStatus{position:absolute;top:calc(100% + 6px);right:0;z-index:5;max-width:min(260px,78vw);margin:0;padding:8px 10px;background:#fff;border:1px solid #cfe0d6;border-radius:8px;box-shadow:0 6px 18px rgba(16,32,59,.14);font-size:12px;line-height:1.5;color:#185c3c;overflow-wrap:anywhere}
.psStatus[hidden]{display:none}
@media(max-width:560px){.productShare{gap:4px}.psRow{gap:4px}.psBtn{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.psBtn{transition:none}}