{"product_id":"star-cool-shield-flexi","title":"Star Cool Shield Flexi","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e \u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n      .Calculator {\n        margin-top: 3rem;\n        display: flex;\n        justify-content: center;\n        font-family: \"Noto Sans\", sans-serif;\n      }\n\n     \n      .Content form {\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n        width: 80%;\n      }\n\n      .Content input {\n        height: 4rem !important;\n        font-size: 1.2rem;\n        width: 100% !important;\n        border-radius: 10px;\n        padding: 0.5rem;\n      }\n\n      .Content button {\n        height: 2.5rem;\n        cursor: pointer;\n      }\n\n      #submit {\n        border: none;\n        width: 25%;\n        padding: 0.5rem 0;\n        color: white;\n        background-color: #4caf50;\n        cursor: pointer;\n      }\n\n      .Calculator .Content {\n        position: fixed;\n        top: 20%;\n        left: 25%;\n        width: 50%;\n        padding: 0.2rem 3rem;\n        box-shadow: 2px 2px 10px black;\n        background-color: #fefefe;\n      }\n\n      .modal {\n        display: none;\n        \/* Hidden by default *\/\n        position: fixed;\n        \/* Stay in place *\/\n        z-index: 1;\n        \/* Sit on top *\/\n        top: 0;\n        \/* Full height *\/\n        width: 100%;\n        \n        background-color: rgb(0, 0, 0);\n        \/* Fallback color *\/\n        background-color: rgba(0, 0, 0, 0.4);\n        \/* Black w\/ opacity *\/\n      }\n\n      .Content .hidden {\n        display: none;\n      }\n\n      .btns {\n        width: 100%;\n        display: flex;\n        margin-bottom: 1rem;\n      }\n\n      .btns button {\n        border: none;\n        width: 6.5rem;\n        padding: 0 1rem;\n      }\n\n      @media screen and (max-width: 750px) {\n        .Calculator .Content {\n          padding: 0.2rem 2rem;\n          position: fixed;\n          top: 0;\n          left: 5%;\n          width: 90%;\n          margin-top: 20%;\n        }\n        .btns button {\n          width: 40%;\n        }\n        .Content input {\n          width: 60%;\n        }\n        #submit {\n          width: 60%;\n        }\n      }\n\n      @media screen and (max-width: 450px) {\n        .Calculator .Content {\n          padding: 0.2rem 1rem;\n          position: fixed;\n          top: 2%;\n          left: 5%;\n          width: 90%;\n        }\n        .btns button {\n          width: 60%;\n        }\n        .Content input {\n          width: 80%;\n        }\n        #submit {\n          width: 100%;\n        }\n      }\n\n      .Content span {\n        margin-left: 0.5rem;\n      }\n\n      .Content label {\n        color: #991100;\n      }\n\n      .btnStyle {\n        background-color: #4caf50;\n        color: white;\n      }\n\n      .close {\n        color: #aaa;\n        float: right;\n        font-size: 28px;\n        font-weight: bold;\n      }\n\n      .close:hover,\n      .close:focus {\n        color: black;\n        text-decoration: none;\n        cursor: pointer;\n      }\n.nmb{\n  background-color: #4caf50;\n        color: white;\n       \n        border: none;\n        \n        font-size: 1.2rem;\n  \n\n}\n      #myBtn {\n        background-color: #4caf50;\n        color: white;\n        padding: 1rem;\n        border: none;\n        cursor: pointer;\n        font-size: 1.2rem;\n        margin-bottom: 5rem;\n      }\n\n      .Calculator .hidden {\n        display: none;\n      }\n     \n    \u003c\/style\u003e\n\u003cdiv class=\"Calculator\"\u003e\n\u003cbutton id=\"myBtn\"\u003ePaint Calculator\u003c\/button\u003e\n\u003cdiv class=\"Content modal\" id=\"myModal\"\u003e\n\u003cspan class=\"close\"\u003e×\u003c\/span\u003e \u003c!-- {\/* Area Input *\/} --\u003e\n\u003cp\u003eArea in:\u003c\/p\u003e\n\u003cdiv class=\"btns\"\u003e\n\u003cbutton id=\"feetsBtn\" class=\"btnStyle\"\u003eFeets\u003c\/button\u003e \u003cbutton id=\"metersBtn\"\u003eMeters\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"input\"\u003e\n\u003cform id=\"form\"\u003e\n\u003clabel htmlfor=\"area\"\u003eEnter Area in Sq. \u003cspan id=\"unit\"\u003eFeet\u003c\/span\u003e \u003c\/label\u003e \u003cinput type=\"number\" id=\"area\" value=\"\" placeholder=\"Enter Surface Area\"\u003e \u003cbutton type=\"submit\" class=\"nmb\"\u003eCalculate\u003c\/button\u003e\n\u003c\/form\u003e\n\u003cdiv class=\"result\"\u003e\n\u003ch3\u003eResults:\u003c\/h3\u003e\n\u003cp\u003ePaint Needed: \u003cspan id=\"paint\"\u003e\u003c\/span\u003e liters\u003c\/p\u003e\n\u003cp\u003eApproximate Cost: \u003cspan id=\"cost1\"\u003e\u003c\/span\u003e to\u003cspan id=\"cost2\"\u003e\u003c\/span\u003e INR approx\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n \u003cscript\u003e\n      const metersBtn = document.getElementById(\"metersBtn\");\n      const feetsBtn = document.getElementById(\"feetsBtn\");\n      const areaUnit = document.getElementById(\"unit\");\n      let unit = \"feet\";\n      metersBtn.addEventListener(\"click\", () =\u003e {\n        metersBtn.classList.add(\"btnStyle\");\n        feetsBtn.classList.remove(\"btnStyle\");\n        const units = document.getElementsByClassName(\"unit\");\n        unit = \"Meter\";\n        areaUnit.innerText = unit;\n      });\n      feetsBtn.addEventListener(\"click\", () =\u003e {\n        feetsBtn.classList.add(\"btnStyle\");\n        metersBtn.classList.remove(\"btnStyle\");\n        const units = document.getElementsByClassName(\"unit\");\n        unit = \"Feet\";\n        areaUnit.innerText = unit;\n      });\n\n      function CalculateFactors(area) {\n        \/\/ Object for our all factors\n        let factors = {\n          paint: 0,\n          cost: [],\n        };\n\n        \/\/ 1 sq. meter = 10.74 sq feet\n        \/\/When Unit is METER\n        if (unit === \"Meter\") {\n          let areaInSqFeet = area * 10.7639;\n          factors.paint = Math.ceil(\n            (Math.ceil(areaInSqFeet \/ 37) + Math.ceil(areaInSqFeet \/ 38)) \/ 2\n          );\n        }\n        \/\/ When unit is FEET\n        else {\n          factors.paint = Math.ceil(\n            (Math.ceil(area \/ 37) + Math.ceil(area \/ 38)) \/ 2\n          );\n        }\n        \/\/Please Change These Factors If Price or Size Changes\n        let SizeOfBigestBucket = 18.2;\n        let CostOfBigestBucket = 6890;\n        \n        let costPerL = CostOfBigestBucket \/ SizeOfBigestBucket;\n       let netCost = factors.paint * costPerL;\n    if(netCost\u003c1000)\n        {\n            factors.cost[0] = Math.ceil(costPerL);\n        }\n        else{\n          factors.cost[0] = Math.floor(netCost \/ 1000) * 1000;\n        }\n    factors.cost[1] = Math.ceil(netCost \/ 1000) * 1000;\n    return factors;\n\n        return factors;\n      }\n\n      \/\/Calling Function\n      const handleSubmit = (e) =\u003e {\n        e.preventDefault();\n        const area = document.getElementById(\"area\").value;\n        if (area \u003e 0) {\n          let factors = CalculateFactors(area);\n          const paint = document.getElementById(\"paint\");\n          const cost1 = document.getElementById(\"cost1\");\n      const cost2 = document.getElementById(\"cost2\");\n      \/\/Display Result in HTML\n      cost1.innerText = factors.cost[0];\n      cost2.innerText = factors.cost[1];\n          paint.innerText = factors.paint;\n         \n        }\n      };\n\n      const form = document.getElementById(\"form\");\n\n      form.addEventListener(\"submit\", handleSubmit);\n\n      \/\/PopUp Logic\n      const btn = document.getElementById(\"myBtn\");\n      const span = document.getElementsByClassName(\"close\")[0];\n      const modal = document.getElementById(\"myModal\");\n      btn.onclick = function () {\n        btn.classList.add(\"hidden\");\n        modal.style.display = \"block\";\n      };\n\n      \/\/ When the user clicks on \u003cspan\u003e (x), close the modal\n      span.onclick = function () {\n        btn.classList.remove(\"hidden\");\n        modal.style.display = \"none\";\n      };\n\n      \/\/ When the user clicks anywhere outside of the modal, close it\n      window.onclick = function (event) {\n        if (event.target == modal) {\n          btn.classList.remove(\"hidden\");\n          modal.style.display = \"none\";\n        }\n      };\n    \u003c\/script\u003e\n\u003c!-- ----------------End Of Calculator-----------------------  --\u003e\n\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    table {\n      width: 100%;\n      max-width: 600px; \/* Set the initial width to 600px for desktop *\/\n      margin: 0 auto;\n      border-collapse: collapse;\n    }\n\n    th, td {\n      border: 1px solid #ddd;\n      padding: 8px;\n      text-align: left;\n    }\n\n    th {\n      background-color: #f2f2f2;\n    }\n\n    \/* Add a media query for smaller screens *\/\n    @media (max-width: 600px) {\n      th, td {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n    }\n  \u003c\/style\u003e\n\u003ctable\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eBrand\u003c\/th\u003e\n\u003ctd\u003eStarShield Paints\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eColour\u003c\/th\u003e\n\u003ctd\u003eMilky White\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eSuitable For\u003c\/th\u003e\n\u003ctd\u003eAll kind of Roof\/Terrace | Balconies | Warehouse | Water tanks\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eVolumes Available\u003c\/th\u003e\n\u003ctd\u003e\n\u003cp\u003e1 Ltr\u003c\/p\u003e\n\u003cp\u003e3.6 Ltr\u003c\/p\u003e\n\u003cp\u003e9.1 Ltr\u003c\/p\u003e\n\u003cp\u003e18.2 Ltr\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003eCoverage\u003c\/th\u003e\n\u003ctd\u003e27-28 sq.ft\/ Ltr\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp\u003e\u003cstrong\u003eStar Cool Shield Flexi – SRI 115 Heat-Reflective Roof Coating\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eStar Cool Shield Flexi is a cost-effective, water-based, nano-modified elastomeric acrylic cool roof coating designed to reflect solar heat and reduce rooftop temperatures in hot climates. With a Solar Reflectance Index (SRI) of 115, it helps reduce rooftop temperatures by 10–12°C, supporting lower cooling energy consumption and improved indoor comfort.\u003c\/p\u003e\n\u003ch2\u003eKey Features\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003eSRI 115 Solar Heat Reflectivity – Reflects solar heat to support cooler roof surfaces.\u003c\/li\u003e\n\u003cli\u003e10–12°C Rooftop Temperature Reduction – Helps reduce rooftop temperatures by 10–12°C.\u003c\/li\u003e\n\u003cli\u003eNano-Modified Elastomeric Acrylic – Advanced formulation designed for roof protection and heat management.\u003c\/li\u003e\n\u003cli\u003ePrimerless Application – Designed for application without a separate primer.\u003c\/li\u003e\n\u003cli\u003eWater-Based Formulation – Provides a practical water-based roof-coating solution.\u003c\/li\u003e\n\u003cli\u003eLow-VOC Formulation – Designed with low VOC characteristics.\u003c\/li\u003e\n\u003cli\u003eEnergy-Efficient Roof Protection – Helps reduce cooling energy consumption and associated cooling costs.\u003c\/li\u003e\n\u003cli\u003eImproved Indoor Comfort – Helps manage heat transfer from the roof to support a more comfortable indoor environment.\u003c\/li\u003e\n\u003cli\u003eSuitable for Hot Climates – Designed for buildings exposed to high solar heat.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eWhy Choose Star Cool Shield Flexi?\u003c\/h2\u003e\n\u003ch3\u003eHigh Solar Heat Reflectivity\u003c\/h3\u003e\n\u003cp\u003eWith an SRI of 115, Star Cool Shield Flexi is designed to reflect solar heat and help manage rooftop temperatures.\u003c\/p\u003e\n\u003ch3\u003eHelps Reduce Rooftop Temperatures\u003c\/h3\u003e\n\u003cp\u003eThe coating helps reduce rooftop temperatures by 10–12°C, supporting improved thermal conditions for buildings.\u003c\/p\u003e\n\u003ch3\u003eSupports Lower Cooling Demand\u003c\/h3\u003e\n\u003cp\u003eBy helping reduce heat entering through the roof, it can support lower cooling energy consumption and cooling costs.\u003c\/p\u003e\n\u003ch3\u003ePractical Primerless Application\u003c\/h3\u003e\n\u003cp\u003eIts advanced primerless formulation simplifies the roof-coating process while providing a water-based application solution.\u003c\/p\u003e\n\u003ch3\u003eElastomeric Roof Protection\u003c\/h3\u003e\n\u003cp\u003eThe nano-modified elastomeric acrylic formulation provides a flexible roof-coating solution while supporting solar heat management.\u003c\/p\u003e\n\u003ch3\u003eLow-VOC \u0026amp; Ecological Formulation\u003c\/h3\u003e\n\u003cp\u003eIts low-VOC and ecological formulation offers a more environmentally considerate approach to roof heat protection.\u003c\/p\u003e\n\u003ch3\u003eCost-Effective Heat Management\u003c\/h3\u003e\n\u003cp\u003eStar Cool Shield Flexi provides a practical and cost-effective heat reflective roof coating solution for buildings in hot climates.\u003c\/p\u003e\n\u003ch2\u003eApplications\u003c\/h2\u003e\n\u003cp\u003eStar Cool Shield Flexi is suitable for:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eRoof surfaces\u003c\/li\u003e\n\u003cli\u003eBuildings in hot climates\u003c\/li\u003e\n\u003cli\u003eRoofs requiring solar heat management\u003c\/li\u003e\n\u003cli\u003eBuildings where reduced cooling demand is a priority\u003c\/li\u003e\n\u003cli\u003eApplications requiring a water-based, primerless roof coating\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"StarShield- Smart Paints \u0026 Coatings","offers":[{"title":"1 Ltr \/ Milky White","offer_id":45827556770020,"sku":"STARCOOLSHIELDFLEXI1LTR","price":490.0,"currency_code":"INR","in_stock":true},{"title":"3.6 Ltr \/ Milky White","offer_id":45827556737252,"sku":"STARCOOLSHIELDFLEXI3.6LTR","price":1690.0,"currency_code":"INR","in_stock":true},{"title":"9.1 Ltr \/ Milky White","offer_id":44591428403428,"sku":"STARCOOLSHIELDFLEXI9.1LTR","price":4090.0,"currency_code":"INR","in_stock":true},{"title":"18.2 Ltr \/ Milky White","offer_id":44591428370660,"sku":"STARCOOLSHIELDFLEXI18.2LTR","price":6490.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0672\/5048\/7524\/files\/starcoolshieldflexi.jpg?v=1769067912","url":"https:\/\/starshieldpaints.com\/products\/star-cool-shield-flexi","provider":"StarShield- Smart Paints \u0026 Coatings ","version":"1.0","type":"link"}