RATLAMI SEV

<div class="malvas-product-page">
  <div class="hero">
    <img src="{{ 'ratlami-sev.jpg' | asset_url }}" alt="MALVAS Ratlami Sev" class="hero-img">
    <div class="hero-text">
      <h1>Ratlami Sev - Authentic Taste of Indore</h1>
      <p>Bold, spicy, and crunchy – our Ratlami Sev is made with traditional spices, just like the streets of Indore. No artificial flavoring. 100% handcrafted.</p>
      <p class="price">₹149 for 200g</p>
      <form method="post" action="/cart/add">
        <input type="hidden" name="id" value="{{ product.variants.first.id }}">
        <button type="submit" class="btn">Add to Cart</button>
      </form>
    </div>
  </div>

  <div class="details">
    <h2>Why You'll Love It</h2>
    <ul>
      <li>✔ Authentic Ratlami Masala</li>
      <li>✔ Crunchy & Fresh Texture</li>
      <li>✔ No Preservatives or Additives</li>
      <li>✔ Delivered Across India</li>
    </ul>
  </div>

  <div class="rating-snippet">
    <img src="https://cdn.shopify.com/s/files/1/0798/4267/2987/files/trustpilot-logo-sml_bf402230-0d05-4609-a750-c310e4720da2.png?v=1733179329" class="trustpilot-logo" alt="Trustpilot">
    <p>Rated 4.4/5 by 100+ happy snackers</p>
  </div>

  <div class="reviews">
    <h3>What Customers Are Saying</h3>
    <blockquote>“Crispy and flavorful! Feels like home in every bite.” – Neha, Mumbai</blockquote>
    <blockquote>“Just the right spice kick. Perfect tea-time partner.” – Rohan, Delhi</blockquote>
  </div>

  <div class="shipping-info">
    <h3>Fast Delivery</h3>
    <p>We pack it fresh and ship it within 24 hours. Free shipping on orders over ₹499!</p>
  </div>
</div>

<style>
.malvas-product-page { font-family: 'Roboto', sans-serif; padding: 20px; color: #333; max-width: 900px; margin: auto; }
.hero { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.hero-img { width: 100%; max-width: 400px; border-radius: 12px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.hero-text { flex: 1; }
.hero-text h1 { font-size: 28px; margin-bottom: 10px; }
.price { font-size: 20px; font-weight: bold; margin-top: 10px; }
.btn { background-color: #ff6600; color: white; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; margin-top: 15px; }
.details ul { list-style: none; padding: 0; }
.details li::before { content: "🌶️ "; }
.rating-snippet { display: flex; align-items: center; gap: 10px; margin-top: 25px; }
.trustpilot-logo { width: 80px; }
.reviews blockquote { background: #f9f9f9; padding: 10px 15px; border-left: 4px solid #ff6600; margin: 10px 0; font-style: italic; }
.shipping-info { margin-top: 30px; background: #e9fff9; padding: 15px; border-radius: 8px; }
</style>