{{-- Wasoria Caractérisation — Accessibility section --}}
@php
$features = __('products.wasoria_caracterisation.accessibility.features');
@endphp

<section class="w-full bg-background py-20">
    <div class="w-full mx-auto max-w-7xl p-4">
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
            <div>
                <x-atoms.title
                    :title="__('products.wasoria_caracterisation.accessibility.title')"
                    :subtitle="[__('products.wasoria_caracterisation.accessibility.subtitle')]"
                    align="left"
                    class="mb-6" />
                <p class="text-muted-foreground mb-8 leading-relaxed">
                    {{ __('products.wasoria_caracterisation.accessibility.description') }}
                </p>
                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                    @foreach($features as $feature)
                    <div class="flex items-center gap-2">
                        <x-atoms.icon name="check-circle-2" class="w-5 h-5 text-primary flex-shrink-0" />
                        <span class="text-sm">{{ $feature }}</span>
                    </div>
                    @endforeach
                </div>
            </div>
            <div>
                <x-molecules.image-block
                    image="images/product/ip_conception.webp"
                    :alt="__('products.wasoria_caracterisation.accessibility.image_alt')"
                    class="w-full" />
            </div>
        </div>
    </div>
</section>