<body class="<%= typeof bodyClass !== 'undefined' ? bodyClass : '' %>">

<!-- Preloader -->
<div class="preloader" id="preloader" aria-hidden="true">
  <div class="preloader-inner">
    <div class="preloader-logo"><img src="/public/images/brand/logo.jpeg" alt="TOUS CINO"></div>
    <div class="preloader-ring"><span></span></div>
    <div class="preloader-name">TOUS <em>CINO</em></div>
    <div class="preloader-tag">EVERYONE'S SENSE OF FREENESS</div>
  </div>
</div>

<!-- Page transition overlay -->
<div class="page-transition" id="pageTransition" aria-hidden="true">
  <div class="pt-inner"><img src="/public/images/brand/logo.jpeg" alt="TOUS CINO"></div>
</div>

<div class="announce"><i class="ic" data-ic="truck"></i> Free shipping over R<%= site.free_shipping_threshold %> &nbsp;•&nbsp; Open 24 hours &nbsp;•&nbsp; <b><%= site.slogan %></b></div>

<header class="header">
  <div class="container header-inner">
    <button class="icon-btn menu-toggle" id="menuBtn" aria-label="Open menu"><i class="ic" data-ic="menu"></i></button>

    <a class="brand" href="/" aria-label="<%= site.store_name %> home">
      <img class="brand-logo" src="/public/images/brand/logo.jpeg" alt="TOUS CINO logo" width="150">
    </a>
    <span class="brand-tag">Everyone's Sense of Freeness</span>

    <nav class="nav" aria-label="Main navigation">
      <a href="/" class="<%= currentPath === '/' ? 'active' : '' %>">Home</a>
      <a href="/all" class="<%= currentPath.startsWith('/all') ? 'active' : '' %>">All</a>
      <a href="/gadgets" class="<%= currentPath.startsWith('/gadgets') ? 'active' : '' %>">Gadgets</a>
      <a href="/jewelry" class="<%= currentPath.startsWith('/jewelry') ? 'active' : '' %>">Jewelry</a>
      <a href="/shoes" class="<%= currentPath.startsWith('/shoes') ? 'active' : '' %>">Shoes</a>
      <a href="/fragrances" class="<%= currentPath.startsWith('/fragrances') ? 'active' : '' %>">Fragrances</a>
      <a href="/about" class="<%= currentPath.startsWith('/about') ? 'active' : '' %>">About Us</a>
      <a href="/contact" class="<%= currentPath.startsWith('/contact') ? 'active' : '' %>">Contact</a>
      <a href="/testimonials" class="<%= currentPath.startsWith('/testimonials') ? 'active' : '' %>">Testimonials</a>
    </nav>

    <div class="header-actions">
      <a class="icon-btn" href="/account" aria-label="My account"><i class="ic" data-ic="user"></i></a>
      <a class="icon-btn" href="/wishlist" aria-label="Wishlist"><i class="ic" data-ic="heart"></i><span class="badge" id="wishCount" hidden>0</span></a>
      <button class="icon-btn" id="cartBtn" aria-label="Open cart"><i class="ic" data-ic="cart"></i><span class="badge" id="cartCount" hidden>0</span></button>
    </div>
  </div>
</header>

<%- include('cartdrawer') %>
