/* --- Compact Pink Push Notification Card --- */
    .pink-push-overlay {
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0, 0, 0, 0.5); /* Soft dark overlay */
        backdrop-filter: blur(5px);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999999;
        opacity: 0; /* শুরুতে লুকিয়ে থাকবে */
        visibility: hidden; /* শুরুতে লুকিয়ে থাকবে */
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .pink-push-overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .pink-push-card {
        background: #ffffff;
        width: 90%;
        max-width: 320px;
        padding: 25px 20px;
        border-radius: 20px;
        text-align: center;
        box-shadow: 0 15px 35px rgba(236, 72, 153, 0.2);
        transform: translateY(30px) scale(0.95);
        transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
        font-family: 'Segoe UI', Roboto, sans-serif;
        border: 1px solid #fdf2f8;
    }

    .pink-push-overlay.active .pink-push-card {
        transform: translateY(0) scale(1);
    }

    .pink-icon-wrapper {
        width: 65px; height: 65px;
        background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
        border-radius: 50%;
        display: flex; justify-content: center; align-items: center;
        margin: 0 auto 15px auto;
        box-shadow: 0 8px 16px rgba(244, 114, 182, 0.25);
    }

    .pink-push-icon {
        font-size: 32px;
        animation: ringBell 2s infinite;
        transform-origin: top center;
    }

    .pink-push-card h3 {
        margin: 0 0 8px;
        font-size: 18px;
        font-weight: 700;
        color: #be185d;
    }

    .pink-push-card p {
        font-size: 13px; color: #64748b; margin-bottom: 20px; line-height: 1.5;
    }

    .pink-btn-group {
        display: flex; gap: 10px; justify-content: center;
    }

    .pink-btn {
        padding: 10px 15px; border: none; border-radius: 10px;
        font-size: 13px; font-weight: 600; cursor: pointer;
        transition: all 0.3s ease;
    }

    .btn-pink-allow {
        background: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);
        color: white; width: 100%;
        box-shadow: 0 6px 12px rgba(236, 72, 153, 0.3);
    }

    .btn-pink-allow:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 16px rgba(236, 72, 153, 0.4);
    }

    .btn-pink-cancel {
        background: #fdf2f8;
        color: #db2777;
        width: 100%;
    }

    .btn-pink-cancel:hover { background: #fce7f3; }

    .pink-loading-text {
        display: none; font-size: 13px; color: #ec4899; font-weight: 600; margin-top: 15px;
    }

    @keyframes ringBell {
        0% { transform: rotate(0); }
        10% { transform: rotate(15deg); }
        20% { transform: rotate(-10deg); }
        30% { transform: rotate(5deg); }
        40% { transform: rotate(-5deg); }
        50%, 100% { transform: rotate(0); }
    }