{#
    Feature: FiveStars Loyalty Integration
    PRD: Feature 2 (lines 125-133)
#}
<article class="modern-feature modern-feature--left" data-posthog-section="fivestars">
    <div class="modern-feature__content">
        <h3 class="modern-feature__title">FiveStars Loyalty Integration</h3>
        <p class="modern-feature__description">
            Native loyalty program support for stores using FiveStars. Seamless points calculation and reward redemption integrated directly with your POS.
        </p>
        <ul class="modern-feature__list">
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Automatic points calculation
            </li>
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Reward redemption at checkout
            </li>
            <li>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Customer rewards management
            </li>
        </ul>
    </div>
    <div class="modern-feature__image">
        <img src="/images/front/features/queue.png" alt="FiveStars loyalty integration in checkout flow" loading="lazy" width="400" height="280">
    </div>
</article>