Demander un Retour

Vous disposez de 14 jours à compter de la réception de votre commande pour demander un retour gratuit. Remplissez le formulaire ci-dessous et vous recevrez l'étiquette d'expédition par email dans quelques minutes.

Numéro de Commande *

Email de la commande *

Motif du retour

Notes (optionnel)

</div>

</div>
</div>

</div>
    </main>

<div class="v21-footer-col v21-footer-brand">
        <a href="/" class="v21-footer-logo" aria-label="Vyrox21"><span style="font-family:'Bebas Neue',sans-serif;font-size:32px;letter-spacing:3px;font-weight:700;">VYROX21</span></a>
        <p class="v21-footer-tagline">Contemporary luxury italiano. 55+ designer, spedizione 24-48h, reso 14 giorni.</p>
        <div class="v21-footer-social">
          <a href="https://www.instagram.com/mindthegap226/" target="_blank" rel="noopener" aria-label="Instagram">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="2" width="20" height="20" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor"/></svg>
          </a>
          <a href="https://www.tiktok.com/@mind.the.gap226" target="_blank" rel="noopener" aria-label="TikTok">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M19.6 5.8a4.7 4.7 0 0 1-3.1-1.4 4.6 4.6 0 0 1-1.3-3v-.5h-3.4v13.5a2.7 2.7 0 1 1-2.7-2.7c.3 0 .6 0 .9.2v-3.4a6 6 0 0 0-.9-.1 6.1 6.1 0 1 0 6.1 6.1V8.1a8 8 0 0 0 4.4 1.4V6.1z"/></svg>
          </a>
          <a href="mailto:info@vyrox21.com" aria-label="Email">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></svg>
          </a>
        </div>
      </div>

<div class="v21-footer-col">
        <h4>Service Client</h4>
        <ul>
          <li><a href="/pages/contact">Contacts</a></li>
          <li><a href="/pages/spedizioni">Livraisons</a></li>
          <li><a href="/pages/resi-e-rimborsi">Retours et Remboursements</a></li>
          <li><a href="/pages/reso">Demander un retour</a></li>
          <li><a href="/account">Suivi de commande</a></li>
          <li><a href="/search">Rechercher</a></li>
        </ul>
      </div>

<div class="v21-footer-col">
        <h4>Entreprise</h4>
        <ul>
          <li><a href="/pages/chi-siamo">Qui sommes-nous</a></li>
          <li><a href="https://www.instagram.com/mindthegap226/" target="_blank" rel="noopener">Instagram</a></li>
          <li><a href="https://www.tiktok.com/@mind.the.gap226" target="_blank" rel="noopener">TikTok</a></li>
          <li><a href="/collections/all">Catalogue complet</a></li>
          <li><a href="/collections/sale">Soldes</a></li>
        </ul>
      </div>

<div class="v21-footer-col">
        <h4>Légal & Confidentialité</h4>
        <ul>
          <li><a href="/policies/privacy-policy">Politique de Confidentialité</a></li>
          <li><a href="/policies/terms-of-service">Conditions Générales</a></li>
          <li><a href="/pages/cookie-policy">Politique des Cookies</a></li>
          <li><a href="/policies/shipping-policy">Politique de Livraison</a></li>
          <li><a href="/policies/refund-policy">Politique de Remboursement</a></li>
          <li><a href="/pages/data-sharing-opt-out">Vos choix en matière de confidentialité</a></li>
        </ul>
      </div>

<div class="v21-footer-col v21-footer-news">
        <h4>S'abonner à la newsletter</h4>
        <p>Recevez 10% sur votre première commande, drops en avant-première et sélection éditoriale.</p>
        <form method="post" action="/fr/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="v21-footer-newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
          <input type="hidden" name="contact[tags]" value="newsletter,footer">
          <input type="email" name="contact[email]" placeholder="Votre email" required aria-label="Email">
          <button type="submit" aria-label="S'abonner">
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
          </button>
        </form>
        <p class="v21-footer-news-mini">Pas de spam. Désinscription possible à tout moment.</p>
      </div>

</div>
  </div>

<div class="v21-footer-mid">
    <div class="v21-footer-payments">
      <span class="v21-footer-payments-label">Paiement sécurisé :</span>
      <span class="v21-footer-pay-icons">
        <svg width="38" height="22" viewBox="0 0 38 22" fill="none"><rect width="38" height="22" rx="3" fill="#1A1F71"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-family="Arial" font-weight="bold" font-size="9" letter-spacing="1">VISA</text></svg>
        <svg width="38" height="22" viewBox="0 0 38 22" fill="none"><rect width="38" height="22" rx="3" fill="#fff" stroke="#ddd"/><circle cx="15" cy="11" r="6" fill="#EB001B"/><circle cx="23" cy="11" r="6" fill="#F79E1B" opacity=".85"/></svg>
        <svg width="38" height="22" viewBox="0 0 38 22" fill="none"><rect width="38" height="22" rx="3" fill="#016FD0"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-family="Arial" font-weight="bold" font-size="7">AMEX</text></svg>
        <svg width="38" height="22" viewBox="0 0 38 22" fill="none"><rect width="38" height="22" rx="3" fill="#003087"/><text x="19" y="14" text-anchor="middle" fill="#fff" font-family="Arial" font-weight="bold" font-size="7" font-style="italic">PayPal</text></svg>
        <svg width="38" height="22" viewBox="0 0 38 22" fill="none"><rect width="38" height="22" rx="3" fill="#000"/><text x="19" y="15" text-anchor="middle" fill="#fff" font-family="-apple-system, sans-serif" font-weight="500" font-size="7">Apple Pay</text></svg>
        <svg width="38" height="22" viewBox="0 0 38 22" fill="none"><rect width="38" height="22" rx="3" fill="#fff" stroke="#ddd"/><text x="19" y="15" text-anchor="middle" fill="#5f6368" font-family="Arial" font-weight="500" font-size="7">G Pay</text></svg>
        <img src="//vyrox21.com/cdn/shop/t/1/assets/scalapay-logo.svg?v=86949325733799322081778049059" alt="Scalapay" height="22" width="auto" style="height:22px;width:auto;vertical-align:middle;background:#fdf3e3;padding:3px 8px;border-radius:3px;">
      </span>
    </div>
    <div class="v21-footer-shipping">
      <span class="v21-footer-payments-label">Nous livrons avec :</span>
      <span class="v21-footer-shipping-icons">
        <span class="v21-pill v21-pill-dhl">DHL Express</span>
        <span class="v21-pill v21-pill-sda">SDA</span>
      </span>
    </div>
  </div>

<div class="v21-footer-bottom">
    <div class="v21-footer-bottom-inner">
      <div class="v21-footer-copy">
        © 2026 Vyrox21. Tutti i diritti riservati.· P.IVA IT12345678901
</div>
      <div class="v21-footer-trust">
        <span>🔒 Achat sécurisé · SSL 256-bit</span>
        <span>🇮🇹 Livraison depuis l'Italie</span>
      </div>
    </div>
  </div>
</footer>

.v21-footer-top { max-width: 1400px; margin: 0 auto; padding: 60px 24px 40px; }
  .v21-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.5fr; gap: 40px; }
  .v21-footer-tagline { font-size: 13px; line-height: 1.6; color: #999; margin: 14px 0 18px; max-width: 320px; }

.v21-footer-social { display: flex; gap: 10px; }
  .v21-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #3a3a3a; border-radius: 50%; color: #cfcfcf; transition: all 200ms; }
  .v21-footer-social a:hover { background: var(--v21-gold); color: #111; border-color: var(--v21-gold); }

.v21-footer-news p { font-size: 12px; color: #999; line-height: 1.5; margin: 0 0 14px; }
  .v21-footer-newsletter-form { display: flex; gap: 0; }
  .v21-footer-newsletter-form input { flex: 1; padding: 11px 14px; border: 1px solid #3a3a3a; border-right: 0; border-radius: 6px 0 0 6px; background: rgba(255,255,255,0.04); color: #fff; font-size: 13px; min-width: 0; }
  .v21-footer-newsletter-form input::placeholder { color: #666; }
  .v21-footer-newsletter-form input:focus { outline: 0; border-color: var(--v21-gold); background: rgba(255,255,255,0.08); }
  .v21-footer-newsletter-form button { width: 44px; background: var(--v21-gold); border: 0; color: #111; cursor: pointer; border-radius: 0 6px 6px 0; display: flex; align-items: center; justify-content: center; transition: background 200ms; }
  .v21-footer-newsletter-form button:hover { background: #fff; }
  .v21-footer-news-mini { font-size: 10px !important; color: #666 !important; margin-top: 8px !important; }

.v21-footer-mid { border-top: 1px solid #2a2a2a; padding: 22px 24px; }
  .v21-footer-mid > * { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
  .v21-footer-payments { padding-bottom: 12px; }
  .v21-footer-payments-label { font-size: 11px; color: #888; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; }
  .v21-footer-pay-icons, .v21-footer-shipping-icons { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
  .v21-pill { display: inline-flex; align-items: center; padding: 4px 10px; background: #1f1f1f; color: #cfcfcf; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; border-radius: 3px; border: 1px solid #2f2f2f; }
  .v21-pill-dhl { background: #ffcc00; color: #d40511; font-weight: 800; letter-spacing: 0.8px; border-color: #ffcc00; }
  .v21-pill-sda { background: #009639; color: #fff; font-weight: 800; letter-spacing: 0.8px; border-color: #009639; }

.v21-footer-bottom { border-top: 1px solid #2a2a2a; }
  .v21-footer-bottom-inner { max-width: 1400px; margin: 0 auto; padding: 18px 24px; display: flex; justify-content: space-between; align-items: center; gap: 18px; flex-wrap: wrap; }
  .v21-footer-copy { font-size: 11px; color: #888; }
  .v21-footer-trust { display: flex; gap: 18px; font-size: 11px; color: #888; }

@media (max-width: 1100px) {
    .v21-footer-grid { grid-template-columns: 1fr 1fr 1fr; gap: 32px; }
    .v21-footer-brand { grid-column: 1 / 4; }
    .v21-footer-news { grid-column: 1 / 4; }
  }
  @media (max-width: 700px) {
    .v21-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
    .v21-footer-brand, .v21-footer-news { grid-column: 1 / 3; }
    .v21-footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
    .v21-footer-trust { flex-direction: column; gap: 4px; }
  }
</style>

</div>

    </footer>

<dialog-component
  id="search-modal"
  class="search-modal"
  
>
  <dialog
    ref="dialog"
    on:click="/closeDialogOnClickOutside"
    on:keydown="/closeDialogOnEscapePress"
    class="search-modal__content dialog-modal"
    scroll-lock
    aria-labelledby="search-modal-heading"
  >
    <h2
      id="search-modal-heading"
      class="visually-hidden"
    >
      Rechercher
    </h2>
    <predictive-search-component
      class="predictive-search color-scheme-1"
      style="--product-corner-radius: 6px; --card-corner-radius: 6px;"
      data-section-id="predictive-search"
      data-testid="search-component--modal"
      role="search"
      aria-label="Rechercher"
    >
      <form
        action="/fr/search"
        method="get"
        role="search"
        class="predictive-search-form"
        ref="form"
        on:keydown="/onSearchKeyDown"
      >
        <div
          class="predictive-search-form__header"
        >
          <div class="predictive-search-form__header-inner">
            <label
              for="cmdk-input"
              class="visually-hidden"
            >Rechercher</label>
            <input
              class="search-input"
              id="cmdk-input"
              type="search"
              name="q"
              role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocomplete="off"
              placeholder="Rechercher"
              ref="searchInput"
              on:input="/search"
              on:keydown="/onSearchKeyDown"
            >
            <input
              name="options[prefix]"
              type="hidden"
              value="last"
            >
            <span class="svg-wrapper predictive-search__icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>

</span>
            <button
              type="button"
              class="button-unstyled predictive-search__reset-button"
              ref="resetButton"
              hidden
              on:click="/resetSearch"
            >
              Effacer
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Fermer la boîte de dialogue"
            on:click="dialog-component/closeDialog"
            ref="closeModalButton"
          >
            <span class="svg-wrapper">
              <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

</span>
          </button>
        </div>

<div
  id="predictive-search-results"
  class="predictive-search-dropdown"
  role="listbox"
  aria-expanded="true"
  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
  
    <div class="predictive-search-results__inner">
      
      
        
        
        
          <div
  id="predictive-search-products"
  class="predictive-search-results__products"
  
    data-testid="products-list-default--modal"
  
>
  
    <h4 class="predictive-search-results__title">
      Produits
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Produits"
    >
      
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/fr/products/100-cotton-mens-scarf-false-pattern-made-in-italy"
  >
    <span class="visually-hidden">
      100% Cotton Men's Scarf - False Pattern - Made in Italy
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >

<div class="resource-card__content">
    <p class="resource-card__title paragraph">100% Cotton Men's Scarf - False Pattern - Made in Italy</p>

<div ref="priceContainer">
  
    
    
      <span role="group">
        <span class="visually-hidden">Prix régulier </span>
        <span class="compare-at-price">€50,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Prix promotionnel </span>
        <span class="price">€20,00</span>
      </span>

</div>
    
  </div>
</div>

</li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/fr/products/251195m213035-casa-blanca"
  >
    <span class="visually-hidden">
      251195M213035 CASA BLANCA
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >

<div class="resource-card__content">
    <p class="resource-card__title paragraph">251195M213035 CASA BLANCA</p>

<div ref="priceContainer">
  
    
    
      <span role="group">
        <span class="visually-hidden">Prix régulier </span>
        <span class="compare-at-price">€240,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Prix promotionnel </span>
        <span class="price">€119,00</span>
      </span>

</div>
    
  </div>
</div>

</li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/fr/products/2601-9134-vrsc"
  >
    <span class="visually-hidden">
      2601- 9134 VRSC
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >

<div ref="priceContainer">
  
    
    
      <span role="group">
        <span class="visually-hidden">Prix régulier </span>
        <span class="compare-at-price">€45,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Prix promotionnel </span>
        <span class="price">€35,00</span>
      </span>

</div>
    
  </div>
</div>

</li>
      
        <li
          class="predictive-search-results__card predictive-search-results__card--product"
          ref="resultsItems[]"
        >
          
<div
  class="resource-card"
  data-resource-type="product"
>
  <a
    class="resource-card__link"
    href="/fr/products/2601-9131-vrsc"
  >
    <span class="visually-hidden">
      2601-9131 VRSC
    </span>
  </a>
  <div
    class="resource-card__media"
    style="--resource-card-aspect-ratio: 4 / 5;"
    
  >

<div ref="priceContainer">
  
    
    
      <span role="group">
        <span class="visually-hidden">Prix régulier </span>
        <span class="compare-at-price">€45,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Prix promotionnel </span>
        <span class="price">€35,00</span>
      </span>

</div>
    
  </div>
</div>

</li>
      
    </ul>
  
</div>

</div>
  
</div>

</div>

<div class="predictive-search-form__footer">
            <button
              class="button predictive-search__search-button"
              ref="viewAllButton"
            >
              Tout afficher
            </button>
          </div>
        </div>
      </form>
    </predictive-search-component>
  </dialog>
</dialog-component>

<quick-add-dialog id="quick-add-dialog">
  <dialog
    class="quick-add-modal dialog-modal color-scheme-1"
    ref="dialog"
    scroll-lock
  >
    <button
      ref="closeButton"
      on:click="/closeDialog"
      class="button button-unstyled close-button quick-add-modal__close"
      aria-label="Fermer la boîte de dialogue"
    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>

<script>
(function() {
  var CHAT_URL = 'https://vyrox21gestionale.netlify.app/.netlify/functions/vps-proxy/chat';
  var MSGS_KEY = 'vyrox21_chat_msgs';
  var SESSION_KEY = 'vyrox21_chat_session';
  var EMAIL_KEY = 'vyrox21_chat_email';
  var NAME_KEY = 'vyrox21_chat_name';

var btn = document.createElement('div');
  btn.id = 'vyrox-chat-btn';
  btn.innerHTML = '<span style="color:#1f3aaa;font-family:Inter,sans-serif;font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1;">V</span>';
  document.body.appendChild(btn);

var win = document.createElement('div');
  win.id = 'vyrox-chat-window';
  win.innerHTML = '<div id="vyrox-chat-header"><div class="vyrox-avatar">V</div><div id="vyrox-chat-header-text"><div id="vyrox-chat-header-name">Sara</div><div id="vyrox-chat-header-status"><span class="vyrox-dot" id="vyrox-status-dot"></span> <span id="vyrox-status-text">Controllo...</span></div></div><span id="vyrox-chat-close">×</span></div><div id="vyrox-email-gate"><h3>Prima di iniziare</h3><p class="subtitle">Fornisci le tue informazioni in modo che possiamo risponderti se lasci la chat.</p><label>Nome</label><input type="text" id="vyrox-gate-nome" placeholder="Il tuo nome"><label>Cognome</label><input type="text" id="vyrox-gate-cognome" placeholder="Il tuo cognome"><label>Indirizzo email</label><input type="email" id="vyrox-gate-email" placeholder="tua@email.com"><div class="consent"><input type="checkbox" id="vyrox-gate-consent"><span>Acconsento a ricevere promozioni e aggiornamenti speciali via email. Puoi annullare l\'iscrizione in qualsiasi momento.</span></div><button class="gate-btn" id="vyrox-gate-btn">Inizia la chat</button><p class="privacy">Continuando, accetti la condivisione dei tuoi dati per la fornitura e il miglioramento dei servizi.</p></div><div id="vyrox-chat-body" style="display:none;flex:1;flex-direction:column"><div id="vyrox-chat-messages"></div><div id="vyrox-chat-input-area"><input id="vyrox-chat-input" type="text" placeholder="Scrivi un messaggio..."><button id="vyrox-chat-send"><svg viewBox="0 0 24 24"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg></button></div></div>';
  document.body.appendChild(win);

var userEmail = localStorage.getItem(EMAIL_KEY) || '';
  var userName = localStorage.getItem(NAME_KEY) || '';
  var isOpen = false;
  var isTyping = false;
  var chatMessages = loadMessages();
  var chatOnline = false;
  var chatInitialized = false;
  var emailGateShown = !userEmail;

function restoreMessages() {
    var msgs = loadMessages();
    if (msgs.length === 0) return false;
    chatMessages = msgs;
    msgs.forEach(function(m) { addMessage(m.text, m.role, false); });
    return true;
  }

async function sendMessage(text) {
    if (!text.trim()) return;
    if (isTyping) return;
    addMessage(text, 'user');
    isTyping = true;
    setTyping(true);
    var safetyTimer = setTimeout(function() { isTyping = false; setTyping(false); }, 30000);
    try {
      var controller = new AbortController();
      var timeout = setTimeout(function() { controller.abort(); }, 25000);
      var resp = await fetch(CHAT_URL, {
        method: 'POST',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({ message: text, email: userEmail || '', history: getHistory().slice(-10), session_id: getSessionId() }),
        signal: controller.signal
      });
      clearTimeout(timeout);
      if (!resp.ok) throw new Error('HTTP ' + resp.status);
      var data = await resp.json();
      addMessage(data.reply || 'Scusa, problema tecnico! Scrivi a info@vyrox21.com', 'bot');
      if (!chatOnline) { chatOnline = true; updateStatus(); }
    } catch(e) {
      console.error('Chat error:', e);
      addMessage('Problema di connessione, riprova tra un attimo!', 'bot');
      chatOnline = false; updateStatus();
    }
    clearTimeout(safetyTimer);
    isTyping = false;
    setTyping(false);
    try { document.getElementById('vyrox-chat-input').focus(); } catch(e) {}
  }

btn.addEventListener('click', function() {
    isOpen = !isOpen;
    win.classList.toggle('open', isOpen);
    if (isOpen) {
      if (userEmail && !chatInitialized) {
        showChat();
      } else if (chatInitialized) {
        document.getElementById('vyrox-chat-input').focus();
      }
    }
  });

/* === Vyrox Mobile Menu Overlay === */
  #v21-mm {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 9998;
    display: none;
    overscroll-behavior: contain;
  }
  #v21-mm.open { display: block; }
  #v21-mm-panel {
    position: absolute; top: 0; left: 0;
    width: 100%; max-width: 480px;
    height: 100%;
    background: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    transition: transform 280ms cubic-bezier(0.2,0.8,0.2,1);
    box-shadow: 4px 0 24px rgba(0,0,0,0.12);
  }
  #v21-mm.open #v21-mm-panel { transform: translateX(0); }

/* Top icons row */
  .v21-mm-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr) auto;
    gap: 8px;
    padding: 16px 14px 12px;
    border-bottom: 1px solid #f0f0f0;
  }
  .v21-mm-icon {
    display: flex; align-items: center; justify-content: center;
    background: #fff; border: 1px solid #e6e6e6; border-radius: 8px;
    height: 48px; color: #1a1a1a; text-decoration: none;
    transition: background 150ms;
    position: relative;
  }
  .v21-mm-icon:active { background: #f5f5f5; }
  .v21-mm-icon svg { width: 22px; height: 22px; stroke-width: 1.5; }
  .v21-mm-close {
    background: transparent; border: 0; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; padding: 0; color: #1a1a1a;
  }
  .v21-mm-coupon-badge {
    position: absolute; top: 6px; right: 8px;
    background: #d92929; color: #fff;
    width: 14px; height: 14px; border-radius: 50%;
    font-size: 10px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    line-height: 1;
  }

/* Tabs */
  .v21-mm-tabs {
    display: flex;
    border-bottom: 1px solid #ececec;
    padding: 0 14px;
  }
  .v21-mm-tab {
    flex: 0 0 auto;
    padding: 16px 18px 14px;
    font-size: 17px; font-weight: 600;
    color: #999;
    background: none; border: 0; cursor: pointer;
    position: relative;
    font-family: inherit;
    letter-spacing: 0.2px;
  }
  .v21-mm-tab.active { color: #1a1a1a; }
  .v21-mm-tab.active::after {
    content: ''; position: absolute; bottom: 0; left: 12px; right: 12px;
    height: 2px; background: #1a1a1a;
  }

/* Search */
  .v21-mm-search {
    padding: 14px;
  }
  .v21-mm-search-input {
    display: flex; align-items: center; gap: 10px;
    background: #f3f3f3; border-radius: 999px;
    padding: 12px 18px;
    border: 0; width: 100%;
    box-sizing: border-box;
  }
  .v21-mm-search-input input {
    flex: 1; border: 0; background: transparent;
    font-size: 15px; outline: none;
    color: #1a1a1a;
    font-family: inherit;
  }
  .v21-mm-search-input input::placeholder { color: #888; }

/* Coupon banner */
  .v21-mm-coupon {
    margin: 6px 14px 10px;
    border-radius: 8px; overflow: hidden;
    background: #fff;
  }
  .v21-mm-coupon-top {
    background: #1f3aaa; color: #fff;
    padding: 12px 16px;
    display: flex; align-items: center; justify-content: space-between;
    font-size: 13px; font-weight: 600;
    text-decoration: none;
  }
  .v21-mm-coupon-bottom {
    background: linear-gradient(135deg, #eef2ff, #d8e2ff);
    padding: 14px 16px;
    display: flex; align-items: flex-start; gap: 12px;
  }
  .v21-mm-coupon-icon {
    flex: 0 0 36px; height: 36px; border-radius: 50%;
    background: #1f3aaa; color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700; font-size: 18px;
  }
  .v21-mm-coupon-bottom h4 {
    margin: 0 0 2px; font-size: 14px; color: #1f3aaa; font-weight: 700;
  }
  .v21-mm-coupon-bottom p {
    margin: 0; font-size: 12px; color: #1f3aaa; line-height: 1.4; opacity: 0.85;
  }

/* Grid 2x4 */
  .v21-mm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 6px 14px 14px;
  }
  .v21-mm-tile {
    background: #f5f5f5; border-radius: 10px;
    padding: 18px 16px;
    display: flex; align-items: center; justify-content: space-between;
    text-decoration: none; color: #1a1a1a;
    font-weight: 700; font-size: 14px;
    min-height: 64px;
    transition: background 150ms;
  }
  .v21-mm-tile:active { background: #ebebeb; }
  .v21-mm-tile-img {
    width: 44px; height: 44px;
    object-fit: contain;
    flex-shrink: 0;
    margin-left: 8px;
  }
  .v21-mm-tile-img-bg {
    background: #fff; border-radius: 6px;
    padding: 2px;
  }

/* Country footer */
  .v21-mm-country {
    padding: 18px 14px 24px;
    border-top: 1px solid #ececec;
  }
  .v21-mm-country-btn {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fff; border: 1px solid #e6e6e6; border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px; font-weight: 600; color: #1a1a1a;
    cursor: pointer;
  }
  .v21-mm-country-flag {
    display: inline-block;
    background: linear-gradient(to bottom, #009246 33%, #fff 33% 66%, #ce2b37 66%);
    width: 22px; height: 14px; border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.08);
  }

/* Tab content */
  .v21-mm-tab-content { display: none; }
  .v21-mm-tab-content.active { display: block; }
</style>

<div class="v21-mm-tabs">
      <button class="v21-mm-tab" data-tab="donna" onclick="vyroxMMTab('donna')">Femme</button>
      <button class="v21-mm-tab active" data-tab="uomo" onclick="vyroxMMTab('uomo')">Homme</button>
    </div>

<div class="v21-mm-search">
      <a href="/search" class="v21-mm-search-input" style="text-decoration:none;color:#888;">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#888" stroke-width="2" stroke-linecap="round" style="flex-shrink:0;"><circle cx="11" cy="11" r="7"/><path d="M21 21l-4.3-4.3"/></svg>
        <span style="flex:1;font-size:15px;">Rechercher articles, marques et plus...</span>
      </a>
    </div>

<div class="v21-mm-coupon">
      <a class="v21-mm-coupon-top" href="/collections/sale">
        <span>1 Coupon t'attend</span>
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
      </a>
      <div class="v21-mm-coupon-bottom">
        <div class="v21-mm-coupon-icon">%</div>
        <div>
          <h4>Économise avec tes Coupons</h4>
          <p>Découvre les Coupons et déverrouille les meilleurs prix maintenant !</p>
        </div>
      </div>
    </div>

<div class="v21-mm-tab-content active" data-content="uomo">
      <div class="v21-mm-grid">
        <a href="/collections/uomo" class="v21-mm-tile">Vêtements <span style="font-size:26px">🧥</span></a>
        <a href="/collections/uomo-sneaker" class="v21-mm-tile">Chaussures <span style="font-size:26px">👟</span></a>
        <a href="/collections/uomo-felpa" class="v21-mm-tile">Sweats <span style="font-size:26px">👕</span></a>
        <a href="/collections/uomo-accessori" class="v21-mm-tile">Accessoires <span style="font-size:26px">🎩</span></a>
        <a href="/collections/uomo-jeans" class="v21-mm-tile">Jeans <span style="font-size:26px">👖</span></a>
        <a href="/collections/uomo-giubbotto" class="v21-mm-tile">Vestes <span style="font-size:26px">🧥</span></a>
        <a href="/collections/sale" class="v21-mm-tile">PROMO <span style="font-size:26px">🔖</span></a>
        <a href="/collections/all" class="v21-mm-tile">Top 100 <span style="font-size:26px">⭐</span></a>
      </div>
    </div>

<div class="v21-mm-tab-content" data-content="donna">
      <div class="v21-mm-grid">
        <a href="/collections/donna" class="v21-mm-tile">Vêtements <span style="font-size:26px">👗</span></a>
        <a href="/collections/donna-sneaker" class="v21-mm-tile">Chaussures <span style="font-size:26px">👠</span></a>
        <a href="/collections/donna-borse" class="v21-mm-tile">Sacs <span style="font-size:26px">👜</span></a>
        <a href="/collections/donna-abito" class="v21-mm-tile">Robes <span style="font-size:26px">👗</span></a>
        <a href="/collections/donna-felpa" class="v21-mm-tile">Sweats <span style="font-size:26px">👕</span></a>
        <a href="/collections/donna-accessori" class="v21-mm-tile">Accessoires <span style="font-size:26px">💎</span></a>
        <a href="/collections/sale" class="v21-mm-tile">PROMO <span style="font-size:26px">🔖</span></a>
        <a href="/collections/all" class="v21-mm-tile">Top 100 <span style="font-size:26px">⭐</span></a>
      </div>
    </div>

<div class="v21-mm-country">
      <button class="v21-mm-country-btn">
        <span class="v21-mm-country-flag"></span>
        IT
      </button>
    </div>
  </div>
</div>

// Close on backdrop click
  document.getElementById('v21-mm').addEventListener('click', function(e){
    if(e.target === this) window.vyroxMMClose();
  });

// Hijack burger button — find it after DOM ready
  function attach(){
    // Possible burger triggers in Horizon header
    var triggers = document.querySelectorAll(
      'header-drawer summary, .header__icon-menu, button[aria-label*="enu" i], summary[aria-label*="enu" i], [data-menu-drawer-toggle], .header-drawer__toggle, .menu-drawer__toggle'
    );
    triggers.forEach(function(btn){
      if(btn.dataset.v21mmHooked) return;
      btn.dataset.v21mmHooked = '1';
      btn.addEventListener('click', function(e){
        // only on mobile
        if(window.innerWidth > 900) return;
        e.preventDefault();
        e.stopPropagation();
        // Close any open Horizon drawer
        document.querySelectorAll('details[open]').forEach(function(d){
          var s = d.querySelector('summary');
          if(s && (s.getAttribute('aria-label')||'').toLowerCase().includes('enu')) d.removeAttribute('open');
        });
        open();
      }, true);
    });
  }

if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', attach);
  else attach();
  // Re-attach periodically (Horizon may re-render header)
  var mo = new MutationObserver(function(){ attach(); });
  mo.observe(document.body, {childList:true, subtree:true});
})();
</script>
<style id="v21-burger-font-force">
      /* Burger menu drawer — forza Inter come live */
      html body .menu-drawer,
      html body .menu-drawer *,
      html body .menu-drawer__menu,
      html body .menu-drawer__menu *,
      html body .menu-list,
      html body .menu-list *,
      html body .menu-list__link,
      html body .menu-list__list-item,
      html body .menu-list__list-item *,
      html body .header-drawer,
      html body .header-drawer *,
      html body details-menu-drawer-container,
      html body details-menu-drawer-container *,
      html body [class*="menu-drawer"],
      html body [class*="menu-drawer"] *,
      html body [class*="header-drawer"],
      html body [class*="header-drawer"] *,
      html body [class*="drawer-localization"],
      html body [class*="drawer-localization"] * {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
        font-style: normal !important;
      }
    </style>
    <script>
      (function() {
        var V21_FONT_CSS = "* { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Cormorant Garamond','Cormorant',Georgia,serif !important; font-style: normal !important; font-weight: 400 !important; }";
        function injectIntoShadow(root) {
          if (!root || !root.shadowRoot) return;
          if (root.shadowRoot.querySelector('style[data-v21-font]')) return;
          var s = document.createElement('style');
          s.setAttribute('data-v21-font', '1');
          s.textContent = V21_FONT_CSS;
          root.shadowRoot.appendChild(s);
        }
        function scanAll(node) {
          var els = (node || document).querySelectorAll('*');
          els.forEach(function(el) {
            if (el.shadowRoot) {
              injectIntoShadow(el);
              scanAll(el.shadowRoot);
            }
          });
        }
        function run() { scanAll(document); }
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', run);
        } else {
          run();
        }
        // Also re-scan when new shadow elements appear (cart drawer open, menu open)
        var mo = new MutationObserver(function() { run(); });
        mo.observe(document.body, { childList: true, subtree: true });
        // Scan periodically for first 5s to catch web components that hydrate late
        var n = 0; var iv = setInterval(function() { run(); if (++n >= 10) clearInterval(iv); }, 500);
      })();
    </script>
  </body>
</html>

Votre panier est vide

Acheter par catégorie

Par genre

En vedette

Top marques

La nouvelle
stagione

Acheter par catégorie

Par genre

En vedette

Top marques

Sneaker SS26

Acheter par catégorie

En vedette

Marques sport

Active & Move

Acheter par catégorie

En vedette

Top marques

Sacs
icons

Acheter par catégorie

Marques street incontournables

Street
edit

Designers à découvrir

Par catégorie

Designer
edit

Designer A-D

Designer I-P

Designer R-Z

55+
designer

Demander un Retour

Country/Region

Langue

Country/Region

Langue

Votre panier est vide

Acheter par catégorie

Par genre

En vedette

Top marques

La nouvellestagione

Acheter par catégorie

Par genre

En vedette

Top marques

Sneaker SS26

Acheter par catégorie

En vedette

Marques sport

Active & Move

Acheter par catégorie

En vedette

Top marques

Sacsicons

Acheter par catégorie

Marques street incontournables

Streetedit

Designers à découvrir

Par catégorie

Designeredit

Designer A-D

Designer I-P

Designer R-Z

55+designer

Demander un Retour

La nouvelle
stagione

Sacs
icons

Street
edit

Designer
edit

55+
designer