document.addEventListener("DOMContentLoaded", () => {
    const section = document.querySelector(
        ".s-block--bundle-trust-testimonials"
    );

    if (!section) return;

    const branches = document.createElement("div");

    branches.innerHTML = `
        <div style="text-align:center;margin:40px 0 20px;">
            <h2 style="
                font-size:32px;
                font-weight:700;
                margin-bottom:20px;
                color:#141422;
            ">
                فروعنا
            </h2>

            <div style="
                display:flex;
                justify-content:center;
                gap:15px;
                flex-wrap:wrap;
            ">
                <a href="https://www.google.com/maps?q=26.228008270263672,44.0268669128418&z=17&hl=en"
                   target="_blank"
                   style="
                        background:#141422;
                        color:#fff;
                        padding:14px 30px;
                        border-radius:10px;
                        text-decoration:none;
                        font-weight:700;
                   ">
                    فرع القصيم
                </a>

                <a href="https://www.google.com/maps?q=24.641508102416992,46.82298278808594&z=17&hl=en"
                   target="_blank"
                   style="
                        background:#141422;
                        color:#fff;
                        padding:14px 30px;
                        border-radius:10px;
                        text-decoration:none;
                        font-weight:700;
                   ">
                    فرع الرياض
                </a>
            </div>
        </div>
    `;

    section.before(branches);
});