{"product_id":"1-5-brown-river-rock-sold-by-cubic-yard","title":"Brown River Rock 1.5\"","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003e1-1\/2″ brown river rock is a smooth, round stone, varying in color from tan to brown with hints of white throughout. This landscape rock gravel is perfect for anyone looking to add natural earthy tones to their landscaping projects.\u003c\/span\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  \/* --- Calculator Styling --- *\/\n  .material-calculator-embed {\n    font-family: Arial, sans-serif;\n    max-width: 350px;\n    padding: 20px;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n    margin: 20px 0;\n  }\n  .material-calculator-embed h4 {\n    color: #333;\n    margin-top: 0;\n    margin-bottom: 15px;\n    font-size: 1.2em;\n    border-bottom: 2px solid #0056b3; \/* Tierra Blue Accent *\/\n    padding-bottom: 5px;\n  }\n  .input-group {\n    margin-bottom: 15px;\n  }\n  .input-group label {\n    display: block;\n    margin-bottom: 5px;\n    font-weight: bold;\n    color: #555;\n  }\n  .input-group input[type=\"number\"] {\n    width: calc(100% - 20px);\n    padding: 10px;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    box-sizing: border-box;\n  }\n  .calc-button {\n    background-color: #0056b3; \/* Primary Button Color *\/\n    color: white;\n    padding: 10px 15px;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 1em;\n    width: 100%;\n    transition: background-color 0.3s;\n  }\n  .calc-button:hover {\n    background-color: #003d7a;\n  }\n  #calculator-result {\n    margin-top: 20px;\n    padding: 15px;\n    border-radius: 4px;\n    background-color: #d4edda;\n    border: 1px solid #c3e6cb;\n    color: #155724;\n    font-weight: bold;\n    text-align: center;\n    display: none; \/* Hidden until calculated *\/\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"material-calculator-embed\"\u003e\n  \u003ch4\u003eCalculate Your Material Needs 📐\u003c\/h4\u003e\n  \u003cp\u003eEnter the dimensions of your project area.\u003c\/p\u003e\n\n  \u003cdiv class=\"input-group\"\u003e\n    \u003clabel for=\"length-ft\"\u003eLength (Feet)\u003c\/label\u003e\n    \u003cinput type=\"number\" id=\"length-ft\" min=\"0\" placeholder=\"e.g., 20\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"input-group\"\u003e\n    \u003clabel for=\"width-ft\"\u003eWidth (Feet)\u003c\/label\u003e\n    \u003cinput type=\"number\" id=\"width-ft\" min=\"0\" placeholder=\"e.g., 10\"\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"input-group\"\u003e\n    \u003clabel for=\"depth-in\"\u003eDepth (Inches)\u003c\/label\u003e\n    \u003cinput type=\"number\" id=\"depth-in\" min=\"0.5\" placeholder=\"e.g., 3 (recommended)\"\u003e\n  \u003c\/div\u003e\n\n  \u003cbutton class=\"calc-button\" onclick=\"calculateMaterials()\"\u003e\n    Calculate Volume\n  \u003c\/button\u003e\n\n  \u003cdiv id=\"calculator-result\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function calculateMaterials() {\n    \/\/ 1. Get user input values\n    const length = parseFloat(document.getElementById('length-ft').value);\n    const width = parseFloat(document.getElementById('width-ft').value);\n    const depthInches = parseFloat(document.getElementById('depth-in').value);\n\n    const resultDiv = document.getElementById('calculator-result');\n\n    \/\/ 2. Input Validation\n    if (isNaN(length) || isNaN(width) || isNaN(depthInches) || length \u003c= 0 || width \u003c= 0 || depthInches \u003c= 0) {\n      resultDiv.style.display = 'block';\n      resultDiv.style.backgroundColor = '#f8d7da';\n      resultDiv.style.borderColor = '#f5c6cb';\n      resultDiv.style.color = '#721c24';\n      resultDiv.innerHTML = 'Please enter valid numbers for all fields.';\n      return;\n    }\n\n    \/\/ 3. Calculation Logic\n    \/\/ Step A: Convert depth from inches to feet (divide by 12)\n    const depthFeet = depthInches \/ 12;\n\n    \/\/ Step B: Calculate volume in cubic feet\n    const cubicFeet = length * width * depthFeet;\n\n    \/\/ Step C: Convert cubic feet to cubic yards (divide by 27)\n    const cubicYards = cubicFeet \/ 27;\n\n    \/\/ 4. Display Result\n    const roundedYards = cubicYards.toFixed(2); \/\/ Round to two decimal places\n    \n    resultDiv.style.display = 'block';\n    resultDiv.style.backgroundColor = '#d4edda';\n    resultDiv.style.borderColor = '#c3e6cb';\n    resultDiv.style.color = '#155724';\n    resultDiv.innerHTML = `You need **${roundedYards} Cubic Yards** of material.`;\n  }\n\u003c\/script\u003e\n\u003cp\u003e***Please note that bulk items are delivered in a dump truck.***\u003c\/p\u003e\n\u003cp\u003eIf two different bulk items are ordered for delivery and only one delivery fee is purchased contamination or mixing of the products upon dumping is likely. Please be aware you will be subject to additional delivery fee if you choose to have more than one bulk product delivered and you are not wanting them to mix.\u003c\/p\u003e\n\u003cp\u003e*Item is only available for Local Delivery or Pick Up Orders*\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3128\/0947\/files\/ED3AFD5D-7689-4895-BF3A-A72EF6FCD095.jpg?v=1769526112\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/3128\/0947\/files\/C6AFECB7-E712-4D70-AC97-EDFC4A26302B.jpg?v=1769526094\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Tierra Supply Co","offers":[{"title":"One Cubic Yard","offer_id":57080803131732,"sku":null,"price":140.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1050\/3825\/0324\/files\/FullSizeRender_3512491f-4ee3-40ec-a0d6-fe47a45f0ba1.jpg?v=1788959044","url":"https:\/\/starkepay.com\/products\/1-5-brown-river-rock-sold-by-cubic-yard","provider":"Starke Pay","version":"1.0","type":"link"}