{{-- Блок «Товары из каталога» внутри статьи (CatalogProductsBlock). Карточки те
     же, что в каталоге. Колонки подбираются под число товаров, чтобы ряд не
     обрывался одной карточкой: одна-две — по две, четыре и восемь — по четыре,
     остальное — по три.
     Класс article-products отгораживает карточки от типографики статьи (app.css). --}}
@if ($products->isNotEmpty())
    @php($count = $products->count())
    <div @class([
        'article-products grid grid-cols-2 gap-3 py-2 text-base leading-normal text-[var(--color-ink)]',
        'sm:grid-cols-4' => $count % 4 === 0,
        'sm:grid-cols-3' => $count > 2 && $count % 4 !== 0,
    ])>
        @foreach ($products as $product)
            <x-product-card :product="$product" />
        @endforeach
    </div>
@endif