#purchase-popup-container {
    position: fixed;
    bottom: 80px; /* 💡 Kwenye Desktop itakuwa pixel 80 kutoka chini badala ya 20 */
    left: 20px;
    z-index: 99999;
    pointer-events: none;
}

/* --- Mobile Specific Fix (Kwa ajili ya Simu) --- */
@media (max-width: 480px) {
    #purchase-popup-container {
        /* 💡 Kama sticky footer yako ni nene, unaweza kuongeza hapa hadi 100px au 120px */
        bottom: 110px !important; 
        left: 15px; /* Kusogeza pembeni kidogo ili kuwapa nafasi watumiaji wa simu */
        right: 15px; /* Inasaidia kama unataka iji-stretch au ikae vizuri kwenye vioo vidogo */
    }
}

.purchase-popup {
    background: #ffffff;
    padding: 12px 18px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-left: 5px solid #0d9488;
    margin-bottom: 10px;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.5s ease-in-out;
    max-width: 280px;
    pointer-events: auto; /* 💡 Muhimu: Inaruhusu mtu kuweza kubofya link ya popup kama ipo */
}

.purchase-popup.show {
    opacity: 1;
    transform: translateX(0);
}

.popup-content { display: flex; align-items: center; gap: 10px; }
.popup-name { display: block; font-weight: bold; color: #1e293b; font-size: 14px; }
.popup-action { display: block; color: #475569; font-size: 12px; }
.popup-time { color: #94a3b8; font-size: 10px; text-transform: uppercase; }