@forelse($products as $product)
                  <div class="product-item">
                    <div class="product-item__image-wrapper product-item__image-wrapper--multiple">
                      @if($product->is_best_seller)
                        <div class="product-item__label-list label-list"><span class="label label--custom">best seller</span></div>
                      @endif
                      <a href="{{ route('shop.show', $product) }}" class="product-item__aspect-ratio aspect-ratio aspect-ratio--square" style="padding-bottom: 100%;"
                        data-product-image="{{ e($product->image_url) }}"
                        data-product-title="{{ e($product->title) }}"
                        data-product-price="{{ $product->price }}"
                        data-product-variant="{{ e($product->variant_label) }}">
                        @if($product->image_url)
                          <img src="{{ $product->image_url }}" alt="{{ $product->title }}" width="600" height="600" loading="lazy" class="product-item__primary-image">
                        @endif
                      </a>
                    </div>
                    <div class="product-item__info">
                      <div class="product-item-meta">
                        <a href="{{ route('shop.show', $product) }}" class="product-item-meta__title product-link"
                          data-product-image="{{ e($product->image_url) }}"
                          data-product-title="{{ e($product->title) }}"
                          data-product-price="{{ $product->price }}"
                          data-product-variant="{{ e($product->variant_label) }}"><h3>{{ $product->title }}</h3></a>
                        <div class="price-list price-list--centered">
                          @if($product->compare_at_price)
                            <span class="price price--highlight"><span class="visually-hidden">Sale price</span><span class="money">$ {{ number_format($product->price, 2) }}</span></span>
                            <span class="price price--compare"><span class="visually-hidden">Regular price</span><span class="money">$ {{ number_format($product->compare_at_price, 2) }}</span></span>
                          @else
                            <span class="price"><span class="visually-hidden">Sale price</span><span class="money">$ {{ number_format($product->price, 2) }}</span></span>
                          @endif
                        </div>
                        @if($product->review_count)
                          <div class="block-reviews"><span class="rating__summary">({{ number_format($product->review_count) }})</span></div>
                        @endif
                      </div>
                      <div class="product-item__description clamp-line">{{ Str::limit(strip_tags($product->description ?? ''), 120) }}</div>
                    </div>
                  </div>
@empty
                  <div class="product-item" style="grid-column: 1 / -1; padding: 2rem; text-align: center;">
                    <p>No featured products yet. <a href="{{ route('shop.index') }}">Open the shop</a> or add products in admin.</p>
                  </div>
@endforelse
