#psp-popup {
    position: fixed;
    background: #fff;
    border: 1px solid #ddd;
    padding: 15px 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
    font-size: 16px;
    font-family: inherit;
    z-index: 9999;
    border-radius: 10px;
    max-width: 320px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    transform-origin: center;
    line-height: 1.55;
}

#psp-popup strong { font-weight: 600; }

#psp-popup.psp-visible {
    animation: psp-pop 0.6s ease-out;
}

#psp-popup.psp-has-close {
    padding-right: 48px;
}

#psp-popup .psp-content {
    display: block;
}

#psp-popup .psp-close {
    position: absolute;
    top: 8px;
    inset-inline-end: 10px;
    background: transparent;
    border: none;
    color: #555;
    font-size: 14px;
    cursor: pointer;
    padding: 4px 6px;
    line-height: 1;
    transition: color 0.2s ease;
}

#psp-popup .psp-close:hover,
#psp-popup .psp-close:focus {
    color: #111;
    outline: none;
}

#psp-popup.psp-rtl {
    direction: rtl;
    text-align: right;
}

#psp-popup.psp-ltr {
    direction: ltr;
    text-align: left;
}

.bottom-left { bottom: 0; left: 0; }
.bottom-right { bottom: 0; right: 0; }
.top-left { top: 0; left: 0; }
.top-right { top: 0; right: 0; }

@keyframes psp-pop {
    0% { transform: translateY(10px) scale(0.96); }
    55% { transform: translateY(-4px) scale(1.03); }
    100% { transform: translateY(0) scale(1); }
}

@media (max-width: 600px) {
    #psp-popup {
        font-size: 14px;
        max-width: 90%;
        inset-inline-start: 5% !important;
        inset-inline-end: auto !important;
        line-height: 1.6;
        padding: 14px 18px;
    }

    #psp-popup.psp-has-close {
        padding-inline-end: 46px;
    }

    #psp-popup .psp-close {
        font-size: 13px;
    }
}