Rücksendung anfordern

Sie haben 14 Tage nach Erhalt Ihrer Bestellung Zeit, um eine kostenlose Rücksendung anzufordern. Füllen Sie das untenstehende Formular aus und Sie erhalten das Versandetikett innerhalb weniger Minuten per E-Mail.

Bestellnummer *

E-Mail der Bestellung *

Grund der Rücksendung

Notizen (optional)

</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="E-Mail">
            <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>Kundenservice</h4>
        <ul>
          <li><a href="/pages/contact">Kontakt</a></li>
          <li><a href="/pages/spedizioni">Versand</a></li>
          <li><a href="/pages/resi-e-rimborsi">Retouren und Rückerstattungen</a></li>
          <li><a href="/pages/reso">Retoure anfordern</a></li>
          <li><a href="/account">Bestellverfolgung</a></li>
          <li><a href="/search">Suchen</a></li>
        </ul>
      </div>

<div class="v21-footer-col">
        <h4>Unternehmen</h4>
        <ul>
          <li><a href="/pages/chi-siamo">Über uns</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">Vollständiger Katalog</a></li>
          <li><a href="/collections/sale">Sale</a></li>
        </ul>
      </div>

<div class="v21-footer-col">
        <h4>Rechtliches & Datenschutz</h4>
        <ul>
          <li><a href="/policies/privacy-policy">Datenschutzrichtlinie</a></li>
          <li><a href="/policies/terms-of-service">Allgemeine Geschäftsbedingungen</a></li>
          <li><a href="/pages/cookie-policy">Cookie-Richtlinie</a></li>
          <li><a href="/policies/shipping-policy">Versandrichtlinie</a></li>
          <li><a href="/policies/refund-policy">Rückgaberichtlinie</a></li>
          <li><a href="/pages/data-sharing-opt-out">Deine Datenschutzeinstellungen</a></li>
        </ul>
      </div>

<div class="v21-footer-col v21-footer-news">
        <h4>Newsletter abonnieren</h4>
        <p>Erhalte 10% auf deine erste Bestellung, exklusive Drops und redaktionelle Auswahl.</p>
        <form method="post" action="/de/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="Deine E-Mail" required aria-label="E-Mail">
          <button type="submit" aria-label="Abonnieren">
            <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">Kein Spam. Jederzeit abmeldbar.</p>
      </div>

</div>
  </div>

<div class="v21-footer-mid">
    <div class="v21-footer-payments">
      <span class="v21-footer-payments-label">Sicher bezahlen:</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">Versand mit:</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>🔒 Sicheres Einkaufen · SSL 256-bit</span>
        <span>🇮🇹 Versand aus Italien</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"
    >
      Suche
    </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="Suchen"
    >
      <form
        action="/de/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"
            >Suchen</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="Suchen"
              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"
            >
              Löschen
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Dialogfeld schließen"
            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">
      Produkte
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Produkte"
    >
      
      
        <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="/de/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">Normaler Preis </span>
        <span class="compare-at-price">€50,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Angebotspreis </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="/de/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">Normaler Preis </span>
        <span class="compare-at-price">€240,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Angebotspreis </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="/de/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">Normaler Preis </span>
        <span class="compare-at-price">€45,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Angebotspreis </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="/de/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">Normaler Preis </span>
        <span class="compare-at-price">€45,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Angebotspreis </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"
            >
              Alle anzeigen
            </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="Dialogfeld schließen"
    ><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')">Damen</button>
      <button class="v21-mm-tab active" data-tab="uomo" onclick="vyroxMMTab('uomo')">Herren</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;">Artikel, Marken und mehr durchsuchen...</span>
      </a>
    </div>

<div class="v21-mm-coupon">
      <a class="v21-mm-coupon-top" href="/collections/sale">
        <span>1 Coupon wartet auf dich</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>Sparen mit deinen Coupons</h4>
          <p>Entdecke Coupons und entsperre sofort die besten Preise!</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">Kleidung <span style="font-size:26px">🧥</span></a>
        <a href="/collections/uomo-sneaker" class="v21-mm-tile">Schuhe <span style="font-size:26px">👟</span></a>
        <a href="/collections/uomo-felpa" class="v21-mm-tile">Sweatshirts <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">Jacken <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">Kleidung <span style="font-size:26px">👗</span></a>
        <a href="/collections/donna-sneaker" class="v21-mm-tile">Schuhe <span style="font-size:26px">👠</span></a>
        <a href="/collections/donna-borse" class="v21-mm-tile">Taschen <span style="font-size:26px">👜</span></a>
        <a href="/collections/donna-abito" class="v21-mm-tile">Kleider <span style="font-size:26px">👗</span></a>
        <a href="/collections/donna-felpa" class="v21-mm-tile">Sweatshirts <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>

Dein Warenkorb ist leer

Nach Kategorie einkaufen

Nach Geschlecht

Hervorgehoben

Top-Marken

Das Neue
stagione

Nach Kategorie einkaufen

Nach Geschlecht

Hervorgehoben

Top-Marken

Sneaker SS26

Nach Kategorie einkaufen

Hervorgehoben

Sportmarken

Active & Move

Nach Kategorie einkaufen

Hervorgehoben

Top-Marken

Taschen
icons

Nach Kategorie einkaufen

Top Street Brands

Street
edit

Hervorgehobene Designer

Nach Kategorie

Designer
edit

Designer A-D

Designer I-P

Designer R-Z

55+
designer

Rücksendung anfordern

Country/Region

Sprache

Country/Region

Sprache

Dein Warenkorb ist leer

Nach Kategorie einkaufen

Nach Geschlecht

Hervorgehoben

Top-Marken

Das Neuestagione

Nach Kategorie einkaufen

Nach Geschlecht

Hervorgehoben

Top-Marken

Sneaker SS26

Nach Kategorie einkaufen

Hervorgehoben

Sportmarken

Active & Move

Nach Kategorie einkaufen

Hervorgehoben

Top-Marken

Taschenicons

Nach Kategorie einkaufen

Top Street Brands

Streetedit

Hervorgehobene Designer

Nach Kategorie

Designeredit

Designer A-D

Designer I-P

Designer R-Z

55+designer

Rücksendung anfordern

Das Neue
stagione

Taschen
icons

Street
edit

Designer
edit

55+
designer