/** Shopify CDN: Minification failed

Line 91:77 Unexpected "-->"
Line 104:53 Unexpected "{"
Line 104:62 Expected ":"
Line 104:71 Unexpected "<"
Line 111:103 Unexpected "{"
Line 111:112 Expected ":"
Line 111:146 Unexpected "<"
Line 114:13 Expected identifier but found "%"
Line 115:12 Unexpected "{"
Line 115:13 Expected identifier but found "%"
... and 16 more hidden warnings

**/
.featured-product .product__media-list {
  width: 100%;
  margin: 0;
  padding-bottom: 0;
}

.featured-product .product-media-container {
  margin-bottom: var(--media-shadow-vertical-offset);
  max-width: 100%;
}

.featured-product .product__media-item {
  padding-left: 0;
}

.featured-product .placeholder-svg {
  display: block;
  height: auto;
  width: 100%;
}

.background-secondary .featured-product {
  padding: 2.5rem;
}

.featured-product .share-button:nth-last-child(2) {
  display: inline-flex;
}

.share-button + .product__view-details {
  display: inline-flex;
  float: right;
  align-items: center;
  min-height: 4.4rem;
}

.share-button + .product__view-details::after {
  content: '';
  clear: both;
  display: table;
}

@media screen and (min-width: 750px) {
  .featured-product .product__media-item {
    padding-bottom: 0;
  }

  .background-secondary .featured-product {
    padding: 5rem;
  }

  .product--right .product__media-wrapper {
    order: 2;
  }
}

@media screen and (min-width: 990px) {
  .background-secondary .featured-product:not(.product--no-media) > .product__info-wrapper {
    padding: 0 0 0 5rem;
  }

  .background-secondary .featured-product:not(.product--no-media).product--right > .product__info-wrapper {
    padding: 0 5rem 0 0;
  }

  .featured-product:not(.product--no-media) > .product__info-wrapper {
    padding: 0 7rem;
  }

  .background-secondary .featured-product {
    padding: 6rem 7rem;
    position: relative;
    z-index: 1;
  }
}
<!-- Shopify Liquid — Featured Product with badges, rating & payment notes -->
<div class="premium-age-featured" style="max-width:720px;margin:12px auto;padding:18px;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,0.06);font-family:Inter,system-ui,Arial;">
  <!-- Badges -->
  <div style="display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;">
    <span style="background:#f5e8d0;padding:8px 12px;border-radius:20px;font-weight:700;font-size:13px;">💪 Builds Muscle Power</span>
    <span style="background:#f5e8d0;padding:8px 12px;border-radius:20px;font-weight:700;font-size:13px;">⚡ Improves Stamina</span>
  </div>

  <div style="display:flex;gap:16px;align-items:flex-start;">
    <img src="{{ product.featured_image | img_url: '480x480' }}" alt="{{ product.title }}" style="width:160px;height:160px;object-fit:cover;border-radius:10px;flex-shrink:0">
    <div style="flex:1;">
      <div style="display:flex;justify-content:space-between;align-items:flex-start;gap:12px;">
        <div>
          <h2 style="margin:0;font-size:20px;">🏆 {{ product.title }}</h2>
          <p style="margin:6px 0 0;font-size:14px;color:#555;">✨ 24K Gold Infused • Lab-Tested • 7-Herb Formula</p>
        </div>

        <!-- Price + rating -->
        <div style="text-align:right;">
          <div style="display:flex;align-items:center;gap:12px;">
            <div style="font-size:22px;font-weight:800;color:#111;">Rs. <span style="font-size:28px;">{{ product.price | money_without_currency }}</span></div>

            <!-- Rating — using common metafield keys; replace if your store uses a different app -->
            {% assign rating = product.metafields.reviews.rating_average | default: '4.8' %}
            {% assign reviews = product.metafields.reviews.reviews_count | default: '324' %}
            <div style="display:flex;align-items:center;gap:6px;font-size:14px;color:#333;">
              <span style="color:#ffd166;font-size:18px;">★</span>
              <span style="font-weight:700;">{{ rating }}/5</span>
              <span style="color:#777;font-weight:600;">({{ reviews }})</span>
            </div>
          </div>
          <div style="margin-top:6px;font-size:12px;color:#666;font-weight:700;">MRP Inclusive of all taxes</div>
        </div>
      </div>

      <!-- Compare at / sale -->
      <div style="margin-top:10px;font-size:15px;">
        {% assign v = product.selected_or_first_available_variant %}
        {% if v.compare_at_price > v.price %}
          <span style="text-decoration:line-through;color:#888;margin-right:10px;font-weight:600;">{{ v.compare_at_price | money }}</span>
        {% endif %}
        <span style="font-weight:800;font-size:18px;color:#111;">{{ v.price | money }}</span>
        <span style="margin-left:8px;font-size:13px;color:#ff3b3b;font-weight:700;">50% OFF Today Only</span>
      </div>

      <!-- Payment / EMI / acceptance -->
      <div style="margin-top:8px;font-size:13px;color:#444;display:flex;flex-direction:column;gap:4px;">
        <div>or Pay <strong>₹225</strong> now. Rest in 0% interest EMIs <img src="{{ 'snapmint-badge.png' | asset_url }}" alt="Snapmint" style="height:16px;vertical-align:middle;margin-left:6px;"></div>
        <div style="color:#777;font-size:12px;">UPI & Cards Accepted, Online approval in 2 minutes</div>
      </div>
    </div>
  </div>

  <!-- Benefits -->
  <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;font-size:15px;">
    <div>🔋 <strong>Explosive Stamina & Energy</strong></div>
    <div>🧠 <strong>Sharpened Focus & Less Stress</strong></div>
    <div>💪 <strong>Better Strength & Performance</strong></div>
    <div>🛡️ <strong>Stronger Immunity</strong></div>
  </div>

  <!-- Trust row -->
  <div style="display:flex;gap:14px;align-items:center;margin-top:14px;font-size:13px;color:#444;">
    <div>🧪 <strong>Lab-Tested</strong></div>
    <div>🚚 <strong>Free Shipping Pan-India</strong></div>
    <div>🔒 <strong>Secure Checkout</strong></div>
    <div>⭐ <strong>Trusted by 1,00,000+ Customers</strong></div>
  </div>

  <!-- Add to cart -> checkout -->
  <form method="post" action="/cart/add" style="margin-top:16px;display:flex;gap:12px;align-items:center;">
    <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
    <button type="submit" name="checkout" style="background:linear-gradient(180deg,#ffd94d,#d8a500);border:none;padding:12px 22px;border-radius:999px;font-weight:800;box-shadow:0 6px 16px rgba(216,165,0,0.32);cursor:pointer;font-size:15px;">
      ⚫ Buy It Now → Direct Checkout
    </button>
    <script>
      document.addEventListener('submit', function(e){
        if (e.target.closest('form') && e.target.closest('form').action.indexOf('/cart/add') !== -1) {
          e.preventDefault();
          var form = e.target;
          var data = new FormData(form);
          fetch('/cart/add', { method: 'POST', body: data })
          .then(()=>{ window.location = '/checkout'; })
          .catch(()=>{ window.location = '/cart'; });
        }
      });
    </script>
    <div style="font-size:13px;color:#666;">🕒 <strong>Limited — offer ends midnight</strong></div>
  </form>
</div>
