<style>.main-product__block+.main-product__block {
        margin-top: 24px;
    }</style><div class="main-product__block main-product__block-custom_liquid">
    <div class="m-product-text">
        <div id="stock-notice" style="margin-top: 15px;">
            <p id="stock-text" style="font-size: 14px; font-weight: bold; color: #000; margin-bottom: 8px;">🔔 HURRY UP!
                ONLY 5 LEFT IN STOCK!</p>
            <div style="width: 100%; background: #eee; border-radius: 6px; overflow: hidden;">
                <div id="stock-bar" style="height: 10px; width: 50%; background-color: orange;"></div>
            </div>
        </div> <script type="litespeed/javascript">document.addEventListener("DOMContentLiteSpeedLoaded",function(){const stockBar=document.getElementById("stock-bar");const stockText=document.getElementById("stock-text");const storageKey="ruii_stock_value";let stock=localStorage.getItem(storageKey);if(!stock){stock=Math.floor(Math.random()*4)+2;localStorage.setItem(storageKey,stock)}else{stock=parseInt(stock)}
const maxStock=10;const stockPercent=(stock/maxStock)*100;stockBar.style.width=stockPercent+"%";if(stock<=3){stockBar.style.backgroundColor="red"}else if(stock<=5){stockBar.style.backgroundColor="orange"}else{stockBar.style.backgroundColor="green"}
stockText.innerHTML=`🔔 HURRY UP! ONLY ${stock} LEFT IN STOCK!`})</script> </div>
</div>