<?php if (!empty($main_headlines) || !empty($mini_headlines)): ?>
<section class="homeHero__grid" style="margin-bottom: 40px;">

<!-- ÜST 4 KART (TOP 1-4) -->
<?php for ($i = 0; $i < 4; $i++): ?>

<?php if (!empty($mini_headlines[$i]) && is_array($mini_headlines[$i])):
$hl = $mini_headlines[$i]; ?>

<a href="haber/<?= $hl['slug'] ?? '#' ?>" class="homeHero__news-card homeHero__grid-item--top<?= $i + 1 ?>">

<div class="homeHero__news-card-bg"
style="background-image: url('<?= !empty($hl['image']) ? 'uploads/' . $hl['image'] : 'https://fakeimg.pl/800x400/?text=Haber' ?>');">
</div>

<div class="homeHero__news-card-overlay"></div>

<div class="homeHero__news-card-content">

<?php if (!empty($hl['category_name'])): ?>
<span class="homeHero__news-card-category"><?= htmlspecialchars($hl['category_name']) ?></span>
<?php endif; ?>

<h3 class="homeHero__news-card-title"><?= htmlspecialchars($hl['title'] ?? '') ?></h3>

</div>
</a>

<?php else: ?>
<div class="homeHero__news-card homeHero__grid-item--top<?= $i + 1 ?>" style="background:#222"></div>
<?php endif; ?>

<?php endfor; ?>