{{-- "10% off" sign-up pop-up: shown once after a few seconds, remembered in the browser. Filled and sent by public/js/arome.js. --}}
<div class="nlp" id="nlPopup" role="dialog" aria-modal="false" aria-labelledby="nlpTitle" hidden>
  <button type="button" class="nlp-x" id="nlpClose" aria-label="Close"><svg viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></button>
  <div class="nlp-body">
    <h3 id="nlpTitle">Get 10% off your first order when you sign up.</h3>
    <p>Sign up for our newsletter to be the first to learn about new arrivals, special promotions and online exclusives.</p>
    <form class="nlp-form" data-newsletter novalidate>
      <input type="email" name="email" placeholder="Enter your email" aria-label="Email address" required>
      <input type="text" name="website" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
      <button type="submit" class="btn">Subscribe</button>
    </form>
    <small>*By submitting this form, you agree to receive our emails.</small>
    <button type="button" class="nlp-no" id="nlpNo">No thanks!</button>
  </div>
</div>