/* Compact rotating Salesproof / FOMO notification */
.salesproof.salesproof-rotator{
  width:330px;
  max-width:calc(100vw - 28px);
  padding:0;
  overflow:hidden;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 24px 70px rgba(17,24,39,.20);
  backdrop-filter:blur(18px);
  animation:salesproofEnter .28s ease both;
}
.salesproof-rotator .salesproof-close{
  position:absolute;
  right:10px;
  top:10px;
  width:28px;
  height:28px;
  min-width:28px;
  padding:0;
  border-radius:999px;
  background:rgba(15,23,42,.08);
  color:#0f172a!important;
  box-shadow:none;
  z-index:2;
  font-size:20px;
  line-height:1;
}
.salesproof-rotator .salesproof-close:hover{
  transform:none;
  background:rgba(239,68,68,.12);
  color:#be123c!important;
}
.salesproof-rotator .salesproof-kicker{
  margin:0;
  padding:12px 44px 10px 14px;
  border:none;
  background:linear-gradient(135deg,#fff7ed,#fdf2f8,#eef2ff);
  font-size:.86rem;
  font-weight:950;
  color:#7c2d12;
}
.salesproof-rotator strong:before{content:''!important}
.salesproof-rotator .salesproof-live{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:0;
  padding:14px 14px 18px;
  border:none;
  transition:opacity .18s ease,transform .18s ease;
}
.salesproof-rotator .salesproof-avatar{
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:none;
  border-radius:15px;
  background:linear-gradient(135deg,#ff6b00,#ff3ea5,#7c3aed);
  color:#fff;
  font-size:1.35rem;
  box-shadow:0 12px 26px rgba(124,58,237,.22);
}
.salesproof-rotator .salesproof-content{
  min-width:0;
  margin:0;
  padding:0;
  border:none;
}
.salesproof-rotator .salesproof-content b{
  display:block;
  color:#111827;
  line-height:1.25;
  font-size:.95rem;
}
.salesproof-rotator .salesproof-content small{
  display:block;
  margin-top:5px;
  color:#64748b;
  font-weight:800;
}
.salesproof-rotator .salesproof-progress{
  height:3px;
  margin:0;
  padding:0;
  border:none;
  background:#eef2ff;
}
.salesproof-rotator .salesproof-progress i{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#ff6b00,#ff3ea5,#7c3aed,#00d4ff);
}
.salesproof-rotator .salesproof-counter{
  position:absolute;
  right:12px;
  bottom:8px;
  margin:0;
  padding:3px 7px;
  border:none;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  color:#64748b;
  font-size:.72rem;
  font-weight:900;
}
.salesproof-rotator .salesproof-feed{display:none!important}
.salesproof-rotator.is-switching .salesproof-live{
  opacity:0;
  transform:translateY(5px);
}
.salesproof-rotator.is-closing{
  animation:salesproofClose .18s ease both;
}
@keyframes salesproofEnter{
  from{opacity:0;transform:translateY(12px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes salesproofClose{
  to{opacity:0;transform:translateY(10px) scale(.96)}
}
@media(max-width:760px){
  .salesproof.salesproof-rotator{
    position:fixed;
    left:12px;
    right:12px;
    bottom:84px;
    width:auto;
    margin:0;
    z-index:34;
  }
}