{{--
    Картинка карточки — и место под неё, даже когда картинки нет.

    Без этого ряд плиток разъезжается: у товара без фотографии текст
    поднимается к верхнему краю, а у соседа начинается на треть карточки ниже,
    и ряд читается как поломка вёрстки. Заглушка серая и нейтральная: она
    сообщает «фотографии нет», а не притворяется фотографией.

    Общим шаблоном, а не строкой в каждом листинге: правило одно на каталог,
    портфолио и всё, что рисуется плиткой, и разойтись оно не должно.
--}}
<span @class(['kz-card__media', 'kz-card__media--empty' => ! $media])>
    @if ($media)
        <img src="{{ $media->url() }}" alt="{{ $alt }}" loading="lazy">
    @endif
</span>