Catalogue

<div style="text-align: center; margin-bottom: 30px;">
  <h2 style="font-size: 28px; margin-bottom: 10px;">Explorez nos univers</h2>
  <p style="font-size: 16px;">Naviguez à travers nos différentes collections pour dénicher la perle rare ou compléter votre set préféré !</p>
</div>

<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 25px;">
  
  <a href="https://lerefugegeek.fr/collections/funko-pop" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/funko.jpg" alt="Funko Pop" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Figurines Funko Pop</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/autres-figurines" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/autres-figurines.jpg" alt="Autres Figurines" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Autres Figurines</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/cartes-yu-gi-oh-lorcana-pokemon" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/cartes.jpg" alt="Cartes" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Cartes</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/jeux-de-societe" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/jeux.jpg" alt="Jeux de société" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Jeux de société</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/puzzles" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/puzzles.jpg" alt="Puzzles" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Puzzles</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/eraflees-du-multivers" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/eraflees.jpg" alt="Eraflées du Multivers" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Eraflées du Multivers</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/nouveautes" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/nouveautes.jpg" alt="Nouveautés" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Nouveautés</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/precommandes" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/preco.jpg" alt="Précommandes" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Précommandes</div>
    </div>
  </a>

  <a href="https://lerefugegeek.fr/collections/promotions" style="text-decoration: none; color: inherit;">
    <div style="border: 1px solid #ddd; border-radius: 12px; overflow: hidden;">
      <img src="https://cdn.shopify.com/s/files/1/0833/2062/9132/files/promos.jpg" alt="Promotions" style="width: 100%; height: auto;">
      <div style="padding: 10px; font-weight: bold; text-align: center;">Promotions</div>
    </div>
  </a>

</div>