{"title":"UV Marble Sheet","description":"\u003cp data-mce-fragment=\"1\"\u003eIntroducing our UV Marble Sheet, a premium-quality decorative panel that brings the luxurious and elegant look of natural marble to any interior space. Made from a special type of plastic that is resistant to UV radiation and wear, our UV Marble Sheet offers excellent durability and longevity.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOur UV Marble Sheet is available in a variety of patterns, colors, and finishes, allowing you to choose the perfect option for your design needs. Whether you want a classic white marble look or a more dramatic black marble finish, our UV Marble Sheet has got you covered.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOne of the unique features of our UV Marble Sheet is that it is easy to install and maintain. The sheet is lightweight and comes with a seamless interlocking system, making installation a breeze. Additionally, the surface of the panel is easy to clean, requiring only a simple wipe down with a damp cloth to maintain its pristine appearance.\u003c\/p\u003e\n\u003cp data-mce-fragment=\"1\"\u003eOverall, our UV Marble Sheet is a versatile and attractive solution for anyone looking to add a touch of sophistication to their interior design. With its durable and easy-to-maintain surface, endless customization options, and eco-friendly construction, our UV Marble Sheet is the perfect choice for homeowners, interior designers, and architects alike.\u003c\/p\u003e","products":[{"product_id":"uv-marble-sheets-black-echo-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Black Echo, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47504468607298,"sku":"SWUV012","price":88.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/1_2dca7371-f56a-4d5f-825c-253c9de7681b.png?v=1747459935"},{"product_id":"uv-marble-sheets-white-elegance-1-sheet-4-x-9-feet","title":"UV Marble Sheets, White Elegance, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47513664815426,"sku":"SWUV013","price":88.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/White_Elegance.png?v=1773764057"},{"product_id":"copy-of-uv-marble-sheets-black-echo-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Twilight Gleam, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47516226584898,"sku":"SWUV020","price":78.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/UV_Marble_New_EM.png?v=1759614737"},{"product_id":"uv-marble-sheets-moonlit-white-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Moonlit White, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":47516259713346,"sku":"SWUV021","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/4_e07a9ef9-49a8-49b7-b42f-6019cf5a8adf.png?v=1747460084"},{"product_id":"uv-marble-sheets-deluxe-white-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Deluxe White, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":48482502181186,"sku":"SWUV033","price":88.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/17_15808efd-3897-43b6-9e08-c8c70747ee7f.png?v=1747460175"},{"product_id":"uv-marble-sheets-black-golden-streak-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Black Golden Streak , 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":48501545697602,"sku":"SWUV024","price":88.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/7_1473be0f-1b0b-446c-aa82-cf8c7c0f83e3.png?v=1747460245"},{"product_id":"uv-marble-sheets-majestic-gold-1-sheet-4-x-9-feet","title":"UV Marble Sheets, MAJESTIC GOLD, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":49323990024514,"sku":"SWUV036","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/3_df083369-9e2b-4017-bd21-ccac52c2077d.png?v=1747460289"},{"product_id":"swuv041","title":"UV Marble Sheets, Blue Ocean Veined , 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":49907076596034,"sku":"SWUV041","price":125.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/11_8b0a7d10-9a2c-4b55-9746-9dbb544207a4.png?v=1747460753"},{"product_id":"swuv043","title":"UV Marble Sheets, Black Gold Veined , 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":49907110805826,"sku":"SWUV043","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/12_b4cd01dc-e5b9-44a6-862d-a071e352aa56.png?v=1747460382"},{"product_id":"uv-marble-sheets-storm-vein-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Storm Vein, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50327024697666,"sku":"SWUV046","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/14_02e0e888-a3d6-4ca3-8bb0-4a4134cf7ee1.png?v=1747460538"},{"product_id":"uv-marble-sheets-royal-streak-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Royal Streak, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50327025779010,"sku":"SWUV045","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Royal_Streak.png?v=1773768773"},{"product_id":"uv-marble-sheets-shadow-veins-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Shadow Veins, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50556368355650,"sku":"SWUV051","price":110.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/19_c81cb130-3c10-4581-88a5-8aeef68209bf.png?v=1747460730"},{"product_id":"uv-marble-sheets-grey-ridge-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Grey Ridge, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50556377432386,"sku":"SWUV052","price":95.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/21_da3fba84-657f-4edf-b225-f800f9372eab.png?v=1747460722"},{"product_id":"uv-marble-sheets-midnight-gold-1-sheet-4-x-9-feet-copy","title":"UV Marble Sheets, Midnight Gold, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":50556377661762,"sku":"SWUV053","price":106.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/22_32e21e09-cabb-458d-a7f5-94f5493b629b.png?v=1747460655"},{"product_id":"uv-marble-sheets-royal-obsidian-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Royal Obsidian, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51505837867330,"sku":"SWUV059","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/UVRoyal.png?v=1773763494"},{"product_id":"uv-marble-sheets-luxe-cascade-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Luxe Cascade, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507748274498,"sku":"SWUV057","price":99.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Luxe_Cascade.png?v=1773768333"},{"product_id":"uv-marble-sheets-golden-mirage-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Golden Mirage, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507824132418,"sku":"SWUV058","price":125.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Golden_Mirage.png?v=1773765035"},{"product_id":"uv-marble-sheets-pearl-flow-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Pearl Flow, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507832029506,"sku":"SWUV056","price":106.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/PearlFlow.png?v=1773765554"},{"product_id":"uv-marble-sheets-crystal-white-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Crystal White, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51507832979778,"sku":"SWUV055","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Crystal_White.png?v=1773767309"},{"product_id":"uv-marble-sheets-gilded-calacatta-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Gilded Calacatta, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51534912520514,"sku":"SWUV044","price":98.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Gilded_Calacatta.png?v=1773769345"},{"product_id":"uv-marble-sheets-soft-marble-1-sheet-4-x-9-feet","title":"UV Marble Sheets, Soft Marble, 1 Sheet, 4 X 9 Feet","description":"\u003cdiv style=\"display: flex; gap: 20px; align-items: flex-start; justify-content: flex-end;\" class=\"container\"\u003e\n \u003cdiv class=\"table-container\" style=\"flex: 1;\"\u003e\n \u003c!-- Product table here --\u003e\n \u003ctable style=\"width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; border: 1px solid #e6e6e6; margin-top: 1px;\" class=\"m__table\"\u003e\n \u003cthead\u003e\n \u003ctr style=\"background-color: #ffffff !important; color: #691029 !important; font-weight: bold;\"\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-family: Roboto Condensed, sans-serif; font-size: 14px; color: #691029 !important; border-right: 1px dashed #cccccc; width: 30%;\"\u003eAttribute\u003c\/th\u003e\n \u003cth style=\"padding: 8px; text-align: left; font-size: 14px; color: #691029 !important; width: 70%;\"\u003eDescription\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003c!-- start Table rows --\u003e\n \u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eMaterial\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eComposite Material, High-Quality PVC, UV-Resistant Layer \u003c\/td\u003e\n\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePanel Dimension\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e108 inches (L) x 48 inches (W) x 1\/8 Inch (Thickness)\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eColor\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eAs Shown\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePacking\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e1 Sheet \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eTotal Area\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e36 Square Feet per Sheet\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eInstallation\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e DIY Easy To Install with Construction Adhesive\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eAvailability \u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eIn Stock Pickup Or Local Delivery\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"background-color: #f9f9f9;\"\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003eFunction\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003eInterior Walls Of Homes, Commercial Spaces, Offices, Hotels, Restaurants, Accent Walls And More\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; border-right: 1px dashed #cccccc; padding: 10px; font-weight: bold; font-family: Roboto Condensed, sans-serif; color: #000000;\"\u003ePickup Address\u003c\/td\u003e\n\u003ctd style=\"border-top: 1px solid #e6e6e6; padding: 6px; color: #000000;\"\u003e\u003ca style=\"color: #c9994c; text-decoration: none; font-weight: bold;\" href=\"https:\/\/maps.app.goo.gl\/mLuwjkVTf4Ucz2PFA\" target=\"_blank\"\u003e5170 Dixie Rd, Mississauga, ON L4W 1E3\u003c\/a\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c!-- end Table rows --\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003c!-- START Calculator code here --\u003e\n\n \u003cscript type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/autonumeric@4.5.4\/dist\/autoNumeric.min.js\"\u003e\u003c\/script\u003e\n \u003clink rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/tippy.js@6\/dist\/tippy.css\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .m__calculator *,\n .m__calculator ::after,\n .m__calculator ::before {\n box-sizing: border-box\n }\n\n .m__calculator * {\n font-family: inherit;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n [data-tippy-root] *{\n font-family: \"Roboto Condensed\", sans-serif;\n font-size: 12px;\n }\n\n\n .m__calculator {\n max-width: 290px;\n background: #ffffff;\n border: 4px solid #691029;\n border-radius: 8px;\n overflow: hidden;\n margin: auto;\n }\n\n .m__calculator .m__row {\n margin: 25px 15px;\n }\n\n .m__calculator .m__row.m__head {\n margin: 0;\n background: #f5f5f5;\n padding: 20px 0;\n border-bottom: 1px solid #ececec;\n }\n\n\n\n .m__group {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__title {\n font-size: 22px;\n font-weight: 700;\n color: #691029;\n text-align: center;\n font-family: \"Roboto Condensed\", sans-serif;\n }\n\n .m__label {\n font-size: 16px;\n font-family: inherit;\n color: #691029;\n font-weight: 600;\n margin-bottom: 4px;\n }\n\n .unit_changer {\n background: #691029;\n border: 2px solid #691029;\n color: white;\n height: 40px;\n border-radius: 4px;\n font-size: 14px;\n padding-left: 8px;\n max-width: 70px;\n width: 100%;\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 5px;\n }\n\n .m__calculator .m__row.m__result {\n margin: 0;\n padding: 20px;\n text-align: center;\n background: #691029;\n }\n\n .m__calculator .m__row.m__result .m__label {\n color: white;\n font-size: 16px;\n }\n\n .m__calculator .m__row.m__result .m__res {\n font-size: 29px;\n font-family: inherit;\n color: #ffffff;\n font-weight: 700;\n }\n\n .group_input {\n display: flex;\n border: 2px solid #C9994C;\n border-radius: 4px;\n overflow: hidden;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n min-height: 40px;\n }\n\n .group_input input {\n width: 100%;\n border: 0;\n outline: none;\n font-size: 18px;\n font-family: inherit;\n text-align: center;\n min-height: 36px;\n }\n\n .group_input button {\n background-color: #ffffff;\n color: #535353;\n border: none;\n cursor: pointer;\n font-size: 20px;\n width: 40px;\n height: auto;\n text-align: center;\n transition: background-color 0.2s;\n position: relative;\n }\n\n .group_input button.m_minus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n right: 0;\n }\n\n .group_input button.m_plus:before {\n content: \" \";\n background: #ffe9c8;\n width: 1px;\n height: 24px;\n display: block;\n position: absolute;\n left: 0;\n }\n\n .group_input button:hover {\n background-color: #ffe9c8;\n }\n\n .m__input_number {\n width: 40px;\n text-align: center;\n border: none;\n padding: 8px 10px;\n font-size: 16px;\n outline: none;\n }\n .tooltip-btn{\n cursor: pointer;\n }\n \u003c\/style\u003e\n \u003cdiv id=\"m_calculator_content\"\u003e\n \u003cdiv class=\"m__calculator\"\u003e\n \u003cdiv class=\"m__wrap\"\u003e\n \u003cdiv class=\"m__section\"\u003e\n \u003cdiv class=\"m__row m__head\"\u003e\n \u003cdiv class=\"m__title\"\u003eUV Marble Calculator\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Height\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total height of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall height.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Height\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row\"\u003e\n \u003cdiv class=\"m__label\"\u003eYour Wall Width\n \u003cspan class=\"tooltip-btn\" data-tippy-content=\"Measure the total width of your wall, ignoring any windows or doors as if they aren't there. Measure only the complete wall width.\"\u003e\n \u003csvg width=\"14px\" height=\"14px\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z\" fill=\"#691029\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__group\"\u003e\n \u003cdiv class=\"group_input\"\u003e\n \u003cbutton class=\"m_minus\" aria-label=\"Decrease\"\u003e−\u003c\/button\u003e\n \u003cinput type=\"text\" class=\"input-box\" value=\"0\" inputmode=\"numeric\" id=\"calc_Width\"\u003e\n \u003cbutton class=\"m_plus\" aria-label=\"Increase\"\u003e+\u003c\/button\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"unit_changer\"\u003e\n \u003cspan\u003eFeet\u003c\/span\u003e\n \u003csvg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9l4 -4l4 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 15l-4 4l-4 -4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"m__row m__result\"\u003e\n \u003cdiv class=\"m__label\"\u003eTotal Sheets You need\u003c\/div\u003e\n \u003cdiv class=\"m__res\"\u003e0 Sheet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/@popperjs\/core@2\"\u003e\u003c\/script\u003e\n \u003cscript src=\"https:\/\/unpkg.com\/tippy.js@6\"\u003e\u003c\/script\u003e\n \u003cscript type=\"text\/javascript\"\u003e\n document.addEventListener('DOMContentLoaded', function() {\n const inputs = document.querySelectorAll('.input-box'),\n resultDisplay = document.querySelector('.m__res');\n let currentUnit = 'Feet';\n\n const autoNumericFields = Array.from(inputs).map(input =\u003e {\n const anField = new AutoNumeric(input, { minimumValue: '0', maximumValue: '1000', decimalPlaces: 1, modifyValueOnWheel: true });\n const container = input.closest('.group_input'),\n minusBtn = container.querySelector('.m_minus'),\n plusBtn = container.querySelector('.m_plus');\n\n const updateButtons = () =\u003e {\n let value = anField.getNumber();\n minusBtn.disabled = value \u003c= 0;\n plusBtn.disabled = value \u003e= 1000;\n };\n\n minusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.max(anField.getNumber() - 1, 0).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n plusBtn.addEventListener('click', () =\u003e {\n anField.set(Math.min(anField.getNumber() + 1, 1000).toFixed(1));\n updateButtons();\n calculateResult();\n });\n\n input.addEventListener('input', () =\u003e {\n updateButtons();\n calculateResult();\n });\n\n return anField;\n });\n\n document.querySelectorAll('.unit_changer').forEach(changer =\u003e {\n changer.addEventListener('click', () =\u003e {\n currentUnit = currentUnit === 'Feet' ? 'Inch' : 'Feet';\n document.querySelectorAll('.unit_changer span').forEach(span =\u003e span.textContent = currentUnit);\n autoNumericFields.forEach(anField =\u003e {\n let value = anField.getNumber();\n anField.set(currentUnit === 'Inch' ? (value * 12).toFixed(1) : (value \/ 12).toFixed(1));\n });\n calculateResult();\n });\n });\n\n function calculateResult() {\n const height = parseFloat(document.getElementById('calc_Height').value) || 0,\n width = parseFloat(document.getElementById('calc_Width').value) || 0;\n\n let result = 0;\n if (currentUnit === 'Feet') {\n result = Math.ceil((height * width) \/ 36);\n } else {\n result = Math.ceil((height * width) \/ 5184);\n }\n resultDisplay.textContent = `${result} Sheet`;\n }\n calculateResult();\n tippy('.tooltip-btn');\n });\n \u003c\/script\u003e\n\n\n \u003c!-- Calculator code here END --\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Additional CSS styling --\u003e\n\u003cstyle\u003e\n.container {\n display: flex;\n gap: 20px;\n align-items: flex-start;\n flex-direction: row; \/* Ensures calculator stays on the right side *\/\n}\n\n.table-container {\n flex: 1;\n}\n\n.m__calculator {\n max-width: 290px;\n}\n@media (max-width: 480px) {\n .container {\n flex-direction: column; \/* Stack elements vertically on mobile *\/\n gap: 20px;\n }\n}\n\u003c\/style\u003e\n","brand":"For Pickup\/Local Delivery ONLY","offers":[{"title":"Default Title","offer_id":51652730880322,"sku":"SWUV038","price":88.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/files\/Soft_Marble.png?v=1773769820"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0021\/6973\/3173\/collections\/Screenshot_2023-12-20_at_11.42.53_AM.png?v=1785968984","url":"https:\/\/swancanada.ca\/hi\/collections\/uv-marble-sheet.oembed","provider":"Swan Canada","version":"1.0","type":"link"}