<header class="flex items-center justify-between px-6 py-4 bg-yellow-200 shadow-md sticky top-0 z-50">
  <div class="flex items-center space-x-3">
    <a href="/" class="flex items-center space-x-3" aria-label="Beranda <%= infoToko.namaToko %>">
      <img src="https://img.icons8.com/emoji/48/bread-emoji.png" alt="Logo <%= infoToko.namaToko %>" class="w-8 h-8">
      <span class="text-2xl text-yellow-800 font-bold logo-font"><%= infoToko.namaToko %></span>
    </a>
  </div>
  <nav class="flex items-center space-x-5">
    <a href="/" class="text-yellow-700 font-semibold hover:text-yellow-900 transition">Beranda</a>
    <a href="/katalog" class="text-yellow-700 hover:text-yellow-900 transition" title="Katalog Produk" aria-label="Katalog Produk">
      <i class="fas fa-shopping-basket fa-lg"></i>
    </a>
  </nav>
</header>
