/* KARIGAR 1.26.12 — Real-data Momentum & Recent Activity */
.recent-order-toast{
  position:fixed;
  left:clamp(.85rem,2vw,1.5rem);
  bottom:clamp(.9rem,2vw,1.4rem);
  z-index:54;
  width:min(390px,calc(100vw - 1.7rem));
  opacity:0;
  transform:translateY(16px) scale(.985);
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}
.recent-order-toast.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.recent-order-toast-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:.9rem;
  min-height:92px;
  padding:1rem 2.7rem 1rem 1rem;
  border:1px solid rgba(86,58,43,.11);
  border-radius:22px;
  background:rgba(251,247,242,.96);
  box-shadow:0 18px 46px rgba(41,30,23,.17);
  backdrop-filter:blur(14px);
  color:#201712;
  text-decoration:none;
}
.recent-order-toast-item[hidden]{display:none!important}
.recent-order-toast-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(145deg,#efe2d4,#f8f1ea);
  color:#9e5f38;
}
.recent-order-toast-icon svg{width:23px;height:23px}
.recent-order-toast-copy{display:grid;gap:.16rem;min-width:0}
.recent-order-toast-copy small{
  color:#9a684b;
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.recent-order-toast-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#1d1713;
  font-size:.98rem;
}
.recent-order-toast-copy>span{
  color:#75685f;
  font-size:.78rem;
}
.recent-order-toast-arrow{color:#9b6848;font-size:1.1rem}
.recent-order-toast-close{
  position:absolute;
  top:.55rem;
  right:.65rem;
  z-index:2;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#81746c;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
}
.recent-order-toast-close:hover{background:rgba(72,52,42,.06);color:#2d211b}

.product-momentum{
  margin:1rem 0 1.25rem;
  padding:1rem;
  border:1px solid rgba(92,63,45,.09);
  border-radius:22px;
  background:linear-gradient(180deg,#fbf8f4,#f6f0e9);
  box-shadow:0 8px 24px rgba(64,45,34,.05);
}
.product-momentum-head{
  display:flex;
  align-items:center;
  gap:.8rem;
  padding:.15rem .1rem .85rem;
  border-bottom:1px solid rgba(92,63,45,.08);
}
.product-momentum-mark,
.product-momentum-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#a8653d;
  background:#efe3d7;
}
.product-momentum-mark{width:38px;height:38px;border-radius:13px}
.product-momentum-mark svg{width:19px;height:19px}
.product-momentum-head>div{display:grid;gap:.08rem}
.product-momentum-head small{
  color:#a16b4c;
  font-size:.67rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.product-momentum-head strong{font-size:.88rem;color:#2d231d;font-weight:700}
.product-momentum-grid{display:grid;gap:.55rem;padding-top:.75rem}
.product-momentum-item{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-height:54px;
  padding:.55rem .65rem;
  border-radius:15px;
  background:rgba(255,255,255,.58);
}
.product-momentum-icon{width:36px;height:36px;border-radius:12px}
.product-momentum-icon svg{width:18px;height:18px}
.product-momentum-item p{margin:0;display:grid;gap:.08rem}
.product-momentum-item strong{font-size:.87rem;color:#2a211b}
.product-momentum-item small{font-size:.74rem;color:#776b63;line-height:1.35}

@media(max-width:640px){
  .recent-order-toast{left:.65rem;bottom:.65rem;width:calc(100vw - 1.3rem)}
  .recent-order-toast-item{grid-template-columns:42px minmax(0,1fr) auto;min-height:84px;padding:.85rem 2.5rem .85rem .85rem;border-radius:18px}
  .recent-order-toast-icon{width:42px;height:42px;border-radius:14px}
  .recent-order-toast-copy strong{font-size:.92rem}
  .product-momentum{padding:.85rem;border-radius:18px}
}

@media(prefers-reduced-motion:reduce){
  .recent-order-toast{transition:none}
}
