<style>.mb-3 {
    margin-bottom: 16px !important;
  }

  .best-price-card {
    margin-top: 8px;
    padding: 10px 12px;
    background: #ce9a5c45;
    border: 1px solid #2b1b12;
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
  }

  .best-price-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .best-price-badge {
    background: #f90;
    color: #111;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 6px;
    border-radius: 4px;
    white-space: nowrap;
  }

  .best-price-text {
    font-size: 14px;
    color: #222;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 1.6;
    font-weight: 400;
  }

  .best-price-amount {
    font-size: 16px;
    font-weight: 700;
    color: #000;
  }

  .best-price-meta {
    margin-top: 2px;
    font-size: 12px;
    color: #6b6b6b;
  }

  /* Mobile optimization */
  @media (max-width: 480px) {
    .best-price-text {
      font-size: 13px;
    }

    .best-price-amount {
      font-size: 15px;
    }
  }</style><div class="best-price-card mb-3" id="best-price-box">
  <div class="best-price-row">
    <span class="best-price-badge">Best Price</span>
    <span class="best-price-text">
      Get it as low as
      <strong class="best-price-amount" id="bestPriceAmount">Rs. --</strong>
    </span>
  </div>

  <div class="best-price-meta">
    Including prepaid (5%) discount
  </div>
</div> <script type="litespeed/javascript">function updateBestPrice(price){if(!price)return;var discounted=price*0.95;discounted=Math.round(discounted*100)/100;document.getElementById("bestPriceAmount").innerText="Rs. "+discounted.toLocaleString("en-IN")}
{%if product%}
updateBestPrice({{product.selected_or_first_available_variant.price|divided_by:100}});{%endif%}
document.addEventListener("variant:change",function(event){if(event.detail&&event.detail.variant){updateBestPrice(event.detail.variant.price/100)}})</script>