<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <img class="brand-logo" src="/public/images/brand/logo.jpeg" alt="TOUS CINO logo" width="170">
        <p class="f-slogan"><%= site.slogan %>.<br>Modern accessories, gadgets, cosmetics and drip from different brands — delivered to your door.</p>
        <ul class="f-contact" style="list-style:none; margin-top:18px; display:grid; gap:6px;">
          <li><i class="ic" data-ic="phone"></i><a href="tel:<%= site.phone.replace(/\s/g,'') %>"><%= site.phone %></a></li>
          <li><i class="ic" data-ic="mail"></i><a href="mailto:<%= site.email %>"><%= site.email %></a></li>
          <li><i class="ic" data-ic="map"></i><span><%= site.address %></span></li>
          <li><i class="ic" data-ic="clock"></i><span><%= site.business_hours %></span></li>
        </ul>
      </div>
      <div>
        <h5>Shop</h5>
        <a class="f-link" href="/gadgets">Gadgets</a>
        <a class="f-link" href="/jewelry">Jewelry</a>
        <a class="f-link" href="/shoes">Shoes</a>
        <a class="f-link" href="/fragrances">Fragrances</a>
        <a class="f-link" href="/search">Search</a>
      </div>
      <div>
        <h5>Company</h5>
        <a class="f-link" href="/about">About Us</a>
        <a class="f-link" href="/contact">Contact</a>
        <a class="f-link" href="/cart">Cart</a>
        <a class="f-link" href="/wishlist">Wishlist</a>
        <a class="f-link" href="/account">My Account</a>
      </div>
      <div>
        <h5>Get In Touch</h5>
        <a class="f-link" href="https://wa.me/<%= site.whatsapp %>" target="_blank" rel="noopener">WhatsApp Us</a>
        <a class="f-link" href="<%= site.facebook %>" target="_blank" rel="noopener">Facebook</a>
        <a class="f-link" href="<%= site.instagram %>" target="_blank" rel="noopener">Instagram</a>
        <a class="f-link" href="mailto:<%= site.email %>">Email Us</a>
        <a class="btn btn-gold btn-sm" style="margin-top:12px;" href="<%= site.maps_url %>" target="_blank" rel="noopener"><i class="ic" data-ic="map"></i> Get Directions</a>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© <%= new Date().getFullYear() %> <%= site.store_name %>. All rights reserved.</span>
      <span><%= site.slogan %></span>
      <span>Store admin <a href="/admin/login">sign in</a></span>
    </div>
  </div>
</footer>

<%- include('quickcontact') %>

<div class="toast-wrap" id="toastWrap" aria-live="polite"></div>

<%- include('scripts') %>
