<div style="overflow-x: auto; padding-bottom: 24px;">
    <div style="display: flex; gap: 16px;">
        @for($i = 1; $i <= 8; $i++)
            <div style="flex: 0 0 200px;">
                <div class="product-card">
                    <div class="card-thumb" style="aspect-ratio: 1/1;">
                        <span style="color: #9CA3AF;">Icon</span>
                    </div>
                    <div class="card-body" style="padding: 12px;">
                        <h3 class="card-title" style="font-size: 14px; height: 40px;">해피머니 상품권 {{$i}}만원권</h3>
                        <div class="card-price-area">
                            <span class="discount" style="font-size: 16px;">-5%</span>
                            <span class="price" style="font-size: 16px;">{{$i}}9,000</span>
                        </div>
                    </div>
                </div>
            </div>
        @endfor
    </div>
</div>