@php
    $steps = array_values(array_filter($data['steps'] ?? [], fn ($s) => filled($s['title'] ?? null)));
    $cards = ($data['style'] ?? 'timeline') === 'cards';
@endphp
<section class="{{ $cls }}" {{ $attrs }}>
    <div class="container-page">
        @include('builder.partials.head', ['centered' => true, 'linkUrl' => null, 'linkText' => null])

        @if($cards)
            <ol class="home-steps home-steps--row mt-12">
                @foreach($steps as $i => $step)
                    <li class="home-step-card">
                        <span class="home-step-card__num">{{ $i + 1 }}</span>
                        <h3 class="home-step-card__title">{{ $step['title'] }}</h3>
                        <p class="home-step-card__text">{{ $step['text'] ?? '' }}</p>
                    </li>
                @endforeach
            </ol>
        @else
            <ol class="detail-timeline mt-12">
                @foreach($steps as $i => $step)
                    <li class="detail-timeline__item">
                        <span class="detail-timeline__num">{{ $i + 1 }}</span>
                        <h3 class="detail-timeline__title">{{ $step['title'] }}</h3>
                        <p class="detail-timeline__text">{{ $step['text'] ?? '' }}</p>
                    </li>
                @endforeach
            </ol>
        @endif

        @include('builder.blocks.partials.wide-figure')
    </div>
</section>