FAQ

<style>
  .faq-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: inherit;
  }

  .faq-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .faq-header h1 {
    font-size: 32px;
    margin-bottom: 10px;
    letter-spacing: 1px;
  }

  .faq-header p {
    font-size: 15px;
    color: #666;
  }

  .faq-category {
    margin-top: 35px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }

  .faq-item {
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #fff;
  }

  .faq-question {
    width: 100%;
    padding: 18px 20px;
    background: #fff;
    border: none;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .faq-question span {
    font-size: 22px;
    line-height: 1;
    transition: transform 0.2s ease;
  }

  .faq-answer {
    display: none;
    padding: 0 20px 18px;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
  }

  .faq-item.active .faq-answer {
    display: block;
  }

  .faq-item.active .faq-question span {
    transform: rotate(45deg);
  }

  .faq-contact-box {
    margin-top: 40px;
    padding: 25px;
    border-radius: 14px;
    background: #f7f7f7;
    text-align: center;
  }

  .faq-contact-box h3 {
    margin-bottom: 8px;
    font-size: 20px;
  }

  .faq-contact-box p {
    color: #555;
    margin-bottom: 12px;
  }

  .faq-contact-box a {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
  }
</style>

<div class="faq-container">
  <div class="faq-header">
    <h1>Domande Frequenti</h1>
    <p>Trova risposte rapide su ordini, spedizioni, resi, pagamenti e prodotti del marchio Vernier.</p>
  </div>

  <div class="faq-category">Ordini & Resi</div>

  <div class="faq-item">
    <button class="faq-question">Posso restituire il mio ordine? <span>+</span></button>
    <div class="faq-answer">
      Sì. È possibile richiedere un reso entro 14 giorni dalla ricezione dell'ordine. Gli articoli devono essere mai indossati, inutilizzati, in condizioni originali e restituiti con la loro confezione originale.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Posso modificare o annullare il mio ordine? <span>+</span></button>
    <div class="faq-answer">
      Gli ordini possono essere annullati entro 12 ore dall'acquisto, prima che inizi l'evasione. Una volta che un ordine è stato elaborato o spedito, potremmo non essere più in grado di annullarlo o modificarlo.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Ho ricevuto un articolo danneggiato o errato. Cosa devo fare? <span>+</span></button>
    <div class="faq-answer">
      Vi preghiamo di contattarci entro 48 ore dalla consegna all'indirizzo contact@vernier-brand.com con il vostro numero d'ordine e foto chiare dell'articolo e dell'imballaggio. Il nostro team di supporto vi assisterà il prima possibile.
    </div>
  </div>

  <div class="faq-category">Spedizione</div>

  <div class="faq-item">
    <button class="faq-question">Spedite in tutto il mondo? <span>+</span></button>
    <div class="faq-answer">
      Sì. Vernier Brand spedisce ai clienti di tutto il mondo. Le opzioni di spedizione disponibili e i costi sono visualizzati al momento del checkout.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Quanto tempo richiede la spedizione? <span>+</span></button>
    <div class="faq-answer">
      Gli ordini vengono elaborati entro 1-3 giorni lavorativi. I tempi di consegna stimati sono 5-10 giorni lavorativi per gli Stati Uniti, 5-12 giorni lavorativi per l'Europa e 7-15 giorni lavorativi per gli ordini internazionali.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Riceverò un numero di tracciamento? <span>+</span></button>
    <div class="faq-answer">
      Sì. Una volta spedito il tuo ordine, riceverai un numero di tracciamento via email per poter seguire la tua consegna.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Devo pagare dazi doganali o tasse d'importazione? <span>+</span></button>
    <div class="faq-answer">
      I clienti internazionali potrebbero essere responsabili per dazi doganali, tasse o oneri di importazione a seconda delle normative locali. Questi costi non sono controllati da Vernier Brand.
    </div>
  </div>

  <div class="faq-category">Pagamento</div>

  <div class="faq-item">
    <button class="faq-question">Quali metodi di pagamento accettate? <span>+</span></button>
    <div class="faq-answer">
      Accettiamo le principali carte di credito, carte di debito e altri metodi di pagamento sicuri disponibili al checkout.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Il mio pagamento è sicuro? <span>+</span></button>
    <div class="faq-answer">
      Sì. I pagamenti sono elaborati tramite fornitori di servizi di pagamento sicuri e affidabili. Vernier Brand non memorizza i dettagli completi della tua carta.
    </div>
  </div>

  <div class="faq-category">Informazioni sul prodotto</div>

  <div class="faq-item">
    <button class="faq-question">Come scelgo la taglia giusta? <span>+</span></button>
    <div class="faq-answer">
      Si prega di consultare la guida alle taglie su ogni pagina del prodotto prima di effettuare l'ordine. Se siete tra due taglie, vi consigliamo di scegliere la taglia più grande per una vestibilità più confortevole.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Come devo curare i miei vestiti? <span>+</span></button>
    <div class="faq-answer">
      Si consiglia di seguire le istruzioni di cura sull'etichetta del prodotto. Per preservare la qualità del tessuto, lavare con colori simili, evitare detersivi aggressivi e asciugare all'aria quando possibile.
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">I colori dei prodotti sono esattamente come mostrati? <span>+</span></button>
    <div class="faq-answer">
      Facciamo del nostro meglio per visualizzare i colori dei prodotti in modo accurato. Tuttavia, i colori possono variare leggermente a seconda delle impostazioni dello schermo, dell'illuminazione e della fotografia.
    </div>
  </div>

  <div class="faq-contact-box">
    <h3>Hai ancora bisogno di aiuto?</h3>
    <p>Il nostro team di assistenza clienti è qui per aiutarti.</p>
    <a href="mailto:contact@vernier-brand.com">contact@vernier-brand.com</a>
  </div>
</div>

<script>
  document.querySelectorAll('.faq-question').forEach(function(button) {
    button.addEventListener('click', function() {
      const item = this.parentElement;
      item.classList.toggle('active');
    });
  });
</script>