/* GENMYTH micro-animations — transform/opacity based, GPU-cheap, no reflow */

.gm-fade-in{ opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease; }
.gm-fade-in.gm-visible{ opacity:1; transform:translateY(0); }

.gm-btn, .gm-buy-now-btn, ul.products li.product .gm-quick-add a{ will-change:transform; }

/* Recent orders popup (genuine data only — see functions.php) */
#gm-order-popup{
  position:fixed; bottom:24px; left:24px; z-index:9999;
  background:#fff; border:1px solid var(--gm-border);
  border-radius:12px; padding:14px 18px; max-width:300px;
  display:flex; align-items:center; gap:12px;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
  transform:translateY(120%); opacity:0; transition:transform .5s ease, opacity .5s ease;
  font-size:13px;
}
#gm-order-popup.gm-show{ transform:translateY(0); opacity:1; }
#gm-order-popup .gm-order-dot{ width:8px; height:8px; border-radius:50%; background:#22c55e; flex-shrink:0; animation:gmPulse 1.6s infinite; }
@keyframes gmPulse{ 0%,100%{ opacity:1;} 50%{ opacity:.3;} }
#gm-order-popup strong{ color:var(--gm-black); }
#gm-order-popup .gm-order-close{ margin-left:auto; cursor:pointer; color:var(--gm-grey); font-size:14px; }

@media (max-width:640px){
  #gm-order-popup{ left:12px; right:12px; bottom:84px; max-width:none; }
}