<!-- GLOCK Merch Wunschbox – Responsive Infoblock -->
<div style="max-width: 1100px; margin: 0 auto; padding: 16px; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#111;">
  
  <!-- Headline -->
  <h2 style="margin:0 0 8px 0; font-size: clamp(22px, 3.2vw, 34px); line-height:1.2; text-align:center;">
    GLOCK® Merch Wunschbox
  </h2>
  <p style="margin:0 0 18px 0; text-align:center; font-size: clamp(14px, 2.4vw, 18px);">
    Stell dir deine persönliche Box zusammen – wir verpacken alles stilecht in der MTM Ammo Can (.50 Cal).
  </p>

  <!-- Aktionshinweis -->
  <div style="background:#111; color:#fff; border-radius:12px; padding:14px 16px; text-align:center; margin-bottom:16px;">
    <strong>Aktion:</strong> Ab <strong>150 € Bestellwert (ohne Box)</strong> bekommst du die 
    <strong>MTM Ammo Can</strong> im Wert von <strong>21,90 €</strong> gratis.
  </div>

  <!-- 3-Schritte-Grid (responsive, ohne Tabellen) -->
  <div style="display:flex; flex-wrap:wrap; gap:12px; justify-content:center;">
    
    <!-- Step 1 -->
    <div style="flex:1 1 220px; max-width:360px; border:1px solid #e5e7eb; border-radius:12px; padding:16px; text-align:center; background:#fff;">
      <!-- Icon: Cart (inline SVG) -->
      <div aria-hidden="true" style="margin-bottom:10px;">
        <svg width="44" height="44" viewBox="0 0 24 24" fill="none" style="display:inline-block">
          <path d="M3 3h2l.4 2M7 13h9.4a1 1 0 0 0 .98-.804l1.2-6A1 1 0 0 0 17.6 5H5.4" stroke="#111" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
          <circle cx="9" cy="19" r="1.6" fill="#111"/>
          <circle cx="17" cy="19" r="1.6" fill="#111"/>
        </svg>
      </div>
      <h3 style="margin:0 0 6px 0; font-size:18px;">Lieblingsartikel wählen</h3>
      <p style="margin:0; font-size:14px; line-height:1.45;">
        Lege GLOCK-Merch in den Warenkorb, bis der <strong>Inhaltswert 150 €</strong> erreicht ist.
      </p>
    </div>

    <!-- Step 2 -->
    <div style="flex:1 1 220px; max-width:360px; border:1px solid #e5e7eb; border-radius:12px; padding:16px; text-align:center; background:#fff;">
      <!-- Icon: Box -->
      <div aria-hidden="true" style="margin-bottom:10px;">
        <svg width="44" height="44" viewBox="0 0 24 24" fill="none" style="display:inline-block">
          <path d="M3 7l9-4 9 4-9 4-9-4Z" stroke="#111" stroke-width="1.6" stroke-linejoin="round"/>
          <path d="M21 7v10l-9 4-9-4V7" stroke="#111" stroke-width="1.6" stroke-linejoin="round"/>
          <path d="M12 11v10" stroke="#111" stroke-width="1.6" stroke-linecap="round"/>
        </svg>
      </div>
      <h3 style="margin:0 0 6px 0; font-size:18px;">Box hinzufügen</h3>
      <p style="margin:0; font-size:14px; line-height:1.45;">
        Füge die <strong>MTM Ammo Can</strong> in deiner Wunschfarbe zusätzlich in den Warenkorb.
      </p>
    </div>

    <!-- Step 3 -->
    <div style="flex:1 1 220px; max-width:360px; border:1px solid #e5e7eb; border-radius:12px; padding:16px; text-align:center; background:#fff;">
      <!-- Icon: Check/Discount -->
      <div aria-hidden="true" style="margin-bottom:10px;">
        <svg width="44" height="44" viewBox="0 0 24 24" fill="none" style="display:inline-block">
          <path d="M4 12l4 4 8-8" stroke="#111" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
          <circle cx="12" cy="12" r="9" stroke="#111" stroke-width="1.6"/>
        </svg>
      </div>
      <h3 style="margin:0 0 6px 0; font-size:18px;">Rabatt greift automatisch</h3>
      <p style="margin:0; font-size:14px; line-height:1.45;">
        Sobald der <strong>Inhaltswert 150 €</strong> erreicht ist, wird der Preis der Box im Checkout auf <strong>0 €</strong> gesetzt.
      </p>
    </div>
  </div>

  <!-- Hinweiszeilen -->
  <div style="margin-top:14px; font-size:13px; line-height:1.5; color:#333;">
    <p style="margin:0 0 6px 0;">
      <strong>Wichtig:</strong> Die <strong>150 €</strong> beziehen sich auf den <strong>Warenwert ohne Box</strong>.
      Lege die MTM Ammo Can aktiv in den Warenkorb, damit der Abzug erfolgen kann.
    </p>
    <p style="margin:0 0 6px 0;">
      GLOCK Watches und 18+-Artikel sind von der Aktion ausgeschlossen.  
      Und keine Sorge: Großformatiges wie Stockschirme kommt separat 😉
    </p>
    <p style="margin:0; color:#666;">Aktion gültig, solange der Vorrat reicht.</p>
  </div>
</div>