Litfam products

<div style="max-width:500px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif;text-align:center;">
  <div id="loading" style="padding:40px 0;color:#888;">Loading product…</div>

  <div id="content" style="display:none;">
    <img id="product-img" src="" alt="" style="width:100%;max-width:400px;border-radius:12px;margin-bottom:16px;" />
    <h1 id="product-title" style="font-size:22px;margin:0 0 8px;color:#222;"></h1>
    <div id="product-price" style="font-size:20px;color:#0066cc;font-weight:600;margin-bottom:20px;"></div>
    <p id="product-desc" style="color:#555;font-size:15px;line-height:1.5;margin-bottom:24px;"></p>

    <a id="buy-link" href="#" target="_blank" rel="noopener"
       style="display:inline-block;background:#0066cc;color:#fff;padding:14px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;width:80%;max-width:300px;">
      Buy Now on Litfam →
    </a>

    <div style="font-size:12px;color:#999;margin-top:12px;">Opens in your browser</div>
  </div>
</div>

<script>
  (function() {
    var params = new URLSearchParams(window.location.search);
    var title = params.get('title') || 'Litfam Product';
    var price = params.get('price') || '';
    var img = params.get('img') || '';
    var desc = params.get('desc') || '';
    var url = params.get('to') || 'https://www.litfam.in/';

    document.getElementById('product-title').textContent = decodeURIComponent(title);
    document.getElementById('product-price').textContent = price ? '₹' + price : '';
    document.getElementById('product-desc').textContent = decodeURIComponent(desc);
    document.getElementById('buy-link').href = decodeURIComponent(url);

    if (img) {
      document.getElementById('product-img').src = decodeURIComponent(img);
    } else {
      document.getElementById('product-img').style.display = 'none';
    }

    document.getElementById('loading').style.display = 'none';
    document.getElementById('content').style.display = 'block';
  })();
</script>