{{--
    Ряд с боковыми зонами: [слева][контент][справа].

    Ширины пришли из рендерера уже посчитанными, и центр в них — остаток
    от ВИДИМЫХ боковых: пустая колонка не выводится вовсе и отдаёт своё
    место контенту.

    Контейнер («стакан») здесь общий на весь ряд, а не у каждой зоны:
    иначе зона внутри узкой колонки центрировала бы себя по 1240 пикселям
    и вылезала бы из неё.

    Порядок в разметке — тот же, что на экране: слева, контент, справа.
    На телефоне колонки встают стопкой, и что окажется выше, решает
    настройка зоны, а не порядок печати.
--}}
<div class="kz-row"
     style="--kz-row-left: {{ $row['spans']['left'] }}; --kz-row-main: {{ $row['spans']['main'] }}; --kz-row-right: {{ $row['spans']['right'] }}">
    <div class="kz-row__inner">
        @foreach (['left', 'main', 'right'] as $part)
            @if ($part === 'main')
                <div class="kz-row__main">
                    @foreach ($row['main'] as $rendered)
                        @if ($rendered['zone'] === null)
                            {!! $rendered['content'] !!}
                        @else
                            @include('zone', [
                                'zone' => $rendered['zone'],
                                'blocks' => $rendered['blocks'],
                                'content' => $rendered['content'],
                                'bgImage' => $rendered['bgImage'] ?? null,
                                'inRow' => true,
                            ])
                        @endif
                    @endforeach
                </div>
            @elseif ($row[$part] !== [])
                <aside class="kz-row__side kz-row__side--{{ $part }} kz-row__side--{{ $row[$part][0]['zone']->get('mobile_position', 'below') }}">
                    @foreach ($row[$part] as $rendered)
                        @include('zone', [
                            'zone' => $rendered['zone'],
                            'blocks' => $rendered['blocks'],
                            'content' => $rendered['content'],
                            'bgImage' => $rendered['bgImage'] ?? null,
                            'inRow' => true,
                        ])
                    @endforeach
                </aside>
            @endif
        @endforeach
    </div>
</div>