(function() {
    function applyStrictFooterRedesign() {
        const footerContainer = document.querySelector('.store-footer__inner .container');
        if (!footerContainer || footerContainer.classList.contains('redesign-applied')) return;

        // Fetch Quick Links
        const linkElements = document.querySelectorAll('.store-links-items a');
        let quickLinksHTML = '';
        linkElements.forEach(a => {
            quickLinksHTML += `<li><a href="${a.href}">${a.textContent.trim()}</a></li>`;
        });
        if (!quickLinksHTML) {
            quickLinksHTML = `
                <li><a href="/redirect/pages/1023323585">من نحن</a></li>
                <li><a href="/latest-products">منتجات</a></li>
                <li><a href="/-/c1364273694">تجميعات</a></li>
                <li><a href="/blog">مدونات</a></li>
                <li><a href="/redirect/pages/249285826">التواصل</a></li>
            `;
        }

        // Fetch Categories
        const catNodes = document.querySelectorAll('#mobile-menu li.root-level > a');
        let catsHTML = '';
        catNodes.forEach(node => {
            catsHTML += `<li><a href="${node.href}">${node.textContent.trim()}</a></li>`;
        });

        // Set the newly requested logo
        const logoSrc = 'https://cdn.files.salla.network/homepage/304821586/0c7df4f2-3745-4a9b-8f59-67ad1ca77045_865x217.webp';

        // Social SVG Icons
        const socialHTML = `
            <a href="#" aria-label="Instagram" target="_blank"><svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg></a>
            <a href="#" aria-label="TikTok" target="_blank"><svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93v7.2c0 1.93-.5 3.91-1.72 5.4-1.61 1.97-4.14 2.97-6.66 2.63-2.68-.36-5.04-2.31-5.83-4.91-.8-2.61.1-5.51 2.14-7.25 1.83-1.57 4.39-2.03 6.66-1.39v4.01c-.96-.4-2.04-.38-2.95.07-.94.46-1.65 1.34-1.79 2.37-.15 1.09.28 2.21 1.09 2.93.81.71 1.95 1 3.01.76 1.1-.24 2.01-1 2.36-2.07.24-.74.25-1.54.25-2.32V.02h-.01z"/></svg></a>
            <a href="#" aria-label="WhatsApp" target="_blank"><svg width="22" height="22" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 00-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></a>
        `;

        footerContainer.classList.add('redesign-applied');
        footerContainer.innerHTML = `
            <div class="nf-grid">
                <div class="nf-col nf-brand">
                    <img src="${logoSrc}" alt="Rise Logo" class="nf-logo">
                    <p class="nf-desc">نمتلك الابداع الذي يجعل مشروعك يتقدم. جودة وجمالية وكمية تناسب احتياجك.</p>
                    <div class="nf-newsletter">
                        <h4 class="nfn-title">اشترك في نشرة <span class="nfn-highlight">رايز</span> لتلقي<br>عروض خاصة<br>وآخر الأخبار والإلهام</h4>
                        <div class="nfn-input-wrap">
                            <input type="email" placeholder="example@riseeprint.com" class="nfn-input">
                        </div>
                        <p class="nfn-note">هذا الموقع محمي بواسطة <span class="nfn-highlight">reCAPTCHA</span>، وتسري عليه <a href="#">سياسة خصوصية</a> جوجل و<a href="#">شروط الخدمة</a>.</p>
                    </div>
                </div>

                <div class="nf-col nf-links">
                    <h3 class="nf-title">روابط سريعة</h3>
                    <ul class="nf-list">
                        ${quickLinksHTML}
                    </ul>
                </div>

                <div class="nf-col nf-cats">
                    <h3 class="nf-title">فئات</h3>
                    <ul class="nf-list">
                        ${catsHTML}
                    </ul>
                </div>

                <div class="nf-col nf-contact">
                    <h3 class="nf-title">تواصل معنا</h3>
                    <div class="nf-contact-links">
                        <a href="tel:+966533281083" dir="ltr">+966 53 328 1083</a>
                        <a href="mailto:help@riseeprint.com">help@riseeprint.com</a>
                        <span>Saudi Arabia</span>
                    </div>
                    <div class="nf-socials">
                        ${socialHTML}
                    </div>
                </div>
            </div>
        `;

        const bottomFooter = document.querySelector('.footer-bottom .container');
        if (bottomFooter) {
            const smallLogo = 'https://cdn.files.salla.network/theme/304821586/d10e79d2-9946-4182-8573-2133edc74aa8.png';
            bottomFooter.innerHTML = `
                <div class="nf-bottom-bar">
                    <div class="nf-bottom-right">
                        <a href="#">الشروط والأحكام</a>
                        <a href="#">سياسة الخصوصية</a>
                        <a href="#">معلومات الشركة</a>
                        <a href="#">تفضيلات ملفات تعريف الارتباط</a>
                    </div>
                    <div class="nf-bottom-left" dir="ltr">
                        <img src="${smallLogo}" alt="Rise" class="nf-bottom-icon">
                        <span>© 2026 Rise. All rights reserved.</span>
                    </div>
                </div>
            `;
        }

        const style = document.createElement('style');
        style.textContent = `
            .store-footer {
                background-color: #ffffff !important;
                color: #111 !important;
                border-top: 1px solid #eaeaea;
            }
            .store-footer__inner {
                padding: 70px 0 50px 0 !important;
            }
            .store-footer salla-payments,
            .store-footer salla-social,
            .store-footer selia-contacts,
            .store-footer salla-trust-badges {
                display: none !important;
            }
            .nf-grid {
                display: grid !important;
                grid-template-columns: 2fr 1fr 1fr 1fr !important;
                gap: 40px !important;
                direction: rtl !important;
                width: 100% !important;
            }
            .nf-col {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .nf-title {
                color: #111 !important;
                font-size: 19px !important;
                font-weight: 800 !important;
                margin-bottom: 30px !important;
                border: none !important;
            }
            .nf-list {
                list-style: none !important;
                padding: 0 !important;
                margin: 0 !important;
                width: 100%;
            }
            .nf-list li {
                margin-bottom: 20px !important;
            }
            .nf-list li a, .nf-contact-links a, .nf-contact-links span {
                color: var(--color-primary, #ed1c24) !important;
                font-size: 15px !important;
                font-weight: 500 !important;
                text-decoration: none !important;
                display: block !important;
                transition: opacity 0.3s ease;
            }
            .nf-list li a:hover, .nf-contact-links a:hover {
                opacity: 0.7;
            }
            .nf-contact-links {
                margin-bottom: 40px;
                width: 100%;
            }
            .nf-contact-links a, .nf-contact-links span {
                margin-bottom: 20px !important;
            }
            .nf-socials {
                display: flex;
                gap: 15px;
                justify-content: center;
            }
            .nf-socials a {
                width: 48px;
                height: 48px;
                background-color: #c4c4c4;
                color: #fff;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s ease;
            }
            .nf-socials a:hover {
                background-color: var(--color-primary, #ed1c24);
                transform: translateY(-4px);
            }
            .nf-brand {
                align-items: flex-start !important;
                text-align: right !important;
            }
            .nf-logo {
                max-width: 250px;
                height: auto;
                margin-bottom: 25px;
                object-fit: contain;
            }
            .nf-desc {
                color: #111;
                font-size: 17px;
                font-weight: 700;
                line-height: 1.7;
                margin-bottom: 35px;
                max-width: 95%;
            }
            .nf-newsletter {
                background-color: #ebfbf9;
                border-radius: 28px;
                padding: 40px 30px;
                text-align: center;
                width: 100%;
                box-sizing: border-box;
            }
            .nfn-title {
                font-size: 21px;
                font-weight: 700;
                color: #111;
                margin-bottom: 25px;
                line-height: 1.6;
            }
            .nfn-highlight {
                color: var(--color-primary, #ed1c24);
            }
            .nfn-input-wrap {
                background: #fff;
                border-radius: 50px;
                padding: 6px;
                border: 1px solid #ddd;
                margin-bottom: 15px;
                max-width: 320px;
                margin: 0 auto 15px auto;
            }
            .nfn-input {
                border: none;
                background: transparent;
                width: 100%;
                padding: 12px 15px;
                outline: none;
                text-align: center;
                font-family: inherit;
                font-size: 14px;
            }
            .nfn-input::placeholder {
                color: #999;
            }
            .nfn-note {
                font-size: 13px;
                color: #333;
                margin: 0;
                line-height: 1.6;
            }
            .nfn-note a {
                color: var(--color-primary, #ed1c24);
                text-decoration: none;
                font-weight: 700;
            }
            .footer-bottom {
                background: #fff !important;
                border-top: 1px solid #eaeaea;
            }
            .nf-bottom-bar {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 25px 0;
                flex-wrap: wrap;
                gap: 20px;
            }
            .nf-bottom-right {
                display: flex;
                gap: 25px;
                flex-wrap: wrap;
            }
            .nf-bottom-right a {
                color: #888;
                font-size: 14px;
                font-weight: 500;
                text-decoration: none;
                transition: color 0.3s;
            }
            .nf-bottom-right a:hover {
                color: var(--color-primary, #ed1c24);
            }
            .nf-bottom-left {
                display: flex;
                align-items: center;
                gap: 12px;
                color: #111;
                font-size: 14px;
                font-weight: 700;
            }
            .nf-bottom-icon {
                width: 22px;
                height: 22px;
                object-fit: contain;
            }
            @media (max-width: 1024px) {
                .nf-grid {
                    grid-template-columns: 1fr 1fr !important;
                }
                .nf-brand {
                    grid-column: span 2;
                    align-items: center !important;
                    text-align: center !important;
                }
                .nf-desc {
                    text-align: center !important;
                    margin: 0 auto 30px auto;
                }
            }
            @media (max-width: 768px) {
                .nf-grid {
                    grid-template-columns: 1fr !important;
                }
                .nf-brand {
                    grid-column: span 1;
                }
                .nf-bottom-bar {
                    flex-direction: column-reverse;
                    justify-content: center;
                    text-align: center;
                }
                .nf-bottom-right {
                    justify-content: center;
                }
            }
        `;
        document.head.appendChild(style);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', () => setTimeout(applyStrictFooterRedesign, 600));
    } else {
        setTimeout(applyStrictFooterRedesign, 600);
    }
})();













(function() {
    function buildCustomHero() {
        // Prevent duplicate execution
        if(document.querySelector('.custom-split-hero')) return; 

        // Locate the original Salla slider block
        const originalSlider = document.querySelector('.advanced-slider');
        if(!originalSlider) return;

        // Dynamically extract data from the original slider (so changes in the dashboard still apply)
        const imgEl = originalSlider.querySelector('img.advanced-slider__image');
        const imgSrc = imgEl ? (imgEl.getAttribute('data-src') || imgEl.src) : 'https://cdn.files.salla.network/homepage/304821586/497cdc2b-07e6-4ac7-99f5-cad70c763644_823x537.webp';
        
        const titleEl = originalSlider.querySelector('.advanced-slider__caption__inner__content__heading');
        const title = titleEl ? titleEl.innerText.trim() : 'خلك في الذاكرة.';
        
        const subtitleEl = originalSlider.querySelector('.advanced-slider__caption__inner__content__text');
        const subtitle = subtitleEl ? subtitleEl.innerText.trim() : 'مجموعتنا الفاخرة من الكروت, الفلايارات والإستيكرات.';
        
        const btnEl = originalSlider.querySelector('.advanced-slider__caption__inner__content__button');
        const btnLink = btnEl ? btnEl.href : '#';
        const btnText = btnEl ? btnEl.innerText.trim() : 'تسوق الآن';

        // Format the title logically (Split the specific sentence into two lines to match the design perfectly)
        let formattedTitle = title;
        if(title.includes('خلك في الذاكرة')) {
            formattedTitle = 'خلك<br>في الذاكرة.';
        } else {
            formattedTitle = title.replace(/\n/g, '<br>');
        }

        // Build the new HTML structure
        const heroHTML = `
            <div class="c-hero-image-side">
                <img src="${imgSrc}" alt="Hero Banner">
                <div class="c-hero-arrow c-prev">
                    <svg viewBox="0 0 24 24" width="22" height="22" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"></polyline></svg>
                </div>
            </div>
            <div class="c-hero-content-side">
                <div class="c-hero-arrow c-next">
                    <svg viewBox="0 0 24 24" width="22" height="22" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg>
                </div>
                <div class="c-hero-text-wrapper">
                    <h1 class="c-hero-title">${formattedTitle}</h1>
                    <p class="c-hero-subtitle">${subtitle}</p>
                    <a href="${btnLink}" class="c-hero-btn">${btnText}</a>
                </div>
            </div>
        `;

        const newHero = document.createElement('section');
        newHero.className = 'custom-split-hero';
        newHero.innerHTML = heroHTML;

        // Inject the precise custom CSS
        const style = document.createElement('style');
        style.textContent = `
            .custom-split-hero {
                display: flex;
                flex-direction: row-reverse; /* Forces Image Left, Content Right for RTL */
                width: 100%;
                height: 550px;
                overflow: hidden;
                font-family: var(--font-main, 'IBM Plex Sans Arabic'), sans-serif;
                background-color: #f8f8f8;
            }
            .c-hero-image-side {
                flex: 0 0 58%;
                position: relative;
                height: 100%;
            }
            .c-hero-image-side img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center right;
            }
            .c-hero-content-side {
                flex: 0 0 42%;
                background-color: #ff2b56;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                text-align: center;
                height: 100%;
            }
            .c-hero-text-wrapper {
                padding: 0 40px;
                display: flex;
                flex-direction: column;
                align-items: center;
                z-index: 2;
            }
            .c-hero-title {
                color: #ffffff;
                font-size: clamp(45px, 4vw, 75px);
                font-weight: 900;
                line-height: 1.15;
                margin-bottom: 20px;
            }
            .c-hero-subtitle {
                color: #ffffff;
                font-size: clamp(16px, 1.5vw, 22px);
                font-weight: 400;
                line-height: 1.6;
                margin-bottom: 40px;
                max-width: 90%;
            }
            .c-hero-btn {
                background-color: #ffffff;
                color: #ff2b56;
                text-decoration: none;
                font-size: 18px;
                font-weight: 700;
                padding: 12px 55px;
                border-radius: 50px;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                display: inline-block;
            }
            .c-hero-btn:hover {
                transform: translateY(-4px);
                box-shadow: 0 10px 25px rgba(0,0,0,0.15);
            }
            .c-hero-arrow {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                width: 48px;
                height: 48px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #ffffff;
                cursor: default; /* Decorative as requested, keeps visual accuracy */
                z-index: 10;
            }
            .c-prev {
                left: 30px; 
                background-color: rgba(255, 255, 255, 0.4);
                border: 1px solid rgba(255, 255, 255, 0.9);
            }
            .c-next {
                right: 30px;
                background-color: rgba(255, 255, 255, 0.2);
                border: 1px solid #ffffff;
            }
            
            /* Responsive Setup for Mobile/Tablet */
            @media (max-width: 1024px) {
                .custom-split-hero {
                    flex-direction: column-reverse;
                    height: auto;
                }
                .c-hero-image-side {
                    flex: none;
                    width: 100%;
                    height: 350px;
                }
                .c-hero-content-side {
                    flex: none;
                    width: 100%;
                    padding: 60px 20px;
                }
                .c-hero-arrow {
                    display: none; /* Hidden on mobile for cleaner UX */
                }
            }
        `;
        document.head.appendChild(style);

        // Safely hide the original slider and insert the new one in its exact place
        originalSlider.style.display = 'none';
        originalSlider.parentNode.insertBefore(newHero, originalSlider.nextSibling);
    }

    // Initialize logic safely
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', buildCustomHero);
    } else {
        buildCustomHero();
    }
    
    // Fallback execution to catch Salla's lazy-loaded slider components
    window.addEventListener('load', buildCustomHero);
    setTimeout(buildCustomHero, 1500); 
})();














document.addEventListener('DOMContentLoaded', function() {
    const searchBtn = document.querySelector('button[data-selia="header-search-button"]');
    
    if (searchBtn) {
        // 1. Inject CSS for pure Flexbox layout (no absolute positioning)
        const style = document.createElement('style');
        style.textContent = `
            /* Hide any pseudo-element text injected previously */
            button[data-selia="header-search-button"]::before,
            button[data-selia="header-search-button"]::after {
                display: none !important;
                content: none !important;
            }
            
            /* Desktop Layout - Pure Flexbox */
            @media (min-width: 1024px) {
                button[data-selia="header-search-button"] {
                    display: flex !important;
                    flex-direction: row !important; /* Native RTL places first child on the right */
                    align-items: center !important;
                    justify-content: space-between !important; /* Pushes text Right, Icon Left */
                    width: 220px !important; /* Width of the bottom line */
                    border-bottom: 1px solid #e0e0e0 !important;
                    padding-bottom: 6px !important;
                    background: transparent !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                }
                
                .custom-search-svg {
                    width: 20px !important;
                    height: 20px !important;
                    fill: var(--store-text-primary, #111827) !important;
                    flex-shrink: 0 !important; /* Prevents icon from squishing */
                }
                
                .js-search-text {
                    font-family: var(--font-main), sans-serif;
                    font-weight: 700;
                    font-size: 14px;
                    color: var(--store-text-primary, #111827);
                    white-space: nowrap !important;
                }
            }
            
            /* Mobile Layout (Hide text, center icon) */
            @media (max-width: 1023px) {
                .js-search-text {
                    display: none !important;
                }
                button[data-selia="header-search-button"] {
                    border: none !important;
                    width: auto !important;
                    padding: 0 !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                }
                .custom-search-svg {
                    width: 24px !important;
                    height: 24px !important;
                    fill: var(--store-text-primary, #111827) !important;
                }
            }
        `;
        document.head.appendChild(style);

        // 2. Inject HTML Structure
        searchBtn.innerHTML = `
            <span class="js-search-text">البحث</span>
            <svg class="custom-search-svg" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
                <path d="M30.276 28.391l-7.576-7.576c1.644-2.053 2.633-4.652 2.633-7.481 0-6.616-5.384-12-12-12s-12 5.384-12 12 5.384 12 12 12c2.829 0 5.428-0.989 7.481-2.633l7.576 7.576c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885zM13.333 22.667c-5.147 0-9.333-4.187-9.333-9.333s4.187-9.333 9.333-9.333 9.333 4.187 9.333 9.333-4.187 9.333-9.333 9.333z"></path>
            </svg>
        `;
    }
});