/* Minimalist modern popup with CSS variables */
.wsn-popup{
  position: fixed;
  bottom: var(--wsn-offy,20px);
  left: var(--wsn-offx,20px);
  display:flex; align-items:center; gap:12px;
  background: var(--wsn-bg,#fff);
  color: var(--wsn-text,#222);
  border-radius: var(--wsn-radius,32px);
  padding:10px 14px;
  box-shadow: var(--wsn-shadow,0 6px 20px rgba(0,0,0,.12));
  font-family: var(--wsn-font, Poppins, Arial, sans-serif);
  font-weight:400;
  max-width: 340px; z-index: 999999;
  animation: wsn-fadein .35s ease both;
}
.wsn-popup.wsn-right{ left:auto; right: var(--wsn-offx,20px); }
.wsn-img{ width:var(--wsn-img,46px); height:var(--wsn-img,46px); border-radius:50%; object-fit:cover; flex:0 0 var(--wsn-img,46px); }
.wsn-text{ line-height:1.35; }
.wsn-line1{ margin:0; font-size:var(--wsn-line1,13px); font-weight:400; color: var(--wsn-text,#555); }
.wsn-product{ margin:2px 0 2px; font-size:var(--wsn-product-size,14px); font-weight:600; color:var(--wsn-product,#1a7c2e); }
.wsn-time{ font-size:var(--wsn-time-size,11px); color: var(--wsn-time,#999); }
.wsn-close{
  background:transparent; border:none; font-size:18px; line-height:1; padding:2px 4px; cursor:pointer; color:#aaa;
}
@keyframes wsn-fadein{ from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:translateY(0)} }