(function() {
    // Watch for the listings container
    const container = document.querySelector(".ygl_listings_container");
    if (!container) return;

    const observer = new MutationObserver(() => {
        const items = container.querySelectorAll(".ygl_listing_item");
        if (!items.length) return;

        // Apply grid styles
        items.forEach(item => {
            item.style.flex = "0 0 25%";
            item.style.maxWidth = "25%";
            item.style.boxSizing = "border-box";
            item.style.marginBottom = "20px";
        });

        // Responsive adjustments
        function adjustGrid() {
            const width = window.innerWidth;
            items.forEach(item => {
                if (width <= 768) {
                    item.style.flex = "0 0 50%";
                    item.style.maxWidth = "50%";
                } else if (width <= 1024) {
                    item.style.flex = "0 0 33.33%";
                    item.style.maxWidth = "33.33%";
                } else {
                    item.style.flex = "0 0 25%";
                    item.style.maxWidth = "25%";
                }
            });
        }

        window.addEventListener("resize", adjustGrid);
        adjustGrid();

        // Stop observing once applied
        observer.disconnect();
    });

    observer.observe(container, { childList: true, subtree: true });
})();