/* Recent purchases feed — landing section and /recent/. Anonymous: what was bought and when, never who. */
.feed{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.feed li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;
  background:linear-gradient(180deg,rgba(34,16,25,.88),rgba(20,9,14,.92)) padding-box,linear-gradient(150deg,rgba(255,255,255,.13),rgba(255,255,255,.03) 40%,rgba(224,56,43,.26)) border-box;
  border:1px solid transparent}
.feed li.fresh{animation:feed-in .7s cubic-bezier(.2,.8,.2,1)}
@keyframes feed-in{from{opacity:0;transform:translateY(-8px)}}
.feed .k{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:20px;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,rgba(196,22,58,.35),rgba(74,30,58,.35));border:1px solid rgba(224,56,43,.3)}
.feed .k.stock{background:linear-gradient(135deg,rgba(242,134,42,.32),rgba(74,30,58,.35));border-color:rgba(242,134,42,.35)}
.feed .k.resale{background:linear-gradient(135deg,rgba(79,191,138,.25),rgba(74,30,58,.35));border-color:rgba(79,191,138,.3)}
.feed b{display:block;color:#F4ECE6;font-size:16px;line-height:1.7}
.feed small{display:block;color:#8C7774;font-size:13px;line-height:1.6}
.feed time{color:#C9B8B0;font-size:13px;white-space:nowrap}
.feed .empty{display:block;text-align:center;color:#8C7774;padding:22px}
.feed-live{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#C9B8B0}
.feed-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#4FBF8A;box-shadow:0 0 0 0 rgba(79,191,138,.6);animation:feed-pulse 2s infinite}
@keyframes feed-pulse{70%{box-shadow:0 0 0 9px rgba(79,191,138,0)}100%{box-shadow:0 0 0 0 rgba(79,191,138,0)}}
@media (prefers-reduced-motion:reduce){.feed li.fresh,.feed-live::before{animation:none}}
@media (max-width:520px){.feed li{gap:10px;padding:12px}.feed .k{width:36px;height:36px;font-size:17px}.feed b{font-size:15px}}