  </main>

  <!-- Site Footer -->
  <footer class="site-footer" style="margin-top: 0;">
    <div class="container">
      <div class="footer-grid">
        <!-- Col 1: Brand Info -->
        <div class="footer-col">
          <img src="/images/logo.png" alt="Nina Weaves" class="footer-brand-logo" style="height: 52px; width: auto; margin-bottom: 1.25rem;">
          <p style="font-size: 0.9rem; line-height: 1.7; color: #ADA498; max-width: 340px;">
            <%= (settings && settings.brand_tagline) ? settings.brand_tagline : 'Handcrafted Luxury Shirts & Bespoke Textiles' %>. We combine ancestral weaving heritage with bespoke modern tailoring.
          </p>
          <div style="margin-top: 1.5rem;">
            <a href="https://wa.me/<%= (settings && settings.whatsapp_number) ? settings.whatsapp_number : '919876543210' %>" target="_blank" class="btn btn-whatsapp btn-sm">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
                <path d="M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2z"/>
              </svg>
              WhatsApp Atelier Direct
            </a>
          </div>
        </div>

        <!-- Col 2: Collections -->
        <div class="footer-col">
          <h4>Collections</h4>
          <ul class="footer-links">
            <li><a href="/shop?category=shirts">Bespoke Shirts</a></li>
            <li><a href="/shop?category=pants">Tailored Pants</a></li>
            <li><a href="/shop?category=jeans">Artisanal Jeans</a></li>
            <li><a href="/shop?category=fabric-samples">Textile Swatches</a></li>
            <li><a href="/shop">Complete Archive</a></li>
          </ul>
        </div>

        <!-- Col 3: Client Care & Policies -->
        <div class="footer-col">
          <h4>Client Care</h4>
          <ul class="footer-links">
            <li><a href="/about">About Atelier</a></li>
            <li><a href="/contact">Contact & Consultations</a></li>
            <li><a href="/shipping-policy">Shipping & Delivery Policy</a></li>
            <li><a href="/return-policy">Return & Exchange Policy</a></li>
            <li><a href="/privacy-policy">Privacy Policy</a></li>
            <li><a href="/terms">Terms & Conditions</a></li>
          </ul>
        </div>

        <!-- Col 4: Atelier Studio Contact -->
        <div class="footer-col">
          <h4>Atelier Studio</h4>
          <p style="font-size: 0.88rem; line-height: 1.6; color: #ADA498;">
            <%= (settings && settings.contact_address) ? settings.contact_address : 'Nestbeans Atelier, Heritage Quarter, Mumbai 400001, India' %>
          </p>
          <p style="font-size: 0.88rem; margin-top: 0.75rem; color: #ADA498;">
            Direct Phone: <a href="tel:<%= (settings && settings.contact_phone) ? settings.contact_phone : '+919876543210' %>" style="color: #FAF8F5;"><%= (settings && settings.contact_phone) ? settings.contact_phone : '+91 98765 43210' %></a>
          </p>
          <p style="font-size: 0.88rem; margin-top: 0.35rem; color: #ADA498;">
            Email: <a href="mailto:<%= (settings && settings.contact_email) ? settings.contact_email : 'contact@nestbeans.com' %>" style="color: #FAF8F5;"><%= (settings && settings.contact_email) ? settings.contact_email : 'contact@nestbeans.com' %></a>
          </p>
          <p style="font-size: 0.8rem; margin-top: 0.75rem; color: #78716A;">
            Atelier Hours: Mon–Sat, 10:00 AM – 7:00 PM IST
          </p>
        </div>
      </div>

      <div class="footer-bottom">
        <div>
          &copy; <%= new Date().getFullYear() %> <%= (settings && settings.brand_name) ? settings.brand_name : 'Nina Weaves' %> (Nestbeans Lifestyle). All rights reserved.
        </div>
        <div>
          <a href="/admin" style="color: #55504A; font-size: 0.75rem; text-decoration: none;">Atelier Management Portal</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- Scripts -->
  <script src="/js/storefront.js"></script>
  <script src="/js/cart.js"></script>
</body>
</html>
