Traccia il Tuo Ordine

{%- comment -%} TRACCIA IL TUO ORDINE · Nuvèo {%- endcomment -%}
<style>
.nv-tr{max-width:620px;margin:40px auto;padding:0 16px;font-family:'Poppins',system-ui,sans-serif;text-align:center}
.nv-tr h1{color:#F28A1B;font-size:clamp(26px,4vw,36px);margin:0 0 10px}
.nv-tr p{color:#4A403A;line-height:1.6;margin:0 0 22px}
.nv-tr__box{background:#FFF6EC;border:1px solid #F1E3D3;border-radius:20px;padding:26px 20px}
.nv-tr__riga{display:flex;gap:10px;flex-wrap:wrap}
.nv-tr input{flex:1 1 240px;min-width:0;padding:15px 18px;border:1.5px solid #F6C99A;border-radius:999px;font:500 16px 'Poppins',system-ui,sans-serif;color:#2B2420;background:#fff;outline:none}
.nv-tr input:focus{border-color:#F28A1B}
.nv-tr button{flex:0 0 auto;padding:15px 28px;border:0;border-radius:999px;background:#F28A1B;color:#fff;font:700 16px 'Poppins',system-ui,sans-serif;cursor:pointer}
.nv-tr button:hover{background:#D9700A}
.nv-tr__err{color:#C0392B;font-size:14px;margin-top:10px;display:none}
.nv-tr__info{margin-top:26px;text-align:left;font-size:14.5px;color:#4A403A;line-height:1.6}
.nv-tr__info b{color:#2B2420}
@media(max-width:480px){.nv-tr button{width:100%}}
</style>
<div class="nv-tr">
  <h1>Traccia il tuo ordine</h1>
  <p>Inserisci il codice di tracciamento che trovi nell'email di spedizione.</p>
  <div class="nv-tr__box">
    <form class="nv-tr__riga" id="nv-tr-form">
      <input id="nv-tr-cod" type="text" placeholder="Es. YT2412345678901234" autocomplete="off" aria-label="Codice di tracciamento">
      <button type="submit">Traccia</button>
    </form>
    <div class="nv-tr__err" id="nv-tr-err">Inserisci un codice di tracciamento valido.</div>
  </div>
  <div class="nv-tr__info">
    <p><b>Dove trovo il codice?</b> Nell'email "Il tuo ordine è in viaggio" che ricevi quando il pacco parte. Controlla anche nella cartella Spam o Promozioni.</p>
    <p><b>Il codice non dà risultati?</b> Dopo la spedizione possono servire 24–48 ore prima che il tracciamento si aggiorni.</p>
    <p><b>Serve aiuto?</b> Scrivici a <b>nuveloinfo@gmail.com</b> indicando il numero d'ordine.</p>
  </div>
</div>
<script>
(function(){
  var f=document.getElementById('nv-tr-form'),i=document.getElementById('nv-tr-cod'),e=document.getElementById('nv-tr-err');
  var q=new URLSearchParams(location.search).get('codice'); if(q) i.value=q;
  f.addEventListener('submit',function(ev){
    ev.preventDefault();
    var c=i.value.replace(/\s+/g,'').toUpperCase();
    if(c.length<6){e.style.display='block';return;}
    e.style.display='none';
    window.open('https://t.17track.net/it#nums='+encodeURIComponent(c),'_blank','noopener');
  });
})();
</script>