{{-- Характеристики товара: подпись слева (фиксированной ширины), значение справа.
     Значения через «;» — отдельными чипами. $divided — с разделителями строк
     (полный список внизу страницы). --}}
<dl class="flex flex-col text-[13px] {{ ($divided ?? false) ? 'divide-y divide-[var(--color-divider)]' : 'gap-[7px]' }}">
    @foreach ($chars as $c)
        @php($parts = collect(explode(';', (string) $c->value))->map(fn ($v) => trim($v))->filter()->values())
        <div class="flex items-baseline gap-3 {{ ($divided ?? false) ? 'py-2' : '' }}">
            <dt class="w-[42%] shrink-0 break-words text-[var(--color-muted)] sm:w-[190px]">{{ $c->name }}</dt>
            <dd class="flex min-w-0 flex-1 flex-wrap items-center gap-1.5 text-[var(--color-ink)]">
                @if ($parts->count() > 1)
                    @foreach ($parts as $p)
                        <span class="rounded-[var(--radius-sm)] bg-[var(--color-canvas)] px-2 py-0.5 text-[12.5px] text-[var(--color-slate)]">{{ $p }}</span>
                    @endforeach
                @else
                    <span class="break-words">{{ $c->value }}</span>
                @endif
                @if ($c->unit)
                    <span class="text-[var(--color-muted)]">{{ $c->unit }}</span>
                @endif
            </dd>
        </div>
    @endforeach
</dl>