{{-- Dangerous Objects Management — Critical section --}}
@php
$data = __('solutions.dangerous_objects.critical');
@endphp

<section class="w-full p-4 flex flex-col justify-center gap-8 max-w-7xl mx-auto mt-40">
    <x-atoms.title
        :title="$data['title']"
        :subtitle="[$data['description']]"
        align="center"
        class="mb-8 w-full max-w-2xl mx-auto" />

    <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
        {{-- Left: fire image --}}
        <div class="flex justify-center items-center rounded-lg overflow-hidden">
            <img
                src="{{ asset('images/solutions/dangerous_objects_management/incendie.png') }}"
                alt="{{ $data['image_alt'] }}"
                class="w-full h-auto object-cover rounded-lg"
                loading="lazy">
        </div>

        {{-- Right: icon cards --}}
        <div class="flex flex-col justify-center gap-6">
            @foreach($data['items'] as $index => $item)
            <x-molecules.icon-card
                :title="$item['title']"
                :description="$item['description']"
                position="left"
                :transparent="true"
                :index="$index"
                :showIcon="true"
                class="bg-glassmorphism" />
            @endforeach
        </div>
    </div>
</section>