/* PURCHASE TOASTER */

/* DESKTOP LARGE */
.pj-toast { position:fixed; left:24px; bottom:24px; width:290px; padding:10px 12px; background:#fff; border:1px solid rgba(15,23,42,.06); border-radius:11px; box-shadow:0 10px 28px rgba(15,23,42,.12),0 3px 8px rgba(15,23,42,.05); z-index:99999; overflow:hidden; box-sizing:border-box; }
.pj-toast::before { content:""; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg,#16a34a,#22c55e); }
.pj-toast-header { display:flex; align-items:center; gap:5px; margin-bottom:5px; padding-right:18px; color:#64748b; font-size:8px; font-weight:600; line-height:1.2; }
.pj-toast-status { position:relative; width:7px; height:7px; min-width:7px; border-radius:50%; background:#22c55e; }
.pj-toast-close { position:absolute; top:5px; right:5px; width:19px; height:19px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; color:#94a3b8; font-size:7px; cursor:pointer; }
.pj-toast-content { display:flex; align-items:center; gap:8px; min-width:0; }
.pj-toast-avatar { width:38px; height:38px; min-width:38px; padding:2px; border-radius:50%; background:linear-gradient(135deg,#22c55e,#0ea5e9); box-sizing:border-box; }
.pj-toast-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:50%; border:1px solid #fff; }
.pj-toast-info { flex:1; min-width:0; }
.pj-toast-user { display:flex; align-items:baseline; gap:3px; margin-bottom:1px; color:#64748b; font-size:7px; line-height:1.2; }
.pj-toast-user b { max-width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#172b4d; font-size:10px; font-weight:700; }
.pj-toast-product { max-width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#155eef; font-size:11px; font-weight:700; line-height:1.2; }
.pj-toast-footer { display:flex; align-items:center; margin-top:3px; }
.pj-toast-verified { display:flex; align-items:center; gap:3px; color:#16a34a; font-size:6.5px; line-height:1; white-space:nowrap; }
.pj-toast-verified i { width:10px; height:10px; min-width:10px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#22c55e; color:#fff; font-size:4px; }
.pj-toast-time { display:none; }

/* LAPTOP */
@media (min-width:992px) and (max-width:1199px) {
.pj-toast { left:20px; bottom:20px; width:280px; padding:9px 11px; }
.pj-toast-avatar { width:36px; height:36px; min-width:36px; }
.pj-toast-user b { max-width:115px; font-size:9px; }
.pj-toast-product { max-width:195px; font-size:10px; }
}

/* TABLET */
@media (min-width:768px) and (max-width:991px) {
.pj-toast { left:16px; bottom:16px; width:270px; padding:9px 10px; border-radius:10px; }
.pj-toast-header { font-size:7px; margin-bottom:4px; }
.pj-toast-content { gap:7px; }
.pj-toast-avatar { width:35px; height:35px; min-width:35px; }
.pj-toast-user { font-size:6.5px; }
.pj-toast-user b { max-width:105px; font-size:9px; }
.pj-toast-product { max-width:185px; font-size:10px; }
.pj-toast-verified { font-size:6px; }
}

/* MOBILE */
@media (min-width:481px) and (max-width:767px) {
.pj-toast { left:12px; bottom:75px; width:265px; padding:8px 10px; border-radius:10px; }
.pj-toast-header { gap:4px; margin-bottom:4px; font-size:7px; }
.pj-toast-status { width:6px; height:6px; min-width:6px; }
.pj-toast-content { gap:7px; }
.pj-toast-avatar { width:33px; height:33px; min-width:33px; padding:1.5px; }
.pj-toast-user { font-size:6.5px; }
.pj-toast-user b { max-width:100px; font-size:8.5px; }
.pj-toast-product { max-width:180px; font-size:9.5px; }
.pj-toast-verified { font-size:5.8px; }
.pj-toast-verified i { width:9px; height:9px; min-width:9px; font-size:4px; }
}

/* SMALL MOBILE */
@media (max-width:480px) {
.pj-toast { left:10px; bottom:76px; width:250px; max-width:calc(100vw - 20px); padding:7px 9px; border-radius:9px; }
.pj-toast-header { gap:4px; margin-bottom:3px; padding-right:15px; font-size:6px; }
.pj-toast-status { width:6px; height:6px; min-width:6px; }
.pj-toast-content { gap:6px; }
.pj-toast-avatar { width:30px; height:30px; min-width:30px; padding:1px; }
.pj-toast-avatar img { border-width:1px; }
.pj-toast-user { gap:2px; margin-bottom:1px; font-size:6px; }
.pj-toast-user b { max-width:85px; font-size:8px; }
.pj-toast-product { max-width:170px; font-size:9px; line-height:1.15; }
.pj-toast-footer { margin-top:2px; }
.pj-toast-verified { gap:2px; font-size:5.5px; }
.pj-toast-verified i { width:8px; height:8px; min-width:8px; font-size:3.5px; }
.pj-toast-verified b { max-width:65px; }
.pj-toast-close { top:3px; right:3px; width:17px; height:17px; font-size:6px; }
}