Solicitar una Devolución

Tienes 14 días desde la recepción de tu pedido para solicitar una devolución gratuita. Completa el formulario a continuación y recibirás la etiqueta de envío por correo electrónico en pocos minutos.

Número de Pedido *

Email del Pedido *

Motivo de la Devolución

Notas (Opcional)

</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>Customer Service</h4>
        <ul>
          <li><a href="/pages/contact">Contacto</a></li>
          <li><a href="/pages/spedizioni">Envíos</a></li>
          <li><a href="/pages/resi-e-rimborsi">Devoluciones y Reembolsos</a></li>
          <li><a href="/pages/reso">Solicitar una devolución</a></li>
          <li><a href="/account">Rastreo de pedido</a></li>
          <li><a href="/search">Buscar</a></li>
        </ul>
      </div>

<div class="v21-footer-col">
        <h4>Empresa</h4>
        <ul>
          <li><a href="/pages/chi-siamo">Quiénes somos</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">Catálogo completo</a></li>
          <li><a href="/collections/sale">Rebajas</a></li>
        </ul>
      </div>

<div class="v21-footer-col">
        <h4>Legal & Privacidad</h4>
        <ul>
          <li><a href="/policies/privacy-policy">Política de privacidad</a></li>
          <li><a href="/policies/terms-of-service">Términos y Condiciones</a></li>
          <li><a href="/pages/cookie-policy">Política de cookies</a></li>
          <li><a href="/policies/shipping-policy">Política de envíos</a></li>
          <li><a href="/policies/refund-policy">Política de reembolso</a></li>
          <li><a href="/pages/data-sharing-opt-out">Tus opciones de privacidad</a></li>
        </ul>
      </div>

<div class="v21-footer-col v21-footer-news">
        <h4>Suscríbete a nuestra newsletter</h4>
        <p>Recibe 10% en tu primer pedido, drops en exclusiva y selección editorial.</p>
        <form method="post" action="/es/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="Tu email" required aria-label="Email">
          <button type="submit" aria-label="Suscribirse">
            <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">Sin spam. Puedes darte de baja en cualquier momento.</p>
      </div>

</div>
  </div>

<div class="v21-footer-mid">
    <div class="v21-footer-payments">
      <span class="v21-footer-payments-label">Paga de forma segura:</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">Enviamos con:</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>🔒 Compra segura · SSL 256-bit</span>
        <span>🇮🇹 Enviamos desde Italia</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"
    >
      Buscar
    </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="Buscar"
    >
      <form
        action="/es/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"
            >Buscar</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="Buscar"
              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"
            >
              Borrar
            </button>
          </div>
          <button
            type="button"
            class="button predictive-search__close-modal-button"
            aria-label="Cerrar diálogo"
            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">
      Productos
    </h4>
    <ul
      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
      role="listbox"
      aria-label="Productos"
    >
      
      
        <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="/es/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">Precio habitual </span>
        <span class="compare-at-price">€50,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Precio de oferta </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="/es/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">Precio habitual </span>
        <span class="compare-at-price">€240,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Precio de oferta </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="/es/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">Precio habitual </span>
        <span class="compare-at-price">€45,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Precio de oferta </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="/es/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">Precio habitual </span>
        <span class="compare-at-price">€45,00</span>
      </span>

<span role="group">
        <span class="visually-hidden">Precio de oferta </span>
        <span class="price">€35,00</span>
      </span>

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

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

</div>
  
</div>

</div>

<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="Cerrar diálogo"
    ><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')">Mujer</button>
      <button class="v21-mm-tab active" data-tab="uomo" onclick="vyroxMMTab('uomo')">Hombre</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;">Busca artículos, marcas y más...</span>
      </a>
    </div>

<div class="v21-mm-coupon">
      <a class="v21-mm-coupon-top" href="/collections/sale">
        <span>1 Cupón esperando por ti</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>Ahorra con tus Cupones</h4>
          <p>Descubre los Cupones y desbloquea ya los mejores precios</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">Ropa <span style="font-size:26px">🧥</span></a>
        <a href="/collections/uomo-sneaker" class="v21-mm-tile">Zapatos <span style="font-size:26px">👟</span></a>
        <a href="/collections/uomo-felpa" class="v21-mm-tile">Sudaderas <span style="font-size:26px">👕</span></a>
        <a href="/collections/uomo-accessori" class="v21-mm-tile">Accesorios <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">Chaquetas <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">Ropa <span style="font-size:26px">👗</span></a>
        <a href="/collections/donna-sneaker" class="v21-mm-tile">Zapatos <span style="font-size:26px">👠</span></a>
        <a href="/collections/donna-borse" class="v21-mm-tile">Bolsos <span style="font-size:26px">👜</span></a>
        <a href="/collections/donna-abito" class="v21-mm-tile">Vestidos <span style="font-size:26px">👗</span></a>
        <a href="/collections/donna-felpa" class="v21-mm-tile">Sudaderas <span style="font-size:26px">👕</span></a>
        <a href="/collections/donna-accessori" class="v21-mm-tile">Accesorios <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>

Tu carrito esta vacío

Compra por categoría

Por género

En destaque

Marcas top

Lo nuevo
stagione

Compra por categoría

Por género

En destaque

Marcas top

Sneaker SS26

Compra por categoría

En destaque

Marcas deporte

Active & Move

Compra por categoría

En destaque

Marcas top

Bolsos
icons

Compra por categoría

Top marcas street

Street
edit

Diseñadores destacados

Por categoría

Designer
edit

Designer A-D

Designer I-P

Designer R-Z

55+
designer

Solicitar una Devolución

Country/Region

Idioma

Country/Region

Idioma

Tu carrito esta vacío

Compra por categoría

Por género

En destaque

Marcas top

Lo nuevostagione

Compra por categoría

Por género

En destaque

Marcas top

Sneaker SS26

Compra por categoría

En destaque

Marcas deporte

Active & Move

Compra por categoría

En destaque

Marcas top

Bolsosicons

Compra por categoría

Top marcas street

Streetedit

Diseñadores destacados

Por categoría

Designeredit

Designer A-D

Designer I-P

Designer R-Z

55+designer

Solicitar una Devolución

Lo nuevo
stagione

Bolsos
icons

Street
edit

Designer
edit

55+
designer