@php
    $columns = $section['parameters']['columns'] ?? [];
    $backgroundColor = $section['parameters']['background_color'] ?? '#f8f9fa';
    $count = count($columns);
    $colClass = ($count == 1) ? 'col-md-12' : 'col-md-6';

    $renderText = function($text) {
        if (is_string($text) && (strpos($text, '{"type"') === 0 || strpos($text, '{"content"') === 0)) {
            return app(\V2\Services\ContentRichEditor\Services\ContentRichEditorRendererService::class)->toHtml($text);
        }
        return $text;
    };
@endphp

<section class="ftco-section" style="padding-top: 48px; padding-bottom: 48px; background-color: {{ $backgroundColor }};">
    <div class="container">
        <div class="row" role="list">
            @foreach($columns as $column)
                <article class="{{ $colClass }} ftco-animate text-{{ $column['text_alignment'] ?? 'left' }}" style="margin-bottom: 24px;" role="listitem">
                    <header>
                        @if(!empty($column['subtitle']))
                            <p class="subheading" style="text-transform: uppercase; letter-spacing: 2px; font-size: 13px; color: var(--tenant-primary);">{{ $column['subtitle'] }}</p>
                        @endif
                        @if(!empty($column['title']))
                            <h2 style="margin-bottom: 24px; font-size: 32px; font-weight: bold; color: #333;">{{ $column['title'] }}</h2>
                        @endif
                    </header>
                    <div class="content" style="font-size: 16px; line-height: 1.8; color: #666;">
                        {!! $renderText($column['text'] ?? '') !!}
                    </div>
                </article>
            @endforeach
        </div>
    </div>
</section>