{"product_id":"2024-tacoma-bed-step-relocation-bracket","title":"SXTH Element 2024+ Tacoma Bed Step Relocation Bracket","description":"\u003cbody\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eTacoma Bed Step Relocation Bracket\u003c\/title\u003e\n    \u003cstyle\u003e\n        .blurb-container {\n            display: flex;\n            flex-direction: column;\n            gap: 24px;\n        }\n\n        .flex-container {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-bottom: 24px;\n            transition: all 0.6s ease-out;\n            opacity: 0;\n            transform: translateY(20px);\n        }\n\n        .flex-container:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        .blurb-image {\n            width: 600px;\n            height: auto;\n            border-radius: 15px;\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        .blurb-text {\n            flex: 1;\n        }\n\n        \/* New CSS Class for Emoji *\/\n        .blurb-emoji {\n            font-size: 100px; \/* Adjust size as needed *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 600px; \/* Match the image width for consistency *\/\n            height: 400px; \/* Match the placeholder image height *\/\n            border-radius: 15px;\n            background-color: #f8f8f8; \/* Optional: Add a background color *\/\n            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        }\n\n        @media (max-width: 768px) {\n            .flex-container, .flex-container:nth-child(even) {\n                flex-direction: column;\n                text-align: center;\n            }\n\n            .blurb-image, .blurb-emoji {\n                max-width: 100%;\n                width: 100%;\n                height: auto;\n            }\n\n            .blurb-emoji {\n                height: auto;\n                font-size: 60px; \/* Adjust size for smaller screens *\/\n            }\n        }\n\n        .flex-wrap-4 {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 16px;\n        }\n\n        .flex-wrap-4 \u003e div {\n            flex: 1 1 calc(50% - 16px);\n            min-width: 150px;\n        }\n\n        @media (max-width: 480px) {\n            .flex-wrap-4 \u003e div {\n                flex: 1 1 100%;\n            }\n        }\n\n        .visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"blurb-container\"\u003e\n        \u003cdiv class=\"blurb-container\"\u003e\n        \u003c!-- Blurb 1: Introduction --\u003e\n        \u003cdiv class=\"blurb flex-container\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/0883\/2298\/files\/side-step-relocation4.jpg?v=1743006011\" alt=\"SXTH Element bed-Step Relocation Bracket\" class=\"blurb-image\"\u003e\n            \u003cdiv class=\"blurb-text\"\u003e\n                \u003cp\u003e\n                    Introducing the SXTH Element Bed-Step Relocation Bracket for the 2024+ Tacoma. Engineered to solve the conflict between the OEM bed step and our robust recovery point, this innovative solution lets you enjoy the best of both worlds.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Blurb 2: The Challenge --\u003e\n        \u003cdiv class=\"blurb flex-container\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/0883\/2298\/files\/Screenshot_2025-03-12_101024.jpg?v=1743029693\" alt=\"Factory bed Step Challenge\" class=\"blurb-image\"\u003e\n            \u003cdiv class=\"blurb-text\"\u003e\n                \u003cp\u003e\n                    The Tacoma’s factory bed step is positioned in a way that conflicts with our recovery point and the OE ARB recovery point. Previously, owners had to choose between retaining the OEM bed step or installing a recovery point for off-road use.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Blurb 3: The Solution with Auto-Switch Images --\u003e\n        \u003cdiv class=\"blurb flex-container\"\u003e\n            \u003cimg id=\"blurb2-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/0883\/2298\/files\/bed-step-relocation-bracket3.png?v=1743028957\" alt=\"Bracket Comparison\" class=\"blurb-image\"\u003e\n            \u003cdiv class=\"blurb-text\"\u003e\n                \u003cp\u003e\n                    Our solution: the SXTH Element bed-Step Relocation Bracket. By slightly repositioning the OEM bed step, it provides just enough clearance to mount the recovery point without compromising functionality or ground clearance.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Blurb 4: Design and Development --\u003e\n        \u003cdiv class=\"blurb flex-container\"\u003e\n            \u003cspan class=\"blurb-emoji\"\u003e🔧\u003c\/span\u003e\n            \u003cdiv class=\"blurb-text\"\u003e\n                \u003cp\u003e\n                    Designed for a factory-like fit and finish, our bracket is made from high-strength 304 stainless steel with a durable powder-coated finish.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Blurb 5: ARB Recovery Point --\u003e\n        \u003cdiv class=\"blurb flex-container\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/0883\/2298\/files\/side-step-relocation1.jpg?v=1743029187\" alt=\"ARB Recovery\" class=\"blurb-image\"\u003e\n            \u003cdiv class=\"blurb-text\"\u003e\n                \u003cp\u003e\n                    The SXTH Element OEM Bed-Step Relocation Bracket is also compatible with the original ARB recovery point available on the Trailhunter model and as an accessory.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"custom-section1 mb-24\"\u003e\n        \u003ch4\u003eFeatures\u003c\/h4\u003e\n        \u003cp\u003e- Integrates the OEM bed step with our recovery point system seamlessly\u003c\/p\u003e\n        \u003cp\u003e- Crafted from high-strength 304 stainless steel for lasting durability\u003c\/p\u003e\n        \u003cp\u003e- Powder-coated finish designed to withstand harsh environments\u003c\/p\u003e\n        \u003cp\u003e- Maintains factory fit and finish while offering an improved mounting position\u003c\/p\u003e\n    \u003c\/div\u003e    \n\n    \u003cdiv class=\"custom-section1\"\u003e\n        \u003ch4\u003eProduct Specs\u003c\/h4\u003e\n        \u003cdiv class=\"flex-wrap-4\"\u003e\n            \u003cdiv\u003e\u003cp\u003e\u003cb\u003eVehicle Compatibility:\u003c\/b\u003e Toyota Tacoma 2024+\u003c\/p\u003e\u003c\/div\u003e\n            \u003cdiv\u003e\u003cp\u003e\u003cb\u003eMaterial:\u003c\/b\u003e 304 Stainless Steel\u003c\/p\u003e\u003c\/div\u003e\n            \u003cdiv\u003e\u003cp\u003e\u003cb\u003eFinish:\u003c\/b\u003e Powder-Coated\u003c\/p\u003e\u003c\/div\u003e\n            \u003cdiv\u003e\u003cp\u003e\u003cb\u003eInstallation:\u003c\/b\u003e Uses existing OEM mounting points\u003c\/p\u003e\u003c\/div\u003e\n            \u003cdiv\u003e\u003cp\u003e\u003cb\u003eFunctionality:\u003c\/b\u003e Integrates OEM bed step with recovery point\u003c\/p\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        document.addEventListener(\"DOMContentLoaded\", function () {\n            const blurbs = document.querySelectorAll(\".flex-container\");\n\n            function handleScroll() {\n                blurbs.forEach(blurb =\u003e {\n                    const blurbPosition = blurb.getBoundingClientRect().top;\n                    const windowHeight = window.innerHeight;\n\n                    if (blurbPosition \u003c windowHeight - 100) {\n                        blurb.classList.add(\"visible\");\n                    }\n                });\n            }\n\n            window.addEventListener(\"scroll\", handleScroll);\n            handleScroll(); \/\/ Run on load in case elements are already in view\n\n            \/\/ Auto-switch images in Blurb 3 (Bracket Comparison)\n            const blurb2Image = document.getElementById(\"blurb2-image\");\n            const images = [\n                \"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/0883\/2298\/files\/bed-step-relocation-bracket3.png?v=1743028957\",\n                \"https:\/\/cdn.shopify.com\/s\/files\/1\/0700\/0883\/2298\/files\/bed-step-relocation-bracket2.png?v=1743028957\"\n            ];\n            let currentIndex = 0;\n\n            setInterval(() =\u003e {\n                currentIndex = (currentIndex + 1) % images.length;\n                blurb2Image.src = images[currentIndex];\n            }, 2000); \/\/ Switch every 2 seconds\n        });\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"SXTH Element","offers":[{"title":"Default Title","offer_id":47329890599164,"sku":"30-15-804","price":79.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1128\/7276\/files\/Tacoma-bed-step-relo-1.png?v=1755005491","url":"https:\/\/jdcustomsusa.com\/ja\/products\/2024-tacoma-bed-step-relocation-bracket","provider":"JD Customs U.S.A","version":"1.0","type":"link"}