{{-- Dangerous Objects Management — Incompressible section --}}
@php
$data = __('solutions.dangerous_objects.incompressible');
@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']"
        align="center"
        class="mb-8 w-full mx-auto" />

    {{-- Quote-Image block: paragraph + bullets + image --}}
    <div class="flex flex-col md:flex-row gap-8 items-center max-w-5xl mx-auto">
        <div class="flex-1">
            <p class="text-foreground leading-relaxed mb-6">
                {{ $data['description'] }}
            </p>
            <ul class="space-y-3">
                @foreach($data['texts'] as $text)
                <li class="flex items-start gap-3">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 mt-0.5 text-primary">
                        <path d="m9 18 6-6-6-6" />
                    </svg>
                    <span class="text-foreground">{{ $text }}</span>
                </li>
                @endforeach
            </ul>
        </div>
        <div class="w-full md:w-1/3 flex justify-center">
            <img
                src="{{ asset('images/solutions/dangerous_objects_management/no-bg-n2o.webp') }}"
                alt="{{ $data['image_alt'] }}"
                class="max-h-80 object-contain"
                loading="lazy">
        </div>
    </div>

    {{-- KPI --}}
    <x-molecules.big-kpi
        :prefix="$data['kpi']['prefix']"
        :value="$data['kpi']['value']"
        :description="$data['kpi']['description']"
        :quote="$data['kpi']['quote']" />
</section>