<div class="topbar">
  <div class="container topbar__inner">
    <p class="topbar__message"><span class="topbar__pulse" aria-hidden="true"></span><%= settings.avisoTopo || 'Atacado e varejo em um só lugar' %></p>
    <a class="topbar__contact" href="<%= whatsappUrl %>" target="_blank" rel="noopener">
      <%- icon('whatsapp') %>
      <span><%= settings.whatsappExibicao %></span>
    </a>
  </div>
</div>
<header class="site-header">
  <div class="container site-header__inner">
    <%- include('brand', { theme: 'dark' }) %>
    <nav class="site-nav" aria-label="Navegação principal">
      <a class="<%= currentPath === '/' ? 'is-active' : '' %>" href="<%= url('/') %>">Início</a>
      <a href="<%= url('/atacado') %>">Atacado</a>
      <a href="<%= url('/varejo') %>">Varejo</a>
      <a href="<%= url('/#sobre') %>">Sobre a loja</a>
    </nav>
    <div class="site-header__actions">
      <a class="btn btn--outline btn--sm site-header__mode-btn" href="<%= url('/atacado') %>">Atacado</a>
      <a class="btn btn--green btn--sm site-header__mode-btn" href="<%= url('/varejo') %>">Varejo</a>
      <a class="icon-btn site-header__wa" href="<%= whatsappUrl %>" target="_blank" rel="noopener" aria-label="Falar no WhatsApp">
        <%- icon('whatsapp') %>
      </a>
    </div>
  </div>
</header>
