/* Recent purchases toast (real, opt-in buyers only) */
.sales-toast { position: fixed; left: max(16px, env(safe-area-inset-left, 0px)); bottom: calc(90px + env(safe-area-inset-bottom, 0px)); z-index: 940;
  display: flex; align-items: center; gap: 10px; max-width: min(360px, calc(100vw - 32px)); padding: 12px 38px 12px 14px; border-radius: 14px;
  background: #fff; color: #17142b; box-shadow: 0 14px 40px rgba(23, 20, 43, .22); font: 500 .92rem/1.35 system-ui, -apple-system, "Segoe UI", sans-serif; }
.sales-toast[hidden] { display: none; }
.sales-dot { flex: 0 0 10px; height: 10px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 4px rgba(16, 185, 129, .18); }
.sales-x { position: absolute; top: 6px; right: 8px; border: 0; background: none; color: #6b7280; font-size: 1.2rem; cursor: pointer; line-height: 1; }
.sales-toast.in { animation: sales-in .4s ease-out both; } .sales-toast.out { animation: sales-out .4s ease-in both; }
@keyframes sales-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes sales-out { to { opacity: 0; transform: translateY(14px); } }
@media (prefers-reduced-motion: reduce) { .sales-toast.in, .sales-toast.out { animation: none; } }
.sales-body { display: grid; gap: 2px; }
.sales-cta { font-weight: 700; font-size: .85rem; color: #4f2bea; text-decoration: none; }
.sales-cta:hover { text-decoration: underline; }