{{--
    Колонка: своя сетка из 24 колонок внутри одного места сетки зоны.

    Дети идут сверху вниз, но каждый со своей шириной — поэтому внутри
    колонки цена и кнопка встают рядом, а название занимает всю ширину.
--}}
<div class="kz-group {{ $sticky ? 'kz-group--sticky' : '' }}" style="--kz-group-gap: {{ $gap }}px">
    @foreach ($items as $item)
        <div class="kz-group__item" style="--kz-span: {{ $item['span'] }}">
            @if ($item['title'])
                <h3 class="kz-block__title">{{ $item['title'] }}</h3>
            @endif

            {!! $item['html'] !!}
        </div>
    @endforeach
</div>