if (window.location.pathname === '/' || window.location.pathname === '') {

    var toggleKey = 'popup_status_royal_rose';

    var currentStatus = localStorage.getItem(toggleKey);

    if (currentStatus === null || currentStatus === 'show') {

        var royalRosePopup = `
            <div id="free-popup-modal" class="popup-overlay" style="display:none;">
                <div class="popup-content">
                    <span class="close-popup" onclick="window.closePopup()">&times;</span>
                    
                    <h2 style="color:#6F1213; margin-bottom:10px; font-family:inherit;">حيَاك الله في متجرنا رويال روز</h2>
                    
                    <p style="color:#707597; margin-bottom:20px; font-family:inherit; font-size: 15px; white-space: nowrap;">
                        استخدم كود الخصم التالي للحصول على تخفيض خاص في طلبك الأول
                    </p>
                    
                    <div class="coupon-box">ROZE26</div>
                    
                    <a href="/offers" class="popup-btn">تسوق العروض الآن</a>
                    
                </div>
            </div>

            <style>
                .popup-overlay {
                    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
                    background-color: rgba(0, 0, 0, 0.6);
                    z-index: 2147483647;
                    justify-content: center; align-items: center;
                    display: flex;
                }

                .popup-content {
                    background-color: #fff; 
                    padding: 25px;
                    border-radius: 15px;
                    width: 90%; 
                    max-width: 550px; 
                    text-align: center;
                    position: relative;
                    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
                    animation: popUpAnimation 0.5s ease-out forwards;
                }

                @media only screen and (max-width: 600px) {
                    .popup-content p {
                        white-space: normal !important;
                        font-size: 14px !important;
                    }
                }

                .close-popup {
                    position: absolute; top: 10px; right: 15px;
                    font-size: 30px; line-height: 20px; font-weight: bold; color: #aaa; cursor: pointer;
                }
                .close-popup:hover { color: #6F1213; }

                .coupon-box {
                    background: #fffafa; border: 2px dashed #6F1213;
                    padding: 15px; font-weight: bold; font-size: 20px;
                    margin: 20px 0; color: #333; letter-spacing: 2px;
                }

                .popup-btn {
                    background-color: #a86c6f; color: #ffffff !important;
                    padding: 12px 25px; text-decoration: none;
                    border-radius: 5px; font-weight: bold; display: inline-block;
                    transition: background 0.3s;
                }
                .popup-btn:hover { background-color: #6F1213; }

                @keyframes popUpAnimation {
                    from { opacity: 0; transform: scale(0.7); }
                    to { opacity: 1; transform: scale(1); }
                }
            </style>
        `;

        document.body.insertAdjacentHTML('beforeend', royalRosePopup);

        setTimeout(function () {
            var modal = document.getElementById('free-popup-modal');
            if (modal) {
                modal.style.display = 'flex';
            }
        }, 1500);

        window.closePopup = function () {
            var modal = document.getElementById('free-popup-modal');
            if (modal) {
                modal.style.display = 'none';
            }
        };

        localStorage.setItem(toggleKey, 'hide');

    } else {
        localStorage.setItem(toggleKey, 'show');
    }
}