{"id":473,"date":"2026-06-11T09:11:19","date_gmt":"2026-06-11T09:11:19","guid":{"rendered":"https:\/\/farm-balers.com\/?page_id=473"},"modified":"2026-06-12T01:54:07","modified_gmt":"2026-06-12T01:54:07","slug":"blogs","status":"publish","type":"page","link":"https:\/\/farm-balers.com\/th\/blogs\/","title":{"rendered":"Blogs"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"farm-hub-root\" style=\"width: 100%; max-width: 100%; min-width: 100%; background-color: #fcfdfc; color: #2d3748; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; box-sizing: border-box; padding: 0; margin: 0; overflow-x: hidden;\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- TOP HERO BANNER --><!-- [et_pb_line_break_holder] -->    <\/p>\n<header class=\"farm-hub-hero\" style=\"width: 100%; max-width: 100%; min-width: 100%; background: linear-gradient(135deg, #163318 0%, #2e5c31 100%); color: #ffffff; padding: 60px 20px; text-align: center; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"farm-hub-hero-inner\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin: 0 auto; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->            <pee style=\"text-transform: uppercase; letter-spacing: 2px; color: #d4af37; font-weight: bold; margin-bottom: 15px; width: 100%; max-width: 100%; min-width: 100%;\">Application Scenarios &#038; Baler Tech<\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<h1 style=\"color: #ffffff; font-weight: 800; margin: 0 0 20px 0; width: 100%; max-width: 100%; min-width: 100%;\">Round Baler Machinery Hub<\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <pee style=\"color: #e2e8f0; margin: 0 auto; width: 100%; max-width: 100%; min-width: 100%;\">Discover high-performance farming solutions, expert operating guides, and the latest innovations in agricultural straw processing.<\/pee><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/header>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <!-- MAIN GRID CONTAINER --><!-- [et_pb_line_break_holder] -->    <main class=\"farm-hub-main\" style=\"width: 100%; max-width: 100%; min-width: 100%; padding: 40px 20px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- TWO DYNAMIC APP SCENARIOS LISTS (WordPress Aggregation Block) --><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"scenarios-showcase\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 60px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            <!-- Dynamic Jump Navigation Container (Placed on top of Application Scenarios text block) --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"scenarios-nav-container\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-bottom: 30px; box-sizing: border-box; padding: 10px 0;\"><!-- [et_pb_line_break_holder] -->                <!-- Buttons are dynamically appended here via JS --><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"text-align: center; margin-bottom: 40px; width: 100%; max-width: 100%; min-width: 100%;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Application Scenarios &#038; Working Guides<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee style=\"color: #718096; width: 100%; max-width: 100%; min-width: 100%;\">Instantly aggregated technical manuals and case studies from our resource archive.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- Dynamic Columns Container --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"dynamic-scenarios-container\" class=\"scenarios-grid\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loading-spinner\" style=\"grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width: 40px; height: 40px; border: 4px solid #e2e8f0; border-top-color: #2e5c31; border-radius: 50%; animation: spin 1s linear infinite; box-sizing: border-box;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <pee style=\"color: #a0aec0; margin-top: 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: center;\">Loading archive&#8230;<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- LATEST FEATURED WOOCOMMERCE PRODUCTS SECTION --><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"latest-products-section\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 60px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 35px; flex-wrap: wrap; gap: 15px; width: 100%; max-width: 100%; min-width: 100%;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div style=\"box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Premium Product Showcase<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                    <pee style=\"color: #718096; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">Get quotes on our highly-rated field baling systems.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <a href=\"\/th\/%e0%b8%aa%e0%b8%b4%e0%b8%99%e0%b8%84%e0%b9%89%e0%b8%b2\/\" style=\"color: #2e5c31; font-weight: bold; text-decoration: none; display: inline-flex; align-items: center; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                    View Complete Catalog <!-- [et_pb_line_break_holder] -->                    <svg style=\"width: 18px; height: 18px; margin-left: 5px;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewbox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg><!-- [et_pb_line_break_holder] -->                <\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- WooCommerce Target Container --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"woo-products-list\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loading-spinner\" style=\"grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 100%; max-width: 100%; min-width: 100%;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width: 40px; height: 40px; border: 4px solid #e2e8f0; border-top-color: #2e5c31; border-radius: 50%; animation: spin 1s linear infinite; box-sizing: border-box;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <pee style=\"color: #a0aec0; margin-top: 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: center;\">Contacting global catalog&#8230;<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <!-- LATEST TECHNICAL & BLOG POSTS SECTION --><!-- [et_pb_line_break_holder] -->        <\/p>\n<section class=\"latest-blog-section\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 40px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div style=\"text-align: center; margin-bottom: 40px; width: 100%; max-width: 100%; min-width: 100%;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Latest Forage Engineering Updates<\/h2>\n<p><!-- [et_pb_line_break_holder] -->                <pee style=\"color: #718096; width: 100%; max-width: 100%; min-width: 100%;\">Keep up to date with industrial standards, mechanics, and harvest insights.<\/pee><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            <!-- Blog Post Target Container --><!-- [et_pb_line_break_holder] -->            <\/p>\n<div id=\"latest-posts-list\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"loading-spinner\" style=\"grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 100%; max-width: 100%; min-width: 100%;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width: 40px; height: 40px; border: 4px solid #e2e8f0; border-top-color: #d4af37; border-radius: 50%; animation: spin 1s linear infinite; box-sizing: border-box;\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <pee style=\"color: #a0aec0; margin-top: 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: center;\">Updating articles database&#8230;<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/section>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/main><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- EMBEDDED KEYFRAME ANIMATION (Pure CSS Spinner) --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->@keyframes spin {<!-- [et_pb_line_break_holder] -->    0% { transform: rotate(0deg); }<!-- [et_pb_line_break_holder] -->    100% { transform: rotate(360deg); }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- WP REST API WRAPPER SCRIPT --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->(function() {<!-- [et_pb_line_break_holder] -->    \/* Base configuration domain setting targeting your live instance *\/<!-- [et_pb_line_break_holder] -->    const baseDomain = window.location.hostname.includes('farm-balers.com') ? window.location.origin : 'https:\/\/farm-balers.com';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Element bindings for target layout structures *\/<!-- [et_pb_line_break_holder] -->    const wooProductsList = document.getElementById('woo-products-list');<!-- [et_pb_line_break_holder] -->    const latestPostsList = document.getElementById('latest-posts-list');<!-- [et_pb_line_break_holder] -->    const dynamicScenariosContainer = document.getElementById('dynamic-scenarios-container');<!-- [et_pb_line_break_holder] -->    const scenariosNavContainer = document.getElementById('scenarios-nav-container');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* SVG Placeholder builder for fallback images *\/<!-- [et_pb_line_break_holder] -->    function getPlaceholderSVG() {<!-- [et_pb_line_break_holder] -->        return `data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"200\" viewBox=\"0 0 400 250\" fill=\"%23eaf2eb\"><rect width=\"100%\" height=\"100%\"\/><circle cx=\"200\" cy=\"125\" r=\"50\" fill=\"%232e5c31\" opacity=\"0.15\"\/><path d=\"M150 160 Q200 110 250 160\" stroke=\"%232e5c31\" stroke-width=\"4\" fill=\"none\" opacity=\"0.3\"\/><\/svg>`;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Resolves product image using direct model URL mapping and WP embeds as fallback *\/<!-- [et_pb_line_break_holder] -->    function resolveProductImage(product) {<!-- [et_pb_line_break_holder] -->        const title = (product.title?.rendered || \"\").toLowerCase();<!-- [et_pb_line_break_holder] -->        if (title.includes(\"9lz-6.0\") || title.includes(\"9lz 6.0\")) {<!-- [et_pb_line_break_holder] -->            return \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LZ-6.0-Disc-type-Hay-Rake.webp\";<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (title.includes(\"9lzd-9.0\") || title.includes(\"9lzd 9.0\")) {<!-- [et_pb_line_break_holder] -->            return \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LZD-9.0-Disc-type-Hay-Rake.webp\";<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (title.includes(\"9lzy-9.0\") || title.includes(\"9lzy 9.0\")) {<!-- [et_pb_line_break_holder] -->            return \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LZY-9.0-Disc-type-Hay-Rake.webp\";<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (title.includes(\"9lh-12\")) {<!-- [et_pb_line_break_holder] -->            return \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LH-12-Horizontal-Hay-Rake.webp\";<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        if (product.featured_media_url) return product.featured_media_url;<!-- [et_pb_line_break_holder] -->        if (product._embedded && product._embedded['wp:featuredmedia'] && product._embedded['wp:featuredmedia'][0]) {<!-- [et_pb_line_break_holder] -->            const media = product._embedded['wp:featuredmedia'][0];<!-- [et_pb_line_break_holder] -->            return media.source_url || media.media_details?.sizes?.medium?.source_url || getPlaceholderSVG();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        return getPlaceholderSVG();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Pulls products from WooCommerce endpoint *\/<!-- [et_pb_line_break_holder] -->    async function fetchProducts() {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            \/\/ Append _embed to query parameters to fetch featured media from WP API<!-- [et_pb_line_break_holder] -->            const response = await fetch(`${baseDomain}\/wp-json\/wp\/v2\/product?per_page=4&_embed`);<!-- [et_pb_line_break_holder] -->            if (!response.ok) throw new Error('Network error');<!-- [et_pb_line_break_holder] -->            const data = await response.json();<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            if (data.length === 0) {<!-- [et_pb_line_break_holder] -->                renderProductsFallback();<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            wooProductsList.innerHTML = '';<!-- [et_pb_line_break_holder] -->            data.forEach(product => {<!-- [et_pb_line_break_holder] -->                const col = document.createElement('div');<!-- [et_pb_line_break_holder] -->                col.style.width = '100%';<!-- [et_pb_line_break_holder] -->                col.style.maxWidth = '100%';<!-- [et_pb_line_break_holder] -->                col.style.minWidth = '100%';<!-- [et_pb_line_break_holder] -->                col.style.boxSizing = 'border-box';<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                const imgSrc = resolveProductImage(product);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                col.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01);\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div style=\"width:100%; height:180px; overflow:hidden; background:#f4f6f4;\"><!-- [et_pb_line_break_holder] -->                            <img decoding=\"async\" src=\"${imgSrc}\" alt=\"${product.title.rendered}\" style=\"width:100%; height:100%; object-fit:cover;\"><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div style=\"padding:15px;\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height: auto; min-height: auto; overflow: visible; word-wrap: break-word; overflow-wrap: break-word;\">${product.title.rendered}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                            <a href=\"${product.link}\" style=\"display:block; text-align:center; background:#2e5c31; color:#ffffff; padding:10px; border-radius:4px; text-decoration:none; font-weight:bold;\">Get Quote<\/a><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->                wooProductsList.appendChild(col);<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        } catch (error) {<!-- [et_pb_line_break_holder] -->            renderProductsFallback();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Fallback layout for product list on error featuring specific premium hay rakes with real assets *\/<!-- [et_pb_line_break_holder] -->    function renderProductsFallback() {<!-- [et_pb_line_break_holder] -->        wooProductsList.innerHTML = '';<!-- [et_pb_line_break_holder] -->        const fallbackProducts = [<!-- [et_pb_line_break_holder] -->            { <!-- [et_pb_line_break_holder] -->                title: \"EP-9LZ-6.0 Disc-type Hay Rake\", <!-- [et_pb_line_break_holder] -->                link: \"\/product\/ep-9lz-6-0-disc-type-hay-rake\/\", <!-- [et_pb_line_break_holder] -->                image: \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LZ-6.0-Disc-type-Hay-Rake.webp\" <!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->            { <!-- [et_pb_line_break_holder] -->                title: \"EP-9LZD-9.0 Disc-type Hay Rake\", <!-- [et_pb_line_break_holder] -->                link: \"\/product\/ep-9lzd-9-0-disc-type-hay-rake\/\", <!-- [et_pb_line_break_holder] -->                image: \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LZD-9.0-Disc-type-Hay-Rake.webp\" <!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->            { <!-- [et_pb_line_break_holder] -->                title: \"EP-9LZY-9.0 Disc-type Hay Rake\", <!-- [et_pb_line_break_holder] -->                link: \"\/product\/ep-9lzy-9-0-disc-type-hay-rake\/\", <!-- [et_pb_line_break_holder] -->                image: \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LZY-9.0-Disc-type-Hay-Rake.webp\" <!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->            { <!-- [et_pb_line_break_holder] -->                title: \"EP-9LH-12 Horizontal Hay Rake\", <!-- [et_pb_line_break_holder] -->                link: \"\/product\/ep-9lh-12-horizontal-hay-rake\/\", <!-- [et_pb_line_break_holder] -->                image: \"https:\/\/farm-balers.com\/wp-content\/uploads\/2025\/12\/farm-balers-EP-9LH-12-Horizontal-Hay-Rake.webp\" <!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        fallbackProducts.forEach(prod => {<!-- [et_pb_line_break_holder] -->            const col = document.createElement('div');<!-- [et_pb_line_break_holder] -->            col.style.width = '100%';<!-- [et_pb_line_break_holder] -->            col.style.maxWidth = '100%';<!-- [et_pb_line_break_holder] -->            col.style.minWidth = '100%';<!-- [et_pb_line_break_holder] -->            col.style.boxSizing = 'border-box';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            col.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01);\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width:100%; height:180px; overflow:hidden; background:#f4f6f4;\"><!-- [et_pb_line_break_holder] -->                        <img decoding=\"async\" src=\"${prod.image}\" alt=\"${prod.title}\" style=\"width:100%; height:100%; object-fit:cover;\"><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"padding:15px;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height: auto; min-height: auto; overflow: visible; word-wrap: break-word; overflow-wrap: break-word;\">${prod.title}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <a href=\"${prod.link}\" style=\"display:block; text-align:center; background:#2e5c31; color:#ffffff; padding:10px; border-radius:4px; text-decoration:none; font-weight:bold;\">Get Quote<\/a><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            `;<!-- [et_pb_line_break_holder] -->            wooProductsList.appendChild(col);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Fetches latest standard posts - text only layout, no image blocks used *\/<!-- [et_pb_line_break_holder] -->    async function fetchLatestPosts() {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            const response = await fetch(`${baseDomain}\/wp-json\/wp\/v2\/posts?_embed&per_page=6`);<!-- [et_pb_line_break_holder] -->            if (!response.ok) throw new Error('Network error');<!-- [et_pb_line_break_holder] -->            const data = await response.json();<!-- [et_pb_line_break_holder] -->            <!-- [et_pb_line_break_holder] -->            if (data.length === 0) {<!-- [et_pb_line_break_holder] -->                renderPostsFallback();<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            latestPostsList.innerHTML = '';<!-- [et_pb_line_break_holder] -->            data.forEach(post => {<!-- [et_pb_line_break_holder] -->                const articleCard = document.createElement('article');<!-- [et_pb_line_break_holder] -->                articleCard.style.width = '100%';<!-- [et_pb_line_break_holder] -->                articleCard.style.maxWidth = '100%';<!-- [et_pb_line_break_holder] -->                articleCard.style.minWidth = '100%';<!-- [et_pb_line_break_holder] -->                articleCard.style.boxSizing = 'border-box';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                const postExcerpt = post.excerpt?.rendered ? post.excerpt.rendered.replace(\/<[^>]*>\/g, '').substring(0, 100) + '...' : 'No content summary available.';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                articleCard.innerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01); box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div style=\"padding:20px;\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height: auto; min-height: auto; overflow: visible; word-wrap: break-word; overflow-wrap: break-word;\">${post.title.rendered}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                            <pee style=\"color:#718096; margin:0 0 15px 0; height:60px; overflow:hidden;\">${postExcerpt}<\/pee><!-- [et_pb_line_break_holder] -->                            <a href=\"${post.link}\" style=\"color:#2e5c31; font-weight:bold; text-decoration:none; display:inline-flex; align-items:center;\"><!-- [et_pb_line_break_holder] -->                                Read Technical Manual<!-- [et_pb_line_break_holder] -->                                <svg style=\"width:16px; height:16px; margin-left:4px;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg><!-- [et_pb_line_break_holder] -->                            <\/a><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->                latestPostsList.appendChild(articleCard);<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->        } catch (error) {<!-- [et_pb_line_break_holder] -->            renderPostsFallback();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Fallback layout for standard posts - clean text design without images *\/<!-- [et_pb_line_break_holder] -->    function renderPostsFallback() {<!-- [et_pb_line_break_holder] -->        latestPostsList.innerHTML = '';<!-- [et_pb_line_break_holder] -->        const fallbackPosts = [<!-- [et_pb_line_break_holder] -->            { title: \"Optimizing Rotor Speed and Intake Feeding Rates\", link: \"\/blog\/optimizing-rotor-speed\/\" },<!-- [et_pb_line_break_holder] -->            { title: \"How to Keep Hay Compression Moisture Uniform\", link: \"\/blog\/moisture-uniformity\/\" },<!-- [et_pb_line_break_holder] -->            { title: \"Top Wear Indicators of Agricultural Gear System Lines\", link: \"\/blog\/gear-indicators\/\" }<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        fallbackPosts.forEach(post => {<!-- [et_pb_line_break_holder] -->            const articleCard = document.createElement('article');<!-- [et_pb_line_break_holder] -->            articleCard.style.width = '100%';<!-- [et_pb_line_break_holder] -->            articleCard.style.maxWidth = '100%';<!-- [et_pb_line_break_holder] -->            articleCard.style.minWidth = '100%';<!-- [et_pb_line_break_holder] -->            articleCard.style.boxSizing = 'border-box';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            articleCard.innerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01); box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"padding:20px;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height: auto; min-height: auto; overflow: visible; word-wrap: break-word; overflow-wrap: break-word;\">${post.title}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                        <pee style=\"color:#718096; margin:0 0 15px 0; height:60px; overflow:hidden;\">Discover optimal operating speeds and configurations from field test data.<\/pee><!-- [et_pb_line_break_holder] -->                        <a href=\"${post.link}\" style=\"color:#2e5c31; font-weight:bold; text-decoration:none; display:inline-flex; align-items:center;\"><!-- [et_pb_line_break_holder] -->                            Read Technical Manual<!-- [et_pb_line_break_holder] -->                            <svg style=\"width:16px; height:16px; margin-left:4px;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg><!-- [et_pb_line_break_holder] -->                        <\/a><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->            `;<!-- [et_pb_line_break_holder] -->            latestPostsList.appendChild(articleCard);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Helper function to generate clean anchor ids for categories *\/<!-- [et_pb_line_break_holder] -->    function getAnchorId(categoryName) {<!-- [et_pb_line_break_holder] -->        return 'cluster-' + categoryName.toLowerCase().replace(\/[^a-z0-9]+\/g, '-');<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Helper function to generate premium hover-enabled anchor buttons *\/<!-- [et_pb_line_break_holder] -->    function createNavButton(name, targetId, color) {<!-- [et_pb_line_break_holder] -->        const btn = document.createElement('a');<!-- [et_pb_line_break_holder] -->        btn.href = `#${targetId}`;<!-- [et_pb_line_break_holder] -->        btn.style.display = 'inline-block';<!-- [et_pb_line_break_holder] -->        btn.style.background = '#eaf2eb';<!-- [et_pb_line_break_holder] -->        btn.style.color = '#163318';<!-- [et_pb_line_break_holder] -->        btn.style.padding = '8px 18px';<!-- [et_pb_line_break_holder] -->        btn.style.borderRadius = '20px';<!-- [et_pb_line_break_holder] -->        btn.style.textDecoration = 'none';<!-- [et_pb_line_break_holder] -->        btn.style.fontWeight = 'bold';<!-- [et_pb_line_break_holder] -->        btn.style.border = `1px solid ${color}`;<!-- [et_pb_line_break_holder] -->        btn.style.transition = 'all 0.3s ease';<!-- [et_pb_line_break_holder] -->        btn.innerText = name;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/* Inline JS dynamic styling replacements for premium interactive states *\/<!-- [et_pb_line_break_holder] -->        btn.onmouseover = function() {<!-- [et_pb_line_break_holder] -->            this.style.background = color;<!-- [et_pb_line_break_holder] -->            this.style.color = '#ffffff';<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        btn.onmouseout = function() {<!-- [et_pb_line_break_holder] -->            this.style.background = '#eaf2eb';<!-- [et_pb_line_break_holder] -->            this.style.color = '#163318';<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        return btn;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Dynamically crawls WordPress, reads categorizations, and builds card layouts *\/<!-- [et_pb_line_break_holder] -->    async function fetchClusteredCategories() {<!-- [et_pb_line_break_holder] -->        try {<!-- [et_pb_line_break_holder] -->            const response = await fetch(`${baseDomain}\/wp-json\/wp\/v2\/posts?_embed&per_page=50`);<!-- [et_pb_line_break_holder] -->            if (!response.ok) throw new Error('Network error');<!-- [et_pb_line_break_holder] -->            const posts = await response.json();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            if (posts.length === 0) {<!-- [et_pb_line_break_holder] -->                renderClusterFallback();<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const clusters = {};<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            posts.forEach(post => {<!-- [et_pb_line_break_holder] -->                const categoryTerms = [];<!-- [et_pb_line_break_holder] -->                if (post._embedded && post._embedded['wp:term']) {<!-- [et_pb_line_break_holder] -->                    post._embedded['wp:term'].forEach(taxGroup => {<!-- [et_pb_line_break_holder] -->                        taxGroup.forEach(term => {<!-- [et_pb_line_break_holder] -->                            if (term.taxonomy === 'category') {<!-- [et_pb_line_break_holder] -->                                categoryTerms.push(term.name);<!-- [et_pb_line_break_holder] -->                            }<!-- [et_pb_line_break_holder] -->                        });<!-- [et_pb_line_break_holder] -->                    });<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                if (categoryTerms.length === 0) {<!-- [et_pb_line_break_holder] -->                    categoryTerms.push('General Operating Guides');<!-- [et_pb_line_break_holder] -->                }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                categoryTerms.forEach(catName => {<!-- [et_pb_line_break_holder] -->                    if (catName.toLowerCase() === 'uncategorized' || catName.toLowerCase() === 'blog') {<!-- [et_pb_line_break_holder] -->                        return;<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                    if (!clusters[catName]) {<!-- [et_pb_line_break_holder] -->                        clusters[catName] = [];<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                    clusters[catName].push(post);<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const clusterKeys = Object.keys(clusters);<!-- [et_pb_line_break_holder] -->            if (clusterKeys.length === 0) {<!-- [et_pb_line_break_holder] -->                renderClusterFallback();<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            dynamicScenariosContainer.innerHTML = '';<!-- [et_pb_line_break_holder] -->            scenariosNavContainer.innerHTML = '';<!-- [et_pb_line_break_holder] -->            const borderColors = ['#2e5c31', '#d4af37', '#8c6239', '#4a7c59'];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            clusterKeys.forEach((catName, index) => {<!-- [et_pb_line_break_holder] -->                const catPosts = clusters[catName].slice(0, 4);<!-- [et_pb_line_break_holder] -->                const borderColor = borderColors[index % borderColors.length];<!-- [et_pb_line_break_holder] -->                const anchorId = getAnchorId(catName);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/* Generate dynamic jump button *\/<!-- [et_pb_line_break_holder] -->                const navBtn = createNavButton(catName, anchorId, borderColor);<!-- [et_pb_line_break_holder] -->                scenariosNavContainer.appendChild(navBtn);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                \/* Generate matching category show card *\/<!-- [et_pb_line_break_holder] -->                const clusterCard = document.createElement('div');<!-- [et_pb_line_break_holder] -->                clusterCard.id = anchorId;<!-- [et_pb_line_break_holder] -->                clusterCard.style.width = '100%';<!-- [et_pb_line_break_holder] -->                clusterCard.style.maxWidth = '100%';<!-- [et_pb_line_break_holder] -->                clusterCard.style.minWidth = '100%';<!-- [et_pb_line_break_holder] -->                clusterCard.style.background = '#ffffff';<!-- [et_pb_line_break_holder] -->                clusterCard.style.border = '1px solid #e2e8f0';<!-- [et_pb_line_break_holder] -->                clusterCard.style.borderRadius = '8px';<!-- [et_pb_line_break_holder] -->                clusterCard.style.padding = '25px';<!-- [et_pb_line_break_holder] -->                clusterCard.style.boxShadow = '0 4px 10px rgba(0,0,0,0.01)';<!-- [et_pb_line_break_holder] -->                clusterCard.style.boxSizing = 'border-box';<!-- [et_pb_line_break_holder] -->                \/* Offset to prevent visual overlaps on smooth scroll alignment *\/<!-- [et_pb_line_break_holder] -->                clusterCard.style.scrollMarginTop = '30px'; <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                let headerHTML = `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"border-left: 4px solid ${borderColor}; padding-left: 15px; margin-bottom: 25px; width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<h3 style=\"color: #163318; font-weight: bold; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">${catName}<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                        <pee style=\"color: #718096; margin: 5px 0 0 0; width: 100%; max-width: 100%; min-width: 100%;\">Technical documentation, operational rules, and field setups.<\/pee><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                catPosts.forEach(post => {<!-- [et_pb_line_break_holder] -->                    headerHTML += `<!-- [et_pb_line_break_holder] -->                        <\/p>\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; padding: 12px 0; border-bottom: 1px solid #edf2f7; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                            <a href=\"${post.link}\" style=\"text-decoration:none; color:#2d3748; display:block;\"><!-- [et_pb_line_break_holder] -->                                <\/p>\n<h4 style=\"margin:0 0 5px 0; color:#1a202c; font-weight:bold; height: auto; min-height: auto; overflow: visible; word-wrap: break-word; overflow-wrap: break-word;\">${post.title.rendered}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                                <pee style=\"margin:0; color:#718096; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;\">View technical configurations ><\/pee><!-- [et_pb_line_break_holder] -->                            <\/a><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    `;<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->                headerHTML += `<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->                clusterCard.innerHTML = headerHTML;<!-- [et_pb_line_break_holder] -->                dynamicScenariosContainer.appendChild(clusterCard);<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        } catch (error) {<!-- [et_pb_line_break_holder] -->            renderClusterFallback();<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Fallback cluster cards inside container when fetch results are empty or offline *\/<!-- [et_pb_line_break_holder] -->    function renderClusterFallback() {<!-- [et_pb_line_break_holder] -->        dynamicScenariosContainer.innerHTML = '';<!-- [et_pb_line_break_holder] -->        scenariosNavContainer.innerHTML = '';<!-- [et_pb_line_break_holder] -->        <!-- [et_pb_line_break_holder] -->        const fallbackGroups = [<!-- [et_pb_line_break_holder] -->            {<!-- [et_pb_line_break_holder] -->                name: \"Round Baler Collection\",<!-- [et_pb_line_break_holder] -->                color: \"#2e5c31\",<!-- [et_pb_line_break_holder] -->                posts: [<!-- [et_pb_line_break_holder] -->                    { title: \"Safe Forage Storage Under High Humidity\", link: \"\/blog\/forage-storage-guide\/\" },<!-- [et_pb_line_break_holder] -->                    { title: \"Adjusting Rotor Speed in Damp Crop Areas\", link: \"\/blog\/adjusting-rotor-speed\/\" }<!-- [et_pb_line_break_holder] -->                ]<!-- [et_pb_line_break_holder] -->            },<!-- [et_pb_line_break_holder] -->            {<!-- [et_pb_line_break_holder] -->                name: \"Working Principles & Tech\",<!-- [et_pb_line_break_holder] -->                color: \"#d4af37\",<!-- [et_pb_line_break_holder] -->                posts: [<!-- [et_pb_line_break_holder] -->                    { title: \"Unlocking Tension System Calibration Limits\", link: \"\/blog\/tension-calibration\/\" },<!-- [et_pb_line_break_holder] -->                    { title: \"Knotter Synchronization Mechanics Evaluated\", link: \"\/blog\/knotter-synchronization\/\" }<!-- [et_pb_line_break_holder] -->                ]<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        fallbackGroups.forEach(group => {<!-- [et_pb_line_break_holder] -->            const anchorId = getAnchorId(group.name);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            \/* Generate dynamic jump fallback button *\/<!-- [et_pb_line_break_holder] -->            const navBtn = createNavButton(group.name, anchorId, group.color);<!-- [et_pb_line_break_holder] -->            scenariosNavContainer.appendChild(navBtn);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            const clusterCard = document.createElement('div');<!-- [et_pb_line_break_holder] -->            clusterCard.id = anchorId;<!-- [et_pb_line_break_holder] -->            clusterCard.style.width = '100%';<!-- [et_pb_line_break_holder] -->            clusterCard.style.maxWidth = '100%';<!-- [et_pb_line_break_holder] -->            clusterCard.style.minWidth = '100%';<!-- [et_pb_line_break_holder] -->            clusterCard.style.background = '#ffffff';<!-- [et_pb_line_break_holder] -->            clusterCard.style.border = '1px solid #e2e8f0';<!-- [et_pb_line_break_holder] -->            clusterCard.style.borderRadius = '8px';<!-- [et_pb_line_break_holder] -->            clusterCard.style.padding = '25px';<!-- [et_pb_line_break_holder] -->            clusterCard.style.boxShadow = '0 4px 10px rgba(0,0,0,0.01)';<!-- [et_pb_line_break_holder] -->            clusterCard.style.boxSizing = 'border-box';<!-- [et_pb_line_break_holder] -->            clusterCard.style.scrollMarginTop = '30px';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            let headerHTML = `<!-- [et_pb_line_break_holder] -->                <\/p>\n<div style=\"border-left: 4px solid ${group.color}; padding-left: 15px; margin-bottom: 25px; width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                    <\/p>\n<h3 style=\"color: #163318; font-weight: bold; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">${group.name}<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                    <pee style=\"color: #718096; margin: 5px 0 0 0; width: 100%; max-width: 100%; min-width: 100%;\">Technical documentation, operational rules, and field setups.<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->            `;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            group.posts.forEach(post => {<!-- [et_pb_line_break_holder] -->                headerHTML += `<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; padding: 12px 0; border-bottom: 1px solid #edf2f7; box-sizing: border-box;\"><!-- [et_pb_line_break_holder] -->                        <a href=\"${post.link}\" style=\"text-decoration:none; color:#2d3748; display:block;\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h4 style=\"margin:0 0 5px 0; color:#1a202c; font-weight:bold; height: auto; min-height: auto; overflow: visible; word-wrap: break-word; overflow-wrap: break-word;\">${post.title}<\/h4>\n<p><!-- [et_pb_line_break_holder] -->                            <pee style=\"margin:0; color:#718096; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;\">View technical configurations ><\/pee><!-- [et_pb_line_break_holder] -->                        <\/a><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                `;<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->            headerHTML += `<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->            clusterCard.innerHTML = headerHTML;<!-- [et_pb_line_break_holder] -->            dynamicScenariosContainer.appendChild(clusterCard);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/* Execute the active content loading tasks *\/<!-- [et_pb_line_break_holder] -->    fetchProducts();<!-- [et_pb_line_break_holder] -->    fetchLatestPosts();<!-- [et_pb_line_break_holder] -->    fetchClusteredCategories();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->})();<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<div class=\"farm-hub-root\" style=\"width: 100%; max-width: 100%; min-width: 100%; background-color: #fcfdfc; color: #2d3748; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; box-sizing: border-box; padding: 0; margin: 0; overflow-x: hidden;\"><p><!-- TOP HERO BANNER --><\/p><header class=\"farm-hub-hero\" style=\"width: 100%; max-width: 100%; min-width: 100%; background: linear-gradient(135deg, #163318 0%, #2e5c31 100%); color: #ffffff; padding: 60px 20px; text-align: center; box-sizing: border-box;\"><div class=\"farm-hub-hero-inner\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin: 0 auto; box-sizing: border-box;\"><p style=\"text-transform: uppercase; letter-spacing: 2px; color: #d4af37; font-weight: bold; margin-bottom: 15px; width: 100%; max-width: 100%; min-width: 100%;\">Application Scenarios & Baler Tech<\/p><h1 style=\"color: #ffffff; font-weight: 800; margin: 0 0 20px 0; width: 100%; max-width: 100%; min-width: 100%;\">Round Baler Machinery Hub<\/h1><p style=\"color: #e2e8f0; margin: 0 auto; width: 100%; max-width: 100%; min-width: 100%;\">Discover high-performance farming solutions, expert operating guides, and the latest innovations in agricultural straw processing.<\/p><\/div><\/header><p><!-- MAIN GRID CONTAINER --><\/p><main class=\"farm-hub-main\" style=\"width: 100%; max-width: 100%; min-width: 100%; padding: 40px 20px; box-sizing: border-box;\"><\/main><p><!-- CATEGORY GRID SECTION (4-6 Grids) --><\/p><section class=\"category-grid-section\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 60px; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 30px; width: 100%; max-width: 100%; min-width: 100%;\"><h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Explore Product Categories<\/h2><p style=\"color: #718096; width: 100%; max-width: 100%; min-width: 100%;\">Select a category to view customized technical specs and models.<\/p><\/div><div class=\"grid-layout\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; box-sizing: border-box;\"><p><!-- Category 1 --><\/p><div style=\"width: 100%; max-width: 100%; min-width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; text-align: center; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.02); box-sizing: border-box;\"><div style=\"background: #eaf2eb; color: #2e5c31; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; box-sizing: border-box;\">\u00a0<\/div><h3 style=\"color: #163318; margin: 0 0 10px 0; font-weight: bold; width: 100%; max-width: 100%; min-width: 100%;\">Round Baler Series<\/h3><p style=\"color: #718096; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">Premium rolling structures for high density farm baling.<\/p><\/div><p>\u00a0<\/p><p><!-- Category 2 --><\/p><div style=\"width: 100%; max-width: 100%; min-width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; text-align: center; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.02); box-sizing: border-box;\"><div style=\"background: #eaf2eb; color: #2e5c31; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; box-sizing: border-box;\">\u00a0<\/div><h3 style=\"color: #163318; margin: 0 0 10px 0; font-weight: bold; width: 100%; max-width: 100%; min-width: 100%;\">Square Baler Series<\/h3><p style=\"color: #718096; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">Compact storage solutions for efficient logistical transport.<\/p><\/div><p>\u00a0<\/p><p><!-- Category 3 --><\/p><div style=\"width: 100%; max-width: 100%; min-width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; text-align: center; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.02); box-sizing: border-box;\"><div style=\"background: #eaf2eb; color: #2e5c31; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; box-sizing: border-box;\">\u00a0<\/div><h3 style=\"color: #163318; margin: 0 0 10px 0; font-weight: bold; width: 100%; max-width: 100%; min-width: 100%;\">Mini Balers<\/h3><p style=\"color: #718096; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">Flexible, lightweight models designed for small family farms.<\/p><\/div><p>\u00a0<\/p><p><!-- Category 4 --><\/p><div style=\"width: 100%; max-width: 100%; min-width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; text-align: center; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.02); box-sizing: border-box;\"><div style=\"background: #eaf2eb; color: #2e5c31; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px auto; box-sizing: border-box;\">\u00a0<\/div><h3 style=\"color: #163318; margin: 0 0 10px 0; font-weight: bold; width: 100%; max-width: 100%; min-width: 100%;\">Spares & Twines<\/h3><p style=\"color: #718096; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">High tensile twine wrap options and wear parts support.<\/p><\/div><p>\u00a0<\/p><\/div><\/section><p><!-- TWO DYNAMIC APP SCENARIOS LISTS (WordPress Aggregation Block) --><\/p><section class=\"scenarios-showcase\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 60px; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 40px; width: 100%; max-width: 100%; min-width: 100%;\"><h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Application Scenarios & Working Guides<\/h2><p style=\"color: #718096; width: 100%; max-width: 100%; min-width: 100%;\">Instantly aggregated technical manuals and case studies from our resource archive.<\/p><\/div><p><!-- Dynamic Columns Container --><\/p><div id=\"dynamic-scenarios-container\" class=\"scenarios-grid\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; box-sizing: border-box;\"><div class=\"loading-spinner\" style=\"grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><div style=\"width: 40px; height: 40px; border: 4px solid #e2e8f0; border-top-color: #2e5c31; border-radius: 50%; animation: spin 1s linear infinite; box-sizing: border-box;\">\u00a0<\/div><p style=\"color: #a0aec0; margin-top: 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: center;\">Loading archive...<\/p><\/div><\/div><\/section><p><!-- LATEST FEATURED WOOCOMMERCE PRODUCTS SECTION --><\/p><section class=\"latest-products-section\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 60px; box-sizing: border-box;\"><div style=\"display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 35px; flex-wrap: wrap; gap: 15px; width: 100%; max-width: 100%; min-width: 100%;\"><div style=\"box-sizing: border-box;\"><h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Premium Product Showcase<\/h2><p style=\"color: #718096; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">Get quotes on our highly-rated field baling systems.<\/p><\/div><p><a style=\"color: #2e5c31; font-weight: bold; text-decoration: none; display: inline-flex; align-items: center; box-sizing: border-box;\" href=\"\/products\/\"><br \/>View Complete Catalog<\/a><\/p><p>\u00a0<\/p><\/div><p><!-- WooCommerce Target Container --><\/p><div id=\"woo-products-list\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px; box-sizing: border-box;\"><div class=\"loading-spinner\" style=\"grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 100%; max-width: 100%; min-width: 100%;\"><div style=\"width: 40px; height: 40px; border: 4px solid #e2e8f0; border-top-color: #2e5c31; border-radius: 50%; animation: spin 1s linear infinite; box-sizing: border-box;\">\u00a0<\/div><p style=\"color: #a0aec0; margin-top: 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: center;\">Contacting global catalog...<\/p><\/div><\/div><\/section><p><!-- LATEST TECHNICAL & BLOG POSTS SECTION --><\/p><section class=\"latest-blog-section\" style=\"width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 40px; box-sizing: border-box;\"><div style=\"text-align: center; margin-bottom: 40px; width: 100%; max-width: 100%; min-width: 100%;\"><h2 style=\"color: #163318; font-weight: bold; margin: 0 0 10px 0; width: 100%; max-width: 100%; min-width: 100%;\">Latest Forage Engineering Updates<\/h2><p style=\"color: #718096; width: 100%; max-width: 100%; min-width: 100%;\">Keep up to date with industrial standards, mechanics, and harvest insights.<\/p><\/div><p><!-- Blog Post Target Container --><\/p><div id=\"latest-posts-list\" style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; box-sizing: border-box;\"><div class=\"loading-spinner\" style=\"grid-column: 1 \/ -1; display: flex; flex-direction: column; align-items: center; padding: 40px 0; width: 100%; max-width: 100%; min-width: 100%;\"><div style=\"width: 40px; height: 40px; border: 4px solid #e2e8f0; border-top-color: #d4af37; border-radius: 50%; animation: spin 1s linear infinite; box-sizing: border-box;\">\u00a0<\/div><p style=\"color: #a0aec0; margin-top: 15px; width: 100%; max-width: 100%; min-width: 100%; text-align: center;\">Updating articles database...<\/p><\/div><\/div><\/section><p>\u00a0<\/p><p><!-- FOOTER WITH QUICK LINKS AND NEWSLETTER --><\/p><footer style=\"width: 100%; max-width: 100%; min-width: 100%; background: #1a202c; color: #a0aec0; padding: 50px 20px 30px 20px; border-top: 5px solid #2e5c31; box-sizing: border-box;\"><div style=\"width: 100%; max-width: 100%; min-width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 40px; margin-bottom: 40px; box-sizing: border-box;\"><div style=\"box-sizing: border-box;\"><h4 style=\"color: #ffffff; font-weight: bold; margin: 0 0 15px 0; width: 100%; max-width: 100%; min-width: 100%;\">About Farm Balers Hub<\/h4><p style=\"margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">Providing elite agricultural forage machinery, high pressure testing tutorials, and worldwide spare parts delivery support.<\/p><\/div><div style=\"box-sizing: border-box;\"><h4 style=\"color: #ffffff; font-weight: bold; margin: 0 0 15px 0; width: 100%; max-width: 100%; min-width: 100%;\">Useful Resources<\/h4><ul style=\"list-style: none; padding: 0; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\"><li style=\"margin-bottom: 10px;\"><a style=\"color: #a0aec0; text-decoration: none;\" href=\"\/products\/\">Equipment Catalog<\/a><\/li><li style=\"margin-bottom: 10px;\"><a style=\"color: #a0aec0; text-decoration: none;\" href=\"\/blog\/\">Technical Blog Archives<\/a><\/li><li style=\"margin-bottom: 10px;\"><a style=\"color: #a0aec0; text-decoration: none;\" href=\"\/#contact\">Technical Service Desk<\/a><\/li><\/ul><\/div><\/div><div style=\"width: 100%; max-width: 100%; min-width: 100%; text-align: center; border-top: 1px solid #2d3748; padding-top: 25px; box-sizing: border-box;\"><p style=\"margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">All technical parameters displayed here are sourced and updated dynamically from the system cluster.<\/p><\/div><\/footer><\/div><p><!-- EMBEDDED KEYFRAME ANIMATION (Pure CSS Spinner) --><\/p><p><style>\r\n@keyframes spin {<br \/>    0% { transform: rotate(0deg); }<br \/>    100% { transform: rotate(360deg); }<br \/>}<br \/><\/style><\/p><p><!-- WP REST API WRAPPER SCRIPT --><br \/><script>\r\n(function() {\r\n    \/* Base configuration domain setting targeting your live instance *\/\r\n    const baseDomain = window.location.hostname.includes('farm-balers.com') ? window.location.origin : 'https:\/\/farm-balers.com';\r\n\r\n    \/* Element bindings for target layout structures *\/\r\n    const wooProductsList = document.getElementById('woo-products-list');\r\n    const latestPostsList = document.getElementById('latest-posts-list');\r\n    const dynamicScenariosContainer = document.getElementById('dynamic-scenarios-container');\r\n\r\n    \/* SVG Placeholder builder for fallback images *\/\r\n    function getPlaceholderSVG() {\r\n        return `data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"200\" viewBox=\"0 0 400 250\" fill=\"%23eaf2eb\"><rect width=\"100%\" height=\"100%\"\/><circle cx=\"200\" cy=\"125\" r=\"50\" fill=\"%232e5c31\" opacity=\"0.15\"\/><path d=\"M150 160 Q200 110 250 160\" stroke=\"%232e5c31\" stroke-width=\"4\" fill=\"none\" opacity=\"0.3\"\/><\/svg>`;\r\n    }\r\n\r\n    \/* Resolves post thumbnail from nested embed payload *\/\r\n    function resolvePostImage(post) {\r\n        if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\r\n            const media = post._embedded['wp:featuredmedia'][0];\r\n            return media.source_url || media.media_details?.sizes?.medium?.source_url || getPlaceholderSVG();\r\n        }\r\n        return getPlaceholderSVG();\r\n    }\r\n\r\n    \/* Pulls products from WooCommerce endpoint *\/\r\n    async function fetchProducts() {\r\n        try {\r\n            const response = await fetch(`${baseDomain}\/wp-json\/wp\/v2\/product?per_page=4`);\r\n            if (!response.ok) throw new Error('Network error');\r\n            const data = await response.json();\r\n            \r\n            if (data.length === 0) {\r\n                renderProductsFallback();\r\n                return;\r\n            }\r\n\r\n            wooProductsList.innerHTML = '';\r\n            data.forEach(product => {\r\n                const col = document.createElement('div');\r\n                col.style.width = '100%';\r\n                col.style.maxWidth = '100%';\r\n                col.style.minWidth = '100%';\r\n                col.style.boxSizing = 'border-box';\r\n                \r\n                const imgSrc = product.featured_media_url || getPlaceholderSVG();\r\n                \r\n                col.innerHTML = `\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01);\"><p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; height:180px; overflow:hidden; background:#f4f6f4;\">\r\n                            <img src=\"${imgSrc}\" alt=\"${product.title.rendered}\" style=\"width:100%; height:100%; object-fit:cover;\">\r\n                        <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"padding:15px;\"><p>\r\n<\/p>\r\n<p>\r\n                            <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height:45px; overflow:hidden;\">${product.title.rendered}<\/h4>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                            <a href=\"${product.link}\" style=\"display:block; text-align:center; background:#2e5c31; color:#ffffff; padding:10px; border-radius:4px; text-decoration:none; font-weight:bold;\">Get Quote<\/a>\r\n                        <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                `;\r\n                wooProductsList.appendChild(col);\r\n            });\r\n        } catch (error) {\r\n            renderProductsFallback();\r\n        }\r\n    }\r\n\r\n    \/* Fallback layout for product list on error *\/\r\n    function renderProductsFallback() {\r\n        wooProductsList.innerHTML = '';\r\n        const fallbackProducts = [\r\n            { title: \"Standard Round Baler F12\", link: \"\/product\/standard-round-baler\/\" },\r\n            { title: \"Heavy Straw Square Baler S24\", link: \"\/product\/heavy-straw-square-baler\/\" },\r\n            { title: \"Mini Garden Forage Baler M08\", link: \"\/product\/mini-garden-forage-baler\/\" },\r\n            { title: \"Silicon Mesh Wrap Twine-X\", link: \"\/product\/mesh-wrap-twine\/\" }\r\n        ];\r\n\r\n        fallbackProducts.forEach(prod => {\r\n            const col = document.createElement('div');\r\n            col.style.width = '100%';\r\n            col.style.maxWidth = '100%';\r\n            col.style.minWidth = '100%';\r\n            col.style.boxSizing = 'border-box';\r\n\r\n            col.innerHTML = `\r\n                <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01);\"><p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; height:180px; overflow:hidden; background:#f4f6f4;\">\r\n                        <img src=\"${getPlaceholderSVG()}\" style=\"width:100%; height:100%; object-fit:cover;\">\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"padding:15px;\"><p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height:45px; overflow:hidden;\">${prod.title}<\/h4>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <a href=\"${prod.link}\" style=\"display:block; text-align:center; background:#2e5c31; color:#ffffff; padding:10px; border-radius:4px; text-decoration:none; font-weight:bold;\">Get Quote<\/a>\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n            `;\r\n            wooProductsList.appendChild(col);\r\n        });\r\n    }\r\n\r\n    \/* Fetches latest standard posts with embeddings *\/\r\n    async function fetchLatestPosts() {\r\n        try {\r\n            const response = await fetch(`${baseDomain}\/wp-json\/wp\/v2\/posts?_embed&per_page=6`);\r\n            if (!response.ok) throw new Error('Network error');\r\n            const data = await response.json();\r\n            \r\n            if (data.length === 0) {\r\n                renderPostsFallback();\r\n                return;\r\n            }\r\n\r\n            latestPostsList.innerHTML = '';\r\n            data.forEach(post => {\r\n                const articleCard = document.createElement('article');\r\n                articleCard.style.width = '100%';\r\n                articleCard.style.maxWidth = '100%';\r\n                articleCard.style.minWidth = '100%';\r\n                articleCard.style.boxSizing = 'border-box';\r\n\r\n                const postImg = resolvePostImage(post);\r\n                const postExcerpt = post.excerpt?.rendered ? post.excerpt.rendered.replace(\/<[^>]*>\/g, '').substring(0, 100) + '...' : 'No content summary available.';\r\n\r\n                articleCard.innerHTML = `\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01);\"><p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; height:160px; overflow:hidden;\">\r\n                            <img src=\"${postImg}\" style=\"width:100%; height:100%; object-fit:cover;\">\r\n                        <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"padding:20px;\"><p>\r\n<\/p>\r\n<p>\r\n                            <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height:45px; overflow:hidden;\">${post.title.rendered}<\/h4>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                            <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p style=\"color:#718096; margin:0 0 15px 0; height:60px; overflow:hidden;\">${postExcerpt}<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                            <a href=\"${post.link}\" style=\"color:#2e5c31; font-weight:bold; text-decoration:none; display:inline-flex; align-items:center;\">\r\n                                Read Technical Manual\r\n                                <svg style=\"width:16px; height:16px; margin-left:4px;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg>\r\n                            <\/a>\r\n                        <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                `;\r\n                latestPostsList.appendChild(articleCard);\r\n            });\r\n        } catch (error) {\r\n            renderPostsFallback();\r\n        }\r\n    }\r\n\r\n    \/* Fallback layout for standard posts on error *\/\r\n    function renderPostsFallback() {\r\n        latestPostsList.innerHTML = '';\r\n        const fallbackPosts = [\r\n            { title: \"Optimizing Rotor Speed and Intake Feeding Rates\", link: \"\/blog\/optimizing-rotor-speed\/\" },\r\n            { title: \"How to Keep Hay Compression Moisture Uniform\", link: \"\/blog\/moisture-uniformity\/\" },\r\n            { title: \"Top Wear Indicators of Agricultural Gear System Lines\", link: \"\/blog\/gear-indicators\/\" }\r\n        ];\r\n\r\n        fallbackPosts.forEach(post => {\r\n            const articleCard = document.createElement('article');\r\n            articleCard.style.width = '100%';\r\n            articleCard.style.maxWidth = '100%';\r\n            articleCard.style.minWidth = '100%';\r\n            articleCard.style.boxSizing = 'border-box';\r\n\r\n            articleCard.innerHTML = `\r\n                <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; background:#ffffff; border:1px solid #e2e8f0; border-radius:8px; overflow:hidden; box-shadow:0 4px 6px rgba(0,0,0,0.01);\"><p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width:100%; height:160px; overflow:hidden; background:#f4f6f4;\">\r\n                        <img src=\"${getPlaceholderSVG()}\" style=\"width:100%; height:100%; object-fit:cover;\">\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"padding:20px;\"><p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h4 style=\"margin:0 0 10px 0; color:#163318; font-weight:bold; height:45px; overflow:hidden;\">${post.title}<\/h4>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p style=\"color:#718096; margin:0 0 15px 0; height:60px; overflow:hidden;\">Discover optimal operating speeds and configurations from field test data.<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <a href=\"${post.link}\" style=\"color:#2e5c31; font-weight:bold; text-decoration:none; display:inline-flex; align-items:center;\">\r\n                            Read Technical Manual\r\n                            <svg style=\"width:16px; height:16px; margin-left:4px;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5l7 7-7 7\"\/><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n            `;\r\n            latestPostsList.appendChild(articleCard);\r\n        });\r\n    }\r\n\r\n    \/* Dynamically crawls WordPress, reads categorizations, and builds card layouts *\/\r\n    async function fetchClusteredCategories() {\r\n        try {\r\n            const response = await fetch(`${baseDomain}\/wp-json\/wp\/v2\/posts?_embed&per_page=50`);\r\n            if (!response.ok) throw new Error('Network error');\r\n            const posts = await response.json();\r\n\r\n            if (posts.length === 0) {\r\n                renderClusterFallback();\r\n                return;\r\n            }\r\n\r\n            const clusters = {};\r\n\r\n            posts.forEach(post => {\r\n                const categoryTerms = [];\r\n                if (post._embedded && post._embedded['wp:term']) {\r\n                    post._embedded['wp:term'].forEach(taxGroup => {\r\n                        taxGroup.forEach(term => {\r\n                            if (term.taxonomy === 'category') {\r\n                                categoryTerms.push(term.name);\r\n                            }\r\n                        });\r\n                    });\r\n                }\r\n\r\n                if (categoryTerms.length === 0) {\r\n                    categoryTerms.push('General Operating Guides');\r\n                }\r\n\r\n                categoryTerms.forEach(catName => {\r\n                    if (catName.toLowerCase() === 'uncategorized' || catName.toLowerCase() === 'blog') {\r\n                        return;\r\n                    }\r\n\r\n                    if (!clusters[catName]) {\r\n                        clusters[catName] = [];\r\n                    }\r\n                    clusters[catName].push(post);\r\n                });\r\n            });\r\n\r\n            const clusterKeys = Object.keys(clusters);\r\n            if (clusterKeys.length === 0) {\r\n                renderClusterFallback();\r\n                return;\r\n            }\r\n\r\n            dynamicScenariosContainer.innerHTML = '';\r\n            const borderColors = ['#2e5c31', '#d4af37', '#8c6239', '#4a7c59'];\r\n\r\n            clusterKeys.forEach((catName, index) => {\r\n                const catPosts = clusters[catName].slice(0, 4);\r\n                const borderColor = borderColors[index % borderColors.length];\r\n\r\n                const clusterCard = document.createElement('div');\r\n                clusterCard.style.width = '100%';\r\n                clusterCard.style.maxWidth = '100%';\r\n                clusterCard.style.minWidth = '100%';\r\n                clusterCard.style.background = '#ffffff';\r\n                clusterCard.style.border = '1px solid #e2e8f0';\r\n                clusterCard.style.borderRadius = '8px';\r\n                clusterCard.style.padding = '25px';\r\n                clusterCard.style.boxShadow = '0 4px 10px rgba(0,0,0,0.01)';\r\n                clusterCard.style.boxSizing = 'border-box';\r\n\r\n                let headerHTML = `\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"border-left: 4px solid ${borderColor}; padding-left: 15px; margin-bottom: 25px; width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h3 style=\"color: #163318; font-weight: bold; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">${catName}<\/h3>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p style=\"color: #718096; margin: 5px 0 0 0; width: 100%; max-width: 100%; min-width: 100%;\">Technical documentation, operational rules, and field setups.<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><p>\r\n<\/p>\r\n<p>\r\n                `;\r\n\r\n                catPosts.forEach(post => {\r\n                    headerHTML += `\r\n                        <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; padding: 12px 0; border-bottom: 1px solid #edf2f7; box-sizing: border-box;\"><p>\r\n<\/p>\r\n<p>\r\n                            <a href=\"${post.link}\" style=\"text-decoration:none; color:#2d3748; display:block;\">\r\n                                <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h4 style=\"margin:0 0 5px 0; color:#1a202c; font-weight:bold;\">${post.title.rendered}<\/h4>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                                <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p style=\"margin:0; color:#718096; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;\">View technical configurations ><\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                            <\/a>\r\n                        <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    `;\r\n                });\r\n\r\n                headerHTML += `<\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>`;\r\n                clusterCard.innerHTML = headerHTML;\r\n                dynamicScenariosContainer.appendChild(clusterCard);\r\n            });\r\n\r\n        } catch (error) {\r\n            renderClusterFallback();\r\n        }\r\n    }\r\n\r\n    \/* Fallback cluster cards inside container when fetch results are empty or offline *\/\r\n    function renderClusterFallback() {\r\n        dynamicScenariosContainer.innerHTML = '';\r\n        \r\n        const fallbackGroups = [\r\n            {\r\n                name: \"Round Baler Collection\",\r\n                color: \"#2e5c31\",\r\n                posts: [\r\n                    { title: \"Safe Forage Storage Under High Humidity\", link: \"\/blog\/forage-storage-guide\/\" },\r\n                    { title: \"Adjusting Rotor Speed in Damp Crop Areas\", link: \"\/blog\/adjusting-rotor-speed\/\" }\r\n                ]\r\n            },\r\n            {\r\n                name: \"Working Principles & Tech\",\r\n                color: \"#d4af37\",\r\n                posts: [\r\n                    { title: \"Unlocking Tension System Calibration Limits\", link: \"\/blog\/tension-calibration\/\" },\r\n                    { title: \"Knotter Synchronization Mechanics Evaluated\", link: \"\/blog\/knotter-synchronization\/\" }\r\n                ]\r\n            }\r\n        ];\r\n\r\n        fallbackGroups.forEach(group => {\r\n            const clusterCard = document.createElement('div');\r\n            clusterCard.style.width = '100%';\r\n            clusterCard.style.maxWidth = '100%';\r\n            clusterCard.style.minWidth = '100%';\r\n            clusterCard.style.background = '#ffffff';\r\n            clusterCard.style.border = '1px solid #e2e8f0';\r\n            clusterCard.style.borderRadius = '8px';\r\n            clusterCard.style.padding = '25px';\r\n            clusterCard.style.boxShadow = '0 4px 10px rgba(0,0,0,0.01)';\r\n            clusterCard.style.boxSizing = 'border-box';\r\n\r\n            let headerHTML = `\r\n                <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"border-left: 4px solid ${group.color}; padding-left: 15px; margin-bottom: 25px; width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h3 style=\"color: #163318; font-weight: bold; margin: 0; width: 100%; max-width: 100%; min-width: 100%;\">${group.name}<\/h3>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p style=\"color: #718096; margin: 5px 0 0 0; width: 100%; max-width: 100%; min-width: 100%;\">Technical documentation, operational rules, and field setups.<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; box-sizing: border-box;\"><p>\r\n<\/p>\r\n<p>\r\n            `;\r\n\r\n            group.posts.forEach(post => {\r\n                headerHTML += `\r\n                    <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<div style=\"width: 100%; max-width: 100%; min-width: 100%; padding: 12px 0; border-bottom: 1px solid #edf2f7; box-sizing: border-box;\"><p>\r\n<\/p>\r\n<p>\r\n                        <a href=\"${post.link}\" style=\"text-decoration:none; color:#2d3748; display:block;\">\r\n                            <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<h4 style=\"margin:0 0 5px 0; color:#1a202c; font-weight:bold;\">${post.title}<\/h4>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                            <\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p style=\"margin:0; color:#718096; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;\">View technical configurations ><\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                        <\/a>\r\n                    <\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n                `;\r\n            });\r\n\r\n            headerHTML += `<\/div>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>\r\n<\/p>\r\n<p>`;\r\n            clusterCard.innerHTML = headerHTML;\r\n            dynamicScenariosContainer.appendChild(clusterCard);\r\n        });\r\n    }\r\n\r\n    \/* Execute the active content loading tasks *\/\r\n    fetchProducts();\r\n    fetchLatestPosts();\r\n    fetchClusteredCategories();\r\n\r\n})();\r\n<\/script><\/p>","_et_gb_content_width":"","footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":14,"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":515,"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/pages\/473\/revisions\/515"}],"wp:attachment":[{"href":"https:\/\/farm-balers.com\/th\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}