<?php
declare(strict_types=1);
$tituloHero = $tituloHero ?? 'Encontre tudo o que precisa';
$textoHero = $textoHero  ?? 'Produtos selecionados para você.';
?>
<section class="py-5 border-bottom">
            <div class="container">
                <div class="row g-4">
                    <div class="col-md-6 col-xl-3">
                        <article class="beneficio-card h-100 p-4 border rounded-4 shadow-sm">
                            <div class="fs-2 mb-3" aria-hidden="true">🔒</div>
                            <h2 class="h5">Compra segura</h2>
                            <p class="text-secondary mb-0">
                                Proteção dos dados durante o cadastro e o pagamento.
                            </p>
                        </article>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <article class="beneficio-card h-100 p-4 border rounded-4 shadow-sm">
                            <div class="fs-2 mb-3" aria-hidden="true">💳</div>
                            <h2 class="h5">Pagamento facilitado</h2>
                            <p class="text-secondary mb-0">
                                Opções de pagamento organizadas para concluir seu pedido.
                            </p>
                        </article>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <article class="beneficio-card h-100 p-4 border rounded-4 shadow-sm">
                            <div class="fs-2 mb-3" aria-hidden="true">🚚</div>
                            <h2 class="h5">Entrega acompanhada</h2>
                            <p class="text-secondary mb-0">
                                Consulte o andamento do pedido pela área do cliente.
                            </p>
                        </article>
                    </div>
                    <div class="col-md-6 col-xl-3">
                        <article class="beneficio-card h-100 p-4 border rounded-4 shadow-sm">
                            <div class="fs-2 mb-3" aria-hidden="true">💬</div>
                            <h2 class="h5">Suporte ao cliente</h2>
                            <p class="text-secondary mb-0">
                                Canais de ajuda para dúvidas, trocas e devoluções.
                            </p>
                        </article>
                    </div>
                </div>
            </div>
        </section>